@charset"utf-8";
@import url(../layui/css/layui.css);
@import url(../css/animate.min.css);
li{list-style:none}legend{color:#5A5A5A}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.h1, .h2, .h3, h1, h2, h3{margin:0}
html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:14px;font-size:1.6rem ; line-height:2;font-family:'Source Han Sans CN';font-style: normal;font-weight:300;color:#333;background:#fff;}*{margin:0;padding:0}a{text-decoration:none;color:#333;}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
.contentfix{width:83.33%;margin:0 auto;max-width: 1500px;}body .bold{font-weight:700;}
.rightnone{margin-right:0!important}img.aligncenter{display:block;margin:0 auto}
.layui-nav *{font-size:1.6rem}
.flex{display:flex;flex-wrap: wrap;align-content:center;}h3{font-size: 1.8rem;}
@font-face {font-family: 'iconfont';src: url('../css/iconfont.ttf?t=1712910565316') format('truetype');} 
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h2{font-weight:bold;}h2.title{text-align: center;}h2.title::before{content: '';background: #d02e2e;display: block;margin:0 auto;}
/*header*/
header .layui-nav .layui-nav-more{display:none}
header .layui-nav .layui-nav-mored{margin-top:-3px}.header .layui-nav{background:none}
.header .logo{float:left;}
header .absolute{display:none}
/*banner*/
#banner{width: 100%!important;color:#fff}
.banner1{background: url('../yj_images/index/index-banner1.jpg') no-repeat!important;background-size: cover!important;background-position: center !important;}
.banner_p{display: flex!important;background-attachment: fixed!important;}
/*content1*/
.content1 ul{justify-content: space-between;}.content1 a:hover{color:#333}
.content1 ul li{text-align: center;margin-bottom:40px;box-shadow:0 0 10px rgba(0,0,0,.1);border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;;overflow: hidden;}.content1 ul li:hover{border-bottom-left-radius:0;border-top-right-radius: 20px;}.content1 ul li .p1{width: 30%;background:#eff0f2;transition: all 0.5s linear;}.content1 ul li .p1 i{font-size:10rem;margin: 0 auto;}.content1 ul li .p2{width: 70%;transition: all 0.5s linear;}.content1 ul li .p2 div{width:100%;}.content1 ul li p{max-width: 300px;display: block;margin:0 auto}
.content1 ul li:hover .p1{background:#a0a0a0;}.content1 ul li:hover .p2{background:#eff0f2;}
/*content2*/
.content2{background: linear-gradient(to bottom,#fff,#fefefe 80%,#e4e4e6);}
.about_shuzi{max-width: 1300px;margin: 0 auto;}.about_shuzi .shuju {text-align: center;}.about_shuzi .shuju h3 {color: #d02e2e;}
.content2 img{display: block;margin: 0 auto;position: relative;margin-bottom: -7%;max-width: 100%;height: auto;}
/*content3*/
.content3 p.desc{text-align: center;}
.content3 ul li .cover{position:relative;overflow: hidden;text-align: center;border-radius: 8px;margin:4px;}
.content3 ul li .cover:before{content:'';background:#e32424;height:100%;width:100%;position:absolute;left:0;top:0;transition:all 0.5s linear}
.content3 ul li img{position:relative;z-index:1;width:100%;height:auto;transition:all 0.5s linear}
.content3 ul li .cover div{color:#fff;width:100%;transform:translateY(-50%) scale(0);position:absolute;top:50%;left:0;transition:all 0.5s linear;z-index:2;}
.content3 ul li:hover img{opacity:0;transform:scale(3)}
.content3 ul li:hover .cover div{transform:translateY(-50%) scale(1)}
.content3 ul li:hover .cover div h3 a{color:#fff;}.content3 ul li .cover div p{font-size: 3rem;transform:rotate(180deg)}
.more{background:#e32424;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;display: block;margin: 0 auto;text-align: center;color: #fff;transition: all 0.3s linear;}.more:hover{border-bottom-left-radius:0;border-top-right-radius: 20px;color: #fff;}
/*content4*/
.content4{background: url('../yj_images/index/index-yingxiao.webp') no-repeat center center;background-size:cover;color: #fff;text-align: center;background-attachment:fixed}
/*content5*/
.content5{background: #f6f6f6;}.content5 p.desc{text-align: center;}.content5 a:hover{color:#333}
.content5 ul .div_p{justify-content: space-between;}
.content5 .div_p .date{color:#999;position: relative;font-family:'Poppins';}.content5 .div_p .date::after{content:'';height: 100%;width: 1px;background: #dcdcdc;right: 0;top: 0;position: absolute;}.content5 .div_p .date p.bold{position: relative;line-height:0.8;padding-bottom:25px;margin-bottom:16px;}.content5 .div_p .date p.bold::after{width: 40px;height: 1px;background: #dcdcdc;position: absolute;bottom: 0;left:6px;content:''}
.content5 .div_p h3{margin-bottom:20px;line-height:1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;height: 18px;}
.content5 ul li{background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.1);}.content5 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.content5 ul li .date{width:26%;}.content5 ul li .date p{margin-left:19%}.content5 ul li .title{width:64%;padding-right:3%;}.content5 .ul2 li{margin-bottom: 26px;}
/*content6*/
.content6{background: #f6f6f6;}.content6 .contentfix{max-width: 1370px;justify-content: space-between;}.content6 ol li{color:#888;text-align: center;}
.content6 ol li.aliyun{font-size:3rem;line-height: 1.2;}.content6 ol li.baiduzhinengyun{font-size:4rem;line-height:1;}.content6 ol li.google-ads{font-size:2.6rem;line-height: 1.5;}
.content6 .xinnet,.content6 .godaddy,.content6 .ahrefs{background: url('../yj_images/index/index-hezuohuoban.jpg') no-repeat;height: 30px;background-size: 100% auto;}
.content6 .xinnet{background-position:center 0;}
.content6 .godaddy{background-position:center -40px;}
.content6 .ahrefs{background-position:center -83px;}
/*footer*/
footer{background:#1b2737;color:#fff; font-size: 1.4rem;}footer .ul{border-bottom:1px solid #fff}footer a{color:#fff}footer .contentfix.flex{align-items:center;justify-content: space-between;;margin-bottom: 30px;}footer .layui-row::before{display: none;}footer .ul .menu-item-has-children .sub-menu{margin-top: 10px;}footer .ul .fontsize18 .sub-menu{margin-top:3px;}footer .ul .menu-item-has-children >a,footer .ul .fontsize18 a{font-size: 1.8rem;}footer .ul .footer_middle .tel{padding-top:5px;line-height: 1.3;font-family: Impact;}footer .ul .footer_middle .address{font-size:1.8rem}
footer .copyright{position:relative;}footer .copyright .gongan{background: url('../yj_images/gongan.png') no-repeat;display:inline-block;padding-left:30px}
@media screen and (min-width:768px) {
.shouji{display:none}.relative{position:relative}
header.headerfix{background:#fff;padding:0;box-shadow:0 0px 5px rgba(0,0,0,.2);}
.left{float:left}.right{float:right}
header{width:100%;z-index:999999999;transition:.4s;}.headerfix{position:fixed;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;padding:15px 0;}
header .menu{float:right;min-width:750px;}.header .logo{margin-top:28px}header.headerfix .logo{margin-top:15px}
.header .layui-nav{padding:40px 0 20px}
.headerfix .header .layui-nav{padding:20px 0}
header .layui-nav .layui-nav-item a{position:relative}header .layui-nav-child{top:100px;border:0;background:none;border-radius:0;box-shadow:none;padding-top:15px;}header.headerfix .layui-nav-child{top:100px;}.layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}header .layui-nav-child.layui-show1{display:block}.layui-anim{animation-duration:0s!important; -webkit-animation-duration:0s!important;}
header .layui-nav .layui-nav-item,header .layui-nav{position: relative}header .layui-nav .layui-nav-item.mp_menu ul font{font-size:1.8rem;color:#333}header .layui-nav .layui-nav-item.mp_menu a{display:inline-block;}header .layui-nav .layui-nav-item.mp_menu ul a,header .layui-nav .layui-nav-item.mp_menu ul font{padding:0 40px 0 0;font-weight:normal;display:inline-block}header .layui-nav .layui-nav-item.mp_menu ul a:hover,header .layui-nav .layui-nav-item.mp_menu ul font:hover{color:#1657b4;}
header .layui-nav .mp_menu ul{background:#eee;line-height:36px;padding:40px 10%;font-size:1.8rem;width: 80%;min-width: auto;border: none;}header .layui-nav .mp_menu ul span{display:block;text-transform:uppercase;font-size:2.4rem;color:#1657b4;font-weight:600}header .layui-nav .mp_menu ul li.li1{margin-bottom:40px}
header .layui-nav .layui-nav-item > a{border-bottom:0;color:#333;line-height: 40px;}header .layui-nav > .current-menu-item > a,header .layui-nav .current-menu-parent > a,header .layui-nav .current-category-ancestor > a,header .layui-nav .layui-nav-item > a:hover,header .layui-nav .layui-showul > a{background:#fff;color:#333;border-bottom:0}header.headerfix .layui-nav .layui-nav-item a:hover{background:none;color:#333}header .layui-nav .layui-nav-item ul a{padding:0!important;line-height:40px!important;text-align:center;font-size:14px!important;border-bottom: 0;color: #fff;background: none;}header .layui-nav .layui-nav-item ul a:hover{border-bottom:0;background:none;color:#fff}header .layui-nav .layui-nav-item .layui-nav-child a:hover{color:#fff}
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{background:none}
header{position:relative}
header .absolute1{background:#000;position: absolute;width: 100%;height:350px;display:block;top:100px;left: 0;}
header.headerfix .absolute1{top:70px;}
/*子菜单*/
.children_menu{height:150px;}
/*banner*/
h2.title::before{width: 80px;height: 8px;}
/*content1*/
.content1 ul li .p1,.content1 ul li .p2{height: 320px;}
/*content2*/
.content2 p.desc{max-width: 1120px;margin:0 auto;text-align: center;}
/*content3*/
.more{width: 220px;line-height: 60px;}
/*content5*/
.content5 .ul,.content5 .ul2{justify-content: space-between;}
.content5 .div_p h3{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
/*footer*/
footer .copyright{padding-top:25px;padding-bottom:25px}
}
@media screen and (min-width: 992px) {
/*banner*/
h1{font-size: 6rem;}h2{font-size: 2.6rem;}h2.title{font-size: 5.5rem;}
#banner{height:915px!important}.banner p{font-size: 2.6rem;width: 100%;}
/*content1*/
.content1{padding-top:100px;}.content1 ul li{width: 44%;}
/*content2*/
.content2{padding-top:90px;border-bottom:140px solid #f7f7f9;}
.about_shuzi {padding-top:70px;padding-bottom:70px}.about_shuzi .shuju h3 {font-size:5.8rem;line-height: 1.6;}
/*content3*/
.content3{padding-top:100px;padding-bottom: 90px;}.content3 ul{padding-top: 80px;}.content3 .more{margin-top:60px}
/*content4*/
.content4{padding-top:180px;padding-bottom:130px;}.content4 h2{font-size: 5.5rem;}.content4 p{font-size:4rem;font-weight: lighter;padding-bottom: 50px;}
/*content5*/
.content5{padding-top:100px;}.content5 .div_p p.bold{font-size:5.5rem;}
.content5 .ul{padding-top:80px}.content5 .ul1{width:32%;}.content5 .ul2{width:65.5%;}.content5 .ul2 li{width:48%;}
.content5 .ul1 .div_p{padding-top:30px;padding-bottom: 30px;}.content5 .ul2 .div_p{padding-top:58px;padding-bottom:33px;}
/*content6*/
.content6{padding-top:50px;padding-bottom:60px;}.content6 ol li{max-width: 186px;}
/*footer*/
footer{padding-top: 60px;}footer .ul .footer_left,footer .ul .footer_middle{width:45%;}footer .ul .footer_middle i{font-size:5rem}footer .ul .footer_middle .tel{font-size: 4rem;}
}
@media screen and (min-width:768px) and (max-width:1300px) {
.contentfix{width: 95%;}
/*header*/
header .absolute1{top:60px;}
header .layui-nav{padding-right: 0;}.header .logo{width:20%;margin-top: 10px;}.header .logo img{max-width:180px;width:100%}header .menu{min-width:500px;width:80%}header .layui-nav .layui-nav-item > a{padding:0}.layui-nav .layui-nav-item{width:14.2%}
/*content5*/
.content5 .div_p p.bold{font-size:4.6rem;}
/*content6*/
.content6 ol li{max-width: 150px;}.content6 .xinnet {background-position: center 5px;}.content6 .godaddy {background-position: center -24px;}.content6 .ahrefs {background-position: center -57px;}
    }
@media screen and (min-width: 768px) and (max-width: 991px) {
h1{font-size:5rem;}h2{font-size: 2.4rem;}h2.title{font-size:4.6rem;}
/*banner*/
#banner{height:400px!important}
/*content1*/
.content1{padding-top:50px;}.content1 ul li{width:49%;}
/*content2*/
.content2{padding-top:40px;border-bottom:100px solid #f7f7f9;}
.about_shuzi {padding-top:70px;padding-bottom:70px}.about_shuzi li{margin-bottom: 20px;}.about_shuzi .shuju h3 {font-size:4.6rem;line-height: 1.6;}
/*content3*/
.content3{padding-top:50px;padding-bottom:40px;}.content3 ul{padding-top:30px;}.content3 .more{margin-top:30px}
/*content4*/
.content4{padding-top:100px;padding-bottom:80px;}.content4 h2{font-size:4.6rem;}.content4 p{font-size:3rem;font-weight: lighter;padding-bottom:30px;}
/*content5*/
.content5{padding-top:80px;}
.content5 .ul{padding-top:30px}.content5 .ul1{width:100%;margin-bottom: 20px;}.content5 .ul1 img{width: 100%;}.content5 .ul2 li{width:48%;}
.content5 .ul1 .div_p{padding-top:20px;padding-bottom: 20px;}.content5 .ul2 .div_p{padding-top:30px;padding-bottom:33px;}
/*content6*/
.content6 ol li{height: 36px;margin-bottom: 10px;}.content6 ol li{max-width: 100%;margin-bottom: 20px;}.content6 .xinnet, .content6 .godaddy, .content6 .ahrefs{background-size:150px auto;}
/*footer*/
footer{padding-top:40px;}footer .footer_left{width: 100%;margin-bottom:50px;}footer .ul .footer_middle .tel{font-size:3rem;}footer .ul .footer_middle i{font-size: 3rem;}
}
@media screen and (max-width: 767px) {
.contentfix{width:90%}.shoujinone{display:none!important}
h1{font-size:3.2rem;}h2{font-size: 2.2rem;}h2.title{font-size:3rem;}h2.title::before {width:60px;height:4px;}
header{padding:10px 0}.header .logo img{max-width: 180px;}
.header .sj-nav {width: 30px;height: 34px;box-sizing: border-box;position: absolute;right: 1rem;top:18px}
.header .sj-nav a {position: absolute;top: calc(50% - 10px);left: calc(50% - 15px);display: block;width: 30px;margin: 0 auto;height: 18px;}
.header .sj-nav a span {float: left;width: 100%;height: 3px;background-color: #000;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;display: block;}
.header .sj-nav a span:first-child {position: absolute;top: 0;left: 0;}
.header .sj-nav a span:nth-child(2) {margin-top: 7px;}
.header .sj-nav a span:nth-child(3) {position: absolute;bottom: 0;left: 0;}
.header .sj-nav a.on span:first-child {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 9px;}
.header .sj-nav a.on span:nth-child(2) {opacity: 0;}
.header .sj-nav a.on span:last-child {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;}
/*menu*/
.menu {display: none!important;padding: 2rem;}
.menu ul li {width: 100%;box-sizing: border-box;margin-bottom: 1rem;position: relative;}
.menu ul.layui-clear > li{display: block;border-bottom: 1px solid #d7d7d7;padding-bottom: 1rem;}
.menu ul li .sub-menu {display: none;}
.menu ul li .sub-menu li {width: 100%;position: relative;margin-bottom:0}
.menu ul li .sub-menu li a {display: block;width: 100%;box-sizing: border-box;padding: 0.5rem 0 0 1rem;border-bottom:none}
.menu ul li.layui-nav-item > a{font-weight:bold;display: block;position: relative;}.menu ul li.layui-nav-item > a i{position: absolute;right:0}
.menu ul li .sub-menu li .sub-menu {display: none;}
.menu ul li .sub-menu li .sub-menu li {width: 100%;position: relative;}
.menu ul li .sub-menu li .sub-menu li a {display: block;width: 100%;box-sizing: border-box;padding: 0.5rem 0 0.5rem 2rem;border-bottom: 1px solid #d7d7d7;}

.layui-layer .layui-layer-content #menu {display: block!important;font-size:14px;}
.layui-nav-child{position:relative;top:0;box-shadow:none;border:none}header .layui-layer{width:80%!important}

.more{width: 180px;line-height:50px;}
/*content1*/
.content1{padding-top:40px;}.content1 ul li{width:100%}.content1 ul li .p1{width: 100%;background: none;padding-top:30px;}.content1 ul li:hover .p1{background: #eff0f2;}.content1 ul li .p1 i{line-height: 1;}.content1 ul li .p2{width: 100%;padding-bottom: 30px;}.content1 ul li .p2 h2{margin-bottom: 10px;}.content1 ul li p{padding-left:4%;padding-right:4%;}
/*content2*/
.content2{padding-top:40px;border-bottom:60px solid #f7f7f9;}
.about_shuzi {padding-top:50px;padding-bottom:30px}.about_shuzi li{margin-bottom: 20px;}.about_shuzi .shuju h3 {font-size:3rem;line-height: 1.6;}
/*content3*/
.content3{padding-top:40px;padding-bottom:40px;}.content3 ul{padding-top:30px;}.content3 .more{margin-top:30px}
/*content4*/
.content4{padding-top:60px;padding-bottom:50px;}.content4 h2{font-size:3rem;}.content4 p{font-size:2rem;font-weight: lighter;padding-bottom:30px;}
/*content5*/
.content5{padding-top:40px;}
.content5 .ul{padding-top:30px}.content5 .ul1{width:100%;margin-bottom: 20px;}.content5 .ul1 img{width: 100%;}.content5 .div_p .date p.bold{font-size:2.8rem;}
.content5 .ul1 .div_p{padding-top:20px;padding-bottom: 20px;}.content5 .ul2 .div_p{padding-top:30px;padding-bottom:33px;}
/*content6*/
.content6{padding-top:30px;padding-bottom:30px;}.content6 ol li{height:20px;margin-bottom: 10px;}.content6 ol li.aliyun{font-size: 2.2rem;}.content6 ol li.baiduzhinengyun{font-size: 3rem;}.content6 ol li.google-ads{font-size: 2.2rem;}.content6 ol li{max-width: 100%;margin-bottom: 20px;}.content6 .xinnet, .content6 .godaddy, .content6 .ahrefs{background-size:140px auto;}.content6 .godaddy {background-position: center -25px;}.content6 .ahrefs{background-position: center -55px;}
/*footer*/
footer{padding-top:40px;padding-bottom:50px}footer .contentfix.flex{margin-bottom:0}footer .footer_left{width: 100%;display:flex;justify-content:space-between}footer .footer_left,footer .footer_middle,footer .footer_middle .footer_middle1,footer .footer_middle .footer_middle2{margin-bottom:20px;}footer .footer_left li.menu-item-has-children{margin-bottom: 20px;}footer .ul .footer_middle .tel{font-size:2.6rem;}footer .ul .footer_middle i{font-size: 2rem;}
footer .copyright{line-height:28px;padding-top:20px;padding-bottom:20px;}
/**/
.sp_bottom {display: block; position: fixed; bottom:0px; left:0px; width: 100%; background:#000; overflow:hidden;z-index:6;padding:10px 0;color:#fff;line-height:14px;font-size:12px}.sp_bottom a{color:#fff!important;display:inline-block;margin-bottom:5px}
.sp_bottom li{ width:25%; float:left;text-align:center; overflow:hidden;}
.sp_bottom .bodernone{ border:0}
.sp_bottom img{height:20px;width:auto}
}
@media screen and (min-width: 400px) and (max-width: 767px) {
/*footer*/
footer .footer_left{display:flex;justify-content:space-between;width:100%}
}