@charset "utf-8";
/*@import url('../fonts/iconfont/iconfont.css');*/
@import url('../font/Google Sans Bold.css');
@import url('../font/GoogleSans-Regular.css');

/*****  font-display: swap;  字体延迟加载*****/
/**********样式重置**********/
html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
}
@media (min-width:1px) and (max-width:767px) {
    html{font-size:14px;}
}
body{ font-family:"Microsoft YaHei";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}
.clearfix:after,.container::after{clear:both;}
*{margin:0;padding:0;box-sizing:border-box;}
a{outline:none;color:#555;text-decoration:none;}
a:hover{color:#f55e00;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #717171;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #717171;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #717171;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #717171;
}
b,body,dd,div,form,h3,h4,h5,h6,img,input,textarea,li,p,pre,td,ul{font-family:"Microsoft YaHei";color:#000;line-height:1.5;font-size:16px;}
h1,h2,h3,h4,h5,h6,dt{font-weight: normal;}
h1,h2,h3,h4,dt{}
.hidden{display:none!important;}
.noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;}
.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1.05);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:flex-start;flex-wrap:wrap; flex-direction:column;}
.flex_center{display:flex;align-items:center;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);width:100%;}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.container{max-width:1230px;padding:0 15px;width:100%;margin:0 auto;}
.indexpage .container{max-width:1230px;}
.txtcenter{text-align:center;}
.ValidationError{border:1px solid red!important;}
.whatsapptel{ position:fixed; left:15px; bottom:60px; z-index:10;}
.whatsapptel img{ width:50px;}
/**********样式重置**********/

