.feed-header {


    width: 100%;


    height: 60px;


    background: #FFFFFF;


    position: fixed;


    top: 0;


    left: 0;


    z-index: 9;


}


.logo {


    width: 105px;


    height: 34px;


    display: block;


    float: left;


    margin-top: 13px;


}


.feed-nav {


    float: left;


    margin-top: 19px;


}


.feed-nav li {


    margin-left: 50px;


    padding: 0;


    float: left;


}


.feed-nav a {


    font-size: 16px;


    color: #666666;


}


.feed-nav a.active {


    color: #1977DF;


}


.feed-nav a.active:after {


    content: '';


    display: block;


    position: relative;


    width: 100%;


    height: 3px;


    background: #1977DF;


    top: 17px;


}


.header-right {


    padding-top: 5px;


    line-height: 50px;


}


.ljzc {


    background: #fff;


    overflow: hidden;


}


.tel {


    width: 130px;


    height: 20px;


    float: right;


    margin-top: 20px;


    padding-left:30px;


    font-size: 18px;


    color: #1977DF;


    line-height: 20px;


    background: url("../skin/phone.png") no-repeat left center;


    background-image: -webkit-image-set(url(../skin/phone.png) 1x, url(../skin/phone@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/phone.png) 1x,url(../skin/phone@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/phone.png) 1x,url(../skin/phone@2x.png) 2x);


    background-image: -o-image-set(url(../skin/phone.png) 1x,url(../skin/phone@2x.png) 2x);


}


