@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h5 { font-weight: normal; }
em, i { font-style: normal; }
li { list-style: none; }
a, a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }

t able { border-collapse: collapse; border-spacing: 0; }
label { cursor: default; }
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei',arial,\5b8b\4f53; }
textarea { resize: none; }
a, a:focus { outline: none; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear { display: block; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.fn { float: none; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.hide { display: none; }
.show { display: block; }
.mt10 { margin-top: 10px; }
.noBg { background: none!important; }
.noBorder { border: 0!important; }
.yahei { font-family: 'microsoft yahei'; }
.org { color: #f60; }
.ft30 { font-size: 30px; }
.fb { font-weight: bold; }
a { color: #333; text-decoration: none; }
    a:hover { color: #f60; }
header { background-color: #13A9CE; }
body { color: #666; overflow-x: hidden; }
#dowebok .inner { width: 1200px; height: 100%; position: relative; margin: 0 auto; }
/*-----------以上通用样式-----------*/

.topbox { background: #f2f2f2; font-size: 14px; }
    .topbox .top { width: 1190px; margin: 0 auto; height: 32px; line-height: 32px; }
    .topbox .left { float: left; }
    .topbox .right { float: right; }
.header { width: 100%; box-shadow: 0 2px 3px rgba(0,0,0,.2); height: 101px; background: #fff; opacity: .95; z-index:999; }
.headerbox { width: 1200px; margin: 0 auto; height: 80px; padding-top: 15px; }
    .headerbox .logo { float: left; }
    .headerbox .tel { float: right; background: url(../images/tel.png) no-repeat center left; font-size: 22px; color: #0a4b84; padding-left: 60px; margin-top: 20px; }
.fixedheader{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:100000;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
}



.ml-nav { background: rgba(255,255,255,.95); top: 148px; left: 0; z-index: 10; width: 100%; height: 60px; }
.navbody { float: right; height: 40px; line-height: 40px; margin: 0 auto; z-index: 9999; position: relative; margin-top: 20px; }
    .navbody a { color: #fff; }
    .navbody .nLi { float: left; position: relative; display: inline; }
        .navbody .nLi h3 { float: left; font-weight: normal; }
            .navbody .nLi h3 a { display: block; width: 120px; text-align: center; font-size: 16px; color: #000; border-radius: 4px 4px 0 0; }
    .navbody .sub { display: none; width: 120px; left: 0; top: 40px; position: absolute; background-color: rgba(254, 113, 64, 0.8); line-height: 30px; padding: 5px 0; border-radius: 0 0 4px 4px; }
        .navbody .sub li { zoom: 1; }
        .navbody .sub a { display: block; padding-left: 24px; font-size: 14px; line-height: 35px; }
            .navbody .sub a:hover { color: #000; }
    .navbody .on h3 a { background-color: rgba(254, 113, 64, 0.8); color: #fff; border-radius: 4px 4px 0 0; }
    .navbody .active h3 a { border-radius: 4px; }

    .navbody .nLi h3 a i { width: 12px; height: 6px; display: inline-block; background-position: 100% -560px; _background-position: 100% -533px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; transform-origin: 50% 30%; -webkittransform-origin: 50% 30%; -moztransform-origin: 50% 30%; margin-left: 5px; vertical-align: middle; }

    .navbody .nLi h3:hover i { transform: rotateZ(180deg); }

    .navbody .nLi i { background: url(../images/80539121.header_icon.png) no-repeat; _background: url(../images/7fb40396.header_icon6.png) no-repeat; }

/*---------banner----------*/
.banner img { display: block; margin: 0 auto; position: relative;   width: 1920px;   left: 50%;    margin-left: -960px; z-index:-1}
.fp-prev {  }

.fp-next {  }
.fp-controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none; }


#ie7tips{ width:100%; height:100%;background-color:#6ABDDA; z-index:999; position:relative; display:none;}
#ie7tips p{ width:100%; height:50px; text-align:center;  line-height:50px;color:#DD4E42; font-size:18px; position:absolute; left:0; top:50%; margin-top:-25px;}

/*---------我们的服务----------*/
.service { background: #f0f0f0; }
    .service .page2 { width: 94%; height: 620px; position: absolute; left: 50%; /*margin-left:-890px;*/ margin-left: -47%; top: 50%; margin-top: -310px; }
    .service .hometitle { width: 900px; margin: 0 auto; text-align: center; }
        /*.service .act{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=1);
	transform:scale(1.0);
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-ms-transform:scale(1.0);
}*/
        .service .hometitle h2 { font-size: 35px; text-align: center; color: #1f1f1f; }
        .service .hometitle .smalltitle { font-size: 22px; font-family: "楷体"; font-weight: 700; }
        .service .hometitle p { font-size: 16px; color: #656565; padding-top: 10px; }

    .service .content { width: 900px; margin: 0 auto; height: 524px; overflow: hidden; }


        .service .content .box { width: 245px; height: 235px; border-top: 5px solid #88c93d; background: #7bbf2c; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s; }


        .service .content .box1 { width: 245px; height: 235px; border-top: 5px solid #33b7d7; background: #13a9ce; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .2s; -webkit-transition: all .6s linear .2s; -moz-transition: all .6s linear .2s; -ms-transition: all .6s linear .2s; }

        .service .content .box2 { width: 245px; height: 235px; border-top: 5px solid #fcc93d; background: #ebba35; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .4s; -webkit-transition: all .6s linear .4s; -moz-transition: all .6s linear .4s; -ms-transition: all .6s linear .4s; }

        .service .content .box3 { width: 245px; height: 235px; border-top: 5px solid #7f52b4; background: #7142a9; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .6s; -webkit-transition: all .6s linear .6s; -moz-transition: all .6s linear .6s; -ms-transition: all .6s linear .6s; }

        .service .content .box4 { width: 245px; height: 235px; border-top: 5px solid #df542a; background: #d83909; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .8s; -webkit-transition: all .6s linear .8s; -moz-transition: all .6s linear .8s; -ms-transition: all .6s linear .8s; }

        .service .content .box5 { width: 245px; height: 235px; border-top: 5px solid #5079e9; background: #476ed9; text-align: center; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear 1s; -webkit-transition: all .6s linear 1s; -moz-transition: all .6s linear 1s; -ms-transition: all .6s linear 1s; }
        .service .content .act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }

    .service .box, .service .box1, .service .box2, .service .box3, .service .box4, .service .box5 { margin-left: 27px; margin-top: 22px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }

    .service h3 { font-size: 16px; font-weight: normal; color: #FFFFFF; text-align: center; line-height: 40px; padding-top: 5px; }
    .service .icon { margin: 15px 0; }
.wf { color: #fff; font-family: "新宋体"; width: 240px; margin: 20px auto; font-size: 12px; }
.btn { color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 30px; margin: 0 auto; max-width: 160px; position: relative; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 100%; }

@media (min-width: 400px) {
    .btn { display: inline-block; }
        .btn:nth-of-type(even) { margin-right: 0; }
}

@media (min-width: 600px) {
    .btn:nth-of-type(even) { margin-right: 2.5em; }
    .btn:nth-of-type(5) { margin-right: 0; }
}

.btn:hover { text-decoration: none; }

.btn-1 { font-weight: 100; }
    .btn-1 svg { height: 30px; left: 0; position: absolute; top: 0; width: 100%; }
    .btn-1 rect { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 422, 0; }

    .btn-1:hover { color: #fff; }

/*---------更多服务----------*/
.moreservice { position: relative; overflow: hidden; }
    .moreservice .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
        .moreservice .bg img { display: block; width: 100%; height: 100%; }
    .moreservice .bg41 { position: absolute; bottom: -372px; width: 100%; height: 372px; background: url(../images/bg41.png) 50% 0 no-repeat; transition: all 1s; }
    .moreservice .bg42 { position: absolute; bottom: -449px; width: 100%; height: 449px; background: url(../images/bg42.png) 50% 0 no-repeat; transition: all 1s; }
    .moreservice .bg43 { position: absolute; bottom: -449px; width: 100%; height: 449px; margin-bottom: -130px; background: url(../images/bg43.png) 50% 0 no-repeat; transition: all 1s; }
    .moreservice strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
    .moreservice h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; color: #000; background-image: url(../images/t4.png); }
    .moreservice .p1 { position: absolute; left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s; }

/*---------为什么选择我们----------*/
.choose { background-color: #64BCDD; }
    .choose .page3 { width: 1300px; height: 482px; position: absolute; left: 50%; margin-left: -650px; top: 50%; margin-top: -241px; }
    .choose .waper-page3-top { width: 100%; height: 100px; display: table; position: relative; }
        .choose .waper-page3-top .sub-left-tit { width: 285px; height: 99px; position: absolute; left: -85px; top: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
    .choose .sub-news-top-logo { width: 125px; height: 60px; position: absolute; left: 330px; bottom: 0; display: table; }
        .choose .sub-news-top-logo .wen { float: left; width: 48px; height: 48px; border-radius: 50%; position: relative; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .4s linear 0s; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; }
            .choose .sub-news-top-logo .wen img { display: block; margin: 9px 0 0 10px; }
            .choose .sub-news-top-logo .wen:before,
            .choose .sub-news-top-logo .wen:after { content: ''; position: absolute; left: 0; top: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; }
            .choose .sub-news-top-logo .wen:before { width: 48px; height: 48px; border: 1px solid #fff; -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            .choose .sub-news-top-logo .wen:after { width: 46px; height: 46px; border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.1); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); }
            .choose .sub-news-top-logo .wen:hover:before { opacity: 0; -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .choose .sub-news-top-logo .wen:hover:after { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
        .choose .sub-news-top-logo .news { float: right; width: 48px; height: 48px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .4s linear 0s; -webkit-transition: all .4s linear .3s; -moz-transition: all .4s linear .3s; -ms-transition: all .4s linear .3s; }

        .choose .sub-news-top-logo .act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); }
    .choose .waper-page3-top .sub-recommended { width: 542px; height: 98px; position: absolute; right: 105px; bottom: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.waper-page3-top .sub-recommended ul li { float: left; }
    .waper-page3-top .sub-recommended ul li.lang1 { width: 277px; }
    .waper-page3-top .sub-recommended ul li.lang2 { float: right; width: 214px; }
    .waper-page3-top .sub-recommended ul li h4 { font-size: 14px; font-family: 'Verdana'; font-weight: bold; text-transform: capitalize; margin-bottom: 22px; }
    .waper-page3-top .sub-recommended ul li h4,
    .waper-page3-top .sub-recommended ul li p,
    .waper-page3-top .sub-recommended ul li p a { color: #fff; }
        .waper-page3-top .sub-recommended ul li p a:hover { text-decoration: underline; }
    .waper-page3-top .sub-recommended ul li p { margin-bottom: 8px; }
        .waper-page3-top .sub-recommended ul li p span { display: inline-block; margin-right: 5px; }
.waper-page3-bom { position: absolute; left: 0; bottom: 0; width: 100%; height: 306px; overflow: hidden; }
    .waper-page3-bom ul { width: 110%; display: table; position: relative; }
        .waper-page3-bom ul li { float: left; width: 244px; height: 306px; margin-right: 20px; position: relative; }
            .waper-page3-bom ul li .kg1 { width: 244px; height: 306px; background-color: #fff; display: table; position: absolute; left: 0; top: 0; z-index: 0; }
                .waper-page3-bom ul li .kg1 .logk { width: 177px; height: 52px; margin: 38px auto 0; font-size:18px; }
                /*.waper-page3-bom ul li .kg1 .logk img{ height:90px;}*/
                .waper-page3-bom ul li .kg1 .wen { width: 176px; font-size: 15px; color: #000; margin: 20px auto 0; line-height: 22px; }
                .waper-page3-bom ul li .kg1 .date { width: 90px; height: 52px; margin: 35px 0 0 44px; position: relative; }
                    .waper-page3-bom ul li .kg1 .date strong { font-size: 50px; font-family: 'Impact'; color: #8D8D8E; }
                    .waper-page3-bom ul li .kg1 .date span { position: absolute; left: 28px; bottom: -3px; /*padding:0 10px;*/ line-height: 1.3; background-color: #fff; font-family: 'Arial'; }
            .waper-page3-bom ul li .kg2 { width: 244px; height: 306px; background-color: #9F0216; position: absolute; left: 0; top: 307px; z-index: 1; }
                .waper-page3-bom ul li .kg2 .logk2 { width: 177px; height: 52px; margin: 20px auto 0; }
                /*.waper-page3-bom ul li .kg2 .logk2 img{ height:90px;}*/


                .waper-page3-bom ul li .kg2 .wen2 { width: 176px; font-size: 15px; color: #fff; margin: 20px auto 0; line-height: 22px; }
                    .waper-page3-bom ul li .kg2 .wen2 em { display: block; width: 37px; height: 1px; background-color: #fff; margin-top: 20px; }
                .waper-page3-bom ul li .kg2 .paper { width: 176px; margin: 20px auto 0; font-size: 13px; color: #fff; line-height: 23px; }
            .waper-page3-bom ul li.new2 .kg2 { background-color: #0068B7; }
            .waper-page3-bom ul li.new3 .kg2 { background-color: #004EA1; }
            .waper-page3-bom ul li.new4 .kg2 { background-color: #F46F14; }
            .waper-page3-bom ul li.new5 .kg2 { background-color: #B9922E; }
            .waper-page3-bom ul li.new1 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.choose .waper-page3-bom ul li.new2,
.choose .waper-page3-bom ul li.new3,
.choose .waper-page3-bom ul li.new4,
.choose .waper-page3-bom ul li.new5 { margin-top: 306px; margin-left: 80px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }


/*---------品牌客户----------*/
.pingpai .page6 { width: 1300px; height: 562px; position: absolute; left: 50%; margin-left: -650px; top: 50%; margin-top: -281px; }
.waper-page6-top { width: 100%; height: 196px; display: table; position: relative; }
    .waper-page6-top .sub-lft-number { position: absolute; left: 0; bottom: 0; width: 315px; height: 196px; background: url(../Images/page6-wan.png) no-repeat right top; overflow: hidden; opacity: 0; }
        .waper-page6-top .sub-lft-number article { width: 110%; height: 100%; display: table; }
        .waper-page6-top .sub-lft-number em { float: left; width: 76px; height: 190px; margin-top: 6px; margin-right: 13px; position: relative; }
        .waper-page6-top .sub-lft-number .best img,
        .waper-page6-top .sub-lft-number .digits img,
        .waper-page6-top .sub-lft-number .bits img { position: absolute; left: -18px; top: -48px; }
    .waper-page6-top .sub-wen-tit { position: absolute; left: 350px; bottom: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .6s linear .3s; -webkit-transition: all .6s linear .3s; -moz-transition: all .6s linear .3s; -ms-transition: all .6s linear .3s; }
    .waper-page6-top .sub-most-lb { width: 48px; position: absolute; left: 730px; bottom: 15px; }
        .waper-page6-top .sub-most-lb .wen { float: left; width: 48px; height: 48px; border-radius: 50%; position: relative; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .4s linear .7s; -webkit-transition: all .4s linear .7s; -moz-transition: all .4s linear .7s; -ms-transition: all .4s linear .7s; }
            .waper-page6-top .sub-most-lb .wen img { display: block; margin: 9px 0 0 9px; }
            .waper-page6-top .sub-most-lb .wen:before,
            .waper-page6-top .sub-most-lb .wen:after { content: ''; position: absolute; left: 0; top: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; }
            .waper-page6-top .sub-most-lb .wen:before { width: 48px; height: 48px; border: 1px solid #5855BD; -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            .waper-page6-top .sub-most-lb .wen:after { width: 46px; height: 46px; border: 1px solid #5855BD; background-color: rgba(88,85,189, 0.1); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); }
            .waper-page6-top .sub-most-lb .wen:hover:before { opacity: 0; -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .waper-page6-top .sub-most-lb .wen:hover:after { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    .waper-page6-top .act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); }
    .waper-page6-top .wen.act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); }

.waper-page6-bottom { width: 100%; margin-top: 129px; display: table; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: translateY(150px); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -ms-transform: translateY(150px); transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; }
    .waper-page6-bottom.act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); }
.waper-banner-opit { width: 100%; height: 166px; position: relative; }
/* .waper-banner-opit { width: 100%; height: 166px; overflow: hidden; position: relative; } */
    /*.waper-banner-opit ul{ width:100%; display:table; position:relative;}*/
    .waper-banner-opit ul li { width: 110%; position: absolute; left: 0; top: 0; }
        .waper-banner-opit ul li article {overflow:hidden; float: left; margin-right: 35px; margin-bottom: 20px; width: 230px; height: 70px; border: 1px solid #D7D7D7; border-radius: 2px; position: relative; text-align: center; cursor: pointer; }
            .waper-banner-opit ul li article span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 70px; }
            .waper-banner-opit ul li article .hs1 { z-index: 1; }
            .waper-banner-opit ul li article .hs2 { z-index: 2; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.waper-list-dd { width: 100%; margin-top: 38px; text-align: center; }
    .waper-list-dd span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #CACACA; margin: 0 5px; cursor: pointer; }
        .waper-list-dd span.on { background-color: #CACACA; }


.sidebar{ position: fixed; right: 0; top: 50%; margin-top: -80px; width: 55px; background: rgba(0,0,0,0.3); padding: 12px 0 0 0; border-radius:8px 0 0 8px;}
.sidebar li{ height: 50px; width: 160px; padding-left: 17px; border-radius:8px 0 0 8px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sidebar li img{ display: block;}
.sidebar li:hover{ margin-left: -105px; background: rgba(0,0,0,0.6); }

/*---------案例----------*/
.case { }
    .case .page4 { /*width:1780px;*/ width: 94%; height: 620px; position: absolute; left: 50%; /*margin-left:-890px;*/ margin-left: -47%; top: 50%; margin-top: -310px; }
    .case .waper-page4-top { width: 100%; height: 90px; display: table; }
        .case .waper-page4-top .sub-nei-rit { width: 504px; float: right; margin-right: 1.6%; height: 90px; position: relative; display: table; }
            .case .waper-page4-top .sub-nei-rit .sub-right-tit { width: 306ppx; height: 84px; position: absolute; left: -85px; bottom: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
    .case .sub-news-top-logo { width: 125px; height: 60px; position: absolute; right: 0px; bottom: 0; display: table; }
        .case .sub-news-top-logo .wen { float: left; width: 48px; height: 48px; border-radius: 50%; position: relative; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .4s linear 0s; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; }
            .case .sub-news-top-logo .wen img { display: block; margin: 9px 0 0 8px; }
            .case.sub-news-top-logo .wen:before,
            .case .sub-news-top-logo .wen:after { content: ''; position: absolute; left: 0; top: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; }
            .case .sub-news-top-logo .wen:before { width: 48px; height: 48px; border: 1px solid #494949; -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            .case .sub-news-top-logo .wen:after { width: 46px; height: 46px; border: 1px solid #494949; background-color: rgba(73,73,73, 0.1); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1); }
            .case .sub-news-top-logo .wen:hover:before { opacity: 0; -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .case .sub-news-top-logo .wen:hover:after { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
        .case .sub-news-top-logo .news { float: right; width: 48px; height: 48px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transition: all .4s linear 0s; -webkit-transition: all .4s linear .3s; -moz-transition: all .4s linear .3s; -ms-transition: all .4s linear .3s; }
        .case .sub-news-top-logo .act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); }
.waper-slide-move { width: 100%; padding-top: 23%; position: relative; margin-top: 50px; overflow: hidden; }
    .waper-slide-move .sub-internal-move { width: 400%; position: absolute; left: 0; top: 0; }
        .waper-slide-move .sub-internal-move ul { float: left; width: 25%; display: table; position: relative; }
            .waper-slide-move .sub-internal-move ul li { float: left; width: 30%; margin: 0 1.65%; }
                .waper-slide-move .sub-internal-move ul li article { width: 100%; height: 0; padding-top: 63.4%; overflow: hidden; position: relative; }
                    .waper-slide-move .sub-internal-move ul li article i img { width: 100%; height: auto; position: absolute; left: 0; top: 0; transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -ms-transition: all 1s linear 0s; }
                    .waper-slide-move .sub-internal-move ul li article:hover i img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }
                    .waper-slide-move .sub-internal-move ul li article span { display: block; padding: 20px; line-height: 30px; padding-bottom: 0px; text-align: center; background: url(../Images/page4-writer-bg.png) repeat-x; position: absolute; left: 0; bottom: -100%; }
                        .waper-slide-move .sub-internal-move ul li article span img { display: inline-block; margin-top: 15px\9; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
                .waper-slide-move .sub-internal-move ul li h4 { width: 100%; padding: 4% 0; text-align: center; position: relative; }
                    .waper-slide-move .sub-internal-move ul li h4 small { display: block; width: 100%; height: 100%; line-height: 3; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; font-size: 14px; color: #000; transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s; }
                    .waper-slide-move .sub-internal-move ul li h4 font { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0%; background-color: #E50112; z-index: 0; }
                .waper-slide-move .sub-internal-move ul li:hover h4 small { color: #fff; }
.waper-bom-switch { width: 100%; height: 50px; display: table; margin-top: 30px; position: relative; }
    .waper-bom-switch .sub-bom { width: 186px; height: 48px; position: absolute; left: 50%; margin-left: -93px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all .4s linear .6s; -webkit-transition: all .4s linear .6s; -moz-transition: all .4s linear .6s; -ms-transition: all .4s linear .6s; }
        .waper-bom-switch .sub-bom a { display: inline-block; width: 48px; height: 48px; margin-right: 8px; border-radius: 50%; border: 1px solid #D0D0D0; transition: all .4s linear 0s; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; }
        .waper-bom-switch .sub-bom .lft { background: url(../Images/lft1.png) no-repeat 7px center; }
            .waper-bom-switch .sub-bom .lft:hover { background: url(../Images/lft1.png) no-repeat -42px center; }
        .waper-bom-switch .sub-bom .rit { background: url(../Images/lft2.png) no-repeat -43px center; }
            .waper-bom-switch .sub-bom .rit:hover { background: url(../Images/lft2.png) no-repeat 8px center; }
        .waper-bom-switch .sub-bom .mor { background: url(../Images/lft3.png) no-repeat center 8px; }
            .waper-bom-switch .sub-bom .mor:hover { background: url(../Images/lft3.png) no-repeat center -48px; }
.waper-slide-move .sub-internal-move ul li.lit1 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s; }
.waper-slide-move .sub-internal-move ul li.lit2 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .2s; -webkit-transition: all .6s linear .2s; -moz-transition: all .6s linear .2s; -ms-transition: all .6s linear .2s; }

.waper-slide-move .sub-internal-move ul li.lit3 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transition: all .6s linear .4s; -webkit-transition: all .6s linear .4s; -moz-transition: all .6s linear .4s; -ms-transition: all .6s linear .4s; }

.waper-slide-move .sub-internal-move ul li.act { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }

.about { position: relative; overflow: hidden; }
    .about .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
        .about .bg img { display: block; width: 100%; height: 100%; }
    .about .bg81 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(../images/bg81.png) 50% 0 no-repeat; }
    .about .bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../images/bg82.png); opacity: 0; transition: all 1s; }
    .about .bg83 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(../images/bg83.png); opacity: 0; transition: all 1s; }
    .about .bg84 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(../images/bg84.png); opacity: 0; transition: all 1s; }
    .about .p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s; }
    .about h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; width: 561px; margin-left: -280px; background-image: url(../images/t8.png); }
    .about strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; width: 561px; margin-left: -280px; }



.section8 { background-color: #4CBCC7; }
    .section8 .page8 { width: 1250px; height: 426px; position: absolute; left: 50%; margin-left: -625px; top: 50%; margin-top: -213px; }
        .section8 .page8 .sub-pl-lft { position: relative; }
            .section8 .page8 .sub-pl-lft h3 { margin-left: 200px; font-size: 48px; color: #fff; font-weight: bold; line-height:60px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
            .section8 .page8 .sub-pl-lft .qq { margin-left: -200px; margin-top: 58px; height: 48px; line-height: 48px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
                .section8 .page8 .sub-pl-lft .qq a { color: #fff; font-size: 16px; }
                .section8 .page8 .sub-pl-lft .qq em { float: left; vertical-align: middle; }
                .section8 .page8 .sub-pl-lft .qq span { float: left; vertical-align: middle; margin-left: 14px; }
                    .section8 .page8 .sub-pl-lft .qq span:hover { text-decoration: underline; }
            .section8 .page8 .sub-pl-lft .tel { margin-top: 28px; margin-left: 200px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
            .section8 .page8 .sub-pl-lft .copyright { margin-left: -200px; color: #fff; margin-top: 68px; font-size: 12px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
        .section8 .page8 .sub-wen-wh { position: absolute; right: 0; bottom: 0; }

.footer { position: absolute; left: 50%; margin-left: -45%; bottom: 0; width: 90%; padding: 25px 0; border-top: 1px solid #fff; }
    .footer .wrapper { width: 100%; display: table; }
        .footer .wrapper dt { float: left; margin-right: 20px; }
            .footer .wrapper dt a { color: #fff; }
                .footer .wrapper dt a img { margin: 0 10px; }
        .footer .wrapper dd { float: left; margin: 0 20px 10px; }
            .footer .wrapper dd a { color: #fff; }
                .footer .wrapper dd a:hover { text-decoration: underline; }



/* 内页 */
.xuanc { width: 100%; height: 340px; }
.warp-list { padding: 0 3.2%; position: relative; margin-top:30px; }
.input {    display: inline;    margin-right: 5px;    padding: 7px;    height: 20px;   line-height: 20px;   vertical-align: middle;   background: hsl(0, 100%, 100%);   color: #999;   border: 1px solid hsl(0, 0%, 91%);    border-radius: 2px;}
input.txt1 { width: 200px;}
#HBox{width:400px;height:270px;margin:0 auto;box-shadow:1px 1px 5px #333;-webkit-box-shadow:1px 1px 5px #333;display:none;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-120px 0 0 -150px;z-index:100000; border-radius:5px;}
.form-box {
    position: relative;
    padding: 10px;
    border: 1px solid hsl(0, 0%, 96%);
    background: hsl(0, 100%, 100%);
    font-size: 14px;
    border-radius:5px;
}
.form-box dl {
    display: block;
    padding: 5px 0;
}
.form-box dl dd { position: relative; padding: 5px 0 5px 10px; line-height: 28px; min-height: 28px; color: hsl(0, 0%, 33%); font-size: 13px; overflow: hidden; }
.btn1 { width:100%; background:hsl(28, 100%, 50%); height:40px; border:none; border-radius:5px; font-size:16px; color:#fff}


.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:100px; z-index:9999}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px;   margin-bottom:15px; float:right}
/*案例样式*/
.case-content li { float: left; width: 30%; margin-right: 5%; margin-bottom: 50px; }
    .case-content li:nth-of-type(3n) { margin-right: 0%; }
    .case-content li a { display: block; width: 100%; height: 0; padding-top: 63.4%; position: relative; overflow: hidden; background: url(../images/loading.gif) no-repeat center center; background-color: #e7e7e7; }
    .case-content li strong img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/loading.gif) no-repeat center 50%; background-color: #e7e7e7; }
    .case-content li font { display: block; text-align: center; width: 100%; height: 107px; background: url(../images/page4-writer-bg.png); background-size: 100% 100%; position: absolute; left: 0; bottom: -150%; }
        .case-content li font img { display: inline-block; position: relative; top: 50%; margin-top: 15px\9; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .case-content li .tit { text-align: center; margin-top: -4px; padding: 3% 0; min-height: 40px; position: relative; overflow: hidden; }
        .case-content li .tit span { font-size: 14px; color: #000; display: block; }
        .case-content li .tit i { display: block; margin-top: 6px; color: #8f8f8f; font-style: italic; }
        .case-content li .tit em { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -100%; z-index: -1; background-color: #E50112; }
        .case-content li font,
        .case-content li strong img,
        .case-content li .tit span,
        .case-content li .tit i,
        .case-content li .tit em { transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s; }
    .case-content li:hover strong img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }
    .case-content li:hover .tit span,
    .case-content li:hover .tit i { color: #fff; }
    .case-content li:hover .tit em { top: 0; }
    .case-content li:hover font { bottom: 0; }
/*关于我们*/
.left_nav { width: 140px; position: fixed; left: 10px; z-index: 1000; display: none; }
    .left_nav a { width: 135px; height: 35px; display: inline-block; margin-bottom: 18px; border: 1px solid hsl(0, 0%, 71%); font-size: 14px; text-align: center; line-height: 35px; border-radius: 20px; color: hsl(0, 0%, 20%); }
        .left_nav a:hover { background: #f5953f; border: 1px solid #fff; color: #fff; text-decoration: none; }

.wrap { width: 100%; position: relative; }
.menuban { height: 70px; background: url(../images/meny.png) repeat; border-bottom: 1px solid hsl(0, 2%, 91%); }
.set-nav { position: relative; width: 940px; margin: 0 auto; padding-top: 15px; padding-left: 20px; }
    .set-nav a { display: inline-block; width: 78px; text-align: center; margin-left: 35px; line-height: 46px; color: hsl(0, 0%, 25%); font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; font-size: 16px; }
        .set-nav a:hover, .set-nav a.cur { color: hsl(28, 100%, 60%); text-decoration: none; border-bottom: 3px solid hsl(28, 100%, 60%); }


.boxa { width: 990px; margin: 0 auto; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; }
    .boxa .h1 { padding: 40px; text-align: center; color: hsl(28, 100%, 50%); }
        .boxa .h1 h1 { font-size: 24px; line-height: 28px; font-weight: 400; }
        .boxa .h1 span { font-size: 14px; line-height: 20px; }
    .boxa .p1 { height: auto; overflow: hidden; zoom: 1; }
        .boxa .p1 p {float: left;/* width: 470px; */line-height: 26px;font-size: 14px;text-align: justify;padding-right: 30px;margin: 0;}
        .boxa .p1 ul {float: left;/* border: 1px solid hsl(0, 0%, 88%); */padding: 20px 30px 20px 16px;font-size: 14px;margin: 0 auto;clear: both;}
            .boxa .p1 ul li { line-height: 24px; list-style-image: url(../images/dot.png); }

.ladyScroll { padding: 50px 0 110px; height: auto; overflow: hidden; zoom: 1; position: relative; height: 240px; }
    .ladyScroll .prev, .ladyScroll .next { width: 19px; height: 86px; position: absolute; top: 110px; left: 0; z-index: 100; cursor: pointer; background: url(../images/icon.png) no-repeat; }
    .ladyScroll .prev { left: 0px; background-position: 0 -370px; }
    .ladyScroll .next { left: auto; right: 0; background-position: 0 -461px; }
    .ladyScroll .prev:hover { background-position: 0 -641px; }
    .ladyScroll .next:hover { background-position: 0 -551px; }

    .ladyScroll .scrollWrap { width: 920px; margin-left: 35px; padding-top: 15px; overflow: hidden; position: absolute; }
    .ladyScroll dl { float: left; width: 210px; text-align: center; position: relative; margin: 0 9px; }

    .ladyScroll dt { margin: 0 auto; width: 210px; overflow: hidden; border: 4px solid #f2f2f2; }
    .ladyScroll img { display: block; width: 210px; height: 178px; }
    .ladyScroll dd { width: 210px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; overflow: hidden; float: left; bottom: 0; }
        .ladyScroll dd a { color: #333; font-size: 14px; }
            .ladyScroll dd a:hover { text-decoration: none; }
    .ladyScroll dl:hover span { background: #B52153; }

.org { width: 100%; height: 750px; background: url(../images/zzgj.png) no-repeat center top; }

.bg001 { background: url(../images/bg001.png) repeat; padding-bottom: 40px; }
    .bg001 dl { display: block; height: auto; overflow: hidden; zoom: 1; background: url(../images/dbg.png) repeat-y 167px top; }
        .bg001 dl dt { width: 185px; height: auto; float: left; line-height: 50px; text-align: right; color: hsl(0, 0%, 62%); padding: 10px 0; }
        .bg001 dl dd { width: 638px; padding: 10px 25px; float: left; line-height: 30px; border: 1px solid #e9e9e9; border-radius: 8px; margin-left: 50px; margin-top: 10px; background: #fff; }
dl.til-top dt { font-size: 24px; color: hsl(177, 41%, 66%); padding: 0 0 40px; }
    dl.til-top dt span { display: block; background: url(../images/d01.png) no-repeat 100% top; padding-right: 44px; line-height: 32px; }
dl.til-day dt { font-size: 12px; color: #9e9e9e; padding: 15px 0; }
    dl.til-day dt span { display: block; background: url(../images/d02.png) no-repeat 163px 19px; padding-right: 35px; line-height: 50px; }
dl.til-year dt { font-size: 12px; color: #84ccc9; padding: 20px 0 25px; }
    dl.til-year dt span { display: block; background: url(../images/d03.png) no-repeat 160px 7px; padding-right: 35px; line-height: 32px; }
        dl.til-year dt span strong { font-size: 24px; }
dl.til-day dt { font-size: 12px; color: #9e9e9e; padding: 15px 0; }
.bg001 dl dd i { width: 12px; height: 15px; display: inline-block; position: absolute; left: -11px; top: 18px; background: url(../images/dleft.png) no-repeat left top; }

.bg002 { background: #ebebeb; height: auto; overflow: hidden; zoom: 1; padding-bottom: 20px; }
.qfn-all, .pts-all { width: 1100px; height: auto; overflow: hidden; zoom: 1; }
    .qfn-all span { float: left; width: 277px; height: 203px; display: inline-block; margin: 0 62px 30px 0; }
        .qfn-all span a { display: inline-block; width: 277px; height: 203px; }
        .qfn-all span img { width: 277px; height: 203px; }

.bg003, .otr-all { height: auto; overflow: hidden; zoom: 1; padding-bottom: 40px; font-size: 14px; }
.pts-all span { float: left; width: 214px; height: 83px; display: inline-block; margin: 0 30px 15px 0; border: 1px solid hsl(0, 0%, 93%); overflow: hidden; }
    .pts-all span img { width: 214px; height: 83px; }


.bg004 { background: #f3f3f3; height: auto; overflow: hidden; zoom: 1; padding-bottom: 70px; }
.ctus-all { height: auto; overflow: hidden; zoom: 1; }
    .ctus-all .l { float: left; width: 454px; }
    .ctus-all .r { float: right; width: 410px; }
    .ctus-all h2 { font-size: 18px; line-height: 28px; padding-left: 27px; background: url(../images/icon.png) no-repeat; }
        .ctus-all h2.bg-kf { background-position: 0 4px; }
        .ctus-all h2.bg-sw { background-position: 0 -145px; }
        .ctus-all h2.bg-mt { background-position: 0 -239px; }
.mg-bt { margin-bottom: 50px; }
    .mg-bt #qqkefu_link { display: inline-block; margin-top: 0; vertical-align: middle; }
.ctus-all span { font-size: 14px; line-height: 30px; display: block; }
#ke_icon { width: 92px; height: 22px; margin: 0 auto; padding: 0; background: url(../images/qq.png) no-repeat left top; display: block; cursor: pointer; }


.nyfooter { background: #ebebed; text-align: center; border-top: 1px solid #d7d7d7; position: relative; }
    .nyfooter ul { height: auto; overflow: hidden; zoom: 1; background: url(../images/ic.png) no-repeat left 29px; width:100% }
        .nyfooter ul li { height: 180px; width: 150px; padding: 26px 0 0 30px; float: left; }
            .nyfooter ul li a { font-size: 12px; height: 22px; line-height: 22px; color: hsl(0, 0%, 47%); display: block; text-align: left; }
            .nyfooter ul li .til, .nyfooter ul li.last .til-ic { padding-bottom: 14px; font-size: 18px; color: hsl(0, 0%, 20%); }
            .nyfooter ul li.last { width: 245px; text-align: left; padding-left: 42px; background: url(../images/line3.png) no-repeat left top; }
            .nyfooter ul li.ft-wm { padding: 26px 0 0 55px; width: 260px; }
            .nyfooter ul li.last span.wx { background: url(../images/wx.jpg) no-repeat left 0; }
            .nyfooter ul li.last span.app { background: url(../images/wx.jpg) no-repeat left 0; }
            .nyfooter ul li.last span.wx, .nyfooter ul li.last span.app { width: 90px; height: 22px; padding-top: 96px; line-height: 22px; text-align: center; display: inline-block; margin-right: 30px; color: hsl(0, 0%, 47%); }
            .nyfooter ul li.last .til-ic { background: url(../images/foot_link.png) no-repeat -666px -56px; padding-left: 30px; }
    .nyfooter li.last p { height: 26px; line-height: 26px; font-size: 14px; color: hsl(0, 0%, 47%); }
        .nyfooter li.last p.bd { font-size: 30px; height: 42px; line-height: 42px; color: hsl(0, 0%, 20%); }
.g-o { width: 1170px; margin: 0 auto; }

.foot-bt { background: hsl(240, 5%, 85%); text-align: center; padding: 20px 0; color: hsl(240, 0%, 43%); position: relative; }

    .foot-bt p { line-height: 24px; }
    .foot-bt a { color: hsl(240, 0%, 43%); }
    .foot-bt span a.lk01 { background-position: -463px 0; }
    .foot-bt span a { display: inline-block; height: 39px; margin-right: 4px; width: 107px; display: inline-block; background: url(../images/foot_link.png) no-repeat; margin-top: 10px; }




/*营销型网站页面*/
.domin-ban2 { display: block; overflow: hidden; width: 100%; }
    .domin-ban2 img { width: 1920px; position: relative; left: 50%; margin-left: -960px; z-index: -1; }

/*互联网时代需要什么样的网站*/
.hlw_w { width: 100%; padding-bottom: 60px; margin-top: 50px; }
.hlw { width: 1000px; margin: 0 auto; }
    .hlw h2 { background: url(hx.png) no-repeat center center; color: #444444; font-size: 32px; font-weight: normal; text-align: center; margin-bottom: 60px; }
    .hlw li { display: inline; float: left; width: 220px; height: 256px; border: 1px solid #e5e5e5; margin-right: 37px; }
    .hlw .shu { margin-left: 0px; }
    .hlw li .u-img { text-align: center; margin-top: 40px; height: 80px; line-height: 80px; margin-bottom: 5px; }
    .hlw h3 { text-align: center; }
        .hlw h3 a { text-align: center; color: #666666; font-size: 16px; font-weight: normal; line-height: 1.5em; }
    .hlw li .u-img img { vertical-align: middle; }
    .hlw .wei { float: right; margin-right: 0px; }
    .hlw .zffs { text-align: center; color: #888888; font-size: 14px; line-height: 1.5em; margin-top: 10px; }
.zjshi { width: 100%; height: 300px; background: url(zjs.png) repeat-x; }
    .zjshi ul { padding-top: 60px; }
        .zjshi ul li { text-align: center; font-size: 30px; color: #666666; margin-bottom: 38px; }
            .zjshi ul li a { color: #FFF; font-size: 18px; display: inline-block; width: 200px; height: 50px; text-align: center; line-height: 50px; background: url(xq.png) no-repeat; }
.zjshi { width: 100%; background: #f7f7f7; padding-top: 80px; padding-bottom: 80px; }
    .zjshi ul .jiyu { line-height: 1.6em; }
        .zjshi ul .jiyu font { color: #ff4a00; }
    .zjshi ul li a { color: #FFF; font-size: 18px; display: inline-block; width: 200px; height: 50px; text-align: center; line-height: 50px; background: url(xq.png) no-repeat; }
/*营销型网站VS普通型网站*/
.yinvs_zj { width: 100%; padding-top: 80px; padding-bottom: 60px; }
.yinvs { width: 1000px; margin: 0 auto; }
    .yinvs h2 { background: url(hx.png) no-repeat center center; color: #444444; font-size: 32px; font-weight: normal; text-align: center; margin-bottom: 60px; }
        .yinvs h2 font { color: #ff4a00; }
.yinx { width: 100%; margin-top: 54px; }
.yinzou { width: 50%; float: left; background: url(../images/yx.png) no-repeat 294px 58px; height: 416px; }
    .yinzou h4 { text-align: right; padding-right: 93px; color: #ff4a00; font-size: 32px; margin-bottom: 22px; font-weight: normal; line-height: 36px; }
    .yinzou p { height: 43px; margin-top: 18px; font-size: 16px; }
        .yinzou p .zpb { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; height: 43px; }
        .yinzou p .yx1 { display: inline-block; height: 43px; line-height: 43px; margin-right: 111px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; }
        .yinzou p .yx2 { display: inline-block; height: 44px; line-height: 44px; margin-right: 178px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; }
        .yinzou p .zpb2 { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; height: 44px; }
        .yinzou p .yx3 { display: inline-block; height: 44px; line-height: 44px; margin-right: 206px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; margin-top: 1px; }
        .yinzou p .zpb3 { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; margin-top: 1px; height: 44px; }
        .yinzou p .yx4 { display: inline-block; height: 44px; line-height: 44px; margin-right: 206px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; margin-top: 2px; }
        .yinzou p .zpb4 { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; margin-top: 2px; height: 44px; }
        .yinzou p .yx5 { display: inline-block; height: 44px; line-height: 44px; margin-right: 178px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; margin-top: 3px; }
        .yinzou p .zpb5 { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; margin-top: 3px; height: 44px; }
        .yinzou p .yx6 { display: inline-block; height: 44px; line-height: 44px; margin-right: 111px; background: #ff6600; padding-left: 5px; color: #FFF; float: right; margin-top: 4px; }
        .yinzou p .zpb6 { display: inline-block; float: right; background: url(yxl.png) no-repeat; width: 18px; margin-top: 4px; height: 44px; }
.yinyou { width: 50%; float: left; background: url(../images/yx.png) no-repeat -208px 58px;; height: 416px; }
    .yinyou h4 { text-align: left; padding-left: 93px; color: #444444; font-size: 32px; margin-bottom: 22px; font-weight: normal; line-height: 36px; }
    .yinyou p { height: 43px; line-height: 43px; margin-top: 18px; font-size: 16px; }
        .yinyou p .zpb { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; height: 43px; }
        .yinyou p .yx1 { display: inline-block; height: 43px; line-height: 43px; margin-left: 111px; background: #dce3e6; color: #666666; float: left; padding-right: 5px; }
        .yinyou p .yx2 { display: inline-block; height: 44px; line-height: 44px; margin-left: 178px; background: #dce3e6; color: #666666; float: left; padding-right: 5px; }
        .yinyou p .zpb2 { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; height: 44px; }
        .yinyou p .yx3 { display: inline-block; height: 44px; line-height: 44px; margin-left: 204px; background: #dce3e6; color: #666666; float: left; margin-top: 1px; padding-right: 5px; }
        .yinyou p .zpb3 { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; margin-top: 1px; height: 44px; }
        .yinyou p .yx4 { display: inline-block; height: 44px; line-height: 44px; margin-left: 204px; background: #dce3e6; color: #666666; float: left; margin-top: 2px; padding-right: 5px; }
        .yinyou p .zpb4 { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; margin-top: 2px; height: 44px; }
        .yinyou p .yx5 { display: inline-block; height: 44px; line-height: 44px; margin-left: 178px; background: #dce3e6; color: #666666; float: left; margin-top: 3px; padding-right: 5px; }
        .yinyou p .zpb5 { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; margin-top: 3px; height: 44px; }
        .yinyou p .yx6 { display: inline-block; height: 44px; line-height: 44px; margin-left: 111px; background: #dce3e6; color: #666666; float: left; margin-top: 4px; padding-right: 5px; }
        .yinyou p .zpb6 { display: inline-block; float: left; background: url(yxy.png) no-repeat; width: 16px; margin-top: 4px; height: 44px; }


/*为什么选择我们*/
.women_zj { width: 100%; padding-top: 80px; padding-bottom: 80px; }
.women { width: 1000px; margin: 0 auto; }
    .women h2 { background: url(hx.png) no-repeat center center; color: #444444; font-size: 32px; font-weight: normal; text-align: center; margin-bottom: 60px; }
    .women dl { width: 468px; height: 140px; display: inline-block; float: left; margin-bottom: 40px; }
        .women dl dt { width: 140px; height: 140px; display: inline-block; float: left; margin-right: 18px; text-align: center; line-height: 140px; background: #f7f7f7; }
            .women dl dt img { vertical-align: middle; padding: 40px 0; }
        .women dl dd h4 { margin-top: 12px; margin-bottom: 15px; }
            .women dl dd h4 a { font-size: 18px; color: #444444; font-weight: normal; }
        .women dl dd p { font-size: 14px; color: #666666; line-height: 1.5em; }
    .women .wright { float: right; }
/*PC、平板、手机三合一轻松全网营销*/
.quanwang_zj { width: 100%; height: 468px; background: #f7f7f7; }
.quanwang { width: 1000px; margin: 0 auto; }
    .quanwang dl { width: 100%; padding-top: 80px; }
        .quanwang dl dt { width: 308px; height: 308px; float: left; display: inline-block; background: url(../images/quanw.png) no-repeat; margin-right: 60px; }
        .quanwang dl dd h4 { font-size: 30px; font-weight: normal; color: #666666; margin-top: 20px; margin-bottom: 35px; }
        .quanwang dl dd p { font-size: 16px; font-weight: normal; color: #666666; line-height: 2em; }

/*一站系统解决您的营销问题*/
.yizhan_zj { width: 100%; padding-top: 80px; padding-bottom: 80px; }
.yizhan { width: 1000px; margin: 0 auto; }
    .yizhan h2 { color: #444444; font-size: 32px; font-weight: normal; text-align: center; margin-bottom: 60px; }


/*--------------------------------------------------营销型网站页面*/
.wp { width: 100%; max-width: 1170px; margin: 0 auto; min-height: 800px; }
.tit-i { text-align: center; padding: 50px 0; line-height: 36px; overflow: hidden; }
    .tit-i h3 { font-size: 30px; color: #002; margin-bottom: 10px; }
    .tit-i h5 { font-size: 20px; color: #cacace; text-transform: uppercase; font-family: Arial; }
        .tit-i h5 span { color: #e4392a; }
    .tit-i em { width: 45px; border-bottom: 1px solid #7f7f90; display: inline-block; }

.ul-icon-i li { float: left; width: 25%; text-align: center; padding-bottom: 70px; overflow: hidden; }
    .ul-icon-i li .pad { padding: 0 40px; position: relative; }
    .ul-icon-i li a { display: block; }
        .ul-icon-i li a span { background: url(../images/i_icon1.png) no-repeat; width: 134px; height: 134px; display: inline-block; margin-bottom: 55px; }
    .ul-icon-i li h3 { font-size: 16px; margin-bottom: 18px; }
    .ul-icon-i li em { width: 25px; border-bottom: 2px solid #707070; display: inline-block; margin-bottom: 30px; }
    .ul-icon-i li p { text-align: left; line-height: 24px; font-size: 14px; }
    .ul-icon-i li.li1 a span { background-position: 0 0; }
    .ul-icon-i li.li2 a span { background-position: -305px 0; }
    .ul-icon-i li.li3 a span { background-position: -615px 0; }
    .ul-icon-i li.li4 a span { background-position: -930px 0; }
    /*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
    .ul-icon-i li .pad .pic { position: absolute; left: 50%; top: 0; width: 134px; margin-left: -67px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
        .ul-icon-i li .pad .pic img { display: none; }
        .ul-icon-i li .pad .pic .pic-icon { position: absolute; left: 0; top: -134px; display: block; }
    .ul-icon-i li a:hover p { text-decoration: underline; color: #333; }
.about-info { text-align: center; font-size: 14px; line-height: 34px; color: #666; padding-bottom: 50px; }
.ul-webset { position: relative; }
    .ul-webset li { float: left; width: 33.333%; text-align: center; height: 322px; }
        .ul-webset li .block { position: relative; height: 220px; margin: 0 auto; }
        .ul-webset li.li1 .block { width: 366px; }
        .ul-webset li.li2 .block { width: 316px; }
        .ul-webset li.li3 .block { width: 230px; }
        .ul-webset li .block img { position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
        .ul-webset li h3 { font-size: 24px; line-height: 34px; color: #333; }
        .ul-webset li .btn { background: url(../images/disc2.png) center center no-repeat #e60012; width: 34px; height: 34px; border-radius: 100%; display: inline-block; margin-top: 30px; }
            .ul-webset li .btn:hover { opacity: .6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

.webset-pop { position: absolute; left: 0; top: 0; background-color: #f5f6fa; border: 1px solid #e4e5e7; z-index: 60; padding: 0 27px; padding-bottom: 30px; opacity: 0; filter: alpha(opacity=0); z-index: -1; left: -100%; width: 100%; overflow: hidden; height: 345px; }
    .webset-pop h2 { font-size: 20px; text-align: left; line-height: 66px; }
        .webset-pop h2 a.close { background: url(../images/close.png) no-repeat; width: 28px; height: 28px; display: inline-block; position: relative; top: 20px; left: auto; float: right; }
.txt { font-size: 30px; text-align: center; height: 50px; line-height: 50px; }
.webset-pop .txt { width: 25%; margin-right: -10px; display: inline-block; text-align: left; vertical-align: top; }
    .webset-pop .txt h4 { font-size: 20px; background: url(../images/icon1s.png) left top no-repeat; padding-left: 60px; height: 40px; }
        .webset-pop .txt h4.tit-web1 { background-image: url(../images/icon2s.png); }
        .webset-pop .txt h4.tit-web2 { background-image: url(../images/icon3s.png); }
    .webset-pop .txt dl { padding-left: 57px; }
        .webset-pop .txt dl dd { font-size: 16px; line-height: 34px; background: url(../images/disc4.png) left center no-repeat; padding-left: 15px; }
.webset-pop .txt1 { width: 50%; margin: 0; }
.ul-webset li .ul-txt { padding-left: 57px; border: 0; }
    .ul-webset li .ul-txt li { width: 100%; text-align: left; height: auto; }
        .ul-webset li .ul-txt li h5 { border: 0; font-size: 16px; height: 36px; line-height: 36px; }
            .ul-webset li .ul-txt li h5 a { padding-left: 15px; background: url(../images/disc4.png) left center no-repeat; }
        .ul-webset li .ul-txt li .txt-1 { font-size: 14px; line-height: 24px; color: #999; padding-left: 27px; padding-bottom: 15px; display: none; }
        .ul-webset li .ul-txt li.ok .txt-1 { display: block; }

.ul-web { background: url(../images/jjd.png) center center no-repeat; overflow: hidden; background-size: 100%; }
    .ul-web li { float: left; text-align: center; width: 25%; padding-left: 5%; }
        .ul-web li h3 { display: inline-block; border: 1px dashed #358acb; height: 38px; line-height: 38px; border-radius: 5px; padding: 0 17px; color: #358acb; font-size: 16px; margin-top: 20px; }
        .ul-web li .block { position: relative; height: 151px; }
            .ul-web li .block img { position: absolute; left: 20px; top: 0; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
        .ul-web li.li1 .block { width: 116px; left: 50%; margin-left: -70px; }
        .ul-web li.li2 .block { width: 151px; left: 50%; margin-left: -95px; }
        .ul-web li.li3 .block { width: 125px; left: 50%; margin-left: -85px; }
        .ul-web li.li4 .block { width: 195px; left: 50%; margin-left: -120px; }
.ul-txt li h5 { background: url(../images/jia.png) 95% center no-repeat; font-size: 14px; height: 48px; line-height: 48px; border-bottom: 1px solid #e5e5e5; padding-left: 14px; }
.ul-txt li .txt { border-bottom: 1px solid #e5e5e5; line-height: 20px; display: none; color: #666; height: 130px; padding: 0 14px; }
.ul-txt li.ok .txt { display: block; }
.ul-txt li.ok h5 { background-image: url(../images/jian.png); border-bottom: 0; }

.wen-con { position: relative; }
.ul-tab { width: 193px; float: left; background: url(../images/line3.png) repeat-y 183px top; margin-right: 80px; padding-top: 45px; }

    .ul-tab li { margin-bottom: 50px; }

        .ul-tab li a { color: #666; }

        .ul-tab li h3 { font-size: 20px; background: url(../images/circle.png) right center no-repeat; }

        .ul-tab li span { display: block; font-size: 14px; color: #999; }

        .ul-tab li.hover h3, .ul-tab li a:hover h3 { background-image: url(../images/circle1.png); color: #e4392a; }

        .ul-tab li.hover span, .ul-tab li a:hover span { color: #e4392a; }

.tab-show { }

.tab-con { /*overflow: hidden;*/ }

    .tab-con .animated { opacity: 0; filter: alpha(opacity=0); }

.tab-show { height: 419px; overflow: hidden; }
.web-con { position:relative }
.web-con .shou { position: absolute; right: 0; top: 0; z-index: 10; }

.web-con .pic { float: right; position: relative; width: 139px; text-align: center; margin-top: 50px; margin-right: 40px; }

.web-con .flex-control-nav { display: none; }

.web-con .pic .img { /* position: absolute;
	left: 43px;
	top: 50px; */ width: 139px; z-index: -1; display: inline-block; }

.tab-con .txt { /*width: 66%;*/ width: 84%; }

.tab-con .pic { float: right; position: relative; width: 218px; text-align: center; margin-top: 50px; }

    .tab-con .pic .img { /* position: absolute;
	left: 43px;
	top: 50px; */ width: 139px; z-index: -1; }

.tab-con-box { width: 59%; float: left; height:419px; overflow:hidden }

.tab-con .txt p { font-size: 14px; line-height: 24px; color: #666; padding-bottom: 45px; }

.ul-icon { /*padding-right: 50px;*/ overflow: hidden; }

    .ul-icon li { width: 94px; height: 94px; border-radius: 100%; background-color: #e4e5e7; color: #666; text-align: center; float: left; font-size: 15px; line-height: 22px; padding: 0 17px; margin: 0 25px 30px 25px; }

        .ul-icon li b, .ul-icon li span { display: inline-block; vertical-align: middle; }

        .ul-icon li b { width: 0; height: 100%; }