@charset "utf-8";
/* CSS Document */


.anz{float: right;width:538px; margin-left: -10px;}
.anz li{float: left; width: 33.33%; padding-left: 10px;}
.lxdh{position: relative; height: 42px; border:1px solid #dfe2eb;border-radius: 21px;padding-left: 45px;overflow: hidden;}
.lxdh img{position: absolute;left: 4px;transform: translateY(-50%);top: 50%; }
.lxdh a{font-size: 16px; line-height: 40px; color: #1f5fff;position: relative;}
.lxdh:before{position: absolute; height: 100%; width: 0;top: 0;left: 0;background: #1f5fff;transition: All 0.4s ease-in-out;content: "";}
.lxdh:hover:before{width: 100%;}
.lxdh:hover a{color: #fff;}
.btn1{display: block; text-align: center; border-radius: 21px; background: #1f5fff;color: #fff;font-size: 16px;line-height: 42px;font-weight: bold;}
.btn1:hover{background: #3b99ff;}
.cpdl{height: 42px;border-radius: 21px; font-size: 16px; font-weight: bold;line-height: 42px; position: relative;color: #fff;text-align: center;background: #1f5fff;cursor: pointer;} 
.cpdl dl{background: #fff;border-radius: 8px; position: absolute; width: 100%;top: 42px;left: 0;display: none; padding: 5px 0;}
.cpdl dt a{line-height: 30px; font-size: 14px; color: #666;display: block;text-align: center;font-weight: 400;}
.cpdl dt a:hover{color: #1f5fff;}
.cpdl:hover{background: #3b99ff;}
.cpdl:hover dl{display: block;}

.h70{height: 70px;}
.srwb{position: relative; height: 61px; border-radius: 30.5px; background-color: #fff;border: 1px solid hsla(0, 0%, 78.4%, .3); text-align: left; transition: border .2s ease; margin-top: 35px;}
.wby1{width: 100%;height: 61px; line-height: 61px; padding: 0 170px 0 40px; font-size: 16px;}
.btn2{position: absolute;text-align: center;color: #fff;width: 168px;height: 50px; right: 5px; background: #0068ff;border-radius: 25px;cursor: pointer; border: none;font-weight: bold;font-size: 17px;top: 50%;transform: translateY(-50%);}
.btn2:hover{background: #3b99ff;}

.bj1{background: #f9fcff; padding: 55px 0;}
.hzsh{width: 1200px; margin: 0 auto; overflow: hidden;height: 40px;}
.hzsh img{height: 40px;}
.hzsh ul{display: flex;justify-content : space-between;}
.hzsh .swiper {width: 100%; height: 100%; }

.tyzn{width: 1200px; margin: 0 auto;}
.tyzn_title{text-align: center; padding: 95px 0 85px;}
.tyzn_title h2{line-height: 50px;font-size: 36px; margin-bottom: 30px; color:#333;font-weight:bold;}
.tyzn_title p{font-size: 16px; color: #666;}
.tyzn_nr ul{padding: 15px 10px 40px 10px; overflow: hidden; margin-left: -40px;}
.tyzn_nr li{float: left; width: 33.33%; padding-left: 40px;}
.tyzn_nr span{display: block;text-align: center;position: relative; cursor: pointer; background: #fff;border-radius: 20px;color: #333;font-size: 22px; overflow: hidden;font-weight: bold;line-height: 89px;border: 1px solid #e0edff;box-shadow: -5px 20px 35.62px 0 #edf6ff;transition: All 0.4s ease-in-out;}
.tyzn_nr b{position: absolute; top: 0;right: 0; color: #fff; width: 95px;line-height: 40px;border-radius: 0 20px 0 20px; background-image: linear-gradient(to right,#4399e3, #2a17ff);height: 40px;}
.tyzn_nr span:hover{transform: translateY(-10px); box-shadow: -5px 20px 35.62px 0 #dbeeff;}

.glxt{width: 1200px;margin: 0 auto;background-size: auto 700px;}
.glxt_title{padding:60px 0 10px 0;text-align: center;}
.glxt_title img{display: inline-block;vertical-align: middle; margin: -3px 22px 0 0;height: 40px;  }
.glxt_title span{display: inline-block;vertical-align: middle; padding-left: 22px; position: relative; font-weight: bold; color: #333; font-size: 34px; line-height: 36px;}
.glxt_title span:before{position: absolute; content: "";height: 100%; top: 0; left: 0;}
.glxt_title p{font-size: 16px;color: #666; line-height: 1.6; margin: 30px 0;}
.glxt_title a{  color: #0055FF;font-size: 16px;}
.glxt_title a:hover{opacity: .7;}
.glxt_nr{overflow: hidden; padding-bottom:75px ;}
.glxt_left{width: 400px;padding-top: 30px;}
.glxt_left ul{padding: 5px;}
.glbox{padding: 20px 30px;border-radius: 15px;cursor: pointer;}
.glbox h2{font-size: 18px; color: #333;margin-bottom: 10px;}
.glbox p{font-size: 15px; line-height: 24px;color: #b4b7c7; padding-left: 44px;display: none;}
.glbox b{display: inline-block;width: 44px;vertical-align: middle;}
.glbox a{color: #1d7cff;font-size: 15px; margin: 10px 0 0 44px;display: none;}
.glbox b img{width: 28px;filter:grayscale(100%);opacity: .5;}
.glbox dt{position: relative;font-size: 14px; line-height: 24px; padding: 0 0 0 65px;}
.glbox dt:before{position: absolute;width: 6px;height: 6px; background: #006bff;border-radius: 50%; content: "";top: 50%;transform: translateY(-50%);left: 50px;}

.glxt_left li{padding-bottom: 5px;}
.glxt_left li.cur .glbox{box-shadow:0 0 10px rgba(0, 0, 0, .15); background: #fff; }
.glxt_left li.cur p{display: block;}
.glxt_left li.cur a{display: block;}
.glxt_left li.cur img{opacity: 1;filter:grayscale(0%);}

.glxt_right{width: calc(100% - 400px);}
.glxtbox{position: relative;background: url(../images/bj1.png)  no-repeat right center;background-size:100% 100%;overflow: hidden;}
.glxtbox img{width: 100%;}
.gltp{width: calc(100% - 220px);position: absolute; top: 60px; right: 45px;}
.gltp img{animation:zoomIn 0.6s 1;}
.gltp2{width: calc(100% - 200px);position: absolute; bottom: 0px; right: 0px;}
.gltp2 img{animation:fadeInUp 0.6s 1;}
.gltp3{width:180px;position: absolute;  right: 0px;top: 50%; transform: translateY(-50%);}
.gltp3 img{animation:fadeInRight 1s 1;}
.btn3a{display: block; text-align: center; width: 278px;line-height: 54px;border: 1px solid #0068ff;border-radius: 28px;font-weight: bold; font-size: 24px; color: #0068ff; margin: 0 auto;}
.btn3a b{display: inline-block;background: url(../images/a15.png);width: 25px;height: 12px;vertical-align: middle; margin: 0 0 0 20px;}
.qhbo{position:relative;width: 1200px; margin: 0 auto 70px auto;}
.qhbo:before{position: absolute;content: "";border: 1px solid #e2ecff;width: calc(50% - 150px);left: 0;top:50%;transform: translateY(-50%);}
.qhbo:after{position: absolute;content: "";border: 1px solid #e2ecff;width: calc(50% - 150px);right: 0;top:50%;transform: translateY(-50%);}

.ycnr{overflow: hidden;height: 0;}

.ycnr_title{padding:0 0 20px 0;text-align: center;}
.ycnr_title img{display: inline-block;vertical-align: middle; margin: -3px 22px 0 0;height: 26px;  }
.ycnr_title span{display: inline-block;vertical-align: middle; padding-left: 22px; position: relative; font-weight: bold; color: #0068FF; font-size: 24px; line-height: 30px;}
.ycnr_title span:before{position: absolute; content: "";border-left: 1px solid #212929;height: 100%; top: 0; left: 0;}
.ycnr_title p{font-size: 16px;color: #666; line-height: 1.6; margin: 30px 0;}
.ycnr_title a{  color: #0055FF;font-size: 16px;}
.ycnr_title a:hover{opacity: .7;}

.lggd_nr{width: 1200px; margin: 0 auto;}
.lggd_nr ul{overflow: hidden; padding: 5px 5px 100px 5px;}
.lggd_nr li{float: left; width: 25%;}
.lggdbox{width: 256px;height: 210px;border: 1px solid #f6f7fb;border-radius: 25px; margin: 0 auto;box-shadow:0 0 10px rgba(0, 0, 0, .1); background: url(../images/a17.png);background-size: 100% 100%;padding-top: 50px;text-align: center; }
.lggdbox img{margin: 0 auto; height: 30px;}
.lggdbox h2{font-weight: bold; font-size: 36px; margin: 25px 0 20px; color: #333;}
.lggdbox p{line-height: 1.6; font-size: 14px; color: #999;}
.fl{float: left;}

.bj3{background: url(../images/bj3.jpg) no-repeat center;background-size: cover;}
.jjfa{padding-bottom: 45px;}
.hdty{width: 1200px; margin: 0 auto; }
.hdty_title{padding: 65px 0;}
.hdty_title h2{font-weight: bold; color: #333; font-size: 36px;text-align: center;}
.hdty ul{font-size: 0;text-align: center;}
.hdty li{display: inline-block; padding: 0 15px 30px 15px;width: 33.33%;}
.hdtybox{width: 386px;height: 232px; background: #fff;box-shadow: 0 14px 28px 0 #edf6ff; border-radius: 16px; display: flex; flex-direction: column; align-items: center; padding: 20px 38px;justify-content: space-between;}
.hdtybox img{width: 80px;height: 80px; border-radius: 50%;}
.hdtybox h2{font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
    background-image: radial-gradient(92.45% 77.14% at 40.79%, at 30%, #0068ff 0, #65beff 100%);
    background-image: radial-gradient(92.45% 77.14% at 40.79% 30%, #0068ff .52%, #65beff 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;}
.hdtybox p{font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    color: #474c66;}

.jjfa{background: #f9fcff;  width: 1200px; margin: 0 auto;}
.jjfa_nr ul{display: flex;justify-content : space-between;}
.jjfabox{position: relative;width: 275px;height: 305px; border-radius: 15px;overflow: hidden;}
.jjfa_tp{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.jjfa_tp img{width: 88px;height: 88px; margin: 0 auto;}
.jjfa_tp h2{margin: 24px 0 12px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #212929;}
.jjfa_tp p{height: 45px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #474c66;
    width: 204px;
}
.jjfa_text{position: absolute; left: 0; top: 0;  transform: scale(0.8); transition: all .3s ease;background: url(../images/a38.png);background-size: 100% 100%; padding: 40px 20px 0 20px;opacity: 0;width: 100%;height: 100%;}
.jjfa_text h2{color: #fff;text-align: center; font-weight: bold; font-size: 20px;margin-bottom: 20px;}
.jjfa_text dt{position: relative; line-height: 32px; font-size: 14px;color:#fff; padding-left: 15px;}
.jjfa_text dt:before{position: absolute;background: #fff;content: "";width: 5px;height: 5px;border-radius: 50%; left: 0;transform: translateY(-50%);top: 50%;}
.jjfa_text a{width: 130px; line-height: 36px;font-size: 14px;display: block; margin: 20px auto 0 auto; background: #fff; color: #0068FF;border-radius: 18px;text-align: center;font-weight: bold;}
.jjfa_text a:hover{opacity: 0.8;}
.jjfabox:hover .jjfa_text{transform: scale(1);opacity: 1;}
.btn3{display: block;width: 215px; line-height: 50px; border:1px solid #0068ff;border-radius: 25px;text-align: center;font-size: 20px; color: #0068ff; margin: 25px auto 0 auto;}

.bj4{background: #f7fbff;}
.zsyh{padding-bottom: 60px;}
.hdty_xq{overflow: hidden;}
.hdty_xq li{display: inline-block; padding-left: 30px;}
.hdtynr{flex-direction: column;
    margin: 0 16px;
    padding: 30px 32px;
   	width: 380px;
    height: 356px;
    background-color: #fff;
    box-shadow: 0 14px 28px #edf6ff;
    border-radius: 16px;}
.hdty_top{display: flex;justify-content : space-between;align-items: center;}
.hdty_top img{width: 50px;height: 50px;border-radius: 50%;}
.hdty_text{width: calc(100% - 60px);}
.hdty_text h2{font-size: 16px;color: #333;margin-bottom: 10px;}
.hdty_text p{font-size: 14px;color: #999;}
.hdty_wb{padding-top: 20px;}
.hdty_wb h2{font-size: 18px;margin-bottom: 20px;color: #666;}
.hdty_wb p{font-size: 14px; line-height: 1.6; color: #999;height: 160px;}
.hdty_wb a{display: block;text-align: right; font-size: 14px; color: #0068FF;}

.zqqy{width: 1280px;margin: 0 auto;}
.zqqy_nr ul{overflow: hidden; margin-left: -100px;}
.zqqy_nr li{float: left; width: 20%; padding: 0 0 60px 68px;}
.zqqy_nr li img{width: 100%;}

.rlzy{width: 1200px; margin: 0 auto;}
.rlzy_nr{position: relative;}
.rlzy_nr img{width: 100%;}
.rlzy_nr a{display: block;text-align: center;color: #fff;position: absolute;width: 185px; line-height: 54px;background: #fff;color: #0066ff; font-weight: bold; font-size: 20px; border-radius: 27px; transform: translateY(-50%); top: 50%; right: 35px;}
.rlzy_nr a:hover{opacity: .8;}

.wzxw{overflow: hidden;}
.wzxw .swiper{padding: 40px 0 35px;}
.newsbox{position: relative; overflow: hidden;border-radius: 20px;  box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.newsbox span{display: block; height: 175px;}
.newsbox span img{width: 100%;height: 100%;object-fit: cover;}
.news_text{padding: 25px 30px;}
.news_text h2{font-weight: bold; font-size: 20px;margin-bottom: 20px;color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_text p{font-size: 14px; line-height: 22px;color: #777a7e;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsbox{transition: All 0.3s ease-in-out;}
.newsbox:hover{transform: translateY(-10px); }

.yhty{position: relative;background-color: #0068ff;overflow: hidden;padding: 90px 0 ; }


.ssbox{position: relative;width: 500px; margin: 0 auto;height: 60px;border-radius: 30px; background: #fff;}
.yhtybox h2{font-size: 40px; line-height: 56px;margin-bottom: 28px; color: #fff;text-align: center;font-weight: bold;}
.order-anim{position: absolute;height: 312px;width: 1200px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  
.footer-left{top: 150px;width: 300px;right: 350px;opacity: .6;transform: rotate(180deg);}
.footer-right{bottom: 150px;position: absolute;left: 350px;width: 300px;transform: rotate(180deg);opacity: .6;} 
.dance_footer {width: 731px;transform-origin: center;animation-name: up-and-down-footer;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 60s}

@keyframes up-and-down-footer {
	to {
		transform: rotate(1turn)
	}
}

.lbxw{padding: 10px 0; border-bottom: 1px solid #363a47;}
.lbxw h2{font-size: 14px; color: #fff; margin-bottom: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lbxw p{font-size: 12px; color: #ccc;}

.link{padding: 18px 0;}
.link ul{overflow: hidden; margin-left: -25px;}
.link li{float: left; padding-left: 25px;line-height: 20px; }
.link li span{color: #fff; opacity: .8;}
.link li a{color: #fff;opacity: .8;}
.link li a:hover{opacity: 1;}

.hzqy{border-top:1px solid #2b313c;border-bottom:1px solid #2b313c; padding: 17px 0;text-align: center;}
.hzqy li{display: inline-block; padding: 0 20px;text-align: center;vertical-align: top;}
.hzqy p{color: #fff; line-height: 1.4; margin-top: 6px;}
.bqxx{padding: 25px 0 80px;}
.bqxx p{color: #b0b3bd;display: flex;justify-content : space-between;}
.bqxx p img{display: inline-block;vertical-align: middle;width: 15px;margin-top: -2px;}

.sjzs{display: none;}


@media(max-width:750px){
.pczs{display: none;}
.sjzs{display: block;}
.header{height: 56px;}
.headerbox{width: 100%; padding: 0 3%;height: 56px;}
.nav{display: none;}
.anz{display: none;}
.dhbtn{background: url(../images/d1.png); width: 18px;height: 16px;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);background-size: 100% 100%;}
.dhbtn.on{background: url(../images/d2.png);background-size: 100% 100%;}
.swpnav{width: 310px;height: 100vh; overflow: auto;position: fixed;width: 100%;top: 0;left: 0; padding-top: 60px;background: #fff;z-index: 50;display: none;}
.swpnav ul{width: 310px; margin: 0 auto;}
.swpnav h3{font-size: 16px; line-height: 55px; color: #333;background: url(../images/d3.png) no-repeat right center;border-bottom: 1px solid #dfe2eb;}
.swpnav h3.on1{background: url(../images/d4.png) no-repeat right center;}
.lcy{padding: 10px 0;display: none;}
.lcy dt{line-height: 28px;}
.lcy dt a{color: #666; font-size: 14px;display: block;}

.lcr{padding: 10px 0; overflow: hidden;display: none;}
.lcr dt {line-height: 28px; float: left;width: 50%;}
.lcr dt a{color: #666; font-size: 14px;display: block;}
.viderbtn{width: 100%; margin: 0 auto;}
.viderbtn img{width: 100%;}
.banner{height: auto;}
.banner_left{width: 100%; padding: 80px 5% 50px 5%;text-align: center;}
.h70{height: 56px;}
.banner_left h2{font-size: 24px;margin-bottom: 15px;}
.banner_left p{font-size: 12px; line-height: 2;margin-bottom: 40px;}
.srwb{margin-top: 20px;background: none; width: 100%;height: auto;border: none;}
.wby1{display: none;}
.btn2{position: static;display: block;transform: translateY(0); margin: 0 auto;background: #fff;color: #265bf6;font-size: 16px; line-height: 40px; width: 155px;}

.bj1{display: none;}
.glxt{display: none;}
.ljgd{display: none;}
.bj3{display: none;}

.znzp{width: 350px;max-width: 94%; margin: 0 auto;}
.zn_a_title{padding: 45px 0 30px;}
.zn_a_title h2{text-align: center;font-size: 18px; color: #333;font-weight: bold;}
.zn_a_title h2 img{display: inline-block;vertical-align: middle; width: 120px;margin-right: 10px;}
.zn_a_title h2 span{display: inline-block;position: relative;padding-left: 10px;}
.zn_a_title h2 span:before{position: absolute; content: ""; border-left: 2px solid #212929;height: 100%;top: 0;left: 0;}
.zn_a_box{border-radius: 10px; padding: 18px 18px 0 18px;background: #f7fafe;}
.zn_a_box h2{ font-size: 14px; color: #333;}
.zn_a_box h2 img{display: inline-block;vertical-align: middle; margin: -3px 15px 0 0 ;width: 30px;}
.zn_a_box h2 b{display: inline-block;vertical-align: middle;background: url(../images/s6.png);width: 6px;height: 10px;margin: -3px 0 0 7px;}
.zn_a_box li{padding-bottom: 25px;}
.zn_a_box p{color: #666; line-height: 1.6; padding-left: 45px;}
.h30{height: 30px;}
.zn_a_box h3{color: #666; line-height: 1.6; padding-left: 55px;position: relative;}
.zn_a_box h3:before{position: absolute; content: "";width: 5px;height: 5px; border-radius: 50%; left: 45px; transform: translateY(-50%);background: #0055FF;top: 50%;}
.syfa_title{padding: 55px 0 45px;}
.syfa_title h2{font-weight: bold; font-size: 18px; color: #333;text-align: center;}
.hyfa_nr ul{overflow: hidden;}
.hyfa_nr li{width: 33.33%;float: left; text-align: center; padding-bottom: 45px;}
.hyfa_nr img{height: 50px;margin: 0 auto;}
.hyfa_nr p{color: #666; margin-top: 10px;}

.bj4{background: #0068ff;}
.hdty_title{padding: 35px 0 25px;}
.hdty_title h2{color: #fff; font-size: 18px;font-weight: bold; text-align: center; }
.hdtynr{width: 280px; padding: 15px;height: auto;}
.hdty_top img{width: 40px;height: 40px;}
.hdty_text h2{font-size: 14px;margin-bottom: 5px;}
.hdty_text p{font-size: 12px;}
.hdty_wb h2{font-size: 14px;margin-bottom: 5px;}
.hdty_wb p{font-size: 12px;height: 85px;line-height: 1.6;}
.hdty_wb a{display: none;}
.zqqy{width: 350px; margin: 0 auto; padding-bottom: 40px;}

.hdty_title .tddy{color: #333;}
.zqqy_nr li{width: 33.33%; padding: 0 0 30px 30px;}
.zqqy_nr ul{margin-left: -30px;}


.sjfooter{background: #0e1421; padding: 30px 3% 90px 3%;overflow: hidden;}
.foobox{width: 350px; margin: 0 auto;}
.sjfleft{float: left; width: 40%;}
.sjfleft ul{overflow: hidden; margin-left: -7px;}
.sjfleft li{float: left; width: 50%; padding-left: 7px;text-align: center;}
.sjfleft img{width: 100%;}
.sjfleft p{font-size: 12px; color: #fff;opacity: .6; margin-top: 10px;}
.sjfright{float: right;width: 60%; padding-left: 10px;}
.sjfright img{margin-bottom: 10px;}
.sjfright p{font-size: 12px; color: #fff;opacity: .6;line-height: 1.6; }
.sjfright h3{padding-top: 20px;font-size: 12px; color: #fff;opacity: .6; }


.zyty_title h2{color: #333; font-weight: bold; font-size: 18px; padding: 65px 0 30px;text-align: center;}
.zyty_title ul{overflow: hidden;}
.zyty_title li{float: left; width: 25%;}
.zyty_title span{display:block; text-align: center; line-height: 32px;width: 75px;border-radius: 16px; color: #0055FF; margin: 0 auto;}
.zyty_title li.cur span{color: #fff;background: #0055FF;}
.zyty_title {padding-bottom: 16px;}
.zyty_nr{background: #0068ff;border-radius: 0 20px 0 20px; padding: 20px 10px;}
.tpqh h2{text-align: center; color: #fff; font-weight: bold; font-size: 16px;padding-bottom: 5px;}
.qvbox{animation: fadeIn 1s 1;}
.qvbox img{width: 100%;}
.qvbox {position:relative;}
.qwtp{width: 80px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.zyty_nr .swiper{padding-bottom: 20px;}
.zyty_nr .swiper-pagination-bullet{width: 10px;height: 5px; opacity: 1;background: #fff;border-radius:0;}
.zyty_nr .swiper-pagination-bullet-active{width: 20px;}
.footer{display: none;}
.jjfa{display: none;}
.rlzy{display: none;}
.yhty{display: none;}
.dblx{width: 750px; left: 50%;bottom: 0;z-index: 50; max-width: 100%; position: fixed;background: #fff;transform: translate(-50%);}
.dblx ul{overflow: hidden;}
.dblx li{float: left; width: 50%; line-height: 60px; font-size: 16px;}
.dblx a{display: block;text-align: center;color: #333;}
.dblx  ul li:nth-child(2) a{ background: #1f5fff;color: #fff;}

.spbj{position: fixed;z-index: 101;top: 0;left: 0;background: rgba(0,0,0,.7);width: 100%;height: 100%; top: 0; left: 0;display: none;}
.sptc{width: 90%; position: fixed;z-index: 102;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.ggbtn{width: 40px;height: 40px;background: #333;position: absolute;border-radius: 50%;text-align: center; line-height: 40px; color: #fff; font-size: 18px;top: -20px;right: -20px;z-index: 10;}





}