@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('https://yizhantongimage.oss-accelerate.aliyuncs.com/fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff2') format('woff2'),
       url('https://yizhantongimage.oss-accelerate.aliyuncs.com/fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff') format('woff'),
       url('https://yizhantongimage.oss-accelerate.aliyuncs.com/fonts/SourceHanSansCN/SourceHanSansCN-Regular.ttf') format('truetype');
}

html,body{
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
html{
    max-width:1920px;margin:0 auto;
}
*{box-sizing:border-box;outline:none;}
body{margin:0;font-family:SourceHanSansCN,'Microsoft YaHei',Arial,Verdana,Tahoma, Geneva,sans-serif;color:#333;line-height:1.5;font-size:16px;}
a{outline:none;text-decoration:none;color:#333;}
img{max-width:100%;}
h1,h2,h3,h4,h5,p{margin-top:0;margin-bottom:0;}
h4,h5{font-weight:normal;}

.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.vcenter{position:relative;top:50%;transform:translate(0,-50%);}
.container{width:100%;max-width:1230px;padding:0 15px;margin:0 auto;}

header{position:sticky;top:0;background-color:#1b1e21;padding:21px 0;z-index:99;}
header .logo{height:50px;}
header .btnmenu{display:none;}
header .menu a{display:inline-block;line-height:30px;padding:10px 25px;color:#fff;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
    header{padding:10px 0;}
    header .menu a{padding:10px 15px;}
}
@media (min-width:1px) and (max-width:767px) {
    header{padding:10px 0;}
    header .logo{width:100%;position:relative;}
    header .logo .btnmenu{display:block;width:40px;height:40px;position:absolute;right:0;top:5px;background:url(images/menu1.png) no-repeat center;}
    header .menu{position:absolute;left:0;top:100%;width:100%;background-color:#1b1e21;overflow:hidden;transition:all 0.3s;transform:scale(0);}
    header .menu.show{transform:scale(1);}
    header .menu a{padding:10px 15px;display:block;}
}

.frame{padding-top:80px;padding-bottom:80px;}
.frame .title{text-align:center;}
.frame .title h2{font-size:42px;margin-bottom:15px;}
.frame .title .line{width:44px;height:3px;margin:0 auto 18px;background:linear-gradient(to right,#fc024c,#06f4e4);}
.frame .title p{font-size:18px}
@media (min-width:992px) and (max-width:1229px) {
    .frame{padding-top:50px;padding-bottom:50px;}    
    .frame .title h2{font-size:30px;}
    .frame .title p{font-size:16px;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:40px;padding-bottom:40px;}    
    .frame .title h2{font-size:28px;}
    .frame .title p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    .frame{padding-top:30px;padding-bottom:30px;}    
    .frame .title h2{font-size:20px;}
    .frame .title p{font-size:14px;}
}


#frame1 .flex_between{box-shadow:0 0 10px #ccc;border-radius:8px;margin-top:-66px;padding:30px;background-color:#fff;position:relative;z-index:1;}
#frame1 .item{text-align:center;width:18%;}
#frame1 .item img{display:block;margin:0 auto 16px;}
#frame1 .item h4{margin-bottom:0;font-size:16px;color:#666;}
#frame1 .line{width:1px;height:52px;background-color:#e7e7e7;margin-top:24px;}
@media (min-width:768px) and (max-width:991px) {
    #frame1 .flex_between{padding:20px;}
    #frame1 .item h4{font-size:15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame1 .flex_between{padding:20px 15px;margin-top:25px;}
    #frame1 .item{text-align:center;width:48%;margin-bottom:10px;}
    #frame1 .item h4{font-size:14px;}
    #frame1 .line:nth-child(4),#frame1 .line:nth-child(8){display:none;}
}

#frame2 .container{background:url(images/img_1.png) no-repeat right bottom;}
#frame2 article{width:100%;max-width:825px;}
#frame2 article h3{font-size:38px;margin-bottom:5px;}
#frame2 article p{font-size:16px;line-height:2.25;color:#666;}
@media (min-width:992px) and (max-width:1229px) {
    #frame2 article h3{font-size:30px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame2 article h3{font-size:26px;}
    #frame2 article p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame2 article h3{font-size:24px;}
    #frame2 article p{font-size:14px;line-height:2;}
}


#frame3{background-color:#000;}
#frame3 .title{margin-bottom:110px;}
#frame3 .title h2{color:#fff;}
#frame3 .title p{color:#e9e9e9;}
#frame3 .module1{background:url(images/bg_2.png) no-repeat left bottom;padding-bottom:50px;}
#frame3 .module1 .left{width:46%;text-align:center;}
#frame3 .module1 .right{width:52%;}
#frame3 .module1 .right .item{border:1px solid #fff;border-radius:40px;margin-bottom:60px;max-width:530px;padding:20px 40px;cursor:pointer;}
#frame3 .module1 .right .item h3{font-size:38px;line-height:50px;color:#fd3f63;padding-left:60px;margin-bottom:15px;}
#frame3 .module1 .right .item1 h3{background:url(images/icon_6.png) no-repeat left center;}
#frame3 .module1 .right .item2 h3{background:url(images/icon_7.png) no-repeat left center;}
#frame3 .module1 .right .item3 h3{background:url(images/icon_8.png) no-repeat left center;}
#frame3 .module1 .right .item p{color:#fff;font-size:28px;font-weight:bold;}
#frame3 .module1 .right .item:hover{border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box; background-image:linear-gradient(to right,#000,#000),linear-gradient(to right,#fc024c,#06f4e4);}
@media (min-width:768px) and (max-width:991px) {
    #frame3 .title{margin-bottom:50px;}
    #frame3 .module1 .left{width:40%;}
    #frame3 .module1 .right{width:56%;}
    #frame3 .module1 .right .item{padding:15px 20px;margin-bottom:30px;}
    #frame3 .module1 .right .item h3{background-size:40px;padding-left:40px;}
    #frame3 .module1 .right .item h3{font-size:28px;}
    #frame3 .module1 .right .item p{font-size:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame3 .title{margin-bottom:30px;}
    #frame3 .module1{padding-bottom:20px;}
    #frame3 .module1 .left{display:none;}
    #frame3 .module1 .right{width:100%;}
    #frame3 .module1 .right .item{padding:15px 30px;margin-bottom:30px;border-radius:30px;}
    #frame3 .module1 .right .item h3{background-size:40px;padding-left:50px;}
    #frame3 .module1 .right .item h3{font-size:22px;line-height:40px;margin-bottom:10px;}
    #frame3 .module1 .right .item p{font-size:18px;}
}

#frame3 .module2{padding-bottom:100px;}
#frame3 .module2 .left{width:40%;padding-top:150px;}
#frame3 .module2 .left .txt{position:relative;padding-left:65px;padding-right:60px;}
#frame3 .module2 .left h3{text-align:center;font-size:42px;color:#fff;margin-bottom:30px;}
#frame3 .module2 .left p{font-size:24px;line-height:1.8;color:#fff;}
#frame3 .module2 .left .point{position:absolute;left:0;top:110px;}
#frame3 .module2 .left .point span{display:block;width:10px;height:10px;background-color:#fff;border-radius:50%;margin-bottom:30px;}
#frame3 .module2 .left .point span.active{background-color:#fd3f63;}
#frame3 .module2 .right{width:58%;text-align:right;}
@media (min-width:992px) and (max-width:1229px) {
    #frame3 .module2 .left .txt{padding-left:35px;padding-right:30px;}
    #frame3 .module2 .left h3{font-size:32px;}
    #frame3 .module2 .left p{font-size:20px;}
    #frame3 .module2 .left .point{top:90px;}
    #frame3 .module2 .left .point span{margin-bottom:26px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame3 .module2 .left{width:48%;}
    #frame3 .module2 .left .txt{padding-left:25px;padding-right:20px;}
    #frame3 .module2 .left h3{font-size:28px;}
    #frame3 .module2 .left p{font-size:18px;}
    #frame3 .module2 .left .point{top:85px;}
    #frame3 .module2 .left .point span{margin-bottom:20px;}
    #frame3 .module2 .right{width:50%;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame3 .module2{padding-bottom:45px;}
    #frame3 .module2 .left{width:100%;padding-top:20px;}
    #frame3 .module2 .left .txt{padding-left:25px;padding-right:20px;}
    #frame3 .module2 .left h3{font-size:24px;}
    #frame3 .module2 .left p{font-size:16px;}
    #frame3 .module2 .left .point{top:75px;}
    #frame3 .module2 .left .point span{margin-bottom:18px;}
    #frame3 .module2 .right{width:50%;display:none;}
}

#frame3 .module3{}
#frame3 .module3 .title{margin-bottom:65px;}
#frame3 .module3 .left{width:58%;}
#frame3 .module3 .right{width:36%;padding-top:35px;}
#frame3 .module3 .right h3{color:#fff;font-size:30px;font-weight:normal;line-height:1;margin-bottom:35px;}
#frame3 .module3 .right h3 img{display:inline-block;vertical-align:top;margin-left:10px;margin-top:3px;}
#frame3 .module3 .right p{font-size:18px;line-height:28px;color:#fff;position:relative;counter-increment:main;margin-bottom:35px;}
#frame3 .module3 .right p:before{content:counter(main);display:inline-block;width:28px;height:28px;border:1px solid #fc024c;border-radius:50%;line-height:28px;text-align:center;color:#fff;margin-right:10px;}
@media (min-width:992px) and (max-width:1229px) {
    #frame3 .module3 .right h3{font-size:24px;}
    #frame3 .module3 .right p{font-size:16px;line-height:24px;margin-bottom:25px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame3 .module3 .left{width:50%;}
    #frame3 .module3 .right{width:48%;padding-top:0;}
    #frame3 .module3 .right h3{font-size:20px;}
    #frame3 .module3 .right h3 img{margin-top:0;height:20px;}
    #frame3 .module3 .right p{font-size:16px;line-height:24px;margin-bottom:15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame3 .module3 .title{margin-bottom:40px;}
    #frame3 .module3 .left{width:50%;display:none;}
    #frame3 .module3 .right{width:100%;padding-top:0;}
    #frame3 .module3 .right h3{font-size:20px;}
    #frame3 .module3 .right h3 img{margin-top:0;height:20px;}
    #frame3 .module3 .right p{font-size:14px;line-height:24px;margin-bottom:15px;}
}

#frame3 .module4 .title{margin-bottom:40px;}
#frame3 .module4 .imgbox{text-align:center;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:1px) and (max-width:767px) {
}

#frame4 .title{margin-bottom:30px;}
#frame4 .title p{max-width:820px;margin:0 auto;font-size:18px;line-height:36px;color:#666;}
#frame4 .title p b{font-size:24px;}
#frame4 .content{border:1px solid #e9e9e9;padding-top:15px;}
#frame4 .content h3{font-size:21px;font-weight:bold;text-align:center;margin-bottom:40px;}
#frame4 .content .item{width:25%;text-align:center;padding:0 20px 30px;}
#frame4 .content .item:not(:last-child){border-right:1px solid #e9e9e9;}
#frame4 .content .item h4{font-size:34px;line-height:1.2;font-weight:bold;margin-top:15px;margin-bottom:6px;}
#frame4 .content .item h5{font-size:16px;margin-bottom:20px;}
#frame4 .content .item p{font-size:15px;}
@media (min-width:992px) and (max-width:1229px) {
    #frame4 .title p{font-size:16px;}
    #frame4 .title p b{font-size:20px;}
    #frame4 .content .item h4{font-size:28px;}
    #frame4 .content .item h5{font-size:14px;}
    #frame4 .content .item p{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame4 .title p{font-size:14px;}
    #frame4 .title p b{font-size:18px;}
    #frame4 .content .item{width:50%;}
    #frame4 .content .item:nth-child(1),#frame4 .content .item:nth-child(2){border-bottom:1px solid #e9e9e9;}
    #frame4 .content .item h4{font-size:20px;}
    #frame4 .content .item h5{font-size:14px;}
    #frame4 .content .item p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    #frame4 .title p{font-size:13px;}
    #frame4 .title p b{font-size:16px;}
    #frame4 .content .item{width:50%;padding:20px 10px 20px;}
    #frame4 .content .item img{max-width:60%;}
    #frame4 .content .item:nth-child(1),#frame4 .content .item:nth-child(2){border-bottom:1px solid #e9e9e9;}
    #frame4 .content .item h4{font-size:18px;}
    #frame4 .content .item h5{font-size:13px;margin-bottom:10px;}
    #frame4 .content .item p{font-size:13px;}
}

footer{background-color:#070707;}
footer .lxfs{padding-bottom:50px;border-bottom:1px solid #282828;margin-bottom:60px;}
footer .lxfs .telbox{text-align:center;margin-bottom:60px;}
footer .lxfs .telbox h3{font-size:52px;color:#fff;}
footer .lxfs .telbox p{font-size:16px;color:#cacaca;}
footer .lxfs .item{max-width:33%;padding-left:70px;position:relative;}
footer .lxfs .item p,footer .lxfs .item a{display:block;font-size:18px;color:#999;}
footer .lxfs .item p:nth-child(1),footer .lxfs .item a:nth-child(1){margin-bottom:15px;}
footer .lxfs .item1{background:url(images/icon_address.png) no-repeat left top;}
footer .lxfs .item2{background:url(images/icon_tel.png) no-repeat left top;}
footer .lxfs .item3{background:url(images/icon_email.png) no-repeat left top;}
footer .left{width:calc(100% - 250px);}
footer .left .logolist{margin-bottom:35px;}
footer .left .logolist img{display:inline-block;margin-right:30px;}
footer .left .menulist{margin-bottom:15px;}
footer .left .menulist a{font-size:14px;line-height:24px;color:#999;position:relative;}
footer .left .menulist a:not(:last-child){margin-right:18px;padding-right:19px;}
footer .left .menulist a:not(:last-child):before{content:"";width:1px;height:14px;background-color:#999;position:absolute;top:5px;right:0;}
footer .left .menulist a:hover{text-decoration:underline;color:#fff;}
footer .left .copyright{margin-bottom:15px;font-size:14px;line-height:24px;color:#999;}
footer .left .copyright a{color:#999;}
footer .left .isolist{margin-top:30px;}
footer .left .isolist .item{display:inline-block;margin-right:30px;text-align:center;}
footer .left .isolist .item p{font-size:12px;color:#8d8f95;}
footer .right{width:200px;text-align:center;}
footer .right p{color:#fff;margin-top:10px;}
@media (min-width:992px) and (max-width:1229px) {
    footer .left .isolist .item{margin-right:20px;}
}
@media (min-width:768px) and (max-width:991px) {
    footer .lxfs .telbox h3{font-size:36px;}
    footer .lxfs .item{padding-left:40px;}
    footer .lxfs .item{background-size:30px;}
    footer .lxfs .item p, footer .lxfs .item a{font-size:14px;}
    footer .lxfs .item p:nth-child(1), footer .lxfs .item a:nth-child(1){margin-bottom:6px;}
    footer .left .logolist img{margin-right:15px;}
    footer .left{width:calc(100% - 200px);}
    footer .left .isolist .item{margin-right:15px;margin-bottom:15px;}

    footer .right{width:160px;}
    footer .right p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    footer .lxfs{margin-bottom:30px;padding-bottom:30px;}
    footer .lxfs .telbox{margin-bottom:20px;}
    footer .lxfs .telbox h3{font-size:36px;}

    footer .lxfs .item{padding-left:40px;max-width:100%;margin-bottom:15px;}
    footer .lxfs .item{background-size:30px;}
    footer .lxfs .item p, footer .lxfs .item a{font-size:14px;}
    footer .lxfs .item p:nth-child(1), footer .lxfs .item a:nth-child(1){margin-bottom:6px;}
    
    footer .left{width:100%;}
    footer .left .logolist{margin-bottom:10px;}
    footer .left .logolist img{margin-right:25px;margin-bottom:15px;}
    footer .left .menulist a:not(:last-child){margin-right:10px;padding-right:11px;}

    footer .left .isolist .item{margin-right:12px;margin-bottom:15px;}
    footer .right{width:160px;text-align:center;margin:0 auto;}
    footer .right p{font-size:14px;}
}