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

html{font-size:100%}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4, p, dl, dd, ol, ul, li, form, fieldset, input, button, textarea,a{ margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei"; color:#999;}
th, td{ margin:0; padding:0; font-family:"Microsoft YaHei";}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}

h1, h2, h3, h4{  font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal; font-family:"Microsoft YaHei"; color:#999;}
li, img, label, input{ vertical-align:middle;}
body{font-family:helvetica,arial; width:100%;  margin:0 auto; overflow-x:hidden; background:#fff;}
input:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
/*head*/
.head{position:absolute;top:0;left:0;width:100%;height: 8rem;line-height: 8rem;z-index: 999}
.head .logo img{width: 100%}
.head .nav ul li{display: inline-block}
.head .nav ul li{width:12rem;height: 8rem;line-height: 8rem;margin-left: 5rem;text-align: center}
.head .nav ul li a{display:block;font-size: 1.8rem;color: rgb(255 255 255 / 80%)}
.head .nav .to01 a{color:#ffffff}

.head .nav ul li:nth-child(2) .icon-xiangyou1{
    transform: rotate(90deg);
    display: inline-block;

}
.head .nav ul li:hover{background: #fff;}
.head .nav ul li:hover a{color:#333333;text-decoration: none}
.head .nav ul li .m{background: #fff;position: absolute;width: 100%;height: 1rem;left: 0;top:8rem;display: none;overflow: hidden;}
.head .nav ul li:hover .m{height: 8rem; display: flex;justify-content: space-between;}
.head .nav ul li .m .m-box{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
}
.head .nav ul li .m a{display: inline-block}
.head .nav ul li .m .m_01{}
.head .nav ul li .m .m_01 span{display: inline-block}
.head .nav ul li .m .m_01 span img{max-width: 2.8rem;}
.head .nav ul li .m .m_01 h5{display: inline-block;margin: 0;font-size: 1.6rem;color: #333333}


/*首页*/
.index .swiper-slide{position: relative}
.index .swiper-slide>img{width: 100%}
.index .swiper-slide .info{position:absolute;top: 14.9rem;left: 0 ;width: 100%;text-align: center}
.index .swiper-slide .info .data_01{font-size:2.4rem;color: #fff;margin-bottom: 0.8rem;letter-spacing: 0.2rem}
.index .swiper-slide .info .data_02{font-size:7.2rem;color: #fff;margin-bottom: 0.8rem}
.index .swiper-slide .info .data_03{font-size:2.4rem;color: #fff;margin-bottom: 0.8rem }
.index .swiper-slide .info .data_04{margin: 4rem 0}
.index .swiper-slide .info .data_04 a{width: 18rem;height: 5rem;line-height: 5rem;font-size:1.6rem;display: inline-block;border-radius: 3rem;color: #ffffff}
.index .swiper-slide .info .data_04 a:nth-child(1){
    background: linear-gradient(135deg, #FFBE1F 0%, #FE6909 100%);border-radius: 3rem}
.index .swiper-slide .info .data_04 a:nth-child(2){border: 2px solid #ffffff;margin-left: 4rem}
.index .swiper-pagination span{width: 3.6rem;height: 0.4rem;border-radius: 0}


.index_02{background: #E8F0FF}
.index_02 .max14{padding:9.5rem 0}
.index_02 .index_02_info{padding-left: 8.9rem;padding-top: 8.9rem}
.index_02 .index_02_info .title{line-height:100%}
.index_02 .index_02_info .title span{display: inline-block}
.index_02 .index_02_info .title h2{display: inline-block;color: #333333;font-size: 4.8rem;margin: 0.5rem 0 6.3rem 0.5rem}
.index_02 .index_02_info .edge .l_01{display: flex;float: left;padding: 2.7rem 0 2.7rem 0}
.index_02 .index_02_info .edge .l_01:nth-child(2n){padding: 2.7rem 0 2.7rem 3.2rem}
.index_02 .index_02_info .edge .l_01 .p{font-size: 1.8rem;color: #000000;line-height: 4.4rem;padding-left: 0.3rem}
.index_02 .index_02_info .edge .l_01 .bug{font-size: 1.8rem;color: #000000;height: 4.4rem;max-width: 18rem}
.index_02 .index_02_info .edge .l_01:nth-child(1){border-bottom: 1px dashed #ccc;box-sizing: border-box;border-right: 1px dashed #ccc}
.index_02 .index_02_info .edge .l_01:nth-child(2){border-bottom: 1px dashed #ccc;box-sizing: border-box}
.index_02 .index_02_info .edge .l_01:nth-child(3){border-right: 1px dashed #ccc;box-sizing: border-box}
.index_02 .index_02_info .but{margin-top: 6.4rem}
.index_02 .index_02_info .but a{display:inline-block;width: 20rem;height: 6rem;line-height: 6rem;text-align: center;font-size: 1.8rem;border-radius: 3rem}
.index_02 .index_02_info .but a:nth-child(1){background: linear-gradient(90deg, #FFBE1F 0%, #FE6909 100%);border-radius: 3rem;color: #ffffff}
.index_02 .index_02_info .but a:nth-child(2){border: 2px solid #244BF2 ;color: #244BF2;margin-left: 4.1rem }
.index_02 .index_02_info .but a:nth-child(3){color: #244BF2;margin-top: 4rem}



.index_03{background:url("../images/index_03.png") 100%;padding: 9.5rem 0 }
.index_03 .index_03_info{padding-left: 8.9rem;padding-top: 8.9rem}
.index_03 .index_03_info .title{line-height:100%}
.index_03 .index_03_info .title span{display: inline-block}
.index_03 .index_03_info .title h2{display: inline-block;color: #333333;font-size: 4.8rem;margin: 0.5rem 0 6.3rem 0.5rem}
.index_03 .index_03_info .edge .l_01{display: flex;float: left;padding: 2.7rem 0 2.7rem 0}
.index_03 .index_03_info .edge .l_01:nth-child(2n){padding: 2.7rem 0 2.7rem 3.2rem}
.index_03 .index_03_info .edge .l_01 .p{font-size: 1.8rem;color: #000000;padding-left: 0.3rem;height: 4.4rem;max-width: 20rem}
.index_03 .index_03_info .edge .l_01:nth-child(1){border-bottom: 1px dashed #ccc;box-sizing: border-box;border-right: 1px dashed #ccc}
.index_03 .index_03_info .edge .l_01:nth-child(2){border-bottom: 1px dashed #ccc;box-sizing: border-box}
.index_03 .index_03_info .edge .l_01:nth-child(3){border-right: 1px dashed #ccc;box-sizing: border-box}
.index_03 .index_03_info .but{margin-top: 6.4rem}
.index_03 .index_03_info .but a{display:inline-block;width: 20rem;height: 6rem;line-height: 6rem;text-align: center;font-size: 1.8rem;border-radius: 3rem}
.index_03 .index_03_info .but a:nth-child(1){background: linear-gradient(90deg, #FFBE1F 0%, #FE6909 100%);border-radius: 3rem;color: #ffffff}
.index_03 .index_03_info .but a:nth-child(2){border: 2px solid #244BF2 ;color: #244BF2;margin-left: 4.1rem }
.index_03 .index_03_info .but a:nth-child(3){color: #244BF2;margin-top: 4rem}


.index_04{background:url("../images/index_04.png") 100%;padding: 9.5rem 0 }
.index_04 .index_info{padding: 8.9rem 0 0 8.9rem}
.index_04 .index_info .title{display: flex}
.index_04 .index_info .title h2{font-size: 4.8rem;color: #000000;margin:0.5rem 0 6.3rem 0.5rem}
.index_04 .index_info .list ul li{display: block;width: 17rem;font-size: 1.8rem;color: #000000;background: linear-gradient(180deg, rgba(14,138,239,0.14) 0%, rgba(255,255,255,0) 100%);margin-right: 2rem;padding: 4.1rem 2.1rem;text-align: center}
.index_04 .index_info .list ul .ls{background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);border-top: 0.4rem solid #FE7E0F;box-sizing: border-box}
.index_04 .index_info .but{margin-top: 6.4rem}
.index_04 .index_info .but a{display:inline-block;width: 20rem;height: 6rem;line-height: 6rem;text-align: center;font-size: 1.8rem;border-radius: 3rem}
.index_04 .index_info .but a:nth-child(1){background: linear-gradient(90deg, #FFBE1F 0%, #FE6909 100%);border-radius: 3rem;color: #ffffff}
.index_04 .index_info .but a:nth-child(2){border: 2px solid #244BF2 ;color: #244BF2;margin-left: 4.1rem }



.index_05{background: url("../images/index_05.png") 100%;padding: 9.5rem 0;}
.index_05 .index_info{padding: 8.9rem 0 0 8.9rem}
.index_05 .index_info .title h2{font-size: 4.8rem;color: #000000;margin:0.8rem 0 6.3rem 0.5rem}
.index_05 .index_info .list{padding-bottom: 6rem}
.index_05 .index_info .list ul li{font-size: 1.8rem;color: #000000;line-height: 4.8rem;
    position: relative;padding-left: 3rem}
.index_05 .index_info .list ul li:before{display: block;content: "";position:absolute; top:2.2rem;left: 1rem;width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #000000}
.index_05 .index_info .but a{display:inline-block;width: 20rem;height: 6rem;line-height: 6rem;text-align: center;font-size: 1.8rem;border-radius: 3rem}
.index_05 .index_info .but a:nth-child(1){background: linear-gradient(90deg, #FFBE1F 0%, #FE6909 100%);border-radius: 3rem;color: #ffffff}
.index_05 .index_info .but a:nth-child(2){border: 2px solid #244BF2 ;color: #244BF2;margin-left: 4.1rem }
.index_05 .index_info .but a:nth-child(3){color: #244BF2;margin-top: 4rem}



.index_06{background: url("../images/index_06.png") 100%;padding: 9.5rem 0}
.index_06 .title h3{font-size: 4.8rem;color: #000000;text-align: center}
.index_06 .list{margin-top: 10rem}
.index_06 .list ul li{float: left;width: 32rem;height: 34rem;background: #ffffff;border-radius: 2rem;padding:7.8rem 3rem 0 3.3rem;margin-right: 4rem;box-sizing: border-box}
.index_06 .list ul li:nth-child(4){margin-right: 0}
.index_06 .list ul li h4{font-size: 2.8rem;color:#000000;margin: 2.5rem 0}
.index_06 .list ul li p{font-size: 1.8rem;color:rgb(0 0 0 / 60%);;}


/*产品下载*/
.back{background: url("../images/cp_back.png") repeat-x}
.back .pr_con{padding-top: 17rem;padding-bottom: 10rem}
.back .pr_con h1{color:#fff;font-size:6rem;text-align: center}
.back .pr_con p{color: #ffffff;font-size: 1.8rem;padding-top:3rem;text-align: center;letter-spacing: 0.2rem;}
.back .list{max-width: 1280px;width:100%;margin: 0 auto;height: 38rem;margin-bottom:5rem}
.back .list>img{width: 100%;opacity: 0.65}
.back .list .con h2{font-size: 4.8rem;color: #000;margin-bottom: 1.4rem}
.back .list .con{padding-top: 8rem}
.back .list .con p{font-size: 2rem;color: #333333;margin-bottom: 5.2rem}
.back .list .con .but a{display:inline-block;width: 18rem;height: 5.4rem;line-height: 5.4rem;border-radius: 3rem;font-size: 1.6rem;text-align: center}
.back .list .con .but a:nth-child(1){background: linear-gradient(90deg, #FFBE1F 0%, #FE6909 100%);color: #fff}
.back .list .con .but a:nth-child(2){color: #244BF2;border:2px solid #244BF2;margin-left: 2rem}




/*公司简介*/
.about .banner{position: relative}
.about .banner img{width: 100%}
.about .banner .ab_con{position: absolute;display: block;width: 100%;top: 29.5rem;left: 0}
.about .banner .ab_con{position: absolute;display: block;width: 100%;top: 21.5rem;left: 0;text-align:center}
.about .banner .ab_con h2{font-size: 6rem;color: #fff}
.about .banner .ab_con p{font-size: 1.8rem;color: #fff;padding-top: 2rem}
.about_con .con_j{padding:9.6rem 0}
.about_con .con_j .info h3{font-size: 4.8rem;color: #333333 }
.about_con .con_j .info .p{padding-top: 5rem;}
.about_con .con_j .info .p p{font-size: 1.6rem;line-height: 3rem;color: #333333;padding-bottom: 2rem}
.about_con .con_j .about_img{padding-left: 13rem}
.about_con .con_j .about_img img{width: 100%}
.about_dt{width: 100%;}
.about_dt .baidu{width: 100%;position: relative;max-height: 48rem;overflow: hidden}
.about_dt .baidu img{width: 100%}
.about_dt .dt_info{position:absolute;right:0;top:0;z-index: 888;width: 44%;height:100%;padding:7rem 0 0 12rem;background: rgb(255 255 255 / 80%)}
.about_dt .dt_info h3{font-size: 4.8rem;color: #333333;padding-bottom: 5rem}
.about_dt .dt_info .dl p{font-size: 1.8rem;color: #333333;line-height: 3.6rem}



/*相关说明*/
.about_s{background:#f0f5fb;padding:8rem 0}
.about_s .dht{padding: 4rem 0 }
.about_s .dht a{color: #333333;font-size: 1.4rem;display: inline-block;padding-right: 0.3rem}
.about_s .xy{position: relative;background: #ffffff;padding:5rem 5rem 30rem}
.about_s .xy .top{position: absolute;top: 0;left: 0;width: 100%}
.about_s .xy .top img{width: 100%}
.about_s .xy .bot{position: absolute;bottom: 0;left: 0;width: 100%}
.about_s .xy .bot img{width: 100%}
.about_s .xy .title{font-size: 2.8rem;padding: 5rem 0;color: #000000;text-align:center;margin-bottom: 2rem;border-bottom: 1px solid #ccc;
position: relative;z-index: 999 }
.about_s .xy .singePage{line-height: 4rem;position: relative;z-index: 999;}
.about_s .xy .singePage p{font-size: 1.6rem;color: #190c0e}

    /*公用*/
.post{position: relative}
.clear:after{content: "";display:block;clear: both}
.fl{float: left}
.fr{float: right}
.max14{max-width: 1400px;width:100%;margin: 0 auto}
.max128{max-width: 1280px;width:100%;margin: 0 auto}
.max5{width: 50%}



/*底部*/
.foot{background: #1D1F24;text-align: center;width: 100%;padding: 4rem 0;}
.foot_n ul li{display: inline-block;border-right: 1px solid #fff;padding: 0 0.85rem}
.foot_n ul li:last-child{border-right: none}
.foot_n ul li a{display: inline-block;color: #ffffff;font-size: 1.4rem}
.foot_b p{color: #ffffff;font-size: 1.4rem}
.foot_b p a{color: #ffffff;font-size: 1.4rem}
.foot_t{margin-bottom: 0rem}