.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}

.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}

.flex{display: flex;justify-content: left;align-items: center;}

.space1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}

.paddingtb-60{padding: 60px 0;}

.paddinglr-10{padding: 0 10px;}

.paddinglr-5{padding: 0 5px;}

.margint-40{margin-top: 40px;}

.margint-20{margin-top: 20px;}

.background-1{background: #f7f7f7;}

.title-1{font-size: 32px;line-height: 1.8;font-weight: 700;}

.title-2{font-size: 18px;line-height: 1.8;color: #888;}

.title-3{font-size: 24px;line-height: 1.8;font-weight: 700;}

.content-text{font-size: 16px;line-height: 1.8;}

h2.title{font-size: 32px;line-height: 1.8;font-weight: 700;color: #1943aa;}



@media (max-width: 996px){

    .paddingtb-60{padding: 40px 0;}

    .title-1,h2.title{font-size: 22px;}

    .title-2{font-size: 15px;}

    .title-3{font-size: 18px;}

    .content-text{font-size: 14px;}

}



/*首页样式*/

.in-title{line-height: 1.5;font-weight: bold;letter-spacing: 5px;position: relative;}

.in-title span{font-size: 48px;color: #1943aa;}

.in-title i{font-style: normal;color: rgba(9,69,217,.2);letter-spacing: 0;text-transform: uppercase;}

.in-title a.more{font: normal 16px/1.8 '';color: #333;letter-spacing: 0;position: absolute;right: 0;bottom: 10px;}

.in-title a.more:hover{color: #1943aa}

.in-title-1,.in-title-1 span{color: #fff;}

.in-title-1 i{color: rgba(255,255,255,.5);}



.modules_con{height: 420px;background: #fff;border: 2px solid #e7e7eb;cursor: pointer;}

.modules_con .modules_text,.modules_con .modules_desc{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 50px;}

.modules_con .modules_text img{height: 120px;}

.modules_con .modules_text .modules_title{margin-top: 60px;font-size: 18px;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}

.modules_con .modules_desc{font-size: 24px;line-height: 1.8;color: #fff;opacity: 0;}

.modules_con:hover{background: #063cd0;border-color: #063cd0;}

.modules_con:hover .modules_text{opacity: 0;}

.modules_con:hover .modules_desc{opacity: 1;}



.multi .multi_left{width: 37%;}

.multi .multi_right{width: 50%;margin-left: 13%;font-size: 24px;line-height: 1.8;color: #888;}

.advantages_bj{background: url(../images/advantages_bj.jpg) no-repeat;background-size: 100% 100%;}

.advantages_left{width: 44%;padding: 30px 0 0 60px;position: relative;}

.advantages_left:after{content: "";width: 29px;height: 29px;background: url(../images/icon.png) no-repeat;position: absolute;top: 20px;left: 0;}

.advantages_left:before{content: "";width: 1px;height: 30%;background: #fff;position: absolute;top: 60px;left: 13px;}

.trait_title{display: inline-block;margin-top: 20px;padding-left: 80px;height: 70px;overflow: hidden;position: relative;cursor: pointer;}

.trait_title h5{font: bold 48px/60px '';color: rgba(255,255,255,.5);position: absolute;left: 80px;top: 100%;}

.trait_title h6{font: bold 32px/60px '';color: rgba(255,255,255,.5);}

.trait_title h4{font: bold 48px/60px Arial;color: rgba(255,255,255,.5);position: absolute;left: 0;top: 0;}

.trait_title:hover,.trait_title.active{display: block;}

.trait_title:hover h6,.trait_title.active h6{margin-top: 20px;color: #fff;}

.trait_title:hover h5,.trait_title.active h5{top: 0;}

.trait_title:hover h4,.trait_title.active h4{color: #fff;}

.trait_text{padding: 20px 0 0 80px;font-size: 16px;line-height: 1.8;color: #fff;position: relative;}

.advantages_right{width: 35%;}



ul.news-list li a{display: block;height: 140px;background: #fff;padding: 22px 30px;margin-top: 20px;}

ul.news-list-bj li a{background: #f8f8f8;}

ul.news-list li a .time h5{font: bold 24px/1.6 Arial;color: #333;}

ul.news-list li a .time h6{font: 16px/1.6 Arial;color: #333;}

ul.news-list li a .box-text{padding-left: 100px;}

ul.news-list li a .box-text h3{font: bold 20px/1.6 '';color: #333;}

ul.news-list li a .box-text h4{margin-top: 10px;font: 16px/1.6 '';color: #666;-webkit-line-clamp: 2;height: 3.2em;}

ul.news-list li a:hover{background: #1560f5;transform: translateY(-5px);box-shadow: 0 0 26px 0 rgba(214,211,211,.29);}

ul.news-list li a:hover .time h5,ul.news-list li a:hover .time h6,ul.news-list li a:hover .box-text h3,ul.news-list li a:hover .box-text h4{color: #fff;}

.time-1{margin-top: 10px;font-size: 16px;color: #666;line-height: 2;}

.detail-width,.detail-width a{font-size: 16px;color: #666;line-height: 2;}

.detail-width a:hover{color: #1560f5;text-decoration: underline !important;}



.ontrial-text{width: 100%;display: flex;justify-content: center;align-items: center;}

.ontrial-img{margin-right: 40px;}



@media (max-width: 1230px){

    .modules_con{height: 320px;}

    .modules_con .modules_text,.modules_con .modules_desc{padding: 25px;}

    .modules_con .modules_text img{height: 100px;}

    .modules_con .modules_text .modules_title{margin-top: 40px;font-size: 16px;}

    .modules_con .modules_desc{font-size: 20px;}



    .multi .multi_left{width: 40%;}

    .multi .multi_right{width: 55%;margin-left: 5%;font-size: 20px;}



    .advantages_left{width: 55%;padding: 20px 0 0 60px;position: relative;}

    .trait_title{padding-left: 60px;margin-top: 10px;height: 60px;}

    .trait_title h5{font: bold 36px/40px '';left: 60px;}

    .trait_title h6{font: bold 24px/40px '';}

    .trait_title h4{font: bold 36px/40px Arial;}

    .trait_text{padding: 10px 0 0 60px;font-size: 14px;}

}

@media (max-width: 996px){

    .in-title{font-size: 15px;letter-spacing: 2px;}

    .in-title span{font-size: 22px;}

    .in-title a.more{font-size: 14px;}

    .modules_con{height: 240px;}

    .modules_con .modules_text,.modules_con .modules_desc{padding: 10px;}

    .modules_con .modules_text img{height: 60px;}

    .modules_con .modules_text .modules_title{margin-top: 20px;font-size: 14px;}

    .modules_con .modules_desc{font-size: 16px;}

    

    .multi{display: block;}

    .multi .multi_left{width: 100%;}

    .multi .multi_right{width: 100%;margin: 20px 0 0;font-size: 16px;}

    .advantages_left{width: 100%;padding: 20px 0 0;}

    .advantages_left:after,.advantages_left:before,.advantages_right{display: none;}

    .trait_title{margin-top: 0;padding-left: 40px;height: 50px;}

    .trait_title h5{font-size: 24px;left: 40px;}

    .trait_title h6{font-size: 18px;}

    .trait_title h4{font-size: 24px;}

    .trait_title:hover h6,.trait_title.active h6{margin-top: 10px;}

    .trait_text{padding: 0 0 0 40px;}

    ul.news-list li a{height: 100px;padding: 10px;}

    ul.news-list li a .time h5{font-size: 20px;}

    ul.news-list li a .time h6,ul.news-list li a .box-text h4{font-size: 14px;}

    ul.news-list li a .box-text{padding-left: 65px;}

    ul.news-list li a .box-text h3{font-size: 18px;}

    .news-top{margin-top: 40px;}

    .time-1,.detail-width a{font-size: 14px;}



    .ontrial-img{margin-right: 10px;}

    .ontrial-img img{width: 180px;}

}



/*客服软件*/

.service_content{background: #fff;padding: 60px 30px;cursor: pointer;}

.service_img img{height: 150px;}

.service_content h6{font-size: 16px;line-height: 1.8;color: #666;min-height: 5.4em;}

.service_content:hover{transform: translateY(-15px);box-shadow: 0 0 26px 0 rgba(214,211,211,.29);}

a.experience{width: 150px;height: 60px;line-height: 60px;display: inline-block;font-size: 16px;color: #fff;background: #073fd3;position: relative;}

a.experience:before{content: "";width: 100%;height: 100%;border: 2px solid #073fd3;position: absolute;top: 6px;left: 6px;z-index: -1;}

a.ontrial{color: #073fd3;background: #fff;position: relative;}

a.ontrial:before{border: 2px solid #fff;}

a.experience:hover{transform: translateY(-6px);}



.box_bj{width: 100%;background: url(../images/box_bj.png) left bottom no-repeat;background-size: 100%;}

.box_bj .owl-item img{width: auto;margin: auto;max-width: 100%;}

.box_bj .owl-prev,.box_bj .owl-next{width: 40px;height: 40px;text-indent: -999em;position: absolute;top: 50%;margin-top: -38px;z-index: 9;}

.box_bj .owl-prev{left: 5%;transition:all .5s;background: url(../images/left.png);background-size: 100% 100%;}

.box_bj .owl-next{right: 5%;transition:all .5s;background: url(../images/right.png);background-size: 100% 100%;}

.box_bj .owl-prev:hover{transition:all .5s;background: url(../images/left1.png);}

.box_bj .owl-next:hover{transition:all .5s;background: url(../images/right1.png);}



.ontrial_bj{padding: 30px 0;background: #1560f5;}

.ontrial_title{font-size: 36px;line-height: 1.2;color: rgba(255,255,255,.6);}

.ontrial_title span{padding: 0 10px;}

.ontrial_title b{font-size: 60px;color: #fff;}



@media (max-width: 1230px){

    .service_content{background: #fff;padding: 30px 15px;cursor: pointer;}

    .service_img img{height: 100px;}

    .service_content .title-3{font-size: 20px;}

    .service_content h6{font-size: 14px;}

}

@media (max-width: 996px){

    .service_content h6{min-height: auto;}

    a.experience{width: 125px;height: 45px;line-height: 45px;font-size: 14px;}

    .ontrial_title{font-size: 24px;}

    .ontrial_title span{display: block;}

    .ontrial_title b{font-size: 42px;}

}



/*关于我们*/

.banner-re{position: relative;padding-bottom: 130px;}

.banner-re .about-ab{width: 100%;height: 240px;left: 0;bottom: 10px;}

.banner-re .about-ab:before{content: "";width: 100%;height: 100%;background: #fff;box-shadow: 0 0 15px 0 rgba(214,211,211,.4);position: absolute;top: 0;left: 12%;z-index: -1;}

ul.about_ul{width: 100%;position: relative;z-index: 1;}

ul.about_ul li{width: 25%;float: left;padding: 5px;text-align: center;}

ul.about_ul li h5{font: bold 90px Arial;color: #0943d7;}

ul.about_ul li h6{font-size: 16px;line-height: 1.8;color: #666;}

.about-content{padding-left: 340px;}

.about-content .about-title{top: 0;left: 0;}



.mission_bj{width: 100%;background: url(../images/mission_bj.jpg) no-repeat;background-size: 100% 100%;}

ul.mission_ul li{width: 28%;margin-right: 4%;}

ul.mission_ul li .title-1{color: #fff;}

ul.mission_ul li .title-2{color: rgba(255,255,255,.7);}



@media (max-width: 1640px){

    .banner-re{padding-bottom: 110px;}

    .banner-re .about-ab{height: 200px;}

    .banner-re .about-ab:before{left: 5%;}

}

@media (max-width: 1230px){

    .banner-re{padding-bottom: 95px;}

    .banner-re .about-ab{height: 160px;}

    .banner-re .about-ab:before{left: 9.5%;}

    ul.about_ul li h5{font-size: 72px;}

}

@media (max-width: 996px){

    .banner-re{position: relative;padding-bottom: 55px;}

    .banner-re .about-ab{height: 100px;}

    .banner-re .about-ab:before{left: 0;}

    ul.about_ul li h5{font-size: 36px;}

    ul.about_ul li h6{font-size: 12px;line-height: 1.5;}

    .about-content{padding-left: 0;}

    .about-content .about-title{position: static;text-align: center;margin-bottom: 20px;}

    

    ul.mission_ul{display: block;margin: 0 -8px;}

    ul.mission_ul li{width: 50%;float: left;margin-right: 0;padding: 0 8px;}

    ul.mission_ul li.text,ul.mission_ul li.text .margint-40{width: 100%;margin-top: 20px;}

}



/*渠道加盟*/

.provide_text{padding: 0 35px;cursor: pointer;border: 1px solid #bfbfbf;}

.provide_text img{width: 238px;}

.provide_con{padding: 35px;}

.provide_con h6{font-size: 16px;line-height: 1.8;color: #666;}

.provide_text:hover{transform: translateY(-8px);box-shadow: 0 0 26px 0 rgba(214,211,211,.29);}



.joinus_bj{height: 480px;background: url(../images/joinus_bj.jpg) center center no-repeat;}

.joinus_bj .title-1{color: #fff;}

.joinus_bj .title-2{color: rgba(255,255,255,.7);}

.joinus_text{margin-top: 40px;float: right;}

.joinus_text p{padding: 15px 0 15px 66px;font-size: 24px;line-height: 1.8;color: #fff;font-weight: 700;position: relative;}

.joinus_text p:before{content: "";width: 26px;height: 26px;background: url(../images/hook.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -13px;}



input.inputbox,textarea.textareabox{width: 100%;border: 1px solid #fbfbfb;font-size: 14px;background: #fbfbfb;}

input.inputbox{height: 50px;padding: 0 40px;margin-bottom: 20px;}

textarea.textareabox{height: 150px;padding: 20px 40px;resize: none;}

input.inputbox:focus,textarea.textareabox:focus{border-color: #c41824;}

button.btnbox{width: 260px;height: 60px;display: inline-block;background: #0c4ce0;color: #fff;font-size: 24px;border-radius: 6px;}

button.btnbox:hover{background: #c41824;}



@media (max-width: 1230px){

    .provide_text{padding: 0 10px;cursor: pointer;}

    .provide_text img{width: 200px;}

    .provide_con{padding: 10px;}

    input.inputbox{padding: 0 20px;}

    textarea.textareabox{padding: 20px;}

    button.btnbox{width: 240px;height: 54px;font-size: 20px;}

}

@media (max-width: 996px){

    .provide_text{padding: 0;}

    .provide_text img{width: 120px;}

    .provide_con{padding: 10px 10px 10px 0;}

    .provide_con h6{font-size: 14px;}

    

    .joinus_text{margin-top: 20px;float: right;}

    .joinus_text p{padding: 5px 0 5px 46px;font-size: 18px;}

    input.inputbox{height: 42px;padding: 0 10px;}

    textarea.textareabox{padding: 10px;}

    button.btnbox{width: 180px;height: 42px;font-size: 18px;}

}



/*软件下载*/

.download_bj{background: #fff;padding: 30px;box-shadow: 0 0 26px 0 rgba(214,211,211,.29);}

.download_flex{display: flex;justify-content: center;align-items: center;}

.flex_text{width: 50%;max-width: 200px;margin: 20px 50px;}

.download_text{height: 160px;position: relative;}

.download_text .init,.download_text .hover{width: 100%;max-width: 160px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.download_text .hover img{opacity: 0;transform: scale(.6);}

a.download{display: block;height: 46px;line-height: 46px;font-size: 24px;color: #fff;background-image: linear-gradient(#1767fc,#012fc3);border-radius: 50px;}

.flex_text:hover .init img,.flex_text:hover .init .title-3{opacity: 0;}

.flex_text:hover .hover img{opacity: 1;transform: scale(1);}

a.download:hover{opacity: .8;}



@media (max-width: 1230px){

    .download_bj{padding: 20px;}

    .flex_text{margin: 15px;}

    a.download{font-size: 20px;}

}

@media (max-width: 996px){

    .download_none{display: none;} 

    ..download_bj{padding: 10px;}

    .flex_text{max-width: 160px;margin: 10px;}

    .download_text{height: 140px;}

    a.download{height: 36px;line-height: 36px;font-size: 16px;}

}



/*联系我们*/

input.input,textarea.textarea{width: 100%;border: 1px solid #bfbfbf;font-size: 18px;}

input.input{height: 70px;padding: 0 40px;margin-bottom: 20px;}

textarea.textarea{height: 340px;padding: 20px 40px;resize: none;}

input.input:focus,textarea.textarea:focus{border-color: #c41824;}

button.btn-1,button.btn-2{width: 100%;height: 70px;background: #0c4ce0;color: #fff;font-size: 24px;}

button.btn-2{display: none;}

button.btn-1:hover,button.btn-2:hover{background: #c41824;}

.popup_bj{display: none;}

.popup_text{width: 80%;max-width: 400px;text-align: center;padding: 15px;font-size: 24px;color: #fff;border-radius: 5px;background: rgba(0,0,0,.8);position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 99;}



.contact_us .title-3{margin-top: 10px;}

.contact_us iframe{width: 100%;height: 300px;border: 1px;}

ul.us_text li{margin-top: 20px;padding-left: 40px;position: relative;}

ul.us_text li,ul.us_text li a{font-size: 16px;line-height: 1.8;color: #333;}

ul.us_text li.us_icon:before{content: "";width: 18px;height: 22px;position: absolute;top: 50%;margin-top: -11px;left: 0;}

ul.us_text li.us_tel:before{background: url(../images/us_tel.png) no-repeat;}

ul.us_text li.us_address:before{background: url(../images/us_address.png) no-repeat;}

ul.us_text li.us_qq:before{background: url(../images/us_qq.png) no-repeat;}

ul.us_text li a:hover{color: #0c4ce0;}



@media (max-width: 1230px){

    input.input,textarea.textarea{font-size: 16px;}

    input.input{height: 54px;padding: 0 20px;}

    textarea.textarea{height: 280px;padding: 10px 20px;}

    button.btn-1,button.btn-2{height: 54px;font-size: 20px;}

    ul.us_text li{margin-top: 30px;}

}

@media (max-width: 996px){

    input.input,textarea.textarea{font-size: 14px;}

    input.input{height: 42px;padding: 0 10px;}

    textarea.textarea{height: 200px;padding: 10px;}

    button.btn-1{display: none;}

    button.btn-2{display: block;height: 42px;font-size: 18px;margin-top: 20px;}

    .popup_text{padding: 10px;font-size: 18px;}

    ul.us_text li{margin-top: 20px;padding-left: 30px;}

    ul.us_text li,ul.us_text li a{font-size: 14px;}

}