.msg-banner {


    width: 100%;


    height: 400px;


    background: #46B8FA;


    background-image: linear-gradient(49deg, #D9FFFF 0%, #46B8FA 84%);


    margin-top: 60px;


}


.msg-banner img {


    position: absolute;


    right: 0;


    top: 0;


}


.msg-banner .wrapper {


    position: relative;


}


.msg-banner .txtBox {


    float: left;


    margin-top: 79px;


    position: relative;


    z-index: 3;


}


.msg-banner .txtBox a {


    background: #1977DF;


    border-radius: 8px;


    width: 217px;


    height: 54px;


    font-size: 24px;


    color: #FFFFFF;


    line-height: 54px;


    display: block;


    text-align: center;


    margin-top: 40px;


}


.msg-banner h1 {


    font-size: 42px;


    color: #222222;


    padding-bottom: 30px;


}


.msg-banner span {


    font-size: 24px;


    line-height: 24px;


    color: #575757;


    font-weight: 100;


}


.msg-banner p {


    font-size: 24px;


    line-height: 36px;


    color: #575757;


    font-weight: 100;


}


h2.title {


    padding-top:80px;


    padding-bottom:50px;


    text-align: center;


    font-size: 40px;


    color: #222222;


    line-height: 56px;


}


.msg-list {


    width: 100%;


}


.msg-list .item {


    width: 25%;


    float: left;


    padding-bottom: 120px;


    color: #1977DF;


    font-size: 24px;


    text-align: center;


}


.msg-list i {


    font-size: 50px;


}


.msg-list span {


    display: block;


    width: 100%;


    font-size: 16px;


    color: #999999;


    line-height: 16px;


    font-weight: 100;


}


.msg-list .item1 {


    background: url("../skin/icon1.png") no-repeat bottom center;


    background-image: -webkit-image-set(url(../skin/icon1.png) 1x, url(../skin/icon1@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/icon1.png) 1x,url(../skin/icon1@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/icon1.png) 1x,url(../skin/icon1@2x.png) 2x);


    background-image: -o-image-set(url(../skin/icon1.png) 1x,url(../skin/icon1@2x.png) 2x);


}


.msg-list .item2 {


    background: url("../skin/icon2.png") no-repeat bottom center;


    background-image: -webkit-image-set(url(../skin/icon2.png) 1x, url(../skin/icon2@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/icon2.png) 1x,url(../skin/icon2@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/icon2.png) 1x,url(../skin/icon2@2x.png) 2x);


    background-image: -o-image-set(url(../skin/icon2.png) 1x,url(../skin/icon2@2x.png) 2x);


}


.msg-list .item3 {


    background: url("../skin/icon3.png") no-repeat bottom center;


    background-image: -webkit-image-set(url(../skin/icon3.png) 1x, url(../skin/icon3@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/icon3.png) 1x,url(../skin/icon3@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/icon3.png) 1x,url(../skin/icon3@2x.png) 2x);


    background-image: -o-image-set(url(../skin/icon3.png) 1x,url(../skin/icon3@2x.png) 2x);


}


.msg-list .item4 {


    background: url("../skin/icon4.png") no-repeat bottom center;


    background-image: -webkit-image-set(url(../skin/icon4.png) 1x, url(../skin/icon4@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/icon4.png) 1x,url(../skin/icon4@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/icon4.png) 1x,url(../skin/icon4@2x.png) 2x);


    background-image: -o-image-set(url(../skin/icon4.png) 1x,url(../skin/icon4@2x.png) 2x);


}


.ljzc .a-blue {


    width: 460px;


    height: 52px;


    line-height: 52px;


    background:  #1977df;


    -webkit-border-radius: 4px;


    -moz-border-radius: 4px;


    border-radius: 4px;


    text-align: center;


    display: block;


    margin: 70px auto 60px;


    font-size: 18px;


    color: #fff;


    border: none;


}


.radar {


    width: 100%;


    height: 670px;


    background: url("../skin/bg2.jpg") no-repeat center bottom #f8f8f8;


    background-image: -webkit-image-set(url(../skin/bg2.jpg) 1x, url(../skin/bg2@2x.jpg) 2x);


    background-image: -moz-image-set(url(../skin/bg2.jpg) 1x,url(../skin/bg2@2x.jpg) 2x);


    background-image: -ms-image-set(url(../skin/bg2.jpg) 1x,url(../skin/bg2@2x.jpg) 2x);


    background-image: -o-image-set(url(../skin/bg2.jpg) 1x,url(../skin/bg2@2x.jpg) 2x);


    position: relative;


    overflow: hidden;


}


.radar h2.title {


    padding-bottom: 20px;


}


.radar p {


    font-size: 14px;


    color: #999999;


    line-height: 30px;


    text-align: center;


}


.adClick {


    padding: 77px 0;


    position: relative;


    overflow: hidden;


    background: #fff url("../skin/bg3.jpg") no-repeat center bottom;


}


.adText {


    float: left;


    padding-top: 51px;


}


.adText h2 {


    font-size: 40px;


    color: #222222;


    margin-bottom: 40px;


}


.adText p {


    font-size: 14px;


    color: #666;


    line-height: 30px;


    margin-bottom: 90px;


}


.adClick img {


    width: 391px;


    float: right;


}


.adClick li {


    color: #1977DF;


    float: left;


    font-size: 14px;


    text-align: center;


}


.adClick .font-din {


    font-size: 48px;


}


.adClick ul span {


    width: 100%;


    text-align: center;


    font-size: 14px;


    color: #999999;


    margin: 6px 0 0 0;


    font-weight: 100;


    display: block;


    clear: both;


}


.adClick .middle {


    padding: 0 50px;


    position: relative;


    margin: 0 50px;


}


.middle .line {


    width: 1px;


    height: 30px;


    background: #1977DF;


    display: inline-block;


    position: absolute;


    top: 30px;


}


.middle .before {


    left: 0;


}


.middle .after {


    right: 0;


}


.blue-frame {


    width: 100%;


    background: #1977DF;


}


.qqls h2.title {


    color: #fff;


    padding-bottom:0 ;


}


.qqls p {


    text-align: center;


    margin-top: 20px;


    font-size: 14px;


    line-height: 24px;


    color: #fff;


}


.rollBox {


    padding-top: 70px;


    position: relative;


}


.rollBox a.roll-prev,


.rollBox a.roll-next {


    display: block;


    width: 40px;


    height: 40px;


    position: absolute;


    bottom: 130px;


    opacity:0.5;


    filter: alpha(opacity=50);


    transition: all 0.5s;


}


.rollBox a.roll-prev:hover,


.rollBox a.roll-next:hover {


    opacity:1;


    filter: alpha(opacity=100);


}


.rollBox a.roll-prev {


    background: url("../skin/prev.png") no-repeat center center;


    background-image: -webkit-image-set(url(../skin/prev.png) 1x, url(../skin/prev@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/prev.png) 1x,url(../skin/prev@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/prev.png) 1x,url(../skin/prev@2x.png) 2x);


    background-image: -o-image-set(url(../skin/prev.png) 1x,url(../skin/prev@2x.png) 2x);


    left: 20%;


}


.rollBox a.roll-next {


    background: url("../skin/next.png") no-repeat center center;


    background-image: -webkit-image-set(url(../skin/next.png) 1x, url(../skin/next@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/next.png) 1x,url(../skin/next@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/next.png) 1x,url(../skin/next@2x.png) 2x);


    background-image: -o-image-set(url(../skin/next.png) 1x,url(../skin/next@2x.png) 2x);


    right: 20%;


}


.roll-steps {


    width: 800px;


    height: 96px;


    margin: 0 auto;


    position: relative;


    background: url("../skin/line.png") no-repeat center top;


    background-image: -webkit-image-set(url(../skin/line.png) 1x, url(../skin/line@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/line.png) 1x,url(../skin/line@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/line.png) 1x,url(../skin/line@2x.png) 2x);


    background-image: -o-image-set(url(../skin/line.png) 1x,url(../skin/line@2x.png) 2x);


}


.roll-steps .item {


    line-height: 30px;


    text-align: center;


    position: absolute;


    font-size: 16px;


    color: #1977DF;


    width: 30px;


    height: 30px;


    background: url("../skin/c.png") no-repeat center;


    background-image: -webkit-image-set(url(../skin/c.png) 1x, url(../skin/c@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/c.png) 1x,url(../skin/c@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/c.png) 1x,url(../skin/c@2x.png) 2x);


    background-image: -o-image-set(url(../skin/c.png) 1x,url(../skin/c@2x.png) 2x);


    transition: all 1s;


}


.roll-steps .active {


    background: url("../skin/c-active.png") no-repeat center;


    background-image: -webkit-image-set(url(../skin/c-active.png) 1x, url(../skin/c-active@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/c-active.png) 1x,url(../skin/c-active@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/c-active.png) 1x,url(../skin/c-active@2x.png) 2x);


    background-image: -o-image-set(url(../skin/c-active.png) 1x,url(../skin/c-active@2x.png) 2x);


}


.roll-steps .step1 {


    left: 125px;


    top: 16px;


}


.roll-steps .step2 {


    left: 255px;


    top: -8px;


}


.roll-steps .step3 {


    left: 385px;


    top: -16px;


}


.roll-steps .step4 {


    left: 515px;


    top: -8px;


}


.roll-steps .step5 {


    left: 645px;


    top: 16px;


}


.textBox {


    text-align: center;


    font-size: 20px;


    color: #FFFFFF;


    margin: -34px auto 0;


}


.textBox ul {


    width: 100%;


    position: relative;


    height: 60px;


}


.textBox ul li {


    position: absolute;


    width: 100%;


    top: 0;


    left: 0;


    opacity: 10;


    filter: alpha(opacity=10);


    transition: all 0.1s;


}


.textBox ul li.active {


    opacity: 1;


    filter: alpha(opacity=100);


}


.textBox .time {


    font-size: 14px;


    color: #FFFFFF;


    text-align: center;


    margin-bottom:10px;


}


.imgBox {


    width: 373px;


    height: 340px;


    overflow: hidden;


    margin: 0 auto;


}


.imgBox ul {


    width: 100%;


    height: 100%;


    position: relative;


}


.imgBox li {


    position: absolute;


    top: 0;


    left: 0;


    opacity: 10;


    filter: alpha(opacity=10);


    transition: all 0.5s ease-out;


    width: 100%;


    height: 100%;


}


.imgBox li.prev {


    left: -100%;


    opacity: 10;


    filter: alpha(opacity=10);


}


.imgBox li.next {


    left: 100%;


    opacity: 10;


    filter: alpha(opacity=10);


}


.imgBox li.active {


    left: 0;


    opacity: 1;


    filter: alpha(opacity=100);


}


.imgBox li img {


    width: 100%;


}


.radar-box {


    width: 405px;


    height: 406px;


    position: absolute;


    left: 50%;


    margin-left: -405px;


    top: 100%;


    background: url("../skin/radar.png") no-repeat;


    background-image: -webkit-image-set(url(../skin/radar.png) 1x, url(../skin/radar@2x.png) 2x);


    background-image: -moz-image-set(url(../skin/radar.png) 1x,url(../skin/radar@2x.png) 2x);


    background-image: -ms-image-set(url(../skin/radar.png) 1x,url(../skin/radar@2x.png) 2x);


    background-image: -o-image-set(url(../skin/radar.png) 1x,url(../skin/radar@2x.png) 2x);


    transform-origin: 100% 0;


}


.radar-box.doing {


    animation:radar 3s linear both;


}


.radar-txt {


    width: 810px;


    height: 405px;


    position: absolute;


    bottom: 0;


    left: 50%;


    margin-left: -405px;


}


.radar-txt span {


    position: absolute;


    color: #1977DF;


    transition: all 0.3s ease-out;


}





.radar-txt span.w1 {


    font-size: 24px;


    opacity: 0.7;


    filter: alpha(opacity=70);


    top: 77%;


    left: 53.3%;


}





.radar-txt span.w2 {


    font-size: 14px;


    opacity: 0.4;


    filter: alpha(opacity=40);


    top: 70.7%;


    left: 71.6%;


}


.radar-txt span.w3 {


    font-size: 14px;


    opacity: 0.4;


    filter: alpha(opacity=40);


    top: 85%;


    left: 77%;


}


.radar-txt span.active {


    font-weight: bold;


    text-shadow: 0px 2px 28px rgba(25,119,223,0.50);


    opacity: 1!important;


    filter: alpha(opacity=100)!important;


}


.radar-txt span.w1.active {


    transform: scale(1.5);


}


.radar-txt span.w2.active,


.radar-txt span.w3.active {


    transform: scale(2.5);


}


@keyframes radar {


    from {


        -webkit-transform: rotate(0deg);


        -moz-transform: rotate(0deg);


        -ms-transform: rotate(0deg);


        -o-transform: rotate(0deg);


        transform: rotate(0deg);


    }


    to {


        -webkit-transform: rotate(360deg);


        -moz-transform: rotate(360deg);


        -ms-transform: rotate(360deg);


        -o-transform: rotate(360deg);


        transform: rotate(360deg);


    }


}


.radar ul {


    width: 810px;


    height: 405px;


    position: absolute;


    bottom: 0;


    left: 50%;


    margin-left: -405px;


}


.radar ul li {


    width: 100%;


    height: 100%;


    position: absolute;


    top: 0;


    left: 0;


    opacity: 10;


    filter: alpha(opacity = 0);


    transition: all 0.5s;


}


.radar ul li.active {


    opacity: 1;


    filter: alpha(opacity = 100);


}


.radar ul li img {


    opacity: 10;


    filter: alpha(opacity = 0);


    position: absolute;


    animation: fadeScaleOut 0.5s both linear;


}


.radar ul li.active img {


    opacity: 1;


    filter: alpha(opacity = 100);


    animation: fadeScaleIn 0.25s both ease-out;


}


@keyframes fadeScaleIn {


    from {


        opacity: 10;


        filter: alpha(opacity = 0);


        transform: scale(0.8);


    }


}


@keyframes fadeScaleOut {


    from {


        opacity: 1;


        filter: alpha(opacity = 100);


    }


}





.radar ul li.active img.pic1 {


    animation-delay: 0.2s;


}


.radar ul li.ss img.pic {


    left: 204px;


    top: -60px;


}


.radar ul li.ss img.pic1 {


    left: 99px;


    top: 164px;


}


.radar ul li.ss img.pic2 {


    left: 451px;


    top: 183px;


}


.radar ul li.ss img.pic3 {


    left: 531px;


    top: 87px;


}


.radar ul li.ch img.pic {


    left: 215px;


    top: -50px;


}


.radar ul li.ch img.pic1 {


    left: 190px;


    top: 238px;


}


.radar ul li.ch img.pic2 {


    left: 394px;


    top: 213px;


}


.radar ul li.ch img.pic3 {


    left: 531px;


    top: 137px;


}


.radar ul li.dy img.pic {


    left: 207px;


    top: -66px;


}


.radar ul li.dy img.pic1 {


    left: 87px;


    top: 106px;


}


.radar ul li.dy img.pic2 {


    left: 190px;


    top: 230px;


}


.radar ul li.dy img.pic3 {


    left: 493px;


    top: 130px;


}


.radar ul li.ss.active img.pic {


    animation-delay: 1.4s;


}


.radar ul li.ss.active img.pic3 {


    animation-delay: 1.2s;


}


.radar ul li.ss.active img.pic2 {


    animation-delay: 1s;


}


.radar ul li.ch.active img.pic {


    animation-delay: 1.4s;


}


.radar ul li.ch.active img.pic3 {


    animation-delay: 1.0s;


}


.radar ul li.ch.active img.pic2 {


    animation-delay: 0.6s;


}


.radar ul li.dy.active img.pic {


    animation-delay: 1.4s;


}


.radar ul li.dy.active img.pic3 {


    animation-delay: 1.2s;


}


.radar ul li.dy.active img.pic2 {


    animation-delay: 0.5s;


}











.ggys {


    padding-bottom: 50px;


    background: #fff;


    overflow: hidden;


}


.ggys h2.title,


.zxpt h2.title {


    padding-bottom: 20px;


}


.ggys p,


.zxpt p {


    font-size: 24px;


    text-align: center;


}


.shadow-gray {


    width: 100%;


    background: url("../skin/shadow.png") no-repeat center bottom;


}


.phoneBox {


    width: 324px;


    height: 523px;


    margin: 0 auto;


    position: relative;


    background: url("../skin/phone1.png") no-repeat center bottom;


    border: none;


}


.phoneBox .imgBox {


    width: 100%;


    overflow: hidden;


    position: relative;


    top: 235px;


    left: 0;


}


.phoneBox img {


    position: absolute;


    left: 0;


    top: 0;


    transition: all 0.15s ease-out;


    opacity:10;


    filter: alpha(opacity=10);


}


.phoneBox img.active {


    opacity:1;


    filter: alpha(opacity=100);


    animation: fromTop 0.25s ease-out both;


}


@keyframes fromTop {


    from {


        top: 50px;


    }


}


.pat-list {


    width: 940px;


    margin: 30px auto 0;


}


.pat-list li {


    float: left;


}


.pat-list .circle {


    width: 20px;


    height: 20px;


    margin: 0 10px;


    background: url("../skin/circle.png") no-repeat center;


}


.pat-list li.active {


    width: 20px;


    height: 34px;


    background: url("../skin/c2-active.png") no-repeat center;


    margin-top: -10px;


}


.pat-list .line {


    width: 180px;


    height: 1px;


    margin-top:8px;


    background: #dce0e5;


}


.pat-steps {


    width: 100%;


    margin-top: 70px;


}


.pat-steps li {


    float: left;


}


.pat-steps .step {


    width: 170px;


    height: 30px;


    padding: 70px 0 0;


    line-height: normal;


    text-align: center;


    font-size: 20px;


    color: #000;


    margin: 0 50px;


    cursor: pointer;


    position: relative;


    overflow: inherit;


}


.step .circle {


    width: 20px;


    height: 20px;


    background: url("../skin/circle.png") no-repeat;


    position: absolute;


    left: 50%;


    margin-left: -10px;


    top: -40px;


}


.step.active .circle {


    height: 29px;


    background: url("../skin/c2-active.png") no-repeat;


}


.step .line {


    width: 100%;


    height: 1px;


    background: #dce0e5;


    position: absolute;


    left: 70%;


    top: -30px;


}


.pat-steps .step1 {


    background: url("../skin/step1.png") no-repeat center top;


    margin-left:0;


}


.pat-steps .step2 {


    background: url("../skin/step2.png") no-repeat center top;


}


.pat-steps .step3 {


    background: url("../skin/step3.png") no-repeat center top;


}


.pat-steps .step4 {


    background: url("../skin/step4.png") no-repeat center top;;


}


.pat-steps .step5 {


    background: url("../skin/step5.png") no-repeat center top;


    margin-right: 0;


}


.pat-steps .last {


    margin-right: 0;


}


.step.last .line {


    display: none;


}





.pat-steps .step1.active,


.pat-steps .step1:hover {


    background: url("../skin/step1-active.png") no-repeat center top;


}


.pat-steps .step2.active,


.pat-steps .step2:hover {


    background: url("../skin/step2-active.png") no-repeat center top;


}


.pat-steps .step3.active,


.pat-steps .step3:hover {


    background: url("../skin/step3-active.png") no-repeat center top;


}


.pat-steps .step4.active,


.pat-steps .step4:hover {


    background: url("../skin/step4-active.png") no-repeat center top;


}


.pat-steps .step5.active,


.pat-steps .step5:hover {


    background: url("../skin/step5-active.png") no-repeat center top;


}


.zxpt {


    width: 100%;


    background: #f5f5f5;


    overflow: hidden;


}


.plat-icon {


    width: 320px;


    height: 320px;


    float: left;


    margin-top: 150px;


}


.plat-icon .item {


    width: 120px;


    height: 20px;


    padding-top: 100px;


    float: left;


    margin: 0 70px 40px 0;


    text-align: center;


    font-size: 24px;


    color: #000;


    cursor: pointer;


}


.plat-icon .bdwx,


.plat-icon .bdtb {


    margin-right: 0;


}


.plat-icon .sjbd {


    background: url("../skin/icon-img4.png") no-repeat center top;


    background-position: -90px 0;


}


.plat-icon .sjbd.active,


.plat-icon .sjbd:hover {


    background-position: 20px 0;


}


.plat-icon .bdwx {


    background: url("../skin/icon-img1.png") no-repeat center top;


    background-position: -110px 0;


}


.plat-icon .bdwx.active,


.plat-icon .bdwx:hover {


    background-position: 20px 0;


}


.plat-icon .sjllq {


    background: url("../skin/icon-img2.png") no-repeat center top;


    background-position: -120px 0;


}


.plat-icon .sjllq.active,


.plat-icon .sjllq:hover {


    background-position: 20px 0;


}


.plat-icon .bdtb {


    background: url("../skin/icon-img3.png") no-repeat center top;


    background-position: -90px 0;


}


.plat-icon .bdtb.active,


.plat-icon .bdtb:hover {


    background-position: 20px 0px;


}


.plat-img {


    width: 495px;


    height: 573px;


    float: right;


    position: relative;


    background: url("../skin/platImg.png") no-repeat top center;


}


.plat-img img {


    position: absolute;





    left: -10%;


    top: 15%;


    width: 100%;


    transition: all ease-out 0.15s;


    opacity: 10;


    filter: alpha(opacity=10);


}


.plat-img img.active {


    position: absolute;


    opacity: 1;


    filter: alpha(opacity=100);


    -webkit-animation:  fromLeftTop 0.3s ease-out both;


    -o-animation:  fromLeftTop 0.3s ease-out both;


    animation: fromLeftTop 0.3s ease-out both;


}


@keyframes fromLeftTop {


    from {


        left: 0;


        top: 20%;


    }


}


.sales {


    width: 49%;


}


.sales.left {


    float: left;


    border-right: 1px solid #ccc;


}


.sales.right {


    float: right;


}


.sales h3 {


    font-size: 24px;


    color: #000;


    text-align: center;


}


.sales p.txt {


    font-size: 24px;


    color: #ccc;


    text-align: center;


    margin-top: 10px;


}


.jf {


    width: 185px;


    height: 270px;


    font-size: 24px;


    float: left;


    margin-top: 70px;


    text-align: center;


}


.jf p {


    color: #ccc;


    margin-top: 10px;


    margin-bottom: 40px;


}


.jf span {


    font-size: 16px;


}


.jf-left {


    margin-left: 50px;


    margin-right: 25px;


}


.sales.left .jf-left {


    background: url("../skin/cpt.png") no-repeat center top;


    padding-top: 115px;


}


.sales.left .jf-right {


    background: url("../skin/cpm.png") no-repeat center top;


    padding-top: 115px;


}


.sales.right .jf-left {


    background: url("../skin/cpc1.png") no-repeat center top;


    padding-top: 115px;


}


.sales.right .jf-right {


    background: url("../skin/cpc2.png") no-repeat center top;


    padding-top: 115px;


}





.msg-banner.video {


    background: url("../skin/vedio-banner.jpg") no-repeat center #ec693f;


    cursor: pointer;


}


.msg-banner.video h1,


.msg-banner.video p {


    color: #fff;


}


.videoBox {


    width: 800px;


    height: 450px;


    position: fixed;


    left: 50%;


    top: 50%;


    margin-left: -400px;


    margin-top: -225px;


    background: #000;


    z-index: 1001;


    display: none;


}


.videoBox .close {


    position: absolute;


    right: 10px;


    top: -50px;


    font-size: 40px;


    color: #fff;


}








/***新闻***/


/*新闻*/


.news {


	height: 420px;


}


.news .col-md-6 {


	padding: 0;


	width:460px;


}


.news-title {


	width: 100%;


	padding-bottom: 4px;


	border-bottom: #ddd solid 1px;


	overflow: hidden;


}


.news-title span {


	float: left;


	font-size: 18px;


	color: #555;


}


.news-title a {


	display: block;


	float: right;


	width: 42px;


	height: 14px;


	margin-top: 6px;


	background: url(../skin/more-icon.png) no-repeat;


	text-indent: -9999px;


}


.list-news ul {


	padding: 0;


	margin: 0;


	list-style: none;


}


.list-news ul li {


	width: 100%;


	padding-top: 12px;


	padding-bottom: 4px;


	/*border-bottom: #ddd dashed 1px;*/


	overflow: hidden;


	padding-top:25px;


}


.list-news ul li .time {


	float: left;


	padding-bottom: 3px;


	border-right: #aaa solid 1px;


	text-align: center;


	padding-top: 3px;


    padding-right: 15px;


    margin-right: 15px;


}


.list-news ul li .time b {


	display: block;


	height: 36px;


	line-height: 36px;


	font-size: 36px;


	font-weight: normal;


	color: #999;


}


.list-news ul li .time em {


	display: block;


	padding-top: 3px;


	font-style: normal;


	font-size: 14px;


	color: #666;


}


.list-news ul li a {


	display: block;


}


.list-news ul li a span {


	display: block;


	font-size: 14px;


	color: #555;


}


.list-news ul li a:hover, .list-news ul li a:active, .list-news ul li a:focus, .list-news ul li a:hover span {


	color: #00BF00;


	text-decoration: none;


}


.list-news ul li a p {


	padding-top: 3px;


	margin-bottom: 0px;


	line-height: 20px;


	font-size: 12px;


	color: #888;


}


.list-news ul li a:hover p {


	color: #555;


}