.section1{overflow:hidden; position:relative; width:100%; background:#e2e9ef;}
.section1 .shadow{position:absolute; top:0; left:0; width:100%; height:1px; box-shadow:0px 0px 6px 2px #999; margin:0; padding:0;}


.section1 .honey{position:relative; float:right; width:59%; height:550px; margin:0 -7% 0 -2%; background:url(/images/honey-plain.png); background-size:100% auto; background-repeat:no-repeat;}
.section1 .honey-a, .section1 .honey-crm-a{position:absolute; width:150px; height:130px; background:url(/images/btn-cell-up.png); color:white; font-weight:bold; text-shadow: 1px 1px 5px #333333; text-align:center; line-height:20px;}
.section1 .honey-crm-a{background:url(/images/btn-cell-crm-up.png); font-size:20px;}
.section1 .honey-a:hover, .section1 .honey-crm-a:hover{background:url(/images/btn-cell-over.png);}
.section1 .honey-a div, .section1 .honey-crm-a div{margin:47px 0 0;}


.section1 .text{float:left; width:50%;}
.section1 .text h1{margin:25px 0 25px 0;}
.section1 .text h2{margin:50px 0 0 0;}
.section1 .text h3{margin:0; font-weight:normal;} 


.section1 .text .two-buttons{overflow:hidden; margin:45px 0 0;} 
.section1 .text .two-buttons .two-buttons-a{float:left; width:40%; color:white; font-weight:bold; text-align:center;}
.section1 .text .two-buttons .two-buttons-a .left{float:left; width:20px; height:60px;}
.section1 .text .two-buttons .two-buttons-a .middle{overflow:hidden; height:60px; line-height:60px;}
.section1 .text .two-buttons .two-buttons-a .right{float:right; width:20px; height:60px;}



.section2{margin:100px 0 0;}
.section2 .content{overflow:hidden; padding:0 0 50px 0;}
.section2 .content li{float:left; width:48%; margin:50px 2% 0 0; padding:0;}
.section2 .content li h4{margin:15px 0; font-weight:normal;}
.section2 .content li .pic{float:left; width:100px; height:100px; margin:0 25px 0 0;}
.section2 .content li .text{overflow:hidden;}



.section3{background:#f7fafc; padding:0 0 50px 0;}
.section3 .content{}
.section3 .content h1{font-weight:normal;}
.section3 .content li{float:left; width:30%; margin-top:50px; padding:5px 1%;}
.section3 .content li:nth-child(3n+2){margin-left:2%; margin-right:2%;}
 .content li .pic{overflow:hidden;height:180px;position:relative; cursor:pointer; box-shadow:1px 1px 10px #bbb; transition:all .3s linear 0s;}
 .content li .pic .lupa{display:none; position:absolute; top:0; left:0; width:360px; height:180px; background:rgba(0, 0, 0, .3); transition:all .3s linear 0s;}
.content li .pic .lupa .lupa-icon{margin:70px 0 0 160px;}
.content li .pic:hover .lupa{display:block;}
.section3 .content .text{padding:25px 0;}
.section3 .menu1{overflow:hidden; width:100%;}
.section3 .menu2{overflow:hidden; width:80%; margin:25px auto 0 auto;}
.section3 .menu1 li{float:left; width:25%;}
.section3 .menu2 li{float:left; width:33.333333%;}
.menu1 li div, .menu2 li div{width:260px; height:50px; background:url(/images/icons.png) 0 -280px; font-weight:bold; color:#76c453; text-align:center; line-height:50px; cursor:pointer;}



.section4{padding:50px 0;}
.section4 .content{margin:50px 0 0;}
.section4 .content h2{font-weight:normal;}
.s4sec,.s4sec2{float:left; width:33.333333%;}
.section4 .content .list-left, .section4 .content .list-right{margin:25px 0 0;}
.section4 .content .list-left li, .section4 .content .list-right li{overflow:hidden; margin:0 0 15px 0; line-height:22px;}
.section4 .content .list-left li{text-align:right;}
.section4 .content .list-left li .list-icon{float:right; width:20px; height:20px; margin:0 0 0 10px; background:url(/images/icons.png) -120px 0;}
.section4 .content .list-right li .list-icon{float:left; width:20px; height:20px; margin:0 10px 0 0; background:url(/images/icons.png) -140px 0;}


.section5{background:#eff6fd; padding:50px 0;}
.section5 .content{margin:50px 0 0;}
.section5 .content li{float:left; width:50%;}
.section5 .content li .list-gray{margin:25px 60px; padding:25px; background:#f9f9fa; box-shadow:1px 1px 20px #bbb;}
.section5 .content li .list-gray .cnt{margin:0 0 15px 0;}
.section5 .content li .list-gray .cnt .icon{float:left; width:16px; height:12px; background:url("/images/icons.png") -160px 0; margin:0 10px 0 0;}
.section5 .content li .list-gray .cnt .text{overflow:hidden;}
.section5 .content li .list-gray h3{font-weight:normal; text-align:center; font-size:20px; line-height:22px;}
.section5 .content li .list-gray li{width:100%;}

.section_innerall li ul.content li{float:left; width:50%;}
.section_innerall .content li .list-gray{margin:25px 60px; padding:25px; background:#f9f9fa; box-shadow:1px 1px 20px #bbb;}
.section_innerall .content li .list-gray .cnt{margin:0 0 15px 0;}
.section_innerall .content li .list-gray .cnt .icon{float:left; width:16px; height:12px; background:url("/images/icons.png") -160px 0; margin:0 10px 0 0;}
.section_innerall .content li .list-gray .cnt .text{overflow:hidden;}
.section_innerall .content li .list-gray h3{font-weight:normal; text-align:center; font-size:20px; line-height:22px;}
.section_innerall .content li .list-gray li{width:100%;}

.jssora07l, .jssora07r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 50px;
            height: 50px;
            cursor: pointer;
            background: url('/img/a07.png') no-repeat;
            overflow: hidden;
        }
        .jssora07l { background-position: -5px -35px; }
        .jssora07r { background-position: -65px -35px; }
        .jssora07l:hover { background-position: -125px -35px; }
        .jssora07r:hover { background-position: -185px -35px; }
        .jssora07l.jssora07ldn { background-position: -245px -35px; }
        .jssora07r.jssora07rdn { background-position: -305px -35px; }
        .jssora07l.jssora07lds { background-position: -5px -35px; opacity: .3; pointer-events: none; }
        .jssora07r.jssora07rds { background-position: -65px -35px; opacity: .3; pointer-events: none; }
        .spansliderhead{display: block; line-height: 1.1em; font-size: 2.5em; color: #005185;}
        .spanslider2{display: block; line-height: 1.1em; font-size: 16px; color: #3c3c3c;}
        .spansliderdiv3{position:absolute;top:10px;left:10px;width:480px;height:300px;z-index:0;font-family:Arial, Verdana;font-size:12px;text-align:left;}
        .spansliderdiv2{cursor:default;position:relative;top:0px;left:0px;width:980px;height:400px;overflow:hidden;}
        /* jssor slider thumbnail navigator skin 04 css *//*
        .jssort04 .p            (normal).jssort04 .p:hover      (normal mouseover).jssort04 .pav          (active).jssort04 .pav:hover    (active mouseover).jssort04 .pdn          (mousedown)*/
        .jssort04 .p {    position: absolute;    top: 0;    left: 0;    width: 62px;    height: 32px;}
        .jssort04 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
        .jssort04 .w, .jssort04 .pav:hover 
        .w {    position: absolute;    width: 60px;    height: 30px;    border: #76c453 1px solid;    box-sizing: content-box;}
        .jssort04 .pdn .w, .jssort04 .pav .w {    border-style: dashed;}
        .jssort04 .c {  cursor:pointer;  position: absolute;    top: 0;    left: 0;    width: 62px;    height: 32px;    background-color: #000;    filter: alpha(opacity=45);    opacity: .45;    transition: opacity .6s;    -moz-transition: opacity .6s;    -webkit-transition: opacity .6s;    -o-transition: opacity .6s;}
        .jssort04 .p:hover .c, .jssort04 .pav .c {    filter: alpha(opacity=0);    opacity: 0;}
        .jssort04 .p:hover .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}* html 
        .jssort04 .w {    width /**/: 62px;    height /**/: 32px;}