.index_title{color: #0DA7E6;font-size: 32px;margin-bottom:40px;line-height: 1em;}
.index_title span{display:block;font-size: 64px;color: #BAE5F6;line-height: 1em;}
.index_title.right{text-align: right;}
.index_title.green{color: #5CC222;}
.index_title.green span{color: #B7EDCA;}

.index_cell{position: relative;margin-bottom: 60px;;}
.content_box{width:46%;position:relative;z-index: 10;background: linear-gradient(59.65deg, #08A5E6 2.49%, rgba(8, 165, 230, 0) 136.99%);color:#fff;padding:40px 130px 80px 60px;border-radius: 20px;}
.content_box h4{font-size: 28px;margin-bottom: 40px;line-height:1.5em;}
.content_box p{line-height: 1.8em;margin-bottom: 40px;;}
#introImg{width:60%;position:absolute;top:-100px;right:0;border-radius: 20px;}


.mgbtn{display: block;font-size:22px;color: #36BEE9;border: 3px solid #35BDE8 ;background:#fff;
 border-radius: 30px;width: 187px;height:54px;line-height: 46px;text-align: center;transition:all ease 0.5s;}
 .mgbtn:hover{letter-spacing: 6px;text-decoration: none;}
 .mgbtn.right{float:right}
 .mgbtn.green{color: #54C97B;border-color:#65D256;}

 #index_products{background: url(../images/greenbg.svg) center bottom no-repeat;margin-bottom:100px;}

 .products_container{margin:0px 4%; padding: 3% 0px 0px 0px;}

 a.product{width:27.3333%;float:left;margin:0px 3% 50px 3%;text-align:center;text-decoration: none;transition:all ease 0.5s;}
 a.product:hover{transform:translateY(-20px);}
 .product img{width:100%;height:auto;border-radius: 20px;}
 .product .pname{font-size: 24px;line-height: 2em;color:#fff;}

 .products_intro{padding:0% 4% 3% 4%;color:#fff;line-height: 1.8em;}

 #idea_container{background:#fff url(../images/ideabg.png) right bottom no-repeat;padding:100px 40px;color:#0DA7E6;line-height: 1.8em;    margin-bottom: 100px;border-radius: 20px;}
 #idea_container p{display:block;width:35%;margin-bottom:40px;}
 
 #index-news{background: #ECF1F4;padding:50px 0px; margin-bottom: 100px;}
 .news-list li{padding:26px 40px;border-bottom:1px solid #0DA7E7;color:#696969;margin:0;transition:all ease 0.5s;}
 .news-list li:hover{padding-left:50px;}
 .news-list a{color:#0DA7E6;font-size: 18px;display:inline-block;margin-left:40px;}
 #index-news .news-list{width:85%;margin-bottom: 50px;}
 #index-news .mgbtn{margin-left:40px;}

 #page-footer{background:#F3F4F6 url(../images/footerbg.png) 90% bottom no-repeat;background-size:auto 80%;color:#666;font-size: 15px;text-align: left;position: relative;clear: both;}
 #copyright{color:#666;border-color:rgba(0,0,0,0.1);padding-bottom: 51px;padding-top: 8px;}
 .zimeiti li{width:24px;height:24px;margin:0;margin-right:32px;}
 .zimeiti li img{width:100%;height:auto;}
 .zimeiti .qr img{width:200px;}

 .content_title{font-size: 28px;color:#333;margin-bottom:100px ;}
 .content_title.top{margin-bottom: 40px;}

 .content_wrapper{margin-bottom: 50px;font-size: 16px;color:#555;line-height: 1.8em;;}
 .content_wrapper p{margin-bottom:1em;}

 #nywrapper{padding: 0px 30px;}
 #nywrapper .index_cell{margin-bottom: 130px;}
 #nywrapper .index_cell .content_box{border-radius:20px ;}
 #nywrapper .index_cell img {width: 60%;
position: absolute;top: -80px;right: 0;border-radius:20px;}
#nywrapper .index_cell h3{margin-bottom: 20px;}

#nywrapper .index_cell.right{transform: translateY(-80px);}
#nywrapper .index_cell.right img{position:static;}

#nywrapper .index_cell.right .content_box{position:absolute;right:0;top:80px;padding:40px 60px 30px 130px}
#nywrapper .index_cell.right h3{text-align: right;}
.content_box.green{background: linear-gradient(114.48deg, rgba(2, 163, 104, 0.371) -5.34%, #08E696 90.86%);}
.content_box.golden{background: linear-gradient(59.65deg, #d7bd5e 2.49%, rgba(226, 199, 102, 0.3) 136.99%);}

#sub_menu{margin-bottom: 50px;text-align: center;}
#sub_menu a{display: inline-block;margin:0px 10px;line-height: 40px;padding:0px 32px 0px 15px; background:url(../images/jiao.svg) right center no-repeat;color:#666;text-decoration: none; border:1px solid #ccc;border-radius: 20px;}
#sub_menu a:hover ,
#sub_menu a.cur{background:#08B357;border-color:#fff;color:#fff;background:#08B357 url(../images/jiao-white.svg) right center no-repeat;}

#news_container{margin-bottom: 50px;}
#news_container .news-list{margin-bottom: 30px;}

.video_list li{width:30.333%;margin:1.5% 1.5%;float:left;color:#999;transition:all ease 0.5s;}
.video_list li:hover{transform:translateY(-15px);}
.video_list .imgBox{position: relative; width:100%;height:0;padding-top:70%;overflow: hidden;border-radius: 20px;}
.video_list .imgBox::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0, 0, 0, 0.2);z-index: 5;}
.video_list .imgBox::after{content:'';width:50px;height:50px;left:50%;top:50%;position: absolute;transform: translate(-50%,-50%); background: url(../images/playbtn.svg) center center no-repeat;z-index: 10;}
.video_list .imgBox img{position:absolute;width:100%;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 1;}
.video_list h4{font-size:18px;color:#0DA7E6 ;}
.video_list footer{padding:15px 20px;}

#nywrapper .product .pname{color: #fff;
    transform: translateY(-50%);
    display: inline-block;
    background: #65D256;
    padding: 5px 25px;
    border-radius: 30px;
    position: relative;
    font-size: 18px;}

.product .imgBox{width:100%;height:0;padding-top:133%;overflow:hidden;position: relative;border-radius:20px;}
.product .imgBox img{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius: 20px;}