@font-face {
  font-family: 'iconfont';  /* Project id 3972234 */
  src: url('../fonts/font_3972234_to6fro6m26d.woff2') format('woff2'),
       url('../fonts/font_3972234_to6fro6m26d.woff') format('woff'),
       url('../fonts/font_3972234_to6fro6m26d.ttf') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html{scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'Microsoft YaHei',Arial, Helvetica, Verdana;overflow-x:hidden;height:100%;font-size: 14px;width:100%;}
body {
    overflow-x: hidden;
}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 红色 #c00d23*/
body{--zhu-color:#c00d23;--pei-color:#de7518;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden; min-width: 1280px;}
.wrapp{width:100%;margin:0 auto;position: relative;}
.wrappp{width:100%;padding:0 50px;}
.img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.fancynav-mainnav{position: fixed;z-index: 999!important;}
@media(max-width: 1700px){
	.wrappp{padding:0;}
}
@media(min-width: 1600px){
	.wrap{width:1600px;}
	.wrapp{width:1600px;}
}
@media(max-width: 1024px){
	
}


/*自定义滚动条*/
body::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
body::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #918876;
}
body::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}


/*在线客服*/
.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 9;}
.online_kefu ul li{ border: 1px solid #efefef; list-style-type:none; width:50px; height:60px; padding-top: 7px;  text-align: center; position: relative; background-color: #fff; color: #666666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 20px;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; line-height:25px;display: flex;flex-direction: column;align-items: center;}
.online_kefu ul li .hover_con{border-radius: 3px; position: absolute;	left:-200px;left:-100px;	width: 120px;	color: #ffffff !important; text-align: center;background-color: #918876;height:40px; line-height:40px; bottom: 7px; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}

.online_kefu li:hover{background-color:#918876; color: #fff;border: 1px solid #918876;}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover span{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #918876; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none !important;}
}

@media (max-width: 767px) {
    .online_kefu{bottom: 20vh;}
	.mobile_mob { display: inline-block !important; }
	.mobile_pc { display: none !important; }
}
/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

.banner{ width: 100%;max-width: 1920px;min-width: 1280px; margin: 0px auto ; overflow: hidden; position: relative;}
.banner .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-pagination-bullet{ background: #FFF; width: 12px; height: 12px;  opacity: 1; }
.banner .swiper-pagination-bullet-active{background-color:#66B610;}
.banner .swiper-slide img {max-width: 100%; display: block;}

.m-banner{ width: 100%; overflow: hidden; position: relative; display: none;}
.m-banner .swiper-pagination-bullet{ background: #FFF;  opacity: 1; }
.m-banner .swiper-pagination-bullet-active{background-color:#66B610;}
.m-banner .swiper-slide img {max-width: 100%; display: block;}

.wapper1 {
    width: 86%;
    margin: 0 auto;
    min-width: 1280px;
}	
.con03bg{ }
.con03{}
.con03 .list{ margin-top:80px;}
.con03 .list ul li{ margin-bottom:100px; }
.con03 .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
	height: 100%; width: 100%; position: relative; 
    background-color: rgb(248, 248, 248);
    border-radius: 20px;
    box-shadow: 0px 0px 10px 1px transparent;	
   
    
	}
.con03 .list ul li:nth-child(2n) .nr_box{ flex-direction:row-reverse;}
	
	
.con03 .list ul li .nr_bg{}	
	
	
	
.con03 .list ul li .imgbg{ width:58%;}
.con03 .list ul li .img{ padding-bottom:56%; position:relative;}
.con03 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;    box-shadow: transparent 0px 0px 10px 1px; border-radius: 6px;}
.con03 .list ul li .txtbg{ width:42%; background:url(../images/bgright.png) center no-repeat; background-size:100% 100%;}
.con03 .list ul li:nth-child(2n) .txtbg{ background-image:url(../images/bgleft.png);}
.con03 .list ul li .txt{ padding:40px 10%; color:#666;}
.con03 .list ul li .txt .h2{ font-size:24px; line-height:34px; color:#333;}
.con03 .list ul li:hover .txt .h2{ color:var(--primary-color);}
.con03 .list ul li .txt .h3{ font-size:14px; line-height:24px; margin-bottom:45px;}
.con03 .list ul li .txt .line1{ width:30px; height:2px; background:#b8becc; margin-top:25px; margin-bottom:30px;}

.page_title { text-align: center; margin-bottom: 40px;}	
.page_title_h2 { font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: rgb(51, 51, 51);}	
.page_title_line {border-color: rgb(102, 102, 102);
    border-bottom-style: solid;
    border-width: 1px;
    height: 13.5px; width: 300px; margin: 0px auto;}
.page_title_h3 {font-family: 华文仿宋;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: rgb(102, 102, 102); line-height: 40px;}	

