* {
    margin: 0px auto;
    padding: 0px;
}

body {
    font-family: "微软雅黑";
}

ol,
ul {
    padding: 0;
    list-style: none;
}

/*头部*/

#header {
    width: 100%;
    height: 70px;
    position: fixed;
    background: #FFFFFF;
    z-index: 10000;
    box-shadow: -15px -10px 10px 10px #E2F1DE;
}

.header_main {
    width: 1200px;
    height: 70px;
    position: relative;
    margin-bottom: 15px;
}

#header .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo .logo_img {
    float: left;
}

.logo .logo_title {
    font-size: 2.5rem;
    color: rgba(57, 57, 57, 1);
    letter-spacing: 2px;
    float: left;
    font-family: "微软雅黑";
    padding-top: 9px;
    padding-bottom: 15px;
    margin-left: 14px;
}

#header .download {
    position: absolute;
    top: 20px;
    right: 0rem;
}

/* new nav */

.headRight {
    float: right;
    margin-right: 230px;
}

.head_nav ul li {
    float: left;
    font-size: 18px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    padding: 21px 11px 6px 12px;
    margin: -20px 25px 0px 0px;
}

.head_nav a li:hover {
    background: linear-gradient(rgba(154, 191, 249, 0), #4c87f3);
    color: #FFFFFF;
}

.head_nav a li:active {
    text-decoration: none;
}

.head_nav a li:visited {
    text-decoration: none;
}

.headerRight .nav_dropdown {
    display: block;
    position: relative;
}

/*二级栏目产品开始*/

.nav_two {
    position: relative;
    display: inline-block;
}

.nav_two span {
    width: 70px;
    height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    padding: 21px 11px 11px 10px;
    cursor: pointer;
}

/*字体*/

.head_nav .nav_two a span {
    padding-right: 25px;
}

.head_nav .nav_two a span:hover {
    background: linear-gradient(rgba(154, 191, 249, 0), #1ACB67);
    color: #FFFFFF;
    padding-right: 25px;
}

.head_nav .nav_two a span:hover .zero {
    border-top: 5px solid #FFFFFF;
}

.nav_two .zero {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    position: absolute;
    top: 31px;
    left: 65px;
}

.head_nav a:hover {
    text-decoration: none;
}

.nav_two a li:active {
    text-decoration: none;
}

.nav_two a li:visited {
    text-decoration: none;
}

/*大div外面包着*/

.nav_bigdropdown {
    width: 70px;
    position: absolute;
    height: 22px;
}

/*有时候移上去快速不显示 就要写这个*/

.head_nav .nav_two span:hover+.nav_two:hover+.nav_dropdown {
    display: block;
    /*不移入不出现*/
}

.head_nav .nav_two:hover .nav_dropdown {
    display: block;
    /*不移入不出现*/
}

/*下拉列表移入显示的框框*/

.nav_two .nav_dropdown {
    display: none;
    /*移入出现*/
    position: absolute;
    width: 433px;
    height: 342px;
    background: url(./images/navBottom.png);
    top: 14px;
    left: -180px;
}

.nav_dropdown li {
    padding: 63px 0 0 10px;
    margin-left: 30px;
}

.nav_dropdown .dropdownTwo li {
    margin-top: -10px;
    padding: 40px 0 0 12px;
}

.nav_dropdown .nav_left {
    float: left;
    margin-left: 45px;
}

.nav_dropdown .nav_center {
    float: left;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 500;
    height: 37px;
    line-height: 37px;
    letter-spacing: 1px;
    color: rgba(102, 102, 102, 1);
}

.bg-nav-center {
    width: 410px;
    float: left;
}

.nav_dropdown .bg-nav-center:hover .nav_center {
    text-decoration: none;
    color: rgba(60, 165, 239, 1);
}

/*头部结束*/

/*banner部分*/

.banner-slide {
    width: 100%;
    height: 780px;
    background-image: url(./images/banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.banner-main {
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
    height: 780px;
    position: relative;
}

.banner_left {
    float: left;
}

.banner_left h3 {
    position: absolute;
    top: 160px;
    font-size: 3.5rem;
    color: rgba(255, 255, 255, 1);
    line-height: 76px;
    letter-spacing: 1px;
}

.banner_left .left_text .point {
    width: 10px;
    height: 10px;
    background: rgba(255, 141, 4, 1);
    border-radius: 50%;
    float: left;
    margin-top: 19px;
    margin-right: 15px;
}

.left_text {
    width: 460px;
    position: absolute;
    top: 270px;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 1);
    line-height: 48px;
    letter-spacing: 1px;
    float: left;
}

.left_text .one {
    margin-top: 0.4rem;
}

.banner_left .left_down img {
    position: absolute;
    top: 580px;
}

/*移入动画效果*/

.banner_left .left_bottom {
    width: 300px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 670px;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 1);
    line-height: 10px;
    letter-spacing: 1px;
}

.banner_right {
    float: left;
    position: absolute;
    right: 0;
    top: 180px;
}

.banner_right img {}

/*功能*/

.func {
    width: 100%;
    height: 500px;
    background: #FFFFFF;
}

.func-main {
    width: 1200px;
    height: 550px;
}

.title {
    font-size: 3.2rem;
    color: rgba(0, 0, 0, 1);
    line-height: 42px;
    letter-spacing: 3px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 10px;
}

.func-main .main {
    width: 1040px;
    height: 320px;
    position: relative;
    margin-top: 50px;
}

.main .main_fun {
    width: 200px;
    height: 200px;
    text-align: center;
    float: left;
    margin-right: 52px;
}

.main .main_fun1 {
    width: 130px;
    height: 150px;
    text-align: center;
    float: left;
}

.main .main_fun .img2 {
    margin-top: 5px;
}

.main .main_fun .img3 {
    margin-top: 12px;
}

.main .main_fun .img4 {
    margin-top: -3px;
}

.main .main_fun .img5 {
    margin-top: 5px;
}

.main .main_fun1 .img6 {
    margin-top: -1px;
}

.fun_text {
    font-size: 1.6rem;
    font-family: "微软雅黑";
    color: rgba(51, 51, 51, 1);
    line-height: 18px;
    letter-spacing: 2px;
    padding-top: 23px;
    font-weight: bold;
}

.desc_text {
    font-size: 1.3rem;
    font-family: "微软雅黑";
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    letter-spacing: 3px;
    padding-top: 10px;
}

/*内容1*/

.content {
    width: 100%;
    height: 580px;
    background: rgba(250, 250, 250, 1);
}

.content .content_main {
    width: 1200px;
    height: 580px;
    position: relative;
}

.content .content_main .main_left {
    position: absolute;
    top: 61px;
    left: 1px;
}

.content .main_right .right_title {
    width: 22.9rem;
    height: 29px;
    font-size: 22px;
    color: rgba(0, 153, 255, 1);
    line-height: 29px;
    letter-spacing: 1px;
    position: absolute;
    right: 14.7rem;
    top: 17.3rem;
}

.content .main_right .right_content {
    width: 30.7rem;
    height: 9.3rem;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: rgba(77, 77, 77, 1);
    line-height: 31px;
    letter-spacing: 1px;
    position: absolute;
    right: 6.8rem;
    top: 21.7rem;
    font-family: "微软雅黑";
}

.content .main_right .right_down {
    position: absolute;
    right: 11.4rem;
    top: 36rem;
}

/*内容2*/

.content1 {
    width: 100%;
    height: 580px;
    background: #FFFFFF;
}

.content1 .content_main {
    width: 1200px;
    height: 580px;
    position: relative;
}

.content1 .content_main .main_right {
    position: absolute;
    top: 72px;
    right: -1px;
}

.content1 .main_left .right_title {
    width: 20.9rem;
    height: 2.9rem;
    font-size: 2.2rem;
    color: rgba(0, 153, 255, 1);
    line-height: 29px;
    letter-spacing: 1px;
    position: absolute;
    left: 14rem;
    top: 17.3rem;
}

.content1 .main_left .right_content {
    width: 29.7rem;
    height: 9.3rem;
    font-size: 1.6rem;
    font-family: MicrosoftYaHei;
    color: rgba(77, 77, 77, 1);
    line-height: 31px;
    letter-spacing: 1px;
    position: absolute;
    left: 6rem;
    top: 21.7rem;
    font-family: "微软雅黑";
}

.content1 .main_left .right_down {
    position: absolute;
    left: 11.2rem;
    top: 36rem;
}

/*场景*/

.scene {
    width: 100%;
    height: 500px;
}

.scene_main {
    width: 1200px;
    height: 500px;
}

.scene-img {
    margin-top: 100px;
}

.scene-img img {
    padding-left: 100px;
}

.scene-solid {
    width: 1189px;
    height: 11px;
    background: #FFFFFF;
    border: 2px solid #4382e0;
    margin-top: 23px;
    position: relative;
}

.scene-cir {
    width: 39px;
    height: 39px;
    border: 2px solid #4382e0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    position: relative;
    top: -25px;
    background: #FFFFFF;
    font-size: 16px;
    color: #4382e0;
    text-align: center;
    padding-top: 7px;
}

.cir1 {
    margin-left: 139px;
}

.cir2 {
    margin-left: 175px;
}

.cir3 {
    margin-left: 180px;
}

.cir4 {
    margin-left: 179px;
}

.cir5 {
    margin-left: 179px;
}

.scene-frame {
    float: left;
    padding-left: 94px;
    margin-top: -20px;
}

.scene-frame {
    width: 1200px;
    height: 60px;
    padding-top: 5px;
}

.scene-frame1 {
    width: 110px;
    height: 56px;
    background: url(./images/frame.png);
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    padding-top: 22px;
    text-align: center;
    float: left;
}

.scene-frame2 {
    width: 110px;
    height: 56px;
    background: url(./images/frame.png);
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    padding-top: 22px;
    text-align: center;
    float: left;
    margin-left: 80px;
}

.scene-frame3 {
    width: 110px;
    height: 56px;
    background: url(./images/frame.png);
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    padding-top: 22px;
    text-align: center;
    float: left;
    margin-left: 110px;
}

.scene-frame4 {
    width: 110px;
    height: 56px;
    background: url(./images/frame.png);
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    padding-top: 22px;
    text-align: center;
    float: left;
    margin-left: 110px;
}

.scene-frame5 {
    width: 110px;
    height: 56px;
    background: url(./images/frame.png);
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    padding-top: 22px;
    text-align: center;
    float: left;
    margin-left: 110px;
}

/*选择我们*/

.choice {
    width: 100%;
    height: 788px;
    margin-top: 50px;
}

.choice_main {
    width: 1200px;
    height: 788px;
}

/*上面部分*/

.choice-top {
    width: 1200px;
    height: 182px;
    margin-top: 100px;
}

.choice-top-left {
    width: 516px;
    height: 182px;
    background: #F3FFF5;
    border-radius: 6px;
    float: left;
    margin: 0px 30px 0px 65px;
}

.choice-top-right {
    width: 516px;
    height: 182px;
    background: #F3FFF5;
    border-radius: 6px;
    float: left;
}

/*下面部分*/

.choice-bottom {
    width: 1200px;
    height: 182px;
    margin-top: 30px;
}

.choice-bottom-left {
    width: 516px;
    height: 182px;
    background: #F3FFF5;
    border-radius: 6px;
    float: left;
    margin: 0px 30px 0px 65px;
}

.choice-bottom-right {
    width: 516px;
    height: 182px;
    background: #F3FFF5;
    border-radius: 6px;
    float: left;
}

/*公共部分*/

.choice-top-left-num {
    width: 32px;
    height: 40px;
    background-image: url(./images/choice.png);
    margin-left: 27px;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: center;
}

.choice-top-left-img {
    margin-left: 65px;
    margin-top: -5px;
    float: left;
    margin-right: 24px;
}

.choice-top-left-title {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-top: 10px;
}

.choice-top-left-text {
    width: 370px;
    height: 48px;
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    letter-spacing: 1px;
    margin-top: 13px;
}

/*最后总结*/

.open {
    width: 100%;
    height: 450px;
    background: rgba(255, 255, 255, 1);
}

.open .open_main {
    width: 1200px;
    height: 400px;
    border: 1px solid #FFFFFF;
    position: relative;
}

.open_main .title {
    height: 47px;
    font-size: 36px;
    color: rgba(67, 67, 67, 1);
    line-height: 47px;
    letter-spacing: 2px;
    margin-top: 58px;
}

.open_main .banner_ownload {
    text-align: center;
    margin-top: 110px;
    margin-left: 0.1rem;
}

.open_main .text {
    width: 173px;
    height: 17px;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    line-height: 17px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.open_main .bg {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*底部*/

.foot_bottom_user {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: black;
    margin-bottom: 2px;
}

.foot {
    width: 100%;
    height: 54px;
    background: rgba(51, 51, 51, 1);
}

.foot_main {
    width: 1200px;
    height: 54px;
}

.foot_main .left {
    width: 1000px;
    height: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 16px;
    padding-top: 18px;
    margin-left: 198px;
    letter-spacing: 1px;
}

.foot_main .yum {
    float: left;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    color: #FFFFFF;
}

/*悬浮窗*/

/* side */

.side {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    bottom: 50px;
    z-index: 999999;
}

.side ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    margin-top: 6px;
}

.side ul li .sidebox {
    position: absolute;
    width: 127px;
    height: 54px;
    border-radius: 5px 0px 0px 5px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #7BCC11;
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
    font-size: 16px;
}

.side ul li .sidebox img {
    width: 16px;
    margin-left: 20px;
    margin-top: 18px;
}

.side ul li .sidetop {
    width: 127px;
    height: 54px;
    line-height: 54px;
    border-radius: 5px 0px 0px 5px;
    display: inline-block;
    transition: all 0.3s;
}

.side ul li .sidetop:hover {
    background: #ae1c1c;
}

.side ul li img {
    float: left;
}

/*第二个列表*/

.e_one {
    margin-left: 320px;
}

.qq_xfc {
    position: absolute;
    background: url(./images/x-bg.png) no-repeat;
    width: 248px;
    height: 111px;
}

.qq-xfc-top {
    margin-left: 30px;
    margin-top: 25px;
    font-size: 15px;
    font-family: "微软雅黑";
    letter-spacing: 1px;
}

.qq-xfc-bottom {
    margin-left: 30px;
    margin-top: 15px;
    font-size: 15px;
    font-family: "微软雅黑";
    letter-spacing: 1px;
}

.ewm-xfc-top {
    width: 163px;
    text-align: center;
    margin-left: 30px;
    margin-top: 28px;
    font-size: 16px;
    font-family: "微软雅黑";
    letter-spacing: 1px;
    line-height: 30px;
}

/*扫一扫添加好友弹窗固定*/

.e_xfc {
    position: absolute;
    width: 248px;
}