@charset utf-8;
/*
Theme Name: new site
*/

.hide {display: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
@font-face {
    font-family:"PingFangSC-Regular;";
    src: url('/wp-content/themes/cgt/font/PingFang-Regular.otf');
}
@font-face {
    font-family:"PingFangSC-Semibold;";
    src: url('/wp-content/themes/cgt/font/PingFang-SC-Semibold.otf');
}
@font-face {
    font-family:"WenYue-XinQingNianTi-NC-W8;";
    src: url('/wp-content/themes/cgt/font/WenYue.otf');
}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */
body{font-family:"PingFangSC-Regular;";}
.inner{max-width:1420px;padding:0 20px;margin:0 auto;}
.header{position:fixed;width:100%;top:0;left:0;background:#fff;text-align:center;box-shadow: 1px 2px 21px 0px rgba(77, 77, 77, 0.41);z-index:9;}
.header>a{position:absolute;top:11px;left:29px;}
#menu-header-menu{font-size:0;}
#menu-header-menu>li{display:inline-block;}
.header_lang{position:absolute;right:20px;top:0px;height:50px;line-height:50px;width:24px;}
.header_lang .lang-item{display:none;}
.header_lang .lang-item li{line-height:1;}
.header_lang .lang-item a{background:rgba(51,51,51,0.6);color:#fff;width:24px;height:24px;line-height:24px;font-size:12px;display:inline-block;}
.header_lang .lang-item a:hover{background:rgba(68,151,255,0.6);}
.header_lang:hover ul{display:block;}
#menu-header-menu>li a{color: #333333;font-size: 16px;line-height: 1;padding:17px 30px;display:inline-block;cursor:pointer;}
#menu-header-menu>li a:hover{font-family:"PingFangSC-Semibold;";}
.footer{background-color: #4497ff;padding-bottom: 80px;position:relative;padding-top:210px;}
.footer_inner{max-width: 1200px;margin:0 auto;background-color: #ffffff;box-shadow: 1px 2px 21px 0px
        rgba(77, 77, 77, 0.2);border-radius: 8px;border: solid 1px #e3e3e3;font-size:0;padding:71px 90px 70px 148px;position:absolute;left:50%;margin-left:-600px;top:-50px;width:100%;}
.footer_inner h3{font-size: 40px;color: #333333;text-align:left;max-width:400px;font-family: "PingFangSC-Semibold;";}
.footer_inner div{display:inline-block;vertical-align: top;}
.footer_inner h3 span{font-size: 36px;color: #4497ff;}
.footer .ftrs-list-con{margin-left:77px;}
.footer .ftrs-list-con span{font-size: 18px;color: #333333;display:block;position:relative;padding-left:42px;}
.footer .ftrs-list-con span:after{position:absolute;content:'';display:block;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:url('/wp-content/themes/cgt/images/cgt_dh.png');}
.footer .ftrs-list-con .ftr_2{padding:25px 0 25px 42px;}
.footer h4{color: #ffffff;font-size: 40px;text-align:center;padding:121px 0 55px;font-family: "PingFangSC-Semibold;";}
.footer p{text-align:center;}
.footer p a{display:inline-block;font-size: 16px;color: #ffffff;padding:11.5px 63.5px;background-color: #f0483d;font-family: "PingFangSC-Semibold;";}
.homes{padding:108px 0 120px;}
.pcmag_container{background-color: #121f3f;border-radius: 8px;padding:30px 0 35px 70px;position:relative;max-width:1120px;margin:0 auto;}
.pcmag_container .pcmag_img{position:absolute;right:100px;top:-74px;}
.pcmag_container .award_para{font-size: 24px;color: #ffffff;padding-bottom:13px;}
.pcmag_container .award_hdr{font-size: 40px;color: #ffffff;font-family: "PingFangSC-Semibold;";}
.Ease_of_img{padding-top:75px;}
.why_choose_crm{font-size:0;margin-top:-360px;position:relative;}
.why_choose_crm .why_choose_hdr{display:inline-block;width:18%;vertical-align: top;}
.why_choose_crm .why_choose_hdr.active{position:fixed;top:206px;left:50px;}
.why_choose_crm .why_choose_hdr.pos{position:absolute;top:auto;bottom:18%;}
.why_choose_crm .why_choose_hdr h3{font-family: PingFangSC-Semibold;color: #333333;font-size: 40px;}
.why_choose_crm .why-choose_con{display:inline-block;width:47%;vertical-align: top;margin-left:80px;}
.why_choose_crm .why-choose_con.active{margin-left:calc(80px + 18%);}
.why_choose_crm .why-choose_con.pos{margin-left:calc(80px + 18%);}
.why_choose_crm .why-choose_con .item1{padding-bottom:48px;}
.why_choose_crm .why-choose_con .item2{padding-bottom:35px;max-width:559px;}
.why_choose_crm .why-choose_con .item3{max-width:594px;}
.why_choose_crm .why-choose_con .item2 h5, .why_choose_crm .why-choose_con .item3 h5{padding-left:42px;}
.why_choose_crm .why-choose_con h5{font-family: PingFangSC-Semibold;font-size: 24px;color: #333333;padding-bottom:40px;}
.why_choose_crm .why-choose_con span{font-size: 18px;color: #333333;position:relative;padding-left:42px;display:block;line-height:1.1;padding-bottom:22px;}
.why_choose_crm .why-choose_con span:after{position:absolute;content:'';display:block;top:0;left:0;width:18px;height:18px;background:url('/wp-content/themes/cgt/images/cgt_dh.png');}
.home_bottom{background-color: #e5ecfa;position:relative;padding:90px 0 210px;}
.home_bottom .inner>h3{text-align:center;}
.home_bottom .inner>h3>span{font-family: PingFangSC-Semibold;color: #333333;font-size: 24px;letter-spacing: 1px;display:inline-block;line-height:1;padding:17px 27.5px;background-color: #ffffff;border-radius: 31px;border: solid 2px #e5ecfa;position:absolute;top:-30px;left:50%;margin-left:-150px;}
.home_bottom .item{font-size:0;}
.home_bottom .item span{display:block;font-size: 18px;color: #333333;padding-bottom:15px;padding-left:42px;position:relative;}
.home_bottom .item span:after{position:absolute;content:'';display:block;top:0;left:0;width:18px;height:18px;background:url('/wp-content/themes/cgt/images/cgt_dh.png');}
.home_bottom .item ul{font-size:0;padding-bottom:33px;}
.home_bottom .item li{font-size: 14px;padding:12px 9px;color: #333333;display:inline-block;margin-left:14px;line-height:1;cursor:pointer;}
.home_bottom .item li:hover{color:#fff;background-color: #4497ff;border-radius: 19px;}
.home_bottom .item li:first-child{margin-left:0;}
.home_bottom .item li.active{color:#fff;padding:12px 9px;background-color: #4497ff;border-radius: 19px;}
.home_bottom .item h4{font-family: PingFangSC-Semibold;font-size: 36px;color: #333333;padding-bottom:17px;}
.home_bottom .item1{padding-bottom:140px;}
.home_bottom .item2{padding-bottom:110px;}
.home_bottom .item3{padding-bottom:143px;}
.home_bottom .item4{padding-bottom:170px;}
.home_bottom .item1 span{max-width:542px;}
.home_bottom .item1 .right{padding-top:34px;}
.home_bottom .item2 .left{padding-top:34px;}
.home_bottom .item3 .right{padding-top:115px;}
.home_bottom .item4 .left{padding-top:94px;}
.home_bottom .item4 .right{padding-top:25px;}
.home_bottom .item2 span, .home_bottom .item3 span, .home_bottom .item4 span, .home_bottom .item5 span{max-width:530px;}
.stats_container{text-align:center;padding-bottom:215px;}
.stats_container h5{font-family: PingFangSC-Semibold;font-size: 40px;color: #333333;padding-top:89px;}
.stats_container ul{font-size:0;padding-top:100px;}
.stats_container ul li:first-child{margin-left:0;}
.stats_container ul li{display:inline-block;vertical-align: top;margin-left:13%;position:relative;}
.stats_container ul li:after{position:absolute;content:'';display:block;width:100%;height:24px;background-color: #e5ecfa;left:0;top:68px;z-index: 1;}
.stats_container ul li span{font-family:"WenYue-XinQingNianTi-NC-W8;";font-size: 80px;color: #333333;letter-spacing: 3px;position:relative;z-index:2;display: inline-block;padding-bottom:10px;}
.stats_container ul li  b{font-size: 80px;position: relative;z-index: 2;font-family: "WenYue-XinQingNianTi-NC-W8;";color: #333333;font-weight: normal;vertical-align: top;}
.stats_container ul li p{font-size: 22px;color: #333333;text-align:left;line-height:1.1;}
.stats_container img{position:relative;margin-top:-125px;}


.footer-contact {max-width: 1200px;margin: 0 auto;padding: 40px 0;}
.footer-contact p{color:#ffffff;text-align: left;}
.footer-contact .footer-contact-title {font-size: 24px; font-family: "PingFangSC-Semibold;";}
.footer-version {max-width: 1200px;margin: 0 auto;padding: 0px 0;display:flex;justify-content: space-between;}
.footer-version p{color:#ffffff;text-align: left;}
.footer-version a{color:#ffffff;text-align: left;text-decoration: underline;font-size: 16px;}

@media(max-width:1420px){
    .why_choose_crm .why_choose_hdr h3{font-size:32px;}
    .why_choose_crm .why-choose_con{margin-left:30px;}
    .stats_container ul li span, .stats_container ul li b{font-size:60px;}
    .stats_container ul li:after{top:45px;}
    .stats_container ul li{width:15%;}
}
@media(max-width:1300px){
    .footer_inner{max-width:900px;padding:50px 30px;margin-left:-450px;}
    .footer .ftrs-list-con, .footer_inner div{width:50%;vertical-align:middle;}
    .footer .ftrs-list-con{margin-left:0;}
    .footer_inner h3{font-size:33px;}
    .footer_inner h3 span{font-size:28px;}
    .footer h4{padding: 80px 0 55px;}
    .home_bottom .item .left, .home_bottom .item .right{width:50%;vertical-align: middle;float:none;display:inline-block;}
    .home_bottom .item .right{padding-left:30px;}
    .home_bottom .item1 .right, .home_bottom .item2 .left, .home_bottom .item3 .right, .home_bottom .item4 .left{padding-top:0;}
    .home_bottom .item li{font-size:12px;margin-left: 10px;}

    .footer-contact, .footer-version{max-width: 900px;}
}
@media(max-width:1200px){
    .stats_container ul li span, .stats_container ul li b{font-size:40px;}
    .stats_container ul li:after{top:30px;height:15px;}
    .stats_container ul li p{font-size:18px;}
    .stats_container h5{font-size:30px;padding-top:50px;}
    .stats_container ul{padding-top:60px;}
    .stats_container{padding-bottom:115px;}
    .why_choose_crm .why_choose_hdr{width:100%;}
    .why_choose_crm .why-choose_con{margin-left:0;margin-top:50px;}
    .home_bottom .item{padding-bottom:90px!important;}
    .home_bottom{padding: 90px 0;}
}
@media(max-width:1020px){
    .pcmag_container .award_hdr{font-size:30px;}
    .pcmag_container .award_para{font-size:19px;}
    .pcmag_container .pcmag_img{rigth:50px;}
    .why_choose_crm .why-choose_con{width:100%;max-width:550px;}
    .home_bottom .item1 .left, .home_bottom .item2 .right, .home_bottom .item3 .left, .home_bottom .item4 .right, .home_bottom .item5 .left{width:40%;}
    .home_bottom .item1 .right, .home_bottom .item2 .left, .home_bottom .item3 .right, .home_bottom .item4 .left, .home_bottom .item5 .right{width:60%;}
    .footer h4{font-size:30px;}
    .footer_inner{max-width: 600px;padding: 20px 40px;margin-left: -300px;}
    .footer .ftrs-list-con, .footer_inner div{width:100%;}
    .footer_inner div{padding-bottom:30px;}

    .footer{padding-top: 250px;}
    .footer-version a{margin: 0 0 10px; display: block;}
    .footer-contact, .footer-version{max-width: 600px;}
    .footer-version{display: block;}
    .footer-contact{padding: 20px 0;}
}
@media(max-width:900px){
    .pcmag_container .pcmag_img{position: initial;text-align:center;padding-top:20px;}
    .pcmag_container .pcmag_img img{max-width:150px;}
    .pcmag_container{padding:20px;text-align:center;}
    .stats_container ul li{width:50%;text-align:center;margin-left:0;}
    .stats_container ul li p{text-align:center;}
    .stats_container ul li:after{width:90px;left:50%;margin-left:-45px;}
    .stats_container ul li:nth-child(1):after{width:110px;margin-left:-55px;}
    .stats_container ul li:nth-child(1), .stats_container ul li:nth-child(2){padding-bottom:30px;}
}
@media(max-width:870px){
    .home_bottom .item1 .right, .home_bottom .item2 .left, .home_bottom .item3 .right, .home_bottom .item4 .left, .home_bottom .item5 .right{width:100%;padding-left:100px;}
    .home_bottom .item1 .left, .home_bottom .item2 .right, .home_bottom .item3 .left, .home_bottom .item4 .right, .home_bottom .item5 .left{width:100%;text-align:center;display:none;}
}
@media(max-width:768px){
    .why_choose_crm{margin-top:50px;}
    .Ease_of_img{display:none;}
    .home_bottom .item1 .right, .home_bottom .item2 .left, .home_bottom .item3 .right, .home_bottom .item4 .left, .home_bottom .item5 .right{padding-left:50px;}
    .stats_container img{max-width:180px;margin-top:-90px;}
    #menu-header-menu>li a{padding: 17px 15px;}
    .home_bottom .item h4, .stats_container h5{font-size:25px;}

    
}
@media(max-width:650px){
    .footer_inner{max-width: 400px;padding: 20px 20px 0;margin-left: -200px;top:-130px;}
    .footer_inner h3{font-size:25px;}
    .footer_inner h3 span{font-size:21px;}
    .footer .ftrs-list-con .ftr_2{padding: 15px 0 15px 42px;}
    .stats_container{padding-bottom:180px;}
    .footer h4{padding: 0px 0 25px;font-size:20px;}
    .footer p a{padding: 9.5px 35.5px;}
    .footer{padding:210px 20px 50px;}
    .home_bottom .item{padding-bottom: 40px!important;}
    .home_bottom .item1 .right, .home_bottom .item2 .left, .home_bottom .item3 .right, .home_bottom .item4 .left, .home_bottom .item5 .right{padding-left:0;}
    .header>a{position: initial;}
    .header{padding-top:20px;}
    .header_lang{top:53px;}
}
@media(max-width:510px){
    .home_bottom .item ul{display:none;}
    .stats_container{padding-bottom:265px;}
    .footer_inner{max-width: 280px;padding: 20px 20px 0;margin-left: -140px;top: -214px;}
    .footer_inner div{padding-bottom:10px;}
    .footer{padding: 155px 20px 50px;}
}
@media(max-width:450px){
    #menu-header-menu>li a{font-size: 14px;padding: 17px 7px;}
    .header_lang{top:51px;}

}