.lx{ display:flex; padding-top: 70px; justify-content: space-between;}
.lx dl{ display:flex;  align-items: center; gap: 20px;}
.lx dt{}
.lx dd{}



* {	margin: 0px; padding: 0px;}
body, html {

	font-family:Arial,Microsoft YaHei,"PingFang SC","STHeiti","SimHei",sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color: transparent; 
	-webkit-overflow-scrolling: touch; 
	overflow-scrolling: touch ;

}
a {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;}
ul, li {list-style-image: none;list-style-type: none;}
img { border:none; display: block;}

.clr {clear: both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ overflow:hidden;}

object{display:none;}

  /* 滚动条整体样式 */
        ::-webkit-scrollbar {
            width: 6px;
        }

        /* 滚动条轨道 */
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        /* 滚动条滑块 */
        ::-webkit-scrollbar-thumb {
            background: #999;
            border-radius: 10px;
        }

        /* 滚动条滑块悬停效果 */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

/*pages*/
.pages{
      height: 60px;
    padding: 20px 0 30px;
    width: 100%;
    clear: both;
}
.tcdPageCode {
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.tcdPageCode li{
  display: inline;
}
.tcdPageCode span.disabled {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #808080;
    background: #fff;
    border: 1px solid #e6e3e3;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode span.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #fff;
    background-color: #278747;
    border: 1px solid #278747;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode a {
    display: inline-block;
    color: #808080;
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 14px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle;
    border-radius:1px;
}

.m-t-20{

text-align:center;
margin:20px 0;!important

}

.page-item a{color:#333;}




/*上下翻页*/
.pagination{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
}
.page-link{
  border-radius: 24px !important;
  display:block;
}

.top{ background: #fff; width:100%; }





.head{  max-width:1400px;  margin: 0 auto; padding:0 10px; height:83px;  display: flex;  justify-content: space-between;}
.logo{ }
.logo img{ display:block; max-height: 90px;}
.logo img:hover {    animation: beerBottleShake 0.8s ease-in-out;  }


.nav { display:flex; justify-content: flex-end;;  width:100%; margin-left:11%; gap: 4%;}
.nav li {  position: relative;  height:66px;  text-align: center; }
.nav li a { display: flex;   line-height:92px;  color: #333; font-size: 18px; padding:0 20px;}
.nav li:hover a{ color:#b3925d; font-weight: normal;}
.nav li:hover ul a{color:#333; font-weight: normal;}
.nav ul { display:none; position:absolute; z-index:999; top:66px;  width:183px;  border-top:solid 2px #b3925d;   background:#fff;  left:50%;  transform:translate(-50%,0);  }
.nav ul li { height: 44px; line-height: 44px;  border-radius:20px; }
.nav ul li a{  font-size:14px;  font-family:arial; display:block; text-align:center; height:44px; line-height:44px;  border-bottom:solid 1px #f2f2f2; }
.nav ul li a:hover {  background:#b3925d; color:#fff; }



.headrg{ display:none;}

.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.banner{ position:relative; padding-bottom:0px; }
.mySwiper img{ margin:auto; width:100%;  }
.mySwiper img:nth-child(2n){ display:none;}




.pc{display:block; }
.phone{  display:none;}

.sl{ background:#333;}
.sln{ max-width:1600px; margin:auto; padding:2vw 10px; color:#ffefaf; display: flex; justify-content: space-around; align-items: center;}
.sl dt{font-size: 50px; font-weight: bold; position: relative;}
.sl sup{ font-size:20px; position: absolute;  font-weight: normal;  top: -5px;}
.sl dd{ font-size:20px; text-align: center;}

.title{ text-align:center; color:#b3925d;     position: relative;}
.title dt{font-size:40px; font-weight: bold;  display: flex; justify-content: center;  align-items: center; gap:18px;}

.title dd{ font-size:18px; letter-spacing:6px;}

.box1{ padding:0 10px 3vh 10px;}
.box1 ul{ max-width:1600px; margin:auto; padding:4vh 0; display:flex; justify-content: space-between; text-align: center; gap:2%;}
.box1 ul b{ color:#222; font-size:16px; display: block;   padding-top: 16px; font-weight:bold;}
.box1 ul li{ transition: all 0.5s; width: 20%; border-radius: 30px;}
.box1 ul li:hover{	box-shadow: 0 15px 35px rgba(255, 238, 172, 0);  transform: scale(1) translateY(-30px) rotate(-2.5deg);}
.box1 ul img{ width:100%; border-radius: 30px;}


.box2{ padding:0 10px 0 10px;}

.box2n{padding:3vh 0;}
.box2n dl{ max-width:1600px; margin:0 auto 50px auto; background:#333; border-radius:30px; display: flex; align-items: center; transition: all 0.5s;     overflow: hidden;}
.box2n dl:hover{	box-shadow: 0 15px 35px rgba(255, 238, 172, 0);  transform: scale(1) translateY(-30px) rotate(-2.5deg);}
.box2n dt{ display: flex;}

.box2n dl img{border-radius:0px; }


.box2n dd{ padding-top:10px; padding-bottom:10px;}
.box2n dd strong{ display:block; font-size: 30px; font-weight: bold; color:#ffeeac;}
.box2n dd i{ display:block; width:36px; height:2px; background:#b3925d; margin:4% 0 6% 0;}
.box2n dd p{ font-size:16px; color:#ffeeac; line-height: 34px;}
.box2n dd p b{ font-weight: bold; color:#ffeeac;     font-size: 22px;}

.box2n dl:nth-child(1n) dt img:nth-child(1){ z-index: 3;}
.box2n dl:nth-child(1n) dt img:nth-child(2){ transform: translateX(-40px); z-index: 2;}
.box2n dl:nth-child(1n) dt img:nth-child(3){ transform: translateX(-60px); z-index: 1;}

.box2n dl:nth-child(2n) dt img:nth-child(1){ transform: translateX(60px);  z-index: 3;}
.box2n dl:nth-child(2n) dt img:nth-child(2){ transform: translateX(40px); z-index: 2;}
.box2n dl:nth-child(2n) dt img:nth-child(3){ transform: translateX(0);   z-index: 1;}

.box2n dl:nth-child(1n) dd{ transform: translateX(-20px); padding-right:20px;}
.box2n dl:nth-child(2n) dd{ transform: translateX(40px); padding-right:20px;}
.box2n dl:nth-child(7) dd{ transform: translateX(40px); padding-right:100px;}


.box3{ padding:5vh 10px 0 10px;}
.box3n{max-width:1600px; margin:auto; padding:40px 0; display: flex; flex-wrap: wrap;  justify-content: space-between;  row-gap: 1vh; text-align: center;}
.box3n dl{ width:31%; transition: all 0.3s;  }


.box3n dl img{ width:100%; transition: all 0.8s; }
.box3n dl img:hover{ transform: scale(1.1); }

/* .box3n dl:hover {    animation: beerBottleShake 0.8s ease-in-out;  }*/

        @keyframes beerBottleShake {
            0% {
                transform: rotate(0deg);
            }
            20% {
                transform: rotate(-5deg);
            }
            40% {
                transform: rotate(5deg);
            }
            60% {
                transform: rotate(-4deg);
            }
            80% {
                transform: rotate(4deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }


.box3n dd{ width:188px; height: 40px;  text-align: center; line-height: 40px; margin: auto; transform: skewX(-30deg) translateX(-40px) translateY(-52px); background-color: rgba(0, 0, 0, 0.5);  transition: all 0.5s; }
.box3n dd b{ display: block; transform: skewX(30deg); }
.box3n a{ color: #ffeeac; font-size: 16px; }
.box3n dl:hover dd{    opacity: 0; }

.box4{ width:100%; background:url(../image/bg1.jpg) no-repeat center center;   background-attachment: fixed; background-size: cover; position:relative;}
.box4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.box4 dl{ max-width:1600px; padding:6vh 10px; margin: auto; display: flex;  justify-content: space-between; position: relative;}
.box4 dt{color: #ffeeac; width:45%;}
.box4 dt b{ font-size:40px; display: flex; align-items: center;     gap: 10px; padding-bottom: 40px;}
.box4 dt p{ font-size:16px; line-height: 30px; padding-bottom: 40px;}
.box4 dt a{ width:125px; height: 39px; line-height: 39px; text-align: center; border-radius: 20px; border:solid 1px #ffeeac; color: #ffeeac; display: block; background: linear-gradient(to right, #ffeeac 50%, transparent 50%);
background-size: 200% 100%;    background-position: right bottom;   transition: all 0.3s ease;}
.box4 dt a:hover{  background-position: left bottom; color: #b3925d;}
.box4 dd{ width:50%;}
.box4 dd img{ width:100%;}


.box5{  padding:50px 10px;}
.box5n{ max-width:1600px; margin: auto; display: flex; justify-content: space-between;     flex-wrap: wrap;}
.box5n dl{ width:32%;} 
.box5n dl img{ width:100%; border-radius: 90px;  box-shadow: 0px 10px 0px rgba(0, 0, 0, .1);  transition: all 0.8s;}
.box5n dl img:hover{transform: scale(1.1)}

.box5n dd{ width:188px; height: 40px;  text-align: center; line-height: 40px; margin: auto; transform: skewX(-30deg) translateX(-40px) translateY(-52px); background-color: rgba(0, 0, 0, 0.5);  transition: all 0.5s; }
.box5n dd b{ display: block; transform: skewX(30deg); }
.box5n a{ color: #ffeeac; font-size: 16px; }
.box5n dl:hover dd{    opacity: 0; }

/* .box5n dl:hover {    animation: beerBottleShake 0.8s ease-in-out;   }*/

        @keyframes beerBottleShake {
            0% {
                transform: rotate(0deg);
            }
            20% {
                transform: rotate(-5deg);
            }
            40% {
                transform: rotate(5deg);
            }
            60% {
                transform: rotate(-4deg);
            }
            80% {
                transform: rotate(4deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }



.box6{  padding:0 10px;}
.box6n{ max-width:1600px; margin: auto; padding-top:20px; padding-bottom: 30px;}

.mySwiper20 .swiper-slide img{z-index: 1; width:100%; border: solid 6px #000; box-sizing: border-box; border-radius: 30px;}
.swiper-pagination20{ text-align:center; transform:  translateY(-20px); z-index: 2; position: relative;}


.box7{ width:100%; padding:50px 0;   background:url(../image/bg2.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;     position: relative;}
.box7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.box7n { max-width:1400px; padding:6vh 10px; margin: auto;   }

#demo {	max-width: 1600px;overflow: hidden;	margin-right: auto;	margin-left: auto;	padding-top:30px;     position: relative;}
#demo td {padding-right: 20px;}
#demo td a img {display: block;}
#demo td a:hover img {}
#demo  a span {color: #333;display: block;	padding-top: 20px;	padding-bottom: 4px;	text-align: center;	font-size: 18px;}
#demo a:hover span {text-decoration: none;}



.box8{ width:100%; padding:50px 0;  }
.box8n { max-width:1600px; padding:2vh 10px;     margin: auto; }
.box8n dl{ background:#333; border-radius: 30px;  overflow: hidden; }
.box8n dt{ height:20vh; overflow:hidden; }
.box8n dl:hover img{transform: scale(1.2)}
.box8n img{ width: 100%; height: 150%;  object-fit: cover;   object-position: center; transition: all 0.8s;}
.box8n dd{ color:#ffeeac; padding:40px 20px;}
.box8n b{font-size: 18px; display: block; font-weight: bold; position: relative; width: max-content; white-space: nowrap;}
.box8n b:before {  content: "";   width: 0%;  left: 0; bottom: -3px;  height: 1px;  background: #ffeeac;  position: absolute;  transition: 0.3s;}
.box8n dl:hover b:before { width: 100%;}

.box8n p{font-size:14px; line-height: 30px; padding:20px 0 30px 0;}
.box8n span{ display:block; font-size:14px;}


#demo10 {	max-width: 1600px;overflow: hidden;	margin-right: auto;	margin-left: auto;	padding-top:30px; padding-bottom:30px;}
#demo10 td {padding-right: 20px; position: relative;}
#demo10 td a img {display: block; }
#demo10 td a img:nth-child(1){ position:absolute;left:50%;top:50%;transform:translate(-53.5%,-53%); width:90%;     width: 80%;}
#demo10 td a:hover img {}
#demo10  a span {color: #333;display: block;	padding-top: 20px;	padding-bottom: 4px;	text-align: center;	font-size: 18px;}
#demo10 a:hover span {text-decoration: none;}

.box9n {	max-width: 1600px;overflow: hidden;	margin-right: auto;	margin-left: auto;	padding:30px 10px 60px 10px; }
.box9n a img {display: block; width:100%;}
.box9n a img:nth-child(1){ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);  width: 88%;}



.ft{  padding: 4vw 0 2vw 0; color:#a7a7a7; background: url(../image/fbg.png) no-repeat 70% top; background-color: #3e3e3e;}
.ftn{ max-width:1600px; padding:0 10px; margin:auto; }
.ftn dl{ display: flex; justify-content: space-between; border-bottom:solid 1px #5b5b5b; padding-bottom: 40px; }
.ftn dl dl{ border:none;}
.ftn dl dd { display: flex; justify-content: space-between; gap: 6vw;}
.ftn dl dd dl{ display: block;}
.ftn dl dd dl dd { display: block;}

.ftn dl dt b{ font-size:18px; font-weight: normal; display: block;}
.ftn dl dt strong{ color:#ffeeac; font-size:46px; display: block; padding: 10px 0 10px 10px;}
.ftn dl dt strong span{     display: inline-block;  margin-left: -10px;}
.ftn dl dt p{ line-height:26px;}

.ftn dl dd dt a{font-size:18px; color:#fff;}
.ftn dl dd dt a:after{ content:""; display: block; width:16px; height: 2px; background:#ffeeac; margin:14px 0;}

.ftn dl dd dd a{ font-size:14px; color:#a7a7a7; line-height:30px; position: relative; width: max-content; white-space: nowrap; transition: 0.3s;}


.ftn dl dd dd a:before {  content: "";   width: 0%;  left: 0; bottom: -3px;  height: 1px;  background: #ffeeac;  position: absolute;  transition: 0.3s;}
.ftn dl dd dd a:hover:before { width: 100%;}
.ftn dl dd dd a:hover{ color:#ffeeac;}



.ftn ul{ display: flex; justify-content: space-between;     justify-content: center;  gap: 1vw; text-align:center; color:#fff;}
.ftn ul img{ margin-bottom:16px; transition: all .6s; border-radius:20px;}
.ftn ul img:hover{ box-shadow: 0 20px 20px rgba(0,0,0,.2);}

.ftn ul{ padding-top:70px;}




.bq{ background:#383838; color:#999; padding:1vw 0; text-align: center;}









        /* 定义返回顶部按钮的样式 */
.back-to-top {
            position: fixed;
            bottom: 60px;
            right: 40px;
             width: 42px;
    height: 62px;
    background-image: url(../image/top-icon.png);
    background-size: 100% 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
}

.back-to-top.show {opacity: 1; visibility: visible;}
.back-to-top:hover { }


.page-background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    display: block;
}

.page-background .svg {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-filter: blur(50px);
    filter: blur(50px);
}






.gybanner{ width:100%; position:relative; background-attachment: fixed;  background:#000;  }
.gybanner .image {  overflow: hidden;}
.gybanner .image img {animation: zoomIn 4s cubic-bezier(0.18, 0.61, 0.34, 0.99); animation-timing-function: ease;  width: 100%; transform-origin: 80% 20%; opacity: 0.5;}
@keyframes zoomIn {
	0% {
		transform: scale(1.2);
      opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.5;
	}
}




.gybanner .cont{ text-align:center; color:#ffeeac; position: absolute;  left: 50%;  top: 50%; transform: translate(-50%, -50%);}
.gybanner .cont b{ font-size: 36px; display:block; font-weight: bold; padding-bottom: 6px;}
.gybanner .cont p{ font-size: 20px; }


.box{ }
.box img{ display:inline;}
.wz{ max-width:1380px; padding:0 10px;     text-indent: 20px;  margin:auto;  height:60px; line-height:60px; color:#808080; background:url(https://www.youqudoll.com/template/pc/images/wz.gif) no-repeat 0 center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;  display:none; }

.sidenav{ max-width:1400px; margin:auto; display:flex; flex-wrap: wrap;     justify-content: center; padding:70px 10px 0 10px; gap: 20px;}
.sidenav a{ font-size:20px; color:#333; max-width: 260px; height:55px; line-height:55px;  flex:1; border:solid 1px #666; border-radius:100px; text-align:center; position:relative; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; transition: all .6s;}

.sidenav a.on{ color:#ffeeac; background:#222;}
.sidenav a.on:after{ content:""; display:none; width:12px; height:12px; border: 1px solid #fff; background:#fff;    transform: rotate(45deg); position:absolute; left:50%; margin-left:-6px; bottom:-8px;} 

.sidenav a:hover{ color:#ffeeac; background:#222; box-shadow: 0 20px 20px rgba(0,0,0,.2);}
.sidenav a:hover:after{ content:""; display:none; width:12px; height:12px; border: 1px solid #fff; background:#fff;    transform: rotate(45deg); position:absolute; left:50%; margin-left: -6px; bottom:-8px;} 

.gy{  max-width: 1600px; margin: 70px auto; box-sizing: border-box; padding: 50px;  border-radius: 40px;  font-size: 16px; background-color: hsla(0, 0%, 100%, .6); line-height: 30px;  color: #333; }
.gy img{ width:100%; max-width:800px; }


.news{ max-width:1600px; margin:auto; padding:70px 0;  overflow:hidden; }
.newsn a{ display:block; border:solid 1px #eee; padding:20px; margin-bottom:20px; line-height:30px; overflow:hidden; background: #fff;}
.news a strong{ display:block; font-size:16px; padding:6px 0; color:#333;}
.news a p{ color:#666; padding-bottom:10px;}
.news a span{ color:#999; }
.news a:hover{ border:solid 1px #b3925d;}
.news a:hover strong{ color:#b3925d;}

.newsl{ float:left; width:20%; height: 15vh; overflow:hidden;}
.newsl img{ width: 100%; height: auto;  object-fit: cover;  object-position: center;}
.newsr{ float:right; width:78%;}

.newsbody{ max-width:1200px; margin:auto; padding:70px 0;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.newsbody h1{ text-align:center; }
.fu{ color:#999; text-align:center; padding-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:dashed 1px #eee;}

.nnn{ font-size:16px; line-height:30px;}

.ry{  max-width: 1600px;  margin: 70px auto; box-sizing: border-box;  padding: 50px;  border-radius: 40px; font-size:16px; line-height:30px; color:#333; text-align:center; display:flex; row-gap: 20px;  flex-wrap: wrap;  justify-content: flex-start; background-color: hsla(0, 0%, 100%, .6); }
.ry p{  width: 23%; margin: 0 1%;}
.ry p a img{ width:100%; display:block;  transition: all .8s;}
.ry p a b{ display: block; overflow:hidden;  border-radius: 20px; transition:all .6s; background:#fff;}
.ry p a b:hover{  box-shadow: 0 20px 20px rgba(0,0,0,.2);}
.ry p:hover a img{  transform: scale(0.9);  box-shadow: 0 0 12px rgba(0,0,0,.1);}
.ry p a span{ display:block; padding-top:4px; color: #333;}

.cp{  max-width: 1600px;  margin: 70px auto; box-sizing: border-box;  padding: 50px;  border-radius: 40px; font-size:16px; line-height:30px; color:#333; text-align:center; display:flex; row-gap: 20px;  flex-wrap: wrap;  justify-content: flex-start; background-color: hsla(0, 0%, 100%, .6); }
.cp p{  width: 23%; margin: 0 1%;}
.cp p a img{ width:100%; display:block;  transition: all .8s;}
.cp p a b{ display: block; overflow:hidden;  border-radius: 20px; transition:all .6s; background:#fff;}
.cp p a b:hover{  box-shadow: 0 20px 20px rgba(0,0,0,.2);}
.cp p:hover a img{  transform: scale(1.2);  box-shadow: 0 0 12px rgba(0,0,0,.1);}
.cp p a span{ display:block; padding-top:4px; color: #333;}


.gc{  max-width: 1600px;  margin: 70px auto; box-sizing: border-box;  padding: 50px;  border-radius: 40px; font-size:16px; line-height:30px; color:#333; text-align:center; display:flex; row-gap: 20px;  flex-wrap: wrap;  justify-content: flex-start; background-color: hsla(0, 0%, 100%, .6); }
.gc p{  width: 23%; margin: 0 1%;}
.gc p a img{ width:100%; display:block;  transition: all .6s;}
.gc p a b{ display: block; overflow:hidden;  border-radius: 20px; transition:all .6s; background:#fff;}
.gc p a b:hover{  box-shadow: 0 20px 20px rgba(0,0,0,.2);}
.gc p:hover a img{  transform: scale(1.1);  box-shadow: 0 0 12px rgba(0,0,0,.1);}
.gc p a span{ display:block; padding-top:4px; color: #333;}

.ryn { max-width: 1600px;  margin: 70px auto; box-sizing: border-box;  padding: 50px;  border-radius: 40px;  font-size: 16px;  background-color: hsla(0, 0%, 100%, .6);  line-height: 30px; color: #333;}
.ryn h1{ text-align:center; padding-bottom: 30px;}
.ryn img{ max-width:100%; border-radius: 30px; transition: all .6s;}
.ryn img:hover{ color:#ffeeac; background:#222; box-shadow: 0 20px 20px rgba(0,0,0,.2);}

.map{ max-width:1600px; margin:auto; }
#baiduMap { border: 1px solid #eee;  height: 450px;}


.iconfont { display: block; height: 100px; line-height: 100px; font-size: 42px; margin: 10px auto; color: #333; transition: font-size 0.25s linear, width 0.25s linear;}
.icon-alibaba{ font-size:34px;}
.iconfont:hover { font-size: 100px;}

.gy .video{ background:#000; max-width:1200px; margin:auto; transition: all .6s;}
.gy .video:hover{ box-shadow: 0px 20px 20px rgba(0,0,0,.2);}

.swiper-pagination{ display: flex; justify-content: center;}

@media screen and (max-width: 1440px) and (min-width: 1023px){
	.sl dt{font-size: 40px;}
}


/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){

.head{ width:100%; margin:auto; padding:0; height:auto;  overflow:hidden;}
.logo{ width:50%; }
.logo img{ width:50%; margin-left:2%;}
	

.nav{ display:none;}
	.yu{ display:none;}



.headrg{ display:block; position:absolute; top:16px; right:2%; transform:translate(0,-50%)}

.headrg a .m_menuimg{ width:23px; height:20px;vertical-align:top;display: block;}

.m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:5px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:36px;display: block}
   .m_img .headrg{padding-right:4%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#333;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #444;}
   .m_nav .m_navList ul li a{display:block;height:55px;color:#ffefaf;line-height:55px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../image/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../image/plus2.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


.banner{ padding-bottom:0;}
.mySwiper img:nth-child(1n){ display:none;}
.mySwiper img:nth-child(2n){ display:block;}


.pc{ display:none;}
.phone{ display:block;}	

	
.sl dt{font-size: 12px;}
.sl sup{font-size:14px;}
.sl dd{ font-size:12px;}
.sl p{ display:none;}	
	
	.title dt{ font-size:20px; gap:0;}
	.title sub img{width:40%; margin: auto;}
	.title dd{ font-size:14px;}
	
	.box1 ul{     flex-wrap: wrap; justify-content: center;     gap: 4vw;}
	.box1 ul li{ width:30%;}
	.box1 ul b{ margin-top: 0; font-size:14px; }
	
	
	.box2n dl { flex-wrap: wrap; margin: 0 auto 20px auto;}
	
	.box2n dl img {  width: 33.3333%; }
	
	.box2n dl:nth-child(1n) dt img:nth-child(2) { transform: translateX(0px);}
	.box2n dl:nth-child(1n) dt img:nth-child(3) { transform: translateX(0px);}
	.box2n dl:nth-child(1n) dd {  transform: translateX(0px); padding-left:20px;  padding-right: 20px;}
	
	.box2n dl:nth-child(2n) dt img:nth-child(1) { transform: translateX(0px);}
	.box2n dl:nth-child(2n) dt img:nth-child(2) { transform: translateX(0px);}
	.box2n dl:nth-child(2n) dd {  transform: translateX(0px); padding-left:20px;  padding-right: 20px;}
	
	.box2n dl:nth-child(7) dt img{ width:100%;}
	
	.box2n dl:nth-child(2n){flex-direction: column-reverse;}
	
	
	.box2n dd strong {font-size: 16px;}
	
	.box2n dd p { font-size: 12px; line-height: 20px;}
	
	.box2n dd p b { font-size: 14px;}
	
	.box2n dd i {  margin: 2% 0 3% 0;}
	
	.box3n dl { width: 48%;}
	.box3n dl img{ width:100%;}
	.box3n dd {  width: 50%;   height: 30px; line-height: 30px;   transform: skewX(-30deg) translateX(-10%) translateY(-20px);  background-color: rgba(65, 65, 65, 0.7); font-size:14px;}

	.box4 dl { flex-wrap: wrap;}
	.box4 dl b{ font-size:20px; padding-bottom: 20px;}
	.box4 dl b img{ width:4vw;}
	.box4 dt{ width:100%;}
	.box4 dt p {font-size: 14px; padding-bottom: 20px; line-height:24px;}
	.box4 dd{ width:100%; padding-top:40px;}
	
	.box5n dl { width: 48%;}
	.box5n dl img{ width:100%; box-shadow: 2px 3px 0px rgba(0, 0, 0, 1); }
	.box5n dd {  width: 50%;   height: 30px; line-height: 30px;   transform: skewX(-30deg) translateX(-10%) translateY(-20px);  background-color: rgba(65, 65, 65, 0.7); font-size:14px;}
	
	
	.box6{padding:0 10px;}
	.box6n { padding-bottom: 60px;}
	#demo td a img { max-width: 200px;}
	
	.box8n { flex-wrap: wrap;}
	.box8n dd {  padding: 20px 20px;}
	.box8n p {  padding: 10px 0 10px 0;}
	
	#demo10 td a img { max-width: 200px;}
	
	.ftn dl {  flex-wrap: wrap; gap: 20px;}
	.ftn dl dt strong { font-size: 30px; margin-left:0px;}
	.ftn dl { padding-bottom:15px;}
	.ftn ul{ display: flex; flex-wrap: wrap;}
	.ftn ul li{ width:45%;}
	.ftn ul li img{ width:100%;}
	
	#backToTop{display:none;}
	  /* 滚动条整体样式 */
        ::-webkit-scrollbar {
            display: none;
        }

        /* 滚动条轨道 */
        ::-webkit-scrollbar-track {
           display: none;
        }

        /* 滚动条滑块 */
        ::-webkit-scrollbar-thumb {
            display: none;
        }

      
  
  .title dd { letter-spacing: 0px;}
  
  .box1 ul b {  padding-top: 10px;}
  .box8n b { font-size: 14px;}
  .box8n p {  line-height: 24px;}
  
  .ftn dl dd dt a { font-size: 14px;}
  
  .newsn{ margin:0 10px;}
  .newsl {  width: 100%; height: 20vh;}
  .newsr { width: 100%;}
  
  .newsbody { padding: 30px 10px;  overflow: hidden;  border-bottom: dashed 1px #ccc;}
  .newsbody h1 {  font-size: 20px; }
  .nnn { font-size: 16px; color: #333; line-height: 26px;}
  

  .gy { margin: 30px auto; padding: 30px 10px;}
  .lx{  flex-wrap: wrap;  padding-top: 30px;}
  .lx dl { width: 100%;     border-bottom: solid 1px #ddd;}
  .lx dt { width: 11%;}
  .icon-alibaba { font-size: 28px;}
  .iconfont { height: 80px; line-height: 80px;}

  .ry{ margin: 30px auto;  padding: 30px 10px;}
  .ry p { width: 48%;}
  
  .cp{ margin: 30px auto;  padding: 30px 10px;}
  .cp p { width: 48%;}
  
  .gc{ margin: 30px auto;  padding: 30px 10px;}
  .gc p { width: 48%;}
  
  .ryn{ margin: 30px auto;  padding: 30px 10px;}
  .ryn h1 { font-size: 20px; padding-bottom: 20px;}
  
  
  .sidenav { padding-top: 30px;  display: flex; justify-content: center;}
  .sidenav a{ width: 40%; flex: none; font-size: 16px;  height: 40px;  line-height: 40px;}

  .gybanner .image img {  object-fit: cover; height: 300px;}
  
  .lx dd { line-height: 24px;}
  
  
  #demo img{ max-width:200px;}
  
  .box8n dt { height: 200px;}
  
  
  
}