/*搜索框*/
header{width:100%;z-index:99;position:sticky;top:0;transition:all 0.3s;background:#fff;}
header.iheader{}
header.fixed{background-color:#fff;padding-top:0;padding-bottom:0;box-shadow:0 0 10px #ccc;}


#logo{display:none;}
#logo a.logo{display:block;height:80px;}
#logo a.logo img{position:relative;top:50%;transform:translate(0,-50%);}

#Menu{display:flex;justify-content:space-between;transition:all 0.3s;position:relative;width:100%;}
#Menu .logo{padding:0;margin:0;}
#Menu .logo>a{height:80px;display:block;}
#Menu .logo img{position:relative;top:50%;transform:translate(0,-50%);}
#Menu ul.menunav{transition:all .3s;text-align:left;margin:0;}
#Menu ul.menunav>li{display:inline-block;padding:25px 20px;}
#Menu ul.menunav>li>a{position:relative;display:block;font-size:18px;line-height:30px;padding:0;color:#000;}
#Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li.active>a,#Menu ul>li:hover>a{color:#f55e00;}
#Menu ul.menunav>li.open>a:before,#Menu ul.menunav>li.active>a:before,#Menu ul.menunav>li:hover>a:before{content:"";}
#Menu ul.menunav>li.dropdown>a::after{content:"\e62d";font-family:iconfont;display:inline-block;margin-left:5px;vertical-align:top;font-size:14px;display:none;}
#Menu ul.menunav>li:not(:last-child){}
#Menu ul.menunav>li:nth-child(2){border-left:none;}
#Menu ul.menunav>li.active{}

@media (min-width:992px) and (max-width:1229px) {
    header .container{margin-right:0;}
    #logo{display:none;}


    
    #Menu{padding:10px 0 10px}
    #Menu .logo{display:block;margin-right:50px;}
    #Menu .logo>a{height:60px;}
    #Menu .logo img{max-height:100%;}
    #Menu ul.menunav{text-align:right;}
    #Menu ul.menunav>li{padding:15px 15px;}
    #Menu ul.menunav>li.logo{float:left;}
    #Menu ul.menunav>li.logo>a{height:50px;}
    #Menu ul.menunav>li>a{font-size:16px;}
    #Menu ul.menunav>li.lang{}
    #Menu ul.menunav>li.lang i{font-size:17px;}

    #Menu ul.menunav>li.open>a:before,#Menu ul.menunav>li.open>a:focus:before,#Menu ul.menunav>li.open>a:hover:before,#Menu ul.menunav>li.active>a:before,#Menu ul.menunav>li:hover>a:hover:before{bottom:0;}

}

#Menu ul>li{position:relative;}
/*手机导航*/
header #menu_btn{ width:28px; height:28px; cursor:pointer; position: absolute;right:15px;top:10px; display:none;}
header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#f55e00; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:17px; width:20px; height:3px; border-radius:1.5px; background:#f55e00; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#f55e00; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn.show>.menu_btn_top{ top:50%; background:#f55e00; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
header #menu_btn.show>.menu_btn_med{ top:50%; background:#f55e00; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);display:none;}
header #menu_btn.show>.menu_btn_bot{ top:50%; background:#f55e00; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

@media (min-width:992px) and (max-width:1229px) {
    #Menu ul>li ul.dropdown-menu>li{padding-top:0;}
    #Menu ul>li ul.dropdown-menu>li>a{font-size:14px;}

    
    #Menu ul.menunav>li#lang{padding:8px 0;}

    #Menu ul.menunav>li#search{padding:7px 0;}
    #Menu ul.menunav>li#search>a.btnSearch{padding:8px 15px 8px 35px}
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:1px) and (max-width:767px) {
    #Menu ul.menunav>li.logo{background-color:#fff;}
    #Menu ul.menunav>li.logo>a{padding:5px 15px;}
    #Menu ul.menunav>li.logo img{margin:0 auto;display:block;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{border-bottom:none;}
}
@media (min-width:1px) and (max-width:991px) {
    header{position:relative;top:0;}
    header::after{display:none;}
    header .container{padding: 0;}
    header #menu_btn{ display: block;top:20px;}
    #Menu .logo>a{height:70px;}

    #top{display:none;}

    #logo{display:block;position:fixed;width:100%;padding:10px 15;float:none;background: #fff;}
    #logo a.logo{padding-top:0;padding-bottom:0;display:inline-block;height:50px;vertical-align:top;}
    #logo a.logo img{display:block;margin:0;width:auto;max-height:50px;position:relative;top:50%;transform:translate(0,-50%);}

    #Menu .logo{display:block;text-align:center;}

    #Menu .logo>a{padding:15px 10px;background-color:#fff;}
    #Menu .logo img{max-width:100%;top: 0;transform: inherit;max-height:100%;}
    
    #Menu ul.menunav>li>a>i {display:none;}

    #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #f55e00; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;}
    #Menu.show{left:0;display: initial;padding:0;}

    #Menu ul.menunav>li#lang{padding:8px 15px;}
    #Menu ul.menunav>li#lang>a>i{display:none;}
    #Menu ul.menunav>li#lang>.dropdown-menu{padding-left:0;}
    #Menu ul.menunav>li#lang>.dropdown-menu>li>a{font-size:14px;line-height:24px;}

    #Menu ul.menunav>li.logo{margin-top:0;margin-bottom:0;padding:0;display:block;background:none;background-color:#fff;}
    #Menu ul.menunav>li.logo>a{padding:5px;text-align:center;}
    #Menu ul.menunav>li.logo img{}
    #Menu ul.menunav{display: block; padding: 0px 0 15px; text-align: left;overflow:hidden;width:100%;}
    #Menu ul.menunav>li{width:100%; padding:8px 15px; }
    /*#Menu ul.menunav>li:nth-child(1){width:100%; padding:15px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;}*/
    /*#Menu ul.menunav>li:nth-child(1)>a{padding: 0;line-height:1;}
    #Menu ul.menunav>li:nth-child(1)>a>img{height:auto;}*/
    #Menu ul.menunav>li>a{font-size:14px;line-height:24px;padding:0px;color: #f5f5f5 !important;text-align:left;border-bottom:none;}
    #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{}
    #Menu ul>li>a,#Menu ul>li:hover>a,#Menu ul>li.active:hover>a{border:none;}
    #Menu ul>li.open>a,#Menu ul>li.open>a:focus,#Menu ul>li.open>a:hover,#Menu ul>li.active>a,#Menu ul>li:hover>a{background:none;}
    #Menu ul>li ul.dropdown{position:relative;}
    #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent!important;box-shadow:none;border:none;overflow:hidden;min-width: inherit; margin-top:0;padding-right:0;padding-left:10px;}
    #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;}
    #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border:none;}
    #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;background-color:transparent;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#f55e00;color:#fff;}
    #Menu ul>li ul.dropdown-menu>li>a>i{display:none;}
    #Menu ul>li ul.dropdown-menu>li:hover>a,#Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#f55e00;color:#fff;}
    
    #Menu ul>li ul.dropdown-menu ul.catemenu{display:block;left:0;border-left:none;padding-left:20px;}

    #Menu ul.menunav>li#search>a.btnSearch{display:none;}
    #Menu ul.menunav>li#search{background-color:transparent;padding:8px 15px;width:100%;}
    #Menu ul.menunav>li#search #SearchBox{position:relative;background:none;left:initial;right:initial;top:initial;bottom:initial;}
    #Menu ul.menunav>li#search #SearchBox .searchclose{display:none;}
    #Menu ul.menunav>li#search #SearchBox #sform{display:block;background-color:#fff;width:100%;border:1px solid #fff;margin:0;}
    #Menu ul.menunav>li#search #SearchBox #stext{width:80%;background-color:#fff;height:30px;line-height:30px;color:#333;font-size:14px;font-weight:normal;padding-left:8px;}
    #Menu ul.menunav>li#search #SearchBox #sbut{width:20%;height:30px;line-height:30px;background-color:#f55e00;}
    #Menu ul.menunav>li#search #SearchBox #sbut>i{height:30px;line-height:30px;width:30px;font-size:18px;vertical-align:top;}
}

#bframe{overflow:hidden;position:relative;}
#bframe .bgimg{height:380px;}
#bframe .box{position:absolute;top:50%;transform:translate(0,-50%);width:100%;}
#bframe .txt{padding-left:35px;position:relative;}
#bframe .txt:before{content:"";width:5px;height:80px;background-color:#fff;position:absolute;left:0;top:calc(50% - 40px);}
#bframe .txt h2{font-size:58px;line-height:1.2;color:#fff;position:relative;}
#bframe .txt h2 span{color:#00ffae;}
#bframe .txt p{font-size:18px;line-height:1.6;color:#fff;}
#ibframe img{width:100%;display:block;margin:0 auto;}
#ibframe .swiper-pagination{bottom:30px;}
#ibframe .swiper-pagination-bullet{width:12px;height:12px;border:none;margin:0 10px;border-radius:50%;}
#ibframe .swiper-pagination-bullet-active{background-color:#f55e00;}
#ibframe .btnlist{display:none;}
#ibframe .btnlist .swbtn{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;position:absolute;color:#fff;top:calc(50% - 25px);background-color:rgba(0,0,0,0.1);z-index:1;border-radius:50%;}
#ibframe .btnlist .swbtn>i{font-size:30px;}
#ibframe .btnlist .swbtn.btn-prev{left:calc(10px + 5vw);}
#ibframe .btnlist .swbtn.btn-next{right:calc(10px + 5vw);}
@media (min-width:992px) and (max-width:1229px) {
    #bframe .bgimg{height:280px;}
    #bframe .bgimg h2{top:45%;}
    #bframe .txt{}
    #bframe .txt h2{font-size:42px;}
    #bframe .txt:before{height:64px;top:calc(50% - 32px);}
    #ibframe .swiper-pagination{bottom:30px;}
}
@media (min-width:768px) and (max-width:991px) {
    #ibframe{margin-top: 70px;}
    #bframe .bgimg{height:250px;}
    #bframe .txt{padding-left:20px;}
    #bframe .txt h2{font-size:30px;}
    #bframe .txt:before{height:50px;top:calc(50% - 25px);}
    #bframe .txt p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px){
    #ibframe{margin-top: 70px;}
    #bframe .bgimg{height:130px;}
    #bframe .txt{width:100%;display:none;}
    #bframe .txt h2{font-size:18px;}
    #bframe p{display:none;}
    #ibframe .swiper-pagination{bottom:0;}
}

.frame{padding-top:50px;padding-bottom:50px;overflow:hidden;}
.frame .title{margin-bottom:40px;position:relative;text-align:center;}
.frame .title h3{font-size:30px;line-height:1.2;position:relative;display:inline-block;color: #454a4f;}
.frame .title p{font-size:20px;margin-bottom: 5px;}
.frame .title p span,.frame .title h3 span{font-family: "GoogleSans-Regular","Microsoft YaHei";}

@media screen and (min-width:992px ) and (max-width:1229px) {
    .frame{padding-top:40px;padding-bottom:40px;}
    .frame .title{margin-bottom:20px;}
    .frame .title h3{font-size:28px;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;}
    .frame .title a.link{font-size:16px;line-height:24px;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:25px;padding-bottom:25px;}
    .frame .title{margin-bottom:15px;}
    .frame .title h3{font-size:26px;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;}
    .frame .title a.link{font-size:14px;line-height:24px;}
}
@media (max-width:767px){
    .frame{padding-top:25px;padding-bottom:25px;}
    .frame .title{margin-bottom:15px;}
    .frame .title h3{font-size:24px;}
    .frame .title p{font-size:14px;width:100%;line-height:24px;}
    .frame .title a.link{font-size:13px;line-height:20px;padding:0 20px;}
    .frame .title .line:before{content:"";width:150px;right:calc(50% + 35px);}
    .frame .title .line:after{content:"";width:150px;left:calc(50% + 35px);}
}


#frame1{background-color:#f8f8f8;}
#frame1 .numlist{margin-bottom:40px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 55px 20px;}
#frame1 .numlist .item{width: calc((100%)/4);text-align: center;position: relative;}
#frame1 .numlist .info h3{margin:0;font-size:60px;position: relative;line-height: 1;}
#frame1 .numlist .info h3 span{margin-right: 10px;font-family:"Google Sans Bold","Microsoft YaHei";font-weight: bold;}
#frame1 .numlist .info h3 strong{font-size: 18px;color: #4285f4;position: absolute;top: 10px;}
#frame1 .numlist .info p{margin:0;font-size:16px;line-height:40px;color: #828282;}
@media(min-width:992px){
    #frame1 .numlist .item:not(:last-child){border-right:1px solid #ccc;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame1 .numlist .item{width: 50%;margin-bottom: 20px;}
    #frame1 .numlist .item:nth-child(2n-1){border-right:1px solid #ccc;}
}
@media (max-width:767px){
    #frame1 .numlist{margin-bottom: 0;padding: 20px 10px;}
    #frame1 .numlist .item{width: 50%;margin-bottom: 10px;}
    #frame1 .numlist .item:nth-child(2n-1){border-right:1px solid #ccc;}
    #frame1 .numlist .info h3{font-size: 40px;letter-spacing:-3px;}
    #frame1 .numlist .info h3 span{margin-right: 5px;}
}
#frame2{background:#f7f9fd url('../image/background_2.png') no-repeat center center;}
#frame2 .title p{color: #4285f4;}
#frame2 .numlist{margin-bottom: 25px;}
#frame2 .numlist .item{width: calc((100% - 100px)/5);text-align: center;position: relative;background: #fff;border-radius: 10px;padding: 35px 0 35px;}
#frame2 .numlist .item img{margin-bottom: 15px;}
#frame2 .item:hover h4{color:#4285f4;}
@media(min-width:992px){
    #frame2 .numlist .item:not(:last-child){margin-right: 25px;}
}
@media (max-width:767px){
    #frame2 .numlist .item{width: calc((100% - 10px)/2);margin-right: 10px;margin-bottom: 10px;}
    #frame2 .numlist .item:nth-child(2n){margin-right: 0;}
    
}
#frame3{}
#frame3 .title p{color: #fbbc05;}
#frame3 .list{margin-bottom: 10px;}
#frame3 .list .item{display:block;border-radius:15px;background-color:#fff;padding:45px 40px 70px 35px;margin-right: 20px;margin-bottom: 20px;}
#frame3 .list .item h4{font-size:24px;line-height:1;margin-bottom:15px;display:block;color:#fff;font-weight: bold;}
#frame3 .list .item p{font-size:18px;margin-bottom:20px;color: #fff;}
#frame3 .list .item:nth-child(1){background-color: #4285f4;}
#frame3 .list .item:nth-child(2){background-color: #fbbc05;}
#frame3 .list .item:nth-child(3){background-color: #34a853;}
#frame3 .list .item:nth-child(4){background-color: #ea4335;}
#frame3 .list .item:nth-child(5){background-color: #34a853;}
#frame3 .list .item:nth-child(6){background-color: #4285f4;}
@media(min-width:1230px){
    #frame3 .list .item:nth-child(1){width: 500px;}
    #frame3 .list .item:nth-child(2){width: 330px;}
    #frame3 .list .item:nth-child(3){width: 330px;}
    #frame3 .list .item:nth-child(4){width: 330px;}
    #frame3 .list .item:nth-child(5){width: 370px;}
    #frame3 .list .item:nth-child(6){width: 460px;}
    #frame3 .list .item:nth-child(3n){margin-right:0;}
}
@media (min-width:768px) and (max-width:1229px) {
    #frame3 .list .item{width: calc((100% - 20px)/2);padding: 30px 20px 20px;}
    #frame3 .list .item:nth-child(2n){margin-right:0;}
}
@media (max-width:767px){
    #frame3 .list .item h4{font-size: 20px;}
    #frame3 .list .item p{font-size: 16px;}
    #frame3 .list .item{width: 100%;padding: 30px 20px 20px;margin-right: 0;}
}
#frame4{background:#f7f9fd url(../image/background_3.png) no-repeat center center;}
#frame4 .left{max-width: 375px;padding-top: 35px;}
#frame4 .left h4{font-size: 50px;color: #23618a;line-height: 63px;}
#frame4 .left span{font-family: "GoogleSans-Regular","Microsoft YaHei";}
#frame4 .left h3{font-size: 75px;color: #23618a;line-height: 63px;font-weight: bold;margin-bottom: 15px;}
#frame4 .left p{font-size: 24px;color: #787878;}
@media (max-width:767px){
    #frame4 .left{width: 100%;margin-bottom: 20px;}
    #frame4 .left h4{font-size: 36px;line-height: 40px;}
    #frame4 .left h3{font-size: 48px;}
}

#frame5{}
#frame5 .title p{color: #ea4335;}
#frame5 .list .left{width: 52%;}
#frame5 .list .right{width: 46%;padding: 60px 0;}
#frame5 .list .right h4{font-size: 22px;color: #23618a;line-height: 32px;margin-bottom: 25px;padding-right: 40px;padding-left: 5px;}
#frame5 .list .right p{font-size: 18px;color: #454a4f;line-height: 31px;}
#frame5 .list .right p span{font-family: "GoogleSans-Regular","Microsoft YaHei";}
@media (max-width:767px){
    #frame5 .list .left,#frame5 .list .right{width: 100%;}
    #frame5 .list .right{padding: 30px 0 0;}
}
#frame6{background: #f7f9fd url('../image/background_4.png')no-repeat center center;}
#frame6 .title{text-align: left;margin-bottom: 50px;}
#frame6 .list .item{width: 100%;display: flex;justify-content: space-between;margin-bottom: 15px;min-height: 125px;}
#frame6 .item .left{width:58%;}
#frame6 .item .left .info{margin: auto 0;}
#frame6 .item .left h4{font-size: 22px;line-height: 32px;margin-bottom: 10px;}
#frame6 .item .left p{font-size: 16px;line-height: 31px;color: #454a4f;}
#frame6 .item:nth-child(1) .left h4{color: #23618a;}
#frame6 .item:nth-child(2) .left h4{color: #fbbc05;}
#frame6 .item:nth-child(3) .left h4{color: #34a853;}
#frame6 .item:nth-child(1) .right{background: #4285f4;}
#frame6 .item:nth-child(2) .right{background: #fbbc05;}
#frame6 .item:nth-child(3) .right{background: #34a853;}
#frame6 .item .right{width:36%;border-radius: 20px;padding: 15px 60px 20px 50px;}
#frame6 .item .right h4{color: #fff;font-weight: bold;font-size: 20px;line-height: 40px;}
#frame6 .item .right p{font-size: 18px;color: #fff;}
@media(min-width:992px){
    #frame6 .item:nth-child(1) .left h4{margin-top: 15px;}
    #frame6 .item:nth-child(2) .left h4{margin-top: 30px;}
    #frame6 .item:nth-child(3) .left h4{margin-top: 15px;}
}
@media (max-width:767px){
    #frame6 .list .item{flex-wrap: wrap;height: auto;margin-bottom: 20px;}
    
    #frame6 .item .left,#frame6 .item .right{width: 100%;}
    #frame6 .item .left{margin-bottom:10px;}
    #frame6 .item .right{padding:15px 20px ;}
    #frame6 .item .left h4{margin-bottom: 0;font-size: 18px;}
    #frame6 .item .right h4{font-size: 16px;}
    #frame6 .item  p{font-size: 14px;}
    #frame6 .item .right p{font-size: 14px;}
}
#frame7{}
#frame7 .title p{color: #4285f4;}
#frame7 .item{width: calc(100%/6);text-align: center;}
#frame7 .item img{margin-bottom: 15px;}
#frame7 .item:hover h4{color: #4285f4;}
@media (max-width:767px){
    #frame7 .item{width: calc(100%/2);margin-bottom: 10px;}
}
#frame8{background: #f7f9fd;}
#frame8 .title h4{font-size: 18px;line-height: 30px;color: #898c90;margin-top: 20px;max-width: 780px;margin:20px auto 0;}
#frame8 .title h4 span{font-size: 22px;font-weight: bold;color: #898c90;}
#frame8 .list .item{width: calc(100%/4);padding: 20px 40px;text-align: center;}

#frame8 .list .item:nth-child(2){border-color: #dfe0e3;}
#frame8 .list .item img{margin-bottom: 20px;}
#frame8 .list .item h4{color: #33332f;text-transform: capitalize;line-height: 28px;}
#frame8 .list .item:nth-child(2n-1) h4{font-size: 42px;}
#frame8 .list .item:nth-child(2n) h4{font-size: 30px;}
#frame8 .list .item span{font-size: 12px;}
#frame8 .list .item p{margin-top: 25px;font-size: 12px;}
#frame8 .list .item:hover p{color: #4285f4;}
@media(min-width:992px){
    #frame8 .list .item:not(:last-child){border-right: 1px solid #c4c5c7;}
}
@media(min-width:768px) and (max-width:991px){
    #frame8 .list .item{width: 50%;margin-bottom: 20px;}
    #frame8 .list .item:nth-child(2n-1){border-right: 1px solid #c4c5c7;}
}
@media (max-width:767px){
    #frame8 .list .item img{margin-bottom: 5px;}
    #frame8 .list .item h4{line-height: 1;}
    #frame8 .list .item:nth-child(2n) h4{font-size: 24px;}
    #frame8 .list .item:nth-child(2n-1) h4{font-size: 30px;}
    #frame8 .list .item{width: 100%;}
    #frame8 .list .item p{margin-top: 0;}
}
#frame9{}
#frame9 .title h2{font-size: 52px;font-family: "Source Han Sans CN";}
#frame9 .title p{font-size: 16px;color: #898c90;font-family: "Source Han Sans CN";}
#frame9 .list .item{text-align: center;}
#frame9 .item .txt{text-align: left;}
#frame9 .item .img{display: inline-block;margin: auto 0;margin-right: 30px;}
#frame9 .item .txt p{font-size: 18px;color: #454a4f;line-height: 42px;font-family: "Source Han Sans CN";font-weight: 300;letter-spacing:1px;}
@media (max-width:767px){
    #frame9 .list .item{margin-bottom: 10px;}
}

footer{}
footer .list{border-top: 1px solid #282828;padding: 50px 0 65px;}
#fck1{width:1000px;margin:0;}
#fck1 dd{font-size: 14px;line-height: 40px;color: #454a4f;font-family: "Source Han Sans CN";font-weight: 300;letter-spacing:1px;}
#fck1 dd:first-child{margin-bottom: 25px;}
#fck1 dd:last-child{margin-top: 25px;}
#fck1 dd img{margin-right: 30px;display: inline-block;}
#fck4{width:200px;margin:0;text-align: center;padding-top: 25px;}
#fck4 img{margin-bottom: 10px;}
#fck4 dd p{color: #454a4f;font-family: "Source Han Sans CN";font-weight: 300;line-height: 24px;}
@media (max-width:767px){
    #fck1 dd img{margin-bottom: 20px;}
}