@font-face
{font-family: pingfang;
src: url('img/pingfang.ttf')}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select{font-family:Microsoft YaHei;margin:0;padding:0;color:inherit;}
 
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
a:hover{color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
.auto{width: 1000px;margin:0 auto;}
em,i{font-style:normal;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.center{text-align: center;} 
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.auto{width: 1200px;margin:0 auto;}
.btn{display: block;text-align: center;}
.button_gradient{background:#33aaff;background: -webkit-gradient(linear, left top, right bottom, from(#33aaff), to(#ffac5e)); background: -moz-linear-gradient(top,  #33aaff,  #ffac5e); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33aaff', endColorstr='#ffac5e');}
.c_pink{color: #ff006c;}
.c_green{color: #00cd6f;}
.c_blue{color: #199fff;}
.c_org{color: #ff5722;}
.white_bg{background: #fff;}
.fs18 {
    font-size: 18px !important;
}
.pt20 {
    padding-top: 20px !important;
}
/*??????*/
.head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:10px 0;height: 80px;}
.inner_head{background: #fff;}
.inner_head .hd_nav li{color: #333333;}

.hd_logo{position:absolute;top: 10px;left: 2%;}
.hd_logo .img{height: 60px;width: auto; height:35px; margin-top:11px;}
.hd_btns{position:absolute;top: 20px;right: 1%;}
.hd_btns .lk{display: block;float: right;width: 100px;height: 40px;text-align: center;line-height: 40px;border:1px solid #33aaff;border-radius:3px;font-size: 16px;margin-left: 30px;}
.hd_btns .login{color: #fff;background: #33aaff;}
.hd_btns .reg{color: #33aaff;}
.hd_btns .lk:hover{box-shadow:0 0 5px #33aaff;}

.hd_center{font-size: 15px;color: #fff;line-height: 50px;top: 15px;}
.hd_center .hdimg{width: 50px;height: 50px;border-radius:50%;border:2px solid #fff;margin-right: 10px;}

.hd_nav{text-align: center;padding:10px 0;}
.hd_nav li{display: inline-block;font-size: 16px;color: #fff;line-height: 40px;margin:0 25px;}
.hd_nav li:hover,.hd_nav li.cur{color: #fff;font-weight:bold;}

.inner_head{box-shadow:0 0 10px #eee;}


/*??????*/
.foot{background: #2d3040;padding:15px 0;font-size: 13px;color: rgba(255,255,255,.4);text-align: center;    line-height: 24px;}

.main{margin-top: 80px;}

/*????????????*/
.online p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
.online dl,.online dd,.online dt{
    padding: 0;
    margin: 0;
}
.online {
    position: fixed;
    bottom: 150px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}
.online a {
    color: #666;
}
.online a:hover {
    text-decoration: none;
}
.online dl {
    background: #33aaff;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}
.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.online dl dd i {
    font-size: 25px;
}
.online dl:hover {
    background: #1781bd;
}
.online dl dt {
    position: absolute;
    top: 0;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}
.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.online dl dt h3 i {
    margin-right: 5px;
}
.online dl dt h3 span {
    float: right;
    cursor: pointer;
}
.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    padding: 3px 5px;
    width: 100%;
}
.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #28a7e1;
    color: #fff;
    cursor: pointer;
}

/*????????????*/
.mar_main{padding:20px 0 50px;background: #f2f7fa;}
.mar_l{width: 240px;}
.mar_l li{padding:0 10px;height: 70px;margin-bottom: 5px;}
.mar_l li a{display: block;height: 70px;font-size: 20px;color: #666666;line-height: 70px;background-repeat:no-repeat;background-position:45px center;background-size:30px;padding-left: 95px;background-color:#fff;}
.mar_l li.school a{background-image: url(../images/mar_02.png);}
.mar_l li.activity a{background-image:url(img/mar_03.png);}
.mar_l li.help a{background-image:url(img/mar_04.png);}

.mar_l li.about a{background-image:url(img/contact_03.png);}
.mar_l li.process a{background-image:url(img/contact_04.png);}
.mar_l li.contact a{background-image:url(img/contact_05.png);}

.mar_l li:hover,.mar_l li.cur{background: url(img/mar_05.jpg) no-repeat center;background-size:cover;transition: all 0s;}
.mar_l li:hover a,.mar_l li.cur a{background-color:transparent;color: #fff;transition: all 0s;}
.mar_l li.school:hover a,.mar_l li.school.cur a{background-image: url(img/mar_02-1.png);}
.mar_l li.activity:hover a,.mar_l li.activity.cura{background-image:url(img/mar_03-1.png);}
.mar_l li.help:hover a,.mar_l li.help.cura{background-image:url(img/mar_04-1.png);}

.mar_l li.about:hover a,.mar_l li.about.cur a{background-image:url(img/contact_03-1.png);}
.mar_l li.process:hover a,.mar_l li.process.cur a{background-image:url(img/contact_04-1.png);}
.mar_l li.contact:hover a,.mar_l li.contact.cur a{background-image:url(img/contact_05-1.png);}

.mar_r{width: 950px;}
.mar_list{padding-bottom: 20px;}
.mar_list .item{padding: 20px;background: #fff;margin-bottom: 10px;border-radius:4px;}
.mar_list .imgbox{width: 220px;height:auto;border-radius:8px;}
.mar_list .info{width: 665px; width:100%;}
.mar_list .title{display: block;font-size: 20px;color: #333333;}
.mar_list .brief{font-size: 14px;color: #888888;line-height: 24px;margin-top: 25px;}
.mar_list .bot{margin-top: 30px;}
.mar_list .tag{font-size: 14px;color: #999999;line-height: 20px;margin-right: 55px;}
.mar_list .tag .icon{width: 20px;height: 20px;margin-right: 10px;}
.mar_list .more{float: right;font-size: 14px;color: #199fff;line-height: 20px;}
.mar_list .title:hover{color: #199fff;}
.mar_list .more:hover{text-decoration: underline;}
.mar_list .item:hover{box-shadow:0 0 20px #ddd;}

.mar_list .imgbox img{ max-height:150px;}

.pagelist{text-align: center;}
.pagelist li {  display: inline-block;}
.pagelist a{font-size: 14px;color: #9aabb8;width: 60px;height: 40px;border:1px solid #9aabb8;border-radius:4px;display: inline-block;margin:0 3px;text-align: center;line-height: 40px;}
.pagelist b{font-size: 14px;color: #9aabb8;width: 60px;height: 40px;border-radius:4px;margin:0 3px;text-align: center;line-height: 40px;}
.pagelist a.active,.pagelist a:hover{color: #fff;background: #199fff;border-color:#199fff;}
.pagelist li.active a{color: #fff;background: #199fff;border-color:#199fff;}
.pagelist a b {border:0px;}

.mar_top{background: #fff;padding: 20px;margin-bottom: 15px;position:relative;}
.mar_top .lbox{width: 680px;}
.mar_top .title{font-size: 20px;color: #333333;font-weight: bold;}
.mar_top .brief{font-size: 16px;color: #666666;line-height: 28px;margin-top: 15px;}
.mar_top .rbox{width: 160px;position:absolute;top: -15px;right: 30px;}
.mar_top .rbox .img{width: 100%;}

/*????????????*/
.arc_main{background: url(img/mar_13.jpg) no-repeat bottom center #f2f7fa;background-size:cover;}

.arc_content{background: #fff;padding:40px;border-radius:6px;}
.arc_content .title{font-size: 32px;color: #333333;text-align: center;}
.arc_content .tag{margin-top: 25px;font-size: 0;text-align: center;}
.arc_content .tag span{font-size: 14px;color: #999999;display: inline-block;margin:0 30px;}
.arc_content .tag .icon{width: 20px;height: 20px;margin-right: 5px;}
.arc_content .editbox{padding:25px 15px;border-top:1px solid #e5e5e5;margin-top: 25px;font-size: 15px;color: #666666;line-height: 36px;text-indent: 2em;margin-bottom: 10px;overflow: hidden;}
.arc_content .editbox img{width: auto;margin:0 auto;margin-bottom: 10px;}
.arc_content .editbox p{font-size: 15px;color: #666666;line-height: 36px;text-indent: 2em;margin-bottom: 10px; margin-bottom:0; text-indent:0;}

.pagenav li{width: 50%;font-size: 15px;color: #888888;float: left;}
.pagenav li a{color: #888888;}
.pagenav li.next{text-align: right;}
.pagenav li:hover a{color: #199fff;text-decoration: underline;}

.arc_rela{background: #fff;padding:25px 30px;border-radius:6px;margin-top: 10px;}
.arc_rela .title{font-size: 20px;color: #333333;border-left:4px solid #199fff;line-height: 20px;padding-left: 25px;}
.arc_rela_list{border-top:1px solid #eee;margin-top: 20px;padding-top: 15px;}
.arc_rela_list li{width: 50%;float: left;font-size: 15px;color: #888888;line-height: 40px;padding-left: 45px;background: url(img/mar_12.jpg) no-repeat 30px center;background-size:4px;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap; }
.arc_rela_list li:hover{color: #199fff;}

/*????????????*/
.contact_map{border:2px solid #fff;}

.contact_info{background: #fff;border-radius:20px;padding:10px 0;box-shadow:0 0 10px #eee;}
.contact_info .title{font-size: 30px;color: #333333;font-weight: bold;text-align: center;line-height: 60px;}
.contact_info .box{text-align: center;padding:25px 0;border-top:1px solid #f0f0f0;}
.contact_info .box .tit{font-size: 22px;color: #4e8fec;margin-bottom: 5px;}
.contact_info .box li{font-size: 16px;color: #666666;line-height: 44px;}

/*??????*/

.idx_banner{height: 700px;padding-top: 80px;position: relative;}

.idx_login{width: 340px;height: 420px;background: #fff;border-radius:15px;padding:20px 20px 50px;position:absolute;right: 20px;top: 50%;margin-top: -220px;}
.idx_login .top{text-align: center;padding-top: 25px;}
.idx_login .top .cn{font-size: 20px;color: #333333;}
.idx_login .top .en{font-size: 12px;color: #999999;margin-top: 10px;text-transform: uppercase;}
.idx_login .about_login:after{display: none;}
.idx_login .about_login .login_form{padding-top: 20px;}
.idx_login .close{background: url(img/close.png) no-repeat center;background-size:cover;width: 16px;height: 16px;display: block;float: right;}

.idx_login .about_in{padding-bottom: 0;}
.idx_login .login_form{margin-top: 0;padding:30px 20px 55px;}
.idx_login .login_form .row{padding: 0;;border-radius:6px;margin-bottom: 15px;overflow: hidden;border:none;}

.idx_login .login_form .ipt_txt{padding-left: 45px;border:1px solid #ddd;border-radius:6px;font-size: 14px;}
.idx_login .login_form .code{width: 150px;}
.idx_login .login_form .imgcode{width: 100px;}
.idx_login .login_form .imgcode img{height: 45px;}
.idx_login .login_form .ipt_button{width: 100%;margin: 10px auto 0;border-radius: 8px;height: 44px;line-height: 44px;}

.idx_top{width: 1200px;margin:0 auto;padding:60px 75px;border-radius:100px;background: #fff;box-shadow:0 0 20px #ddd;margin-top: -90px;position: relative;}
.idx_top li{width: 262px;float: left;text-align: center;display: flex;justify-content:center ;}
.idx_top li .info{text-align: center;display: inline-block;}
.idx_top .icon{margin-right: 20px;width: 56px;height: 56px;vertical-align: middle;display: inline-block;}
.idx_top .num{font-size: 20px;color: #33aaff;}
.idx_top .font{font-size: 16px;color: #666666;margin-top: 10px;}
.idx_top .num span{font-size: 36px;}

/*.idx_main{background: url(img/idx_28.jpg) no-repeat center;background-size:cover;}*/

.idx_seo{padding:70px 0 10px;background: url(img/idx_33.jpg) no-repeat center bottom;background-size:cover;margin-top: 10px;}
.idx_seo .title{font-size: 30px;color: #333333;text-align: center;}
.idx_seo .smtit{font-size: 24px;color: #33aaff;font-weight: bold;text-align: center;margin-top: 25px;}
.idx_seo .brief{font-size: 16px;color: #888888;line-height: 30px;width: 1080px;margin:45px auto 0; text-align:center;}
.idx_seo .detail{margin-top: 60px;}
.idx_seo .detail .img{width: auto;margin:0 auto;}

.idx_titbox{text-align: center;}
.idx_titbox .en{font-size: 66px;color: #999999;text-transform: uppercase;opacity: .1;font-family: pingfang;}
.idx_titbox .cn{font-size: 36px;color: #222222;margin-top: -35px;letter-spacing: 2px;}
.idx_titbox .line{background: url(img/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:25px auto 0;}
.idx_titbox .sm{margin-top: 25px;font-size: 18px;color: #333333;font-weight: bold;text-align: center;}

.idx_risk{padding:180px 0 130px;background: url(img/idx_32.jpg) no-repeat center;background-size:cover;}
.idx_risk .detail{margin-top: 75px;}
.idx_risk .lbox{width: 530px;}
.idx_risk .lbox li{margin-bottom: 40px;padding:25px;border-radius:6px;box-shadow:0 0 10px #ddd;background: #fff; margin-bottom:20px;}
.idx_risk .lbox .icon{width: 90px; width:50px;}
.idx_risk .lbox .info{width: 360px; width:404px;}
.idx_risk .lbox .title{font-size: 20px;color: #333333;font-weight: bold;padding:5px 0 5px;}
.idx_risk .lbox .desc{font-size: 16px;color: #999999;margin-top: 15px;}
.idx_risk .rbox{width: 50%;}

.idx_risk .desc{ margin-top:30px; color:#666; max-width:1000px; margin:30px auto 0; line-height:180%;}

.qqhfimg03 img{ max-width:950px; width:100%; margin:0 auto;}
.qqfimg04{ text-align:center; margin-top:30px;}

.qqhfimg06{}
.qqhfimg06 .baidutit{ font-size:22px; color:#333; text-align:center;}
.qqhfimg06 .box{ display:flex; flex-wrap:wrap; margin-top:30px; }
.qqhfimg06 .box>div{ box-sizing:border-box; padding:30px;border-radius:30px; line-height:160%;}
.qqhfimg06 .box strong{ line-height:300%;}
.qqhfimg06 .box .boxfl{ width:48%; margin-right:4%; background-color:#ed1a34; color:#fff;}
.qqhfimg06 .box .boxfr{ width:48%;  background-color:#595959; color:#fff;}

.idx_price{padding:80px 0 0;}
.idx_price .list{margin-top: 80px;text-align: center;font-size: 0;}
.idx_price .item{width: 25%;display: inline-block;}
.idx_price .item .icon:before,.idx_price .item .icon:after{width: 110px;height: 1px;display: block;background: #dfe2e6;content:'';top: 50%;position:absolute;}
.idx_price .item .icon:before{left: -110px;}
.idx_price .item .icon:after{right: -110px;}

.idx_price .item .icon{width: 100px;height: 100px;display: block;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;}
.idx_price .item .title{font-size: 24px;color: #333333;font-weight: bold;margin-top: 40px;}
.idx_price .item .price{font-size: 30px;color: #079eff;font-style: italic;margin:20px 0;}
.idx_price .item .fz{font-size: 16px;color: #999999;}

.idx_price .item_1 .icon{background-image: url(img/idx_06.png);}
.idx_price .item_2 .icon{background-image: url(img/idx_07.png);}
.idx_price .item_3 .icon{background-image: url(../images/idx_08.png);}
.idx_price .item_4 .icon{background-image: url(img/idx_09.png);}

.idx_price .item_1:hover .icon{background-image: url(img/idx_06-1.png);}
.idx_price .item_2:hover .icon{background-image: url(../images/idx_07-1.png);}
.idx_price .item_3:hover .icon{background-image: url(img/idx_08-1.png);}
.idx_price .item_4:hover .icon{background-image: url(img/idx_09-1.png);}

.idx_advan{padding:250px 0 50px;background: url(../images/idx_31.jpg) no-repeat top center;background-size:cover;}
.idx_advan .list{margin-top: 80px;text-align: center;font-size: 0;}
.idx_advan .item{width: 31.3%;margin:0 1%;border-radius:6px;box-shadow:0 0 10px #ddd;padding:70px 55px 0;height: 500px;display: inline-block;vertical-align: text-top;background: #fff;transition: all .3s;}
.idx_advan .item .icon{width: 100px;height: 100px;display: block;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover;}
.idx_advan .item .title{font-size: 30px;color: #333333;font-weight: bold;text-align: center;margin-top: 50px;}
.idx_advan .item .sm_line{margin-top: 25px;background: url(img/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:25px auto 0;}
.idx_advan .item .desc{margin-top: 30px;font-size: 16px;color: #888888;line-height: 30px;}
.idx_advan .item_1 .icon{background-image: url(img/idx_10.png);}
.idx_advan .item_2 .icon{background-image: url(../images/idx_11.png);}
.idx_advan .item_3 .icon{background-image: url(img/idx_12.png);}
.idx_advan .item:hover{background: #079eff;transform: scale(1.05,1.05);}
.idx_advan .item:hover .title,.idx_advan .item:hover .desc{color: #fff;}
.idx_advan .item:hover .line{background: #fff;}
.idx_advan .item_1:hover .icon{background-image: url(img/idx_10-1.png);}
.idx_advan .item_2:hover .icon{background-image: url(../images/idx_11-1.png);}
.idx_advan .item_3:hover .icon{background-image: url(img/idx_12-1.png);}

.idx_customer{padding:135px 0 150px;background: url(img/idx_29.jpg) no-repeat center;background-size:cover;}
.idx_customer .idx_titbox .en{color: #fff;}
.idx_customer .idx_titbox .cn{color: #fff;}
.idx_customer ul{
	margin-top: 70px;
  margin-left: -4%;
  display: flex;
  flex-wrap: wrap;
}
.idx_customer ul li {
    width: 30%;
    margin: 0 0 20px 3%;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    float:left;
}
.idx_customer ul li .item-fl {
    margin-right: 10px;
}
.idx_customer ul li .item-fl img {
    width: 60px;
}
.idx_customer ul li .item-fr {
    flex: 1;
}
.idx_customer ul li .item-fr h3 {
    font-size: 18px;
    font-weight: bold;
}
.idx_customer ul li .item-fr p {
    font-size: 14px;
    color: #aaa;
    padding-top: 10px;
}
/*.idx_customer .list li{width: 30.3%;height: 400px;border-radius:10px;text-align: center;padding:55px 0 0;position:relative;display: inline-block;vertical-align: text-top;margin:0 1.5%;background: #fff;}
.idx_customer .list .icon{border-radius:50%;box-shadow:0 0 10px #ddd;}
.idx_customer .list .title{font-size: 24px;color: #333333;font-weight: bold;margin-top: 50px;}
.idx_customer .list .en_tit{font-size: 16px;color: #999999;margin-top: 25px;text-transform: uppercase;line-height: 30px;}
.idx_customer .list .sm_line{width: 40px;height: 8px;position:absolute;bottom: 0;left: 50%;margin-left: -20px;}*/

.idx_case{padding:40px 0;}
.idx_case .detail{margin-left: -2%;margin-top: 80px;}
.idx_case .column{box-shadow:0 0 10px #ddd;border-radius:10px;width: 48%;margin-left: 2%;padding:20px 10px 10px;}
.idx_case .column a:hover{text-decoration: underline;}

.idx_case li{font-size: 0; border-bottom:1px dashed #eee; padding-bottom:10px; margin-bottom:10px;}
.idx_case li .words{width: 25%; width:100%; text-align:left; display:block; font-weight:bold; color:#333;}
.idx_case li .website{width: 50%; width:100%; text-align:left;display:block}
.idx_case li .rank{width: 25%; display:none;}
.idx_case li span{font-size: 14px;color: #888888;padding:5px 0;line-height: 20px;text-align: center;display: inline-block;vertical-align: middle;}
.idx_case li.first{margin-bottom: 10px;}
.idx_case li.first span{font-size: 16px;color: #333333;line-height: 35px;}
.idx_case .column li:hover span{color: #079eff;}

.idx_case .box{height: 120px; height:180px;}
.idx_case .list1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left:0;
}
.idx_case .list1 li {
    width: 30%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #d2d9e8;
    margin-top: 30px;
}
.idx_case .list1 li .icon {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.idx_case .list1 li h3 {
  flex: 1;
  font-size: 20px;
}
.idx_case .list2 {
  display: flex;
  justify-content: space-between;
}
.idx_case .list2 li {
  margin-top: 30px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 150px;
}
.idx_case .list2 li h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 90%;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .idx_case .list1 li {
    width: 48%;
    flex-wrap: wrap;
    padding: 0.2rem;
    margin-top: 0.3rem;
  }
  .idx_case .list1 li .icon {
    width: 2rem;
    height: 2rem;
    margin-right: 0;
    margin: 0 auto;
  }
  .idx_case .list1 li h3 {
    flex: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.5rem;
  }
  .idx_case .list2 {
    flex-wrap: wrap;
  }
  .idx_case .list2 li {
    margin-top: 0.3rem;
    border-radius: 1;
    width: 30%;
  }
  .idx_case .list2 li h3 {
    font-size: 0.3rem;
  }
}


.idx_media{padding:100px 0 115px;}
.idx_media .list{margin:75px 0 0 0;font-size: 0;text-align: center;padding-bottom: 70px;position:relative;}
.idx_media .list .item{/*margin-left: 25px;*//*width: 280px;*/height: 350px;border-radius:10px;overflow: hidden;position:relative;display: inline-block;vertical-align: text-top;}
.idx_media .list .img{}
.idx_media .list .title{position:absolute;width: 100%;left: 0;bottom: 0;font-size: 20px;color: #fff;font-weight: bold;line-height: 60px;background: rgba(7,158,255,.7);}
.idx_media .swiper-container{position:initial;}
.idx_media .swiper-pagination-bullet{width: 14px;height: 14px;margin:0 10px!important;}


.idx_last{background: url(img/idx_30.jpg) no-repeat bottom center;background-size:cover;padding:0 0 110px;}
.idx_ad{background: url(img/idx_23.jpg) no-repeat center;background-size:cover;padding:100px 0 140px;text-align: center;/*height: 400px;*/border-radius:25px;}
.idx_ad .title{font-size: 36px;color: #333333;font-weight: bold;}
.idx_ad .title .fz{font-size: 48px;color: #079eff;}
.idx_ad .button{width: 250px;height: 50px;border-radius:25px;font-size: 16px;color: #fff;font-weight: bold;line-height: 50px;background:#08a9ff;background: -webkit-gradient(linear, left top, right bottom, from(#08a9ff), to(#326ce4)); background: -moz-linear-gradient(top,  #08a9ff,  #326ce4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08a9ff', endColorstr='#326ce4');margin:60px auto 0;display: block;}
.idx_ad .button:hover{box-shadow:0 0 10px #326ce4;}

.idx_news{margin-top: 120px;}
.idx_news .detail{margin:80px 0 0 -30px;}
.idx_news .idx_titbox .en{color: #fff;}
.idx_news .idx_titbox .cn{color: #fff;}
.idx_news .column{margin-left: 30px;background: #fff;border-radius:10px;padding:40px 20px 20px;width: 380px;}
.idx_news .column .t_tit{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}
.idx_news .column .line{background: url(img/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:15px auto 0;}
.idx_news .column .list{margin-top: 25px;}
.idx_news .column li{position:relative;}
.idx_news .column .tit{width: 60%;display: inline-block;font-size: 15px;color: #888888;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;line-height: 30px;}
.idx_news .column .date{float: right;font-size: 13px;color: #999;line-height: 30px;}


.idx_news .column li:before{content:'';display: inline-block;width: 5px;height: 5px;background: #079eff;border-radius:50%;vertical-align: middle;margin-right: 10px;float: left;margin-top: 15px;}
.idx_news .column li:hover .tit,.idx_news .column li:hover .date{color: #079eff;}

.idx_news .list li{
 float:left;
 width:32%;
 background: #fff;
 border-radius:10px;
 padding:20px 20px;
}
.idx_news .list li+li{
 margin-left:2%;	
}

.idx_news .tit{width: 70%;display: inline-block;font-size: 15px;color: #888888;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;line-height: 30px;}
.idx_news .date{float: right;font-size: 13px;color: #999;line-height: 30px;}
.idx_news li:hover .tit,.idx_news li:hover .date{color: #079eff;}
.idx_news .des{
 float:left;
 line-height: 25px;
 color: #888888;
 font-size:14px;
}


/*????????????*/
.daili_banner{height: 700px;position:relative;}
.daili_banner a{display: block;position:absolute;top: 0;bottom: 0;left: 0;right: 0;}

.daili_banner .auto{position:relative;height: 100%;}
.daili_banner_bot{position:absolute;width: 100%;left: 0;bottom:10px;}
.daili_banner_bot li{width: 33.3%;float: left;}
.daili_banner_bot .icon{margin-right: 20px;float: left;width: 80px;height: 80px;}
.daili_banner_bot .font{font-size: 18px;color: #fff;margin-top: 10px;}
.daili_banner_bot .num{font-size: 36px;color: #00cef7;margin-top: 12px;}












.daili_main{/*background: url(img/idx_27.jpg) no-repeat center;background-size:cover;*/}

.daili_plan{padding:40px 0 20px;}
.daili_plan .title{font-size: 30px;color: #222222;font-weight: bold;text-align: center;}
.daili_plan .breif{font-size: 16px;color: #888888;line-height: 30px;text-align: center;margin-top: 35px;}
.daili_plan .list{margin-top: 25px;text-align: center;}
.daili_plan .list li{font-size: 16px;color: #333333;font-weight: bold;background: url(img/idx_02.png) no-repeat left center;background-size:20px;padding-left: 25px;display: inline-block;vertical-align: middle;margin:0 15px;line-height: 20px;}

.daili_titbox{text-align: center;}
.daili_titbox .en{font-size: 66px;color: rgba(153,153,153,.1);font-family: 'pingfang';text-transform: uppercase;}
.daili_titbox .cn{font-size: 36px;color: #222222;margin-top: -32px;letter-spacing: 2px;}
.daili_titbox .line{background: url(img/idx_03.png) no-repeat center;background-size:cover;width: 40px;height: 3px;display: block;margin:25px auto 0;}

.daili_titbox .desc{ color:#666; margin-top:30px;}

.daili_tenants{padding:50px 0 50px;}
.daili_tenants .list{margin:50px 0 0 -2%;}
.daili_tenants .item{width: 31.3%;border-radius:6px;float: left;margin-left: 2%;padding:35px 30px 0;min-height:220px; min-height:150px;background: #fff;box-shadow:0 0 10px #ddd;}
.daili_tenants .item .title{font-size: 22px;color: #333333;font-weight: bold;line-height: 45px;}
.daili_tenants .item .ico{display: inline-block;vertical-align: middle;margin-right: 10px;}
.daili_tenants .item .ico_hover{display: none;}
.daili_tenants .item .breif{font-size: 15px;color: #888888;line-height: 26px;margin-top: 20px; margin-top:0;}
.daili_tenants .item:hover .ico_hover{display: inline-block;}
.daili_tenants .item:hover .ico_mr{display: none;}
.daili_tenants .item:hover .title{color: #fff;}
.daili_tenants .item:hover .breif{color: #fff;}
.daili_tenants .item:hover{background: #079eff;}

.daili_prospect{padding:50px 0;}
.daili_prospect .detail{margin-top: 85px;}
.daili_prospect .imgbox{width: 580px;}
.daili_prospect .info{width: 600px;padding:0 35px 0 15px;}
.daili_prospect .info li{margin-bottom: 25px;}
.daili_prospect .info .icon{width: 54px;height: 54px;}
.daili_prospect .info .txt{width: 465px;padding-top: 10px;}
.daili_prospect .info .title{font-size: 20px;color: #333333;font-weight: bold;}
.daili_prospect .info .desc{font-size: 15px;color: #888888;line-height: 36px;}
.daili_prospect .info .desc em{font-size: 18px;color: #14cc70;font-weight: bold;}

.daili_advan{padding:50px 0;}
.daili_advan .list{margin:80px 0 0 -2%;}
.daili_advan .list .item{border-radius:6px;box-shadow:0 0 10px #ddd;width: 31.3%;margin-left: 2%;padding:45px 30px 0;float: left;height: 500px;transition: all .3s;}

.daili_advan .list .item .ico{width: 80px;height: 80px;margin:0 auto;display: block;}
.daili_advan .list .item img.ico_hover{display: none;}


.daili_advan .list .title{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-top: 30px;text-align: center;}
.daili_advan .list .line{width: 24px;height: 4px;background: url(img/idx_03.png) no-repeat center;background-size:cover;margin:20px auto 0;display: block;}
.daili_advan .list .desc{margin-top: 30px;}
.daili_advan .list .desc p{text-indent:2em;font-size: 15px;color: #888888;line-height: 32px;}

.daili_advan .list .item:hover{transform: scale(1.05,1.05);}
.daili_advan .list .item:hover .ico_hover{display: block;}
.daili_advan .list .item:hover .ico_mor{display: none;}

.daili_advan .list .item:hover{background: #079eff;}
.daili_advan .list .item:hover .title{color: #fff;}
.daili_advan .list .item:hover .line{background: #fff;}
.daili_advan .list .item:hover .desc p{color: #fff;}


.daili_return{padding:50px 0;}
.daili_return .detail{}
.daili_return .desc{padding-top: 60px;width: 600px; width:100%;}
.daili_return .desc p{text-indent:2em;font-size: 18px;color: #666666;line-height: 54px; font-size:16px; line-height:220%; text-indent:0;}
.daili_return .desc em{font-size: 24px; font-size:16px;}
.daili_return .imgbox{width: 600px;}

.daili_policy{padding:50px 0 30px;}
.daili_policy .list{
	  display: flex;
    margin-left: -3%;
  }

.daili_policy .item{
	width: 30%;
    margin: 0 0 0 3%;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    float:left;
}
.daili_policy .item .item-title {
    text-align: center;
    background: #f5f5f5;
    padding: 20px;
    position: relative;
    z-index: 2;
}
.daili_policy .item .item-title h3 {
    font-size: 20px;
    font-weight: bold;
}
.daili_policy .item .item-title h3 span {
    font-weight: normal;
    font-size: 14px;
    color: #808080;
}
.daili_policy .item .item-title p {
    color: #1f6dea;
    padding-top: 5px;
    font-size: 14px;
}
.daili_policy .item .item-con {
    padding: 0 20px 20px 20px;
    position: relative;
    z-index: 2;
}
.daili_policy .item .item-con dl {
    margin-top: 20px;
}
.daili_policy .item .item-con dl dt {
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
}
.daili_policy .item .item-con dl dd {
    font-size: 14px;
    color: #808080;
    margin-left:0;
    line-height:25px;
}
.daili_policy .item .item-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.daili_policy .item:hover {
  transform: translateY(-20px);
}
.daili_policy .item:hover .item-title {
  background: #1f6dea;
}
.daili_policy .item:hover .item-title h3 {
  color: #fff;
}
.daili_policy .item:hover .item-title h3 span {
  color: #fff;
}
.daili_policy .item:hover .item-title p {
  color: #fff;
}
.daili_policy .item .title{font-size: 24px;color: #333333;font-weight: bold;line-height: 26px;}
.daili_policy .item .ico{margin-right: 13px;display: inline-block;vertical-align: bottom;}
.daili_policy .item .days{font-size: 20px;color: #666666;margin-top: 50px;    line-height: 28px;height: 30px;}
.daili_policy .item .days em{font-size: 30px;ont-weight: bold; color:#33aaff;}
.daili_policy .item .fz{font-size: 16px;color: #999999;margin-top: 45px; margin-top:30px; margin-bottom:30px;}
.daili_policy .item .font{font-size: 16px;color: #333333;font-weight: bold;margin-top: 15px;}
.daili_policy .item .button{font-size: 16px;color: #fff;font-weight: bold;width: 200px;height: 50px;line-height: 50px;text-align: center;border-radius:25px;display: block;margin:30px auto 0;}

.daili_tips{padding:30px 0;}
.daili_tips .title{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}
.daili_tips .desc{font-size: 16px;color: #888888;line-height: 30px;text-align: center;width: 85%;margin:25px auto 0;}

.daili_tips .desc{ text-align:left; width:100%;}
.daili_tips .desc p{ line-height:220%;}


.daili_support{padding:205px 0 110px;background: url(img/idx_29.png) no-repeat center top;background-size:cover;}
.daili_support .daili_titbox .en{color: rgba(255,255,255,.2);}
.daili_support .daili_titbox .cn{color: #fff;}

.daili_support .list{margin-top: 60px;border-radius:18px;overflow: hidden;}
.daili_support .item{width: 25%;float: left;text-align: center;position:relative;}
.daili_support .item .shadebox{position:absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7);padding:85px 47px 0;}
.daili_support .item .ico{}
.daili_support .item .title{font-size: 24px;color: #fff;margin-top: 30px;}
.daili_support .item .desc{font-size: 15px;color: #fff;line-height: 24px;margin-top: 30px;}

/*??????*/
.footer{background: #20243e;}
.footer_b{padding:15px 0;border-top:1px solid #3c415e;}
.footer_b p{font-size: 13px;color: #99a6bf;text-align: center;line-height: 26px;}

.footer_t{padding:60px 0 30px;}
.ft_col1{width: 215px;}
.ft_col1 .tit{font-size: 22px;color: #ffffff;}
.ft_col1 .box{margin-top: 25px;}
.ft_col1 .lk{font-size: 14px;color: #99a6bf;line-height: 30px;display: block;}
.ft_col1 a.lk:hover{color: #fff;text-decoration: underline;}
.ft_txt{width: 340px;border-left:1px solid #3c415e;padding:10px 0 10px 40px;}
.ft_txt .logo{height: auto;width: auto;margin:0 auto;display: block;}
.ft_txt .brief{font-size: 14px;color: #99a6bf;line-height: 22px;margin-top: 10px;}

.sj_menu{background: url(img/sj_menu.png) no-repeat center;background-size:cover;width: 28px;height: 28px;display: none;position:fixed;right: 20px;top: 10px;}
.sj_logo{display: none;}


.qqhfimg{ float:right; margin-top:-60px;}

.qqfimg02{ text-align:center; margin-top:30px;}
.qqfimg02 img{ max-width:1000px; width:100%; padding-bottom:30px;}
.case_list{
 overflow:hidden;	
}
.case_list li{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:10px;
}

.case_list li .case_img {

}
.case_list li .case_title{
 height:80px;
 line-height:80px;	
}
.case_list li .case_title h2{
	height:80px;
 line-height:80px;	
 text-align:center;
 font-size:18px;
 font-weight:normal;
 
}

.case_list li:hover{
 box-shadow:  0px 0px 5px 5px rgba(0,0,0,0.3);
}
.case_list li:hover .case_title h2{
	background:#33aaff;background: -webkit-gradient(linear, left top, right bottom, from(#33aaff), to(#ffac5e)); background: -moz-linear-gradient(top,  #33aaff,  #ffac5e); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33aaff', endColorstr='#ffac5e');	
 color:#fff;
}
@media screen and (min-width:320px) and (max-width:1199px){
    .auto{width: 100%;padding:0 3%;}
  
}
@media screen and (min-width:1281px) and (max-width:1366px){
    /*??????*/
  .idx_login{display: none;}
  
}
@media screen and (min-width:1201px) and (max-width:1280px){
    /*??????*/
   /*.idx_login{margin-top: -250px;}*/
  .idx_login{display: none;}
  .hd_btns{margin-top: 5px;}
  .hd_btns .lk{width: 80px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}
  
}
@media screen and (min-width:992px) and (max-width:1200px){
    .head{padding:5px 0;height: 60px;}
    .hd_logo{position:initial;float: left;}
    .hd_logo .img{height: 50px;}
    .hd_btns{position:initial;float: right;}
    .hd_nav{padding: 0;float: left;margin-left: 35px;}
    .hd_nav li{line-height: 50px;margin:0 15px;}
    .hd_btns{margin-top: 10px;}
    .hd_btns .lk{width: 80px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}
    
    /*??????*/
   .idx_login{display: none;}
   .idx_banner{height: 490px;}
   
   .idx_top{width:100%;margin-top: 0;    padding: 40px 30px;box-shadow:none;}
   .idx_top li{width: 25%;}
   .idx_top .num span{font-size: 26px;}
   .idx_top .icon{width: 40px;height: 40px;}
   .idx_top .font{margin-top: 5px;}
   
   .idx_seo{padding: 70px 0 10px;}
   .idx_seo .brief{width: 80%;}
   .idx_seo .detail .img{width: 80%;}
   
   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}
   
   .idx_risk .lbox{width: 50%;}
   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}
   .idx_risk .lbox .icon{width: 60px;}
   .idx_risk .lbox .info{width:calc(100% - 60px);}
   .idx_risk .lbox .desc{margin-top: 10px;}
   .idx_risk .lbox .title{font-size: 20px;}
   
   
   .idx_media .list{margin-left: 0;}
   .idx_media .list .item{margin-left: 0;height: auto;}
   
   .idx_news .detail{margin-left: -2%;}
   .idx_news .column{width: 31.3%;margin-left: 2%;}
   .idx_news .column li:before{margin-top: 12px;}
   /*??????*/
  .ft_col1{width: 18%;}
  .ft_txt{width: 28%;}
   /*??????*/
  .login_box{width:500px;height: 500px;margin-top: -250px;margin-left: -250px;padding: 40px 30px 30px 30px;}
  .login_box .imgbox{width: 60%;display: none;}
  .login_box .info{width: 100%;}
  .login_main .hd_logo{margin-top: 10px;}
  
  .login_box .title{font-size: 30px;}
  .login_form .ipt_button{display: block;float:none;}
  
  /*??????*/
  .main{margin-top: 60px;}
  .foot{padding:15px 3%;line-height: 20px;}
    /*????????????*/
   .mar_l{width: 210px;}
   .mar_l li a{background-position: 25px center;padding-left: 70px;}
  .mar_r{width:calc(100% - 230px);}
  .contact_info .title{font-size: 24px;}
  .contact_info .box .tit{font-size: 20px;}
  /*????????????*/
 .mar_top .rbox{display: none;}
  .mar_list .info{width:calc(100% - 240px);}
  .mar_list .brief{margin-top: 10px;line-height: 20px;}
  .mar_list .bot{margin-top: 10px;}
  /*????????????*/
 .arc_content .title{font-size: 28px;}
 .arc_content .tag span{margin:0 15px;}
 .pagenav li{width: 100%;line-height: 30px;}
 .pagenav li.next{text-align: left;}
    /*????????????*/
    .daili_banner{height: 415px;}

    .daili_tenants .item{    padding: 30px 20px 0;}
    .daili_tenants .item .title{font-size: 20px;}
    .daili_tenants .item .ico{width: 35px;margin-right: 5px;}

    .daili_prospect .imgbox{width: 48%;margin-top: 50px;}
    .daili_prospect .info{width: 50%;padding: 0;}
    .daili_prospect .info .txt{width:calc(100% - 70px);}
    .daili_prospect .info .desc{line-height: 28px;margin-top: 10px;}

    .daili_advan .list .item{padding: 45px 20px 0;}
    .daili_advan .list .item .ico{width: 70px;height: 70px;}
    .daili_advan .list .title{font-size: 22px;}
    .daili_advan .list .desc p{line-height: 28px;}

    .daili_return .desc{width: 50%;}
    .daili_return .imgbox{width: 50%;}
    .daili_return .desc p{font-size: 16px;line-height: 37px;}

    .daili_policy .item .button{width: 100%;}

    .daili_support .item .shadebox{    padding: 50px 35px 0;}
    .daili_support .item .ico{width: 70px;}
    .daili_support .item .title{font-size: 22px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .sj_menu{display: block;}
    
   .head{padding:5px 0;height: 50px;}
    .hd_logo{position:initial;float: left;}
    .hd_logo .img{height: 40px;}
    .hd_btns{position:initial;float: right;}
    .hd_nav{padding: 0;float: left;position:absolute;width: 100%;left: 0;top: 50px;background: rgba(0,0,0,.6);display: none;}
    .hd_nav li{line-height: 40px;margin:0 15px;display: block;text-align: left;padding:0 3%;}
    .hd_btns{margin-top: 5px;margin-right: 50px;}
    .hd_btns .lk{width: 60px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}
    
    /*??????*/
   .idx_login{display: none;}
   .idx_banner{height: 400px;}
   
   .idx_top{width:100%;margin-top: 0;    padding: 40px 30px;box-shadow:none;}
   .idx_top li{width: 33.33%;}
   .idx_top .num span{font-size: 26px;}
   .idx_top .icon{width: 40px;height: 40px;margin-right: 10px;}
   .idx_top .font{margin-top: 5px;}
   
   .idx_seo{padding: 20px 0 10px;margin-top: 0;}
   .idx_seo .brief{width: 90%;}
   .idx_seo .detail .img{}
   .idx_seo .title{font-size: 26px;}
   .idx_seo .smtit{font-size: 20px;}
   
   .idx_titbox .en{font-size: 50px;}
   .idx_titbox .cn{font-size: 30px;margin-top: -25px;}
   .idx_titbox .sm{font-size: 16px;}
   
   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}
   .idx_price .item .icon{width: 80px;height: 80px;}
   .idx_price .item .title{font-size: 20px;}
   .idx_price .item .price{font-size: 22px;}
   
   .idx_risk .lbox{width: 50%;}
   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}
   .idx_risk .lbox .icon{width: 40px;}
   .idx_risk .lbox .info{width:calc(100% - 50px);}
   .idx_risk .lbox .desc{margin-top: 5px;}
   .idx_risk .lbox .title{font-size: 17px;}
   
   .idx_advan .item{    padding: 30px 15px 0;height: 375px;}
   .idx_advan .item .icon{width: 80px;height: 80px;}
   .idx_advan .item .title{font-size: 28px;margin-top: 30px;}
   .idx_advan .item .desc{margin-top: 20px;font-size: 14px;line-height: 24px;}
   
   /*.idx_customer .list li{height: 300px;padding-top: 35px;}
   .idx_customer .list .icon{width: 100px;}
   .idx_customer .list .title{margin-top: 30px;font-size: 22px;}*/
   .idx_customer ul {
    margin-left: -3%;
    margin-top:30px;
    display: flex;
    flex-wrap: wrap;
   }
   .idx_customer ul li {
    width: 47%;
    margin: 0 0 0.5rem 3%;
    padding: 0.2rem;
   }
   .idx_customer ul li .item-fl img {
    width: 3rem;
   }
   .idx_customer ul li .item-fr h3 {
    font-size: 0.28rem;
   }
   .idx_customer ul li .item-fr p {
    font-size: 0.24rem;
    padding-top: 0.3rem;
   }
   .idx_ad{padding: 100px 0 100px;}
   .idx_ad .title{font-size: 28px;}
   .idx_ad .title .fz{font-size: 40px;}
   
   
   .idx_media .list{margin-left: 0;}
   .idx_media .list .item{/*width: 23%;*/margin-left:0;height: auto;}
   
   .idx_news .detail{margin-left: -1%;}
   .idx_news .column{width: 32.3%;margin-left: 1%;}
   .idx_news .column .t_tit{font-size: 20px;}
   /*??????*/
  .ft_col1{width: 25%;}
  .ft_txt{width: 100%;display: none;}
   
   /*??????*/
  .login_box{width:460px;height: 480px;margin-top: -250px;margin-left: -230px;padding: 40px 30px 20px 30px;}
  .login_box .imgbox{width: 60%;display: none;}
  .login_box .info{width: 100%;}
  .login_main .hd_logo{margin-top: 10px;}
  
  .login_box .title{font-size: 26px;}
  .login_form .ipt_button{display: block;float:none;}
  .login_form .ipt{height: 36px;line-height: 36px;}
   
   /*??????*/
  .main{margin-top: 50px;}
  .foot{padding:15px 3%;line-height: 20px;}
  .inner_head{background: rgba(0,0,0,.6)!important;}
  .sj_logo{display: block;}
  .pc_logo{display: none;}
   .inner_head .hd_nav li{color: #fff;}
   
   .reg_form .detail{padding: 45px 0 20px;width: 80%;margin:0 auto;}
   /*????????????*/
    .mar_l{width: 100%;float:none;font-size: 0;}
   .mar_l li{width: 31.3%;margin:0 1%;display: inline-block;padding: 0;height: 45px;}
   .mar_l li a{background-position: 15px center;padding-left: 35px;width: 100%;height: 45px;line-height: 45px;    background-size: 24px;font-size: 16px;}
   
   
   
   .mar_l li a{background-position: 25px center;padding-left: 70px;width: 100%;}
  .mar_r{width:100%;margin-top:20px;}
  .contact_info .title{font-size: 24px;}
  .contact_info .box .tit{font-size: 20px;}
   
   /*????????????*/
 .mar_top .rbox{display: none;}
  .mar_list .info{width:calc(100% - 240px);padding-top: 10px;}
  .mar_list .brief{margin-top: 10px;line-height: 20px;}
  .mar_list .bot{margin-top: 10px;}
   
   .pagelist a{width: 36px;height: 36px;line-height: 36px;}
   /*????????????*/
 .arc_content .title{font-size: 28px;}
 .arc_content .tag span{margin:0 15px;}
 .pagenav li{width: 100%;line-height: 30px;}
 .pagenav li.next{text-align: left;}
    /*????????????*/
    .daili_banner{height:330px;}

    .daili_plan .title{font-size: 26px;}
    .daili_plan .list li{margin:0 5px;font-size: 14px;}

    .daili_titbox .en{font-size: 42px;}
    .daili_titbox .cn{font-size: 28px;margin-top: -26px;}

    .daili_tenants .item{    padding: 30px 13px 0;}
    .daili_tenants .item .title{font-size: 17px;}
    .daili_tenants .item .ico{width: 25px;margin-right: 5px;}
    .daili_tenants .item .breif{margin-top: 10px;}

    .daili_prospect .imgbox{width: 48%;margin-top: 50px;display: none;}
    .daili_prospect .info{width: 100%;padding: 0;}
    .daili_prospect .info .txt{width:calc(100% - 70px);}
    .daili_prospect .info .desc{line-height: 28px;margin-top: 10px;}

    .daili_advan .list .item{padding: 45px 15px 0;}
    .daili_advan .list .item .ico{width: 50px;height: 50px;}
    .daili_advan .list .title{font-size: 19px;}
    .daili_advan .list .desc p{line-height: 26px;}

    .daili_return .desc{width: 100%;float:none;}
    .daili_return .imgbox{width: 60%;margin:0 auto;float:none;margin-top: 25px;}
    .daili_return .desc p{font-size: 16px;line-height: 37px;}
    .daili_return .desc em{font-size: 20px;}

    .daili_policy .item .button{width: 110px;font-size: 14px;height: 40px;line-height: 40px;}
    .daili_policy .item .title{font-size: 18px;}
    .daili_policy .item .days{font-size: 18px;margin-top: 35px;}
    .daili_policy .item .days em{font-size: 32px;}
    .daili_policy .item .font{font-size: 14px;}
    

    .daili_support{    padding: 150px 0 70px;}
    .daili_support .item .shadebox{    padding: 30px 20px 0;}
    .daili_support .item .ico{width: 50px;}
    .daili_support .item .title{font-size:18px;}
    .daili_support .item .desc{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .daili_policy .item{
   
    width: 100%;
    margin: 0;
    border-radius: 0.3rem;
    margin-bottom: 0.3rem;

    }
    .daili_policy .list{
    
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left:0;

    }
    .case_list li{width:48%;}
   
}
@media screen and (min-width:320px) and (max-width:767px){
	.inner_banner{ margin-top:50px}
    .sj_menu{display: block;}
    
   .head{padding:5px 0;height: 50px;background: #000 !important;}
    .hd_logo{position:initial;float: left;}
    .hd_logo .img{height: 40px; height:30px; margin-top:5px;}
    .hd_btns{position:initial;float: right;}
    .hd_nav{padding: 0;float: left;position:absolute;width: 100%;left: 0;top: 50px;background: rgba(0,0,0,.6);display: none;padding-bottom: 10px;}
    .hd_nav li{line-height: 35px;margin:0 15px;display: block;text-align: left;padding:0 3%;font-size: 15px;}
    .hd_btns{margin-top: 5px;margin-right: 50px;}
    .hd_btns .lk{height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;border:none;width: auto;}
    .hd_btns .login{background: transparent;}
    /*??????*/
   .idx_login{display: none;}
   .idx_banner{height: 180px; margin-top:30px;}
   
   .daili_banner .auto{}
   .daili_banner_bot .icon{ width:30px; height:30px; margin-right:5px;}
   .daili_banner_bot .font{ font-size:14px;}
   .daili_banner_bot .num{ font-size:26px; padding-left:22%;}
   
   .qqhfimg06 .box{ display:block;}
   .qqhfimg06 .box .boxfl{ width:100%; margin-right:0;}
   .qqhfimg06 .box .boxfr{ width:100%; margin-top:20px;}
   .qqhfimg06 .box>div{ padding:20px;}
   
   .idx_top{width:100%;margin-top: 0;    padding: 20px 0px;box-shadow:none;}
   .idx_top li{width: 25%;text-align: center;}
   .idx_top .num span{font-size: 16px;}
   .idx_top .icon{width: 30px;height: 30px;float:none;margin:0 auto;}
   .idx_top .font{margin-top: 5px;font-size: 12px;}
   .idx_top li .info{display: block;margin-top: 5px;}
   .idx_top .num{font-size: 16px;margin-top: 10px;}
   
   .idx_seo{padding: 10px 0 10px;margin-top: 0;}
   .idx_seo .brief{width: 100%;font-size: 14px;line-height: 24px;margin-top: 25px;}
   .idx_seo .detail{margin-top: 15px;}
   .idx_seo .detail .img{}
   .idx_seo .title{font-size: 16px;line-height: 24px;padding: 0 5%;}
   .idx_seo .smtit{font-size: 15px;margin-top: 15px;}
   
   .idx_titbox .en{font-size: 34px;}
   .idx_titbox .cn{font-size: 22px;margin-top: -18px;}
   .idx_titbox .line{margin-top: 15px;}
   .idx_titbox .sm{font-size: 14px;margin-top: 20px;}
   
   .idx_risk{padding: 90px 0 30px;}
   .idx_risk .detail{margin-top: 35px;}
   .idx_risk .lbox{width: 100%;float:none;}
   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}
   .idx_risk .lbox .icon{width: 40px;}
   .idx_risk .lbox .info{width:calc(100% - 50px);}
   .idx_risk .lbox .desc{margin-top: 5px;font-size: 14px;}
   .idx_risk .lbox .title{font-size: 16px;}
   .idx_risk .rbox{width: 80%;margin:15px auto 0;float:none;}
   
   .idx_price .list{margin-top: 40px;}
   .idx_price .item{width: 50%;margin-bottom: 25px;}
   .idx_price{padding-top: 50px;}
   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}
   .idx_price .item .icon{width: 60px;height: 60px;}
   .idx_price .item .title{font-size: 16px;margin-top: 15px;}
   .idx_price .item .price{font-size: 17px;margin:15px 0;}
   .idx_price .item .fz{font-size: 14px;}
   
   .idx_advan{    padding: 150px 0 30px;}
   .idx_advan .list{margin-top: 30px;}
   .idx_advan .item{ width: 100%;   padding: 20px 15px 20px;height: auto;margin-bottom: 15px;}
   .idx_advan .item .icon{width: 70px;height: 70px;}
   .idx_advan .item .sm_line{margin-top: 15px;}
   .idx_advan .item .title{font-size: 20px;margin-top: 20px;}
   .idx_advan .item .desc{margin-top: 15px;font-size: 14px;line-height: 24px;}
   
   .idx_customer{padding: 80px 0 50px;background: url(img/idx_29.jpg) no-repeat center;}
   /*.idx_customer .list{margin-top: 30px;}
   .idx_customer .list li{height: auto;padding:20px 0 30px;width: 31.3%;margin:0 1% 0;min-height: 270px;}
   .idx_customer .list .icon{width: 50px;}
   .idx_customer .list .title{margin-top: 20px;font-size: 15px;}
   .idx_customer .list .en_tit{font-size: 12px;margin-top: 15px;}
   .idx_customer .list .sm_line{height: 4px;}*/
   
   .idx_customer ul {
    margin-left: -3%;
    margin-top:30px;
    display: flex;
    flex-wrap: wrap;
   }
   .idx_customer ul li {
    width: 47%;
    margin: 0 0 0.5rem 3%;
    padding: 0.2rem;
   }
   .idx_customer ul li .item-fl img {
    width: 3rem;
   }
   .idx_customer ul li .item-fr h3 {
    font-size: 0.28rem;
   }
   .idx_customer ul li .item-fr p {
    font-size: 0.24rem;
    padding-top: 0.3rem;
   }
   
   .idx_case .detail{margin-top: 35px;margin-left: 0;}
   .idx_case .column{width: 100%;margin-left: 0;margin-bottom: 10px;}
   .idx_case .column td{padding:5px 0;}
   .idx_case .column th{font-size: 15px;line-height: 30px;}
   
   .idx_media{padding:30px 0;}
   .idx_media .list{margin-left: 0;margin-top: 30px;padding-bottom: 35px;}
   .idx_media .list .item{/*width: 48%;*/margin-left:0;height: auto;margin-bottom: 10px;}
   .idx_media .list .title{font-size: 14px;line-height: 36px;}
   .idx_media .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 4px!important;}
   
   .idx_ad{padding: 60px 0 60px;box-shadow:0 0 10px #999;}
   .idx_ad .title{font-size: 16px;}
   .idx_ad .title .fz{font-size: 20px;}
   .idx_ad .button{width: 150px;height: 36px;line-height: 36px;font-size: 14px;margin-top: 50px;}
   
   .idx_last{padding-bottom: 40px;}
   .idx_news{margin-top: 40px;}
   .idx_news .detail{margin-left: 0;margin-top: 30px;}
   .idx_news .column{width: 100%;margin-left: 0;margin-bottom: 10px;padding: 20px 10px 20px;}
   .idx_news .column .t_tit{font-size: 18px;}
   .idx_news .column li{font-size: 14px;line-height: 26px;display: none;}
   .idx_news .column .tit,.idx_news .column .date{line-height: 26px;font-size: 14px;}
   .idx_news .column li:before{margin-top: 11px;}
   
   .idx_news .column li:nth-child(1){display: block;}
   .idx_news .column li:nth-child(2){display: block;}
   .idx_news .column li:nth-child(3){display: block;}
   .idx_news .column li:nth-child(4){display: block;}
   .idx_news .column li:nth-child(5){display: block;}
   
   /*??????*/
  .footer_t{padding:20px 0 5px;}
  .ft_col1{width: 100%;margin-bottom: 10px;}
  .ft_txt{width: 100%;display: none;}
  .ft_col1 .tit{font-size: 14px;}
  .ft_col1 .box{margin-top: 5px;}
  .ft_col1 .lk{font-size: 12px;line-height: 24px;display: inline-block;margin-right: 15px;}
  .footer_b p{font-size: 12px;line-height: 22px;}
  
  /*??????*/
  .login_box{width:90%;height: auto;margin-top: -190px;margin-left: 0;padding: 30px 30px 30px 30px;left: 5%;border-radius: 15px;}
  .login_box .imgbox{width: 60%;display: none;}
  .login_box .info{width: 100%;}
  .login_main .hd_logo{margin-top: 10px;}
  
  .login_box .title{font-size: 20px;}
  .login_form{margin-top: 20px;}
  .login_form .ipt_button{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;}
   .login_form .ipt{height: 36px;line-height: 36px;font-size: 14px;}
   .login_form .row{    padding: 8px 0 3px;}
  .login_form .ipt_txt{padding-left: 45px;    background-size: 16px;}
  .login_form .imgcode{width: 90px;height: 36px;}
  .login_form .imgcode img{height: 36px;width: 90px;}
  .login_form .code{width: 180px;}
  /*??????*/
  .main{margin-top: 50px;}
  .foot{padding:10px 4%;line-height: 18px;font-size: 12px;}
  .inner_head{background: rgba(0,0,0,.6)!important;}
  .sj_logo{display: block;}
  .pc_logo{display: none;}
   .inner_head .hd_nav li{color: #fff;}
   
   .reg_main{padding:15px 0 20px;}
   .reg_form{width: 100%;}
   .reg_form .detail{padding: 25px 0 20px;width: 90%;margin:0 auto;}
  .reg_form .top{padding:15px 10px;}
  .reg_form .title{font-size: 16px;padding-left: 15px;}
  .reg_form .tip{display: block;line-height: 35px;}
  .reg_form .ipt_txt{background-size:18px;    background-position: 15px center;padding-left: 45px;margin-right: 0;height: 40px;line-height: 40px;font-size: 14px;display: block;width: 100%;}
  .reg_form .row{margin-bottom: 5px;}
  .reg_form .code{width: 70%;float: left;}
  .reg_form .getcode{width: 25%;font-size: 14px;border-radius:10px;float: right;height: 40px;line-height: 40px;}
  .reg_form .module{margin-bottom: 0;}
  .reg_form .ipt_button{width: 60%;height: 40px;line-height: 40px;margin-top: 20px;}
  .reg_form .notice .sel{width: 15px;height: 15px;}
  .reg_form .notice{line-height: 15px;}
  
  /*????????????*/
   .mar_l{width: 100%;float:none;font-size: 0;}
   .mar_l li{width: 31.3%;margin:0 1%;display: inline-block;padding: 0;height: 40px;}
   .mar_l li a{background-position: 10px center;padding-left: 35px;width: 100%;height: 40px;line-height: 40px;    background-size: 20px;font-size: 15px;}
  .mar_r{width:100%;margin-top:20px;}
  .contact_info .title{font-size: 17px;}
  .contact_info .box {padding:25px 0;}
  .contact_info .box .tit{font-size: 15px;text-align: left;}
  .contact_info .box li{font-size: 14px;line-height: 33px;text-align: left;}
  .contact_info{background: transparent;box-shadow:none;}
  
  /*????????????*/
 .mar_top .rbox{display: none;}
 .mar_top .lbox{width: 100%;}
 .mar_top .title{font-size: 16px;}
 .mar_top .brief{font-size: 14px;line-height: 22px;}
  .mar_list .info{width:100%;padding-top: 15px;}
  .mar_list .brief{margin-top: 10px;line-height: 20px;}
  .mar_list .bot{margin-top: 10px;}
   .mar_list .item{padding: 10px;}
   .mar_list .imgbox{width: 100%;height: auto;}
   .mar_list .title{font-size: 17px;}
   .mar_list .tag{font-size: 12px;line-height: 16px;}
   .mar_list .tag .icon{width: 16px;height: 16px;margin-right: 5px;}
   .mar_list .more{margin-top: 10px;}
   
   
   .pagelist a{width: 30px;height: 30px;line-height: 30px;font-size: 13px;}
   
   /*????????????*/
 .arc_content .title{font-size: 18px;}
 .arc_content .tag span{margin:0 15px;}
 .pagenav li{width: 100%;line-height: 26px;font-size: 14px;}
 .pagenav li.next{text-align: left;}
  
  .arc_content{padding:35px 10px;}
  .arc_content .tag{margin-top: 15px;}
  .arc_content .tag span{font-size: 12px;}
  .arc_content .tag .icon{width: 14px;height: 14px;}
  .arc_content .tag span:nth-child(1){display: none;}
  .arc_content .tag span:nth-child(2){display: none;}
  .arc_content .editbox p{font-size: 14px;line-height: 24px;}
  .arc_content .editbox{padding:15px 5px;}
  
  .arc_rela{padding:20px 10px;}
  .arc_rela .title{font-size: 16px;padding-left: 20px;}
  
  .arc_rela_list{margin-top: 10px;padding-top: 10px;}
  .arc_rela_list li{width: 100%;font-size: 14px;line-height: 30px;background: url(img/mar_12.jpg) no-repeat 10px center;padding-left: 25px;}
  .arc_main{padding-bottom: 30px;}
    /*????????????*/
    .daili_banner{height:280px;}

    .daili_plan .title{font-size: 22px;}
    .daili_plan .list li{margin:0 5px 5px;font-size: 12px;background-size: 16px;}

    .daili_titbox .en{font-size: 28px;}
    .daili_titbox .cn{font-size: 26px;margin-top: -18px;}
    .daili_tenants{padding:30px 0;}
    .daili_tenants .list{margin-left: 0;margin-top: 20px;}
    .daili_tenants .item{    padding: 30px 25px 20px;width: 95%;margin:0 auto 10px;float:none;min-height:auto;}
    .daili_tenants .item .title{font-size: 16px;}
    .daili_tenants .item .ico{width: 25px;margin-right: 5px;}
    .daili_tenants .item .breif{margin-top: 10px;}

    .daili_prospect{padding:30px 0;}
    .daili_prospect .detail{margin-top: 35px;}
    .daili_prospect .imgbox{width: 48%;margin-top: 50px;display: none;}
    .daili_prospect .info{width: 100%;padding: 0;}
    .daili_prospect .info .txt{width:calc(100% - 60px);}
    .daili_prospect .info .desc{line-height: 26px;margin-top: 10px;font-size: 14px;}
    .daili_prospect .info .title{font-size: 17px;}
    .daili_prospect .info .icon{width: 46px;height: 46px;}

    .daili_advan{padding:30px 0;}
    .daili_advan .list{margin-left: 0;margin-top: 25px;}
    .daili_advan .list .item{padding: 45px 15px 35px;width: 95%;float:none;margin:0 auto 10px;height: auto;}
    .daili_advan .list .item .ico{width: 50px;height: 50px;}
    .daili_advan .list .title{font-size: 19px;}
    .daili_advan .list .desc p{line-height: 26px;}

    .daili_return .desc{width: 100%;float:none;padding-top: 30px;}
    .daili_return .imgbox{width: 80%;margin:0 auto;float:none;margin-top: 25px;}
    .daili_return .desc p{font-size: 14px;line-height: 32px;}
    .daili_return .desc em{font-size: 16px;}

    .daili_policy .item .button{width: 110px;font-size: 14px;height: 40px;line-height: 40px;}
    .daili_policy .item .title{font-size: 18px;}
    .daili_policy .item .days{font-size: 18px;margin-top: 24px;}
    .daili_policy .item .days em{font-size: 24px;}
    .daili_policy .item .font{font-size: 14px;}
    .daili_policy .item{
   
    width: 100%;
    margin: 0;
    border-radius: 0.3rem;
    margin-bottom: 0.3rem;

    }
    .daili_policy .list{
    
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left:0;

    }
    .daili_policy .item .item-title {
    padding: 0.2rem;
    }
    .daili_policy .item .item-title h3 {
    font-size: 0.3rem;
    }
    .daili_policy .item .item-title h3 span {
    font-size: 0.24rem;
    }
    .daili_policy .item .item-title p {
    font-size: 0.24rem;
    }
    .daili_policy .item .item-con {
    padding: 0 0.2rem 0.2rem 0.2rem;
    }
    .daili_policy .item .item-con dl {
    margin-top: 0.2rem;
    }
    .daili_policy .item .item-con dl dt {
    font-size: 0.26rem;
    }
    .daili_policy .item .item-con dl dd {
    font-size: 0.24rem;
    }
    .daili_policy .item .item-img img {
    height: 2.5rem;
    }
    .daili_policy .item .fz{margin-top: 30px;}

    .daili_tips .title{font-size: 20px;}
    .daili_tips .desc{width: 100%;font-size: 14px;line-height: 24px;}

    .daili_support{    padding: 100px 0 70px;}
    .daili_support .item{width: 50%;}
    .daili_support .item .shadebox{    padding: 30px 20px 0;}
    .daili_support .item .ico{width: 50px;}
    .daili_support .item .title{font-size:18px;}
    .daili_support .item .desc{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .case_list li{width:100%;}
}
.yq_p{
	color: #99a6bf;
	font-size: 14px; clear:both; padding-top:20px
}
.yq_link{
	color: #99a6bf;
	font-size: 14px;
	padding-top: 15px;
}
#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:??????}
.text-secondary{ text-align:center; padding:20px 0}

.mar_l li.help a{ background:none; background-color:#fff; padding-left:30px;}


@media (max-width:720px){

	.mar_l li{ margin-top:5px;}
	.mar_l li.help a{ padding-left:0px; text-align:center;}
	
	.arc_main{ margin-top:0;}
	.daili_banner{ height:190px; margin-top:50px;}
}


/*????????????css1 -- .xiycms-page*/
.xiycms-page {list-style:none;margin:20px 0px;text-align:center;}
.xiycms-page li {display:inline-block; margin:0px 5px !important;border:1px solid #dedede; margin-right:5px; line-height:30px;color:#999;width: auto !important; padding: 0px 6px;}
.xiycms-page li a { display:inline-block;line-height:30px;padding:0 6px;}
.xiycms-page li.active,.qipapage li.hover {border:1px solid #00b5f9; color:#00b5f9; font-weight:bold; text-decoration:none;}
.xiycms-page li.active a,.qipapage li.hover a { color:#00b5f9; font-weight:bold; text-decoration:none;}

.editbox1{border:0px !important;margin-top:0px !important;}
.contact_text{width:35%;float:left;margin-right:2%;}
.contact_map{width:63%;float:left;}
@media (max-width:960px){
	.contact_text{width:100%;}
.contact_map{width:100%;margin-top:20px;}
.idx_news .list li{
width: 100%;
    margin-left: 0 !important;
    margin-bottom: 10px;
    padding: 20px 10px 20px;
}
}
.ww {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
}

.jsabout-box {
 
  padding-top: 50px;
}
.jsabout-box .jsabout {
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;
  background: #fff;
}
.jsabout-box .jsabout .item {
  padding: 60px 60px 20px 60px;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: flex-start;
}
.jsabout-box .jsabout .item .item-fl {
  width: 250px;
  height: 379px;
  background-color: #3296fa;
  border-radius: 20px;
  color: #fff;
  box-sizing: border-box;
  padding: 30px;
  margin-right: 110px;
  position: relative;
}
.jsabout-box .jsabout .item .item-fl h3 {
  opacity: 0.7;
}
.jsabout-box .jsabout .item .item-fl .fl-logo {
  width: 220px;
  height: 190px;
  border-radius: 10px;
  text-align: center;
  background: rgba(234, 245, 255, 0.8);
  position: absolute;
  left: 20%;
  bottom: -50px;
}
.jsabout-box .jsabout .item .item-fr {
  flex: 1;
}
.jsabout-box .jsabout .item .item-fr ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.jsabout-box .jsabout .item .item-fr ul li span {
  color: #3296fa;
  margin-right: 15px;
  font-weight: bold;
}
.jsabout-box .jsabout .item .item-fr ul li p {
  flex: 1;
}
.jsabout-box .jsabout-footer {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .jsabout-box {
    background-size: 100%;
    padding-top: 1rem;
  }
  .jsabout-box .jsabout {
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    background: #fff;
  }
  .jsabout-box .jsabout .item {
    padding: 0.6rem 0.6rem 0.3rem 0.6rem;
    flex-wrap: wrap;
  }
  .jsabout-box .jsabout .item .item-fl {
    width: 3rem;
    height: 4rem;
    padding: 0.3rem;
    margin-right: 1.1rem;
  }
  .jsabout-box .jsabout .item .item-fl .fl-logo {
    width: 2.2rem;
    height: 2rem;
    left: 40%;
    bottom: -0.6rem;
  }
  .jsabout-box .jsabout .item .item-fr {
    flex: none;
    width: 100%;
    margin-top: 1rem;
  }
  .jsabout-box .jsabout .item .item-fr ul li {
    margin-bottom: 0.4rem;
  }
}

.mt60 {
    margin-top: 60px !important;
}
.text-center {
    text-align: center;
}
.fs34 {
    font-size: 34px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.fwb {
    font-weight: bold;
}
.js-title {
    height: 70px;
    line-height: 70px;
    background-color: #3296fa;
    border-radius: 0px 40px 0px 40px;
    font-size: 30px;
    color: #fff;
    padding: 0 40px;
    display: inline-block;
}

.jsforeend {
  border-top: 40px solid #3296fa;
  position: relative;
}
.jsforeend::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #3296fa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.jsforeend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.jsforeend ul li {
  width: 45%;
  margin-top: 60px;
  display: flex;
}
.jsforeend ul li .item-fl {
  width: 190px;
  margin-right: 30px;
}
.jsforeend ul li .item-fr {
  flex: 1;
}
.jsforeend ul li .item-fr b {
  font-size: 24px;
}
.jsforeend ul li .item-fr h3 {
  font-size: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.jsforeend ul li .item-fr p {
  padding-top: 20px;
  color: #888;
}
@media screen and (max-width: 769px) {
  .js-title {
    height: 1.6rem;
    line-height: 1.6rem;
    border-radius: 0px 1rem 0px 1rem;
    font-size: 0.4rem;
    padding: 0 0.4rem;
  }
  .jsforeend {
    border-top: 0.8rem solid #3296fa;
  }
  .jsforeend ul li {
    width: 100%;
    margin-top: 1.2rem;
  }
  .jsforeend ul li .item-fl {
    width: 4rem;
    margin-right: 0.6rem;
  }
  .jsforeend ul li .item-fr {
    flex: 1;
  }
  .jsforeend ul li .item-fr b {
    font-size: 0.8rem;
  }
  .jsforeend ul li .item-fr h3 {
    font-size: 0.6rem;
    padding: 0.4rem 0;
  }
  .jsforeend ul li .item-fr p {
    padding-top: 0.4rem;
  }
}
.jsbackend {
  background: #fafafa;
}
.jsbackend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.jsbackend ul li {
  width: 30%;
  margin-bottom: 30px;
}
.jsbackend ul li:nth-child(2) {
  width: 35%;
}
.jsbackend ul li:nth-child(5) {
  transform: translateY(50px);
}
.jsbackend ul li .item {
  background-color: #edf6ff;
  box-shadow: 1px 2px 12px 0px rgba(204, 204, 204, 0.66);
  border-radius: 12px;
  border: solid 1px #3296fa;
  padding: 30px;
}
.jsbackend ul li .item h3 {
  text-align: center;
  color: #3296fa;
  font-size: 34px;
  font-weight: bold;
  padding-bottom: 30px;
}
@media screen and (max-width: 769px) {
  .jsbackend ul li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .jsbackend ul li:nth-child(2) {
    display: none;
  }
  .jsbackend ul li:nth-child(5) {
    transform: translateY(0);
  }
  .jsbackend ul li .item {
    padding: 0.6rem;
  }
  .jsbackend ul li .item h3 {
    font-size: 0.8rem;
    padding-bottom: 0.6rem;
  }
}

.jsrelation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.jsrelation ul li {
  width: 18%;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 30px;
  text-align: center;
}
.jsrelation ul li img {
  width: 70px;
}
.jsrelation ul li p {
  text-align: left;
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
  .jsrelation ul li {
    width: 48%;
    margin-bottom: 0.5rem;
    padding: 0.3rem;
  }
  .jsrelation ul li img {
    width: 0.8rem;
  }
  .jsrelation ul li p {
    margin-top: 0.4rem;
  }
}



.function .introduce-1 ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.function .introduce-1 ul li {
  width: 32%;
  overflow: hidden;
  border-radius: 0px 0px 12px 12px;
  border: solid 1px #d2d9e8;
  box-sizing: border-box;
}
.function .introduce-1 ul li .item-img {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
}
.function .introduce-1 ul li .item-img img {
  height: 375px;
  object-fit: cover;
}
.function .introduce-1 ul li .item-img .con {
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.function .introduce-1 ul li .item-img .con h3 {
  font-size: 28px;
  padding-bottom: 20px;
}
.function .introduce-1 ul li .item-img .con p {
  font-size: 16px;
}
.function .introduce-1 ul li .item-con {
  padding: 15px;
}
.function .introduce-1 ul li .item-con h3 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.function .introduce-1 ul li .item-con p {
  color: #5d6065;
}
.function .introduce-2 ul {
  display: flex;
  justify-content: space-between;
}
.function .introduce-2 ul li {
  text-align: center;
  width: 19%;
}
.function .introduce-2 ul li h3 {
  font-size: 20px;
  padding-top: 10px;
}
.function .introduce-3 {
  display: flex;
}
.function .introduce-3 .tag_nav {
  width: 270px;
  margin-right: 30px;
}
.function .introduce-3 .tag_nav ul li {
  line-height: 100px;
  border-bottom: 1px solid #f5f7fb;
  color: #858990;
  font-size: 20px;
  cursor: pointer;
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.function .introduce-3 .tag_nav ul li span {
  font-size: 30px;
}
.function .introduce-3 .tag_nav ul li b {
  display: block;
  padding: 0 10px;
}
.function .introduce-3 .tag_nav ul li i {
  font-size: 30px;
  position: absolute;
  right: 20px;
  display: none;
}
.function .introduce-3 .tag_nav ul .active {
  color: #fff;
  background-image: linear-gradient(90deg, #fcc660 0%, #feb25a 100%);
  box-shadow: 0px 8px 18px 0px rgba(254, 179, 90, 0.3);
  border-radius: 12px;
}
.function .introduce-3 .tag_nav ul .active i {
  display: block;
}
.function .introduce-3 .conlist {
  flex: 1;
  background: #f8fafc;
}
.function .introduce-3 .tag_con {
  height: 500px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 40px;
}
.function .introduce-3 .p1 {
  background: url(../images/p4-1.jpg) no-repeat right bottom;
}
.function .introduce-3 .p2 {
  background: url(img/p4-2.jpg) no-repeat right bottom;
}
.function .introduce-3 .p3 {
  background: url(img/p4-3.jpg) no-repeat right bottom;
}
.function .introduce-3 .p4 {
  background: url(img/p4-4.jpg) no-repeat right bottom;
}
.function .introduce-3 .p5 {
  background: url(img/p4-5.jpg) no-repeat right bottom;
}
.function .introduce-3 .list1 dt {
  font-size: 24px;
}
.function .introduce-3 .list1 dt .icon {
  width: 30px;
  height: 30px;
}
.function .introduce-3 .list1 dd {
  padding: 10px 0;
  position: relative;
  padding-left: 15px;
}
.function .introduce-3 .list1 dd::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #1a6fff;
  border-radius: 100%;
  position: absolute;
  top: 19px;
  left: 0px;
}
.function .introduce-3 .list2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.function .introduce-3 .list2 ul li {
  width: 47%;
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
}
.function .introduce-3 .list2 ul li .item-fl {
  width: 40px;
  margin-right: 15px;
}
.function .introduce-3 .list2 ul li .item-fl .icon {
  width: 40px;
  height: 40px;
}
.function .introduce-3 .list2 ul li .item-fr {
  flex: 1;
}
.function .introduce-3 .list2 ul li .item-fr h3 {
  font-size: 24px;
  padding-bottom: 10px;
}
.function .introduce-3 .list2 ul li .item-fr p {
  color: #5d6065;
}
@media screen and (max-width: 769px) {
  .function .introduce-1 ul {
    flex-wrap: wrap;
  }
  .function .introduce-1 ul li {
    width: 49%;
    margin-bottom: 0.4rem;
    border-radius: 0px 0px 0.24rem 0.24rem;
  }
  .function .introduce-1 ul li .item-img {
    border-radius: 0.24rem 0.24rem 0 0;
  }
  .function .introduce-1 ul li .item-img img {
    height: auto;
  }
  .function .introduce-1 ul li .item-img .con {
    bottom: 0.6rem;
    left: 0.6rem;
  }
  .function .introduce-1 ul li .item-img .con h3 {
    font-size: 0.6rem;
    padding-bottom: 0.4rem;
  }
  .function .introduce-1 ul li .item-img .con p {
    font-size: 0.52rem;
  }
  .function .introduce-1 ul li .item-con {
    padding: 0.4rem;
  }
  .function .introduce-1 ul li .item-con h3 {
    font-size: 0.6rem;
    padding-bottom: 0.4rem;
  }
  .function .introduce-2 ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .function .introduce-2 ul li {
    width: 33.3%;
    margin-top: 0.4rem;
  }
  .function .introduce-2 ul li img {
    width: 2.2rem;
  }
  .function .introduce-2 ul li h3 {
    font-size: 0.48rem;
    padding-top: 0.2rem;
  }
  .function .introduce-3 {
    flex-wrap: wrap;
  }
  .function .introduce-3 .tag_nav {
    width: 100%;
    margin-right: 0;
  }
  .function .introduce-3 .tag_nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  .function .introduce-3 .tag_nav ul li {
    line-height: 1.4rem;
    font-size: 0.56rem;
    padding: 0 0.2rem;
    width: 48%;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 0.24rem;
  }
  .function .introduce-3 .tag_nav ul li span {
    display: none;
  }
  .function .introduce-3 .tag_nav ul li b {
    display: block;
    padding: 0 0.2rem;
  }
  .function .introduce-3 .tag_nav ul .active i {
    display: none;
  }
  .function .introduce-3 .tag_con {
    height: auto;
    padding: 0.4rem;
  }
  .function .introduce-3 .list1 dt {
    font-size: 0.6rem;
    display: flex;
    align-items: center;
  }
  .function .introduce-3 .list1 dt .icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.2rem;
  }
  .function .introduce-3 .list1 dd {
    padding: 0.2rem 0;
    padding-left: 0.4rem;
  }
  .function .introduce-3 .list1 dd::before {
    width: 0.12rem;
    height: 0.12rem;
    top: 0.48rem;
  }
  .function .introduce-3 .list2 ul li {
    margin-top: 0.6rem;
  }
  .function .introduce-3 .list2 ul li .item-fl {
    width: 0.8rem;
    margin-right: 0.3rem;
  }
  .function .introduce-3 .list2 ul li .item-fl .icon {
    width: 0.8rem;
    height: 0.8rem;
  }
  .function .introduce-3 .list2 ul li .item-fr {
    flex: 1;
  }
  .function .introduce-3 .list2 ul li .item-fr h3 {
    font-size: 0.6rem;
    padding-bottom: 0.2rem;
  }
}

.rengn-fk {
  background: #0e66e0;
  color: #fff;
}
.rengn-fk .title p {
  opacity: 0.6;
}
.rengn-fk ul {
  display: flex;
  margin-left: -3%;
}
.rengn-fk ul li {
  width: 30%;
  margin: 0 0 0 3%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  padding: 25px;
}
.rengn-fk ul li h3 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  .rengn-fk ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3%;
  }
  .rengn-fk ul li {
    width: 47%;
    margin: 0.3rem 0 0 3%;
    padding: 0.3rem;
  }
  .rengn-fk ul li h3 {
    font-size: 0.28rem;
    margin-top: 0.2rem;
  }
  .renbanner img {
    min-height: 150px;
  }
}

.valuelsit {
  color: #fff;
}
.valuelsit ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.valuelsit ul li {
  width: 25%;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center;
  border-right: 1px solid #1871ed;
  margin: 10px 0;
}
.valuelsit ul li:nth-child(4n) {
  border: none;
}
.valuelsit ul li h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 30px 0 20px 0;
}
.valuelsit ul li p {
  color: #cadefe;
}
@media screen and (max-width: 769px) {
  .valuelsit ul li {
    width: 50%;
    padding: 0 0.4rem;
    margin: 0.4rem 0;
  }
  .valuelsit ul li img {
    width: 1.6rem;
  }
  .valuelsit ul li h3 {
    font-size: 0.6rem;
    padding: 0.6rem 0 0.4rem 0;
  }
}
.advantage .list1 {
  display: flex;
  justify-content: space-between;
}
.advantage .list1 li {
  width: 24%;
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
  position: relative;
  background: #000;
}
.advantage .list1 li img {
  width: 100%;
  opacity: 0.8;
}
.advantage .list1 li .con {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.advantage .list1 li .con h3 {
  font-size: 20px;
}
.advantage .list1 li .con p {
  color: #e3e2ee;
  padding-top: 10px;
}
.advantage .list2 {
  display: flex;
  flex-wrap: wrap;
}
.advantage .list2 li {
  width: 20%;
  text-align: center;
  margin-top: 60px;
}
.advantage .list2 li .icon {
  width: 60px;
  height: 60px;
}
.advantage .list2 li h3 {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 769px) {
  .advantage .list1 {
    flex-wrap: wrap;
  }
  .advantage .list1 li {
    width: 49%;
    border-radius: 0.2rem;
    margin-top: 0.4rem;
  }
  .advantage .list1 li .con {
    left: 0.4rem;
    bottom: 0.4rem;
  }
  .advantage .list1 li .con h3 {
    font-size: 0.6rem;
  }
  .advantage .list1 li .con p {
    padding-top: 0.2rem;
  }
  .advantage .list2 li {
    width: 33%;
    margin-top: 1.2rem;
  }
  .advantage .list2 li .icon {
    width: 1.4rem;
    height:1.4rem;
  }
  .advantage .list2 li h3 {
    margin-top: 0.4rem;
    font-size: 0.52rem;
  }
}
.renailist ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}
.renailist ul li {
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  width: 30%;
  margin: 0 0 30px 3%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.renailist ul li a .item-top {
  height: 100px;
  background: url(img/renai01.jpg) no-repeat top center;
  background-size: 100% 100%;
}
.renailist ul li a .item-img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 5px solid #fff;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.renailist ul li a .item-img img {
  width: 100%;
}
.renailist ul li a .item-title {
  margin-top: 60px;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.renailist ul li a .item-title h3 {
  font-weight: bold;
  font-size: 18px;
}
.renailist ul li a .item-title p {
  font-size: 14px;
  color: #808080;
  padding-top: 5px;
}
.renailist ul li a dl {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.renailist ul li a dl dd {
  width: 33.3%;
  box-sizing: border-box;
  text-align: center;
}
.renailist ul li a dl dd h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.renailist ul li a dl dd p {
  font-size: 14px;
  color: #808080;
  padding-top: 5px;
}
.renailist ul li a .item-info {
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  background: #1f6dea;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 15px;
}
.renailist ul li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 769px) {
  .renailist ul {
    margin-left: 0;
  }
  .renailist ul li {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
  .renailist ul li a .item-top {
    height: 1rem;
  }
  .renailist ul li a .item-img {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    top: 0.6rem;
  }
  .renailist ul li a .item-title {
    margin-top: 1.3rem;
    padding: 0.2rem 0.2rem 0 0.2rem;
  }
  .renailist ul li a .item-title h3 {
    font-size: 0.28rem;
  }
  .renailist ul li a .item-title p {
    font-size: 0.24rem;
  }
  .renailist ul li a dl {
    padding: 0.3rem;
  }
  .renailist ul li a dl dd h3 {
    font-size: 0.34rem;
  }
  .renailist ul li a dl dd p {
    font-size: 0.24rem;
  }
  .renailist ul li a .item-info {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
    margin: 0.2rem;
  }
}

.renailist ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}
.renailist ul li {
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  width: 30%;
  margin: 0 0 30px 3%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.renailist ul li a .item-top {
  height: 100px;
  background: url(img/renai01.jpg) no-repeat top center;
  background-size: 100% 100%;
}
.renailist ul li a .item-img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 5px solid #fff;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.renailist ul li a .item-img img {
  width: 100%;
}
.renailist ul li a .item-title {
  margin-top: 60px;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.renailist ul li a .item-title h3 {
  font-weight: bold;
  font-size: 18px;
}
.renailist ul li a .item-title p {
  font-size: 14px;
  color: #808080;
  padding-top: 5px;
}
.renailist ul li a dl {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.renailist ul li a dl dd {
  width: 33.3%;
  box-sizing: border-box;
  text-align: center;
}
.renailist ul li a dl dd h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.renailist ul li a dl dd p {
  font-size: 14px;
  color: #808080;
  padding-top: 5px;
}
.renailist ul li a .item-info {
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  background: #1f6dea;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 15px;
}
.renailist ul li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 769px) {
  .renailist ul {
    margin-left: 0;
  }
  .renailist ul li {
    width: 100%;
    margin: 0 0 0.8rem 0;
  }
  .renailist ul li a .item-top {
    height: 2rem;
  }
  .renailist ul li a .item-img {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    top: 1.2rem;
  }
  .renailist ul li a .item-title {
    margin-top: 2.6rem;
    padding: 0.4rem 0.4rem 0 0.4rem;
  }
  .renailist ul li a .item-title h3 {
    font-size: 0.56rem;
  }
  .renailist ul li a .item-title p {
    font-size: 0.48rem;
  }
  .renailist ul li a dl {
    padding: 0.6rem;
  }
  .renailist ul li a dl dd h3 {
    font-size: 0.68rem;
  }
  .renailist ul li a dl dd p {
    font-size: 0.48rem;
  }
  .renailist ul li a .item-info {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.52rem;
    margin: 0.4rem;
  }
}



.aishow-banner {
  position: relative;
}
.aishow-banner .ww {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.aishowbox {
  position: relative;

  color: #1a6fff;
}
.aishowbox #particles-js {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.aishowbox .aishow-con {
  position: relative;
  z-index: 3;
  transform: translateY(-40px);
}
.aishowbox .aishow-con .company {
  background: #1a6fff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  color: #fff;
}
.aishowbox .aishow-con .company .item-fl {
  width: 100px;
  height: 100px;
  text-align: center;
  border: solid 5px #f5f5f5;
  margin-right: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
}
.aishowbox .aishow-con .company .item-fl img {
  width: 100%;
}
.aishowbox .aishow-con .company .item-fr {
  flex: 1;
}
.aishowbox .aishow-con .company .item-fr h3 {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
.aishowbox .aishow-con .company .item-fr ul {
  display: flex;
  margin-top: 20px;
}
.aishowbox .aishow-con .company .item-fr ul li {
  margin-right: 100px;
}
.aishowbox .aishow-con .company .item-fr ul li i {
  color: #fff;
  font-size: 18px;
  margin-right: 5px;
}
.aishowbox .aishow-con .company .item-fr ul li span {
  color: #fff;
}
.aishowbox .aishow-con .clue {
  display: flex;
  justify-content: space-between;
}
.aishowbox .aishow-con .clue .item-fl {
  width: 49%;
}
.aishowbox .aishow-con .clue .item-fl ul {
  background: url(img/renaishow02.jpg) no-repeat top center;
  background-size: 100% 100%;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px;
  color: #fff;
  display: flex;
}
.aishowbox .aishow-con .clue .item-fl ul li {
  margin-right: 60px;
  text-align: center;
}
.aishowbox .aishow-con .clue .item-fl ul li h3 {
  font-size: 30px;
  font-weight: bold;
}
.aishowbox .aishow-con .clue .item-fl ul li p {
  font-size: 14px;
}
.aishowbox .aishow-con .clue .item-fr {
  width: 49%;
}
.aishowbox .aishow-con .clue .item-fr ul {
  background: url(img/renaishow03.jpg) no-repeat top center;
  background-size: 100% 100%;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px;
  color: #fff;
  display: flex;
}
.aishowbox .aishow-con .clue .item-fr ul li {
  margin-right: 60px;
  text-align: center;
}
.aishowbox .aishow-con .clue .item-fr ul li h3 {
  font-size: 30px;
  font-weight: bold;
}
.aishowbox .aishow-con .clue .item-fr ul li p {
  font-size: 14px;
  color:#fff;
}
.aishowbox .aishow-con .videodata ul {
  display: flex;
  margin-left: -1%;
}
.aishowbox .aishow-con .videodata ul li {
  width: 11.5%;
  margin: 0 0 0 1%;
  background: #1a6fff;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  color: #fff;
}
.aishowbox .aishow-con .videodata ul li p em {
  font-size: 26px;
}
.aishowbox .aishow-con .videodata ul li h3 {
  font-size: 16px;
  font-weight: normal;
  padding: 5px 0;
}
.aishowbox .aishow-con .videodata ul li p {
  font-size: 22px;
  font-weight: bold;
}
.aishowbox .aishow-con .videodata ul li:hover {
  background: #fff;
  color: #6a6a6a;
}
.aishowbox .aishow-con .extension {
  display: flex;
  justify-content: space-between;
}
.aishowbox .aishow-con .extension .item-fl {
  width: 49%;
  background: #1a6fff;
  box-sizing: border-box;
  color: #fff;
  padding: 30px;
}
.aishowbox .aishow-con .extension .item-fl ul {
  display: flex;
  flex-wrap: wrap;
}
.aishowbox .aishow-con .extension .item-fl ul li {
  width: 33.3%;
  margin: 0.3rem 0 0 0;
}
.aishowbox .aishow-con .extension .item-fl ul li i {
  font-size: 26px;
  color: #fff;
}
.aishowbox .aishow-con .extension .item-fl ul li p {
  font-size: 30px;
}
.aishowbox .aishow-con .extension .item-fl ul li h3 {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}
.aishowbox .aishow-con .extension .item-fr {
  width: 49%;
  background: #1a6fff;
  box-sizing: border-box;
  padding: 30px;
  color: #fff;
}
.aishowbox .aishow-con .extension .item-fr .con {
  display: flex;
  justify-content: space-between;
}
.aishowbox .aishow-con .extension .item-fr .con #echarts {
  width: calc(100% - 160px);
  height: 220px;
}
.aishowbox .aishow-con .extension .item-fr .con ul {
  width: 120px;
}
.aishowbox .aishow-con .extension .item-fr .con ul li {
  margin-bottom: 30px;
}
.aishowbox .aishow-con .extension .item-fr .con ul li h3 {
  font-size: 16px;
  color: #fff;
  padding-left: 15px;
  position: relative;
}
.aishowbox .aishow-con .extension .item-fr .con ul li p {
  font-size: 24px;
  font-weight: bold;
  padding-left: 15px;
}
.aishowbox .aishow-con .extension .item-fr .con ul li:nth-child(1) h3::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ffa619;
  position: absolute;
  left: 0;
  top: 5px;
}
.aishowbox .aishow-con .extension .item-fr .con ul li:nth-child(2) h3::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #27e8ea;
  position: absolute;
  left: 0;
  top: 5px;
}
.aishowbox .aishow-con .keywordbox {
  display: flex;
  justify-content: space-between;
}
.aishowbox .aishow-con .keywordbox .keyword {
  width: 49%;
}
.aishowbox .aishow-con .keywordbox .keyword ul {
  background: #142ab3;
  box-sizing: border-box;
  padding: 15px;
}
.aishowbox .aishow-con .keywordbox .keyword ul li {
  background: #1a6fff;
  padding: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  height: 85px;
  overflow: hidden;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a {
  color: #fff;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-title {
  display: flex;
  justify-content: space-between;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-title h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  width: 80%;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-title i {
  font-size: 16px;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-con {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  height: 22px;
  overflow: hidden;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-con span {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 2px;
  background: #fff;
  color: #1a6fff;
  margin-right: 5px;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-con span i {
  font-size: 10px;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-con h3 {
  font-size: 14px;
  color: #fff;
}
.aishowbox .aishow-con .keywordbox .keyword ul li a .item-con p {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  width: calc(100% - 120px);
}
.aishowbox .aishow-con .keywordbox .keyword ul li:hover {
  opacity: 0.8;
}
.aishowbox .aishow-con .keywordbox .popularvideo {
  width: 49%;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li {
  background: #1a6fff;
  margin-bottom: 15px;
  padding: 15px;
  height: 86.5px;
  overflow: hidden;
  box-sizing: border-box;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li a {
  color: #fff;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li a h3 {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li a .item-con {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  font-size: 14px;
  color: #fff;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li a .item-con p span {
  margin-left: 20px;
}
.aishowbox .aishow-con .keywordbox .popularvideo ul li:hover {
  opacity: 0.8;
}
@media screen and (max-width: 769px) {
  .aishow-banner .banner-img {
    height: 3rem;
  }
  .aishow-banner .ww {
    top: 0.6rem;
  }
  .aishow-banner .ww img {
    height: 0.6rem;
  }
  .aishowbox .aishow-con {
    transform: translateY(-1rem);
  }
  .aishowbox .aishow-con .company {
    padding: 0.3rem;
    display: flex;
  }
  .aishowbox .aishow-con .company .item-fl {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right: 0.3rem;
  }
  .aishowbox .aishow-con .company .item-fl img {
    width: 1.5rem;
  }
  .aishowbox .aishow-con .company .item-fr {
    flex: 1;
  }
  .aishowbox .aishow-con .company .item-fr h3 {
    font-size: 0.4rem;
  }
  .aishowbox .aishow-con .company .item-fr ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .aishowbox .aishow-con .company .item-fr ul li {
    margin-right: 0;
    padding: 0.05rem 0;
  }
  .aishowbox .aishow-con .company .item-fr ul li i {
    color: #1f6dea;
    font-size: 0.28rem;
    margin-right: 0.1rem;
  }
  .aishowbox .aishow-con .clue {
    flex-wrap: wrap;
  }
  .aishowbox .aishow-con .clue .item-fl {
    width: 100%;
  }
  .aishowbox .aishow-con .clue .item-fl ul {
    padding: 0.3rem;
    justify-content: space-between;
  }
  .aishowbox .aishow-con .clue .item-fl ul li {
    margin-right: 0;
  }
  .aishowbox .aishow-con .clue .item-fl ul li h3 {
    font-size: 0.36rem;
  }
  .aishowbox .aishow-con .clue .item-fl ul li p {
    font-size: 0.24rem;
  }
  .aishowbox .aishow-con .clue .item-fr {
    width: 100%;
    margin-top: 0.3rem;
  }
  .aishowbox .aishow-con .clue .item-fr ul {
    padding: 0.3rem;
    justify-content: space-around;
  }
  .aishowbox .aishow-con .clue .item-fr ul li {
    margin-right: 0;
  }
  .aishowbox .aishow-con .clue .item-fr ul li h3 {
    font-size: 0.36rem;
  }
  .aishowbox .aishow-con .clue .item-fr ul li p {
    font-size: 0.24rem;
  }
  .aishowbox .aishow-con .videodata ul {
    flex-wrap: wrap;
    margin-left: -3%;
  }
  .aishowbox .aishow-con .videodata ul li {
    width: 30%;
    margin: 0.3rem 0 0 3%;
    padding: 0.2rem;
  }
  .aishowbox .aishow-con .videodata ul li i {
    font-size: 0.4rem;
  }
  .aishowbox .aishow-con .videodata ul li h3 {
    font-size: 0.26rem;
    padding: 0.1rem 0;
  }
  .aishowbox .aishow-con .videodata ul li p {
    font-size: 0.4rem;
  }
  .aishowbox .aishow-con .extension {
    flex-wrap: wrap;
  }
  .aishowbox .aishow-con .extension .item-fl {
    width: 100%;
    padding: 0.3rem;
    box-sizing: border-box;
  }
  .aishowbox .aishow-con .extension .item-fl ul li {
    width: 50%;
    margin: 0.3rem 0 0 0;
    text-align: center;
  }
  .aishowbox .aishow-con .extension .item-fl ul li i {
    font-size: 0.5rem;
  }
  .aishowbox .aishow-con .extension .item-fl ul li p {
    font-size: 0.4rem;
    padding: 0.1rem 0;
  }
  .aishowbox .aishow-con .extension .item-fl ul li h3 {
    font-size: 0.26rem;
  }
  .aishowbox .aishow-con .extension .item-fr {
    width: 100%;
    padding: 0.3rem;
    margin-top: 0.3rem;
  }
  .aishowbox .aishow-con .extension .item-fr .con {
    flex-wrap: wrap;
  }
  .aishowbox .aishow-con .extension .item-fr .con #echarts {
    width: 100%;
    height: 3rem;
  }
  .aishowbox .aishow-con .extension .item-fr .con ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
  }
  .aishowbox .aishow-con .extension .item-fr .con ul li {
    width: 30%;
    margin-bottom: 0.3rem;
  }
  .aishowbox .aishow-con .extension .item-fr .con ul li h3 {
    font-size: 0.3;
  }
  .aishowbox .aishow-con .extension .item-fr .con ul li p {
    font-size: 0.4rem;
  }
  .aishowbox .aishow-con .keywordbox {
    flex-wrap: wrap;
  }
  .aishowbox .aishow-con .keywordbox .keyword {
    width: 100%;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul {
    padding: 0.2rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li {
    padding: 0.2rem;
    margin-bottom: 0.2rem;
    height: auto;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-title h3 {
    font-size: 0.26rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-title i {
    font-size: 0.26rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-con {
    margin-top: 0.1rem;
    font-size: 0.24rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-con span i {
    font-size: 0.2rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-con h3 {
    font-size: 0.24rem;
  }
  .aishowbox .aishow-con .keywordbox .keyword ul li a .item-con p {
    font-size: 0.26rem;
  }
  .aishowbox .aishow-con .keywordbox .popularvideo {
    width: 100%;
  }
  .aishowbox .aishow-con .keywordbox .popularvideo ul li {
    margin-bottom: 0.2rem;
    padding: 0.2rem;
    height: auto;
  }
  .aishowbox .aishow-con .keywordbox .popularvideo ul li a h3 {
    font-size: 0.28rem;
  }
  .aishowbox .aishow-con .keywordbox .popularvideo ul li a .item-con {
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0.1rem;
    font-size: 0.24rem;
  }
  .aishowbox .aishow-con .keywordbox .popularvideo ul li a .item-con p span {
    margin-left: 0.2rem;
  }
}