@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family:Arial,"微软雅黑";font-size:12px;color:#000;}
button:focus{
    outline:none 0;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
body{min-width: 1220px;}
/* Slider */
.slick-slider
{
    position: relative;
    outline: none;
    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    outline: 0 none;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block; margin:auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots button{
    display: none;}

.header{
    z-index: 1000;
    background: #ffffff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;}
.headerbox{background: #ffffff;
    position: relative; z-index: 1000;
    height: 106px;}
.header-msg,
.logo{-webkit-transition:padding-top .25s;transition:padding-top .25s; }
.header.an .header-msg,
.header.an .logo{padding-top: 10px;}
.header.an .logo img{
    margin-top: 13px;}
.header.an .nav li{ line-height: 52px;}
.header.an{box-shadow: 0 0 5px 1px #ccc;
    border-bottom:1px solid #eee;}
.nav li{-webkit-transition:line-height .25s;transition:line-height .25s;}
.layout{
    width: 1200px;
    margin:0 auto;}
.layouts{
    width: 545px;
    margin:0 auto;}

.logo{
    float: left;
    padding-top: 33px;}
.header{}
.header-right{

    width: 900px;
    float: right;}

.header-msg{
    float: right;
    padding-top: 20px;
    line-height: 20px;}
.ph{
    float: left;
    font-size: 14px;
    margin-right: 18px;
    border-right:1px solid #f3f3f3;
    color: #00aaf6;}
.ph i{ background: url("../images/png_ph1.png") no-repeat;
    display:inline-block;  *display:inline;  *zoom:1;
    vertical-align: middle;
    width: 17px;
    margin-right: 11px;
    height: 17px;}
.ph em{
    margin-right: 25px;}

.search{
    float: left;}

.search i{
    display:inline-block;

    *display:inline;

    *zoom:1;
    cursor: pointer;
    width: 14px;background: url("../images/png_search1.png") no-repeat;
    height: 14px;}
.nav{margin-right: -5px;
    *width: 100%;
    float: right;}
.nav li{
    margin-left: 53px;
    float: left;
    line-height: 64px;}
.nav li>a{ position: relative;
    font-size: 16px; display: block;
    padding:0 5px;
    padding-bottom: 2px;
    color: #666666;}
a{transition: color .2s,background .2s;-webkit-transition: color .2s,background .2s;}
.nav li:hover>a{
    color: #0095e2;}

.nav li .line{
    bottom: 0;
    left: 0;transition: all .2s;-webkit-transition: all .2s;
    width: 0;
    height: 2px;
    background: #0095e2;
    position: absolute;
    *bottom:23px;
}
.nav li.on>a{
    color: #0095e2;}
.nav li:hover .line{
    width: 100%;}

.nav-sub{
    display: none;
    width: 100%;
    background: #ffffff;
    left: 0;
    position: absolute;top: 100%}

.nav-sub-box{
    width: 140px;background-position: right bottom;
    height: 300px;
    background-repeat: no-repeat;
    padding:0 20px;
    float: left;}
.nav-sub-box dl{
    padding-bottom: 6px;}
.nav-sub-box dt,.nav-sub-box dd{
    width: 100%;
    float: left;}
.nav-sub-box.i1{
    width: 230px;}
.nav-sub-box.i2{
    width: 230px;}
.nav-sub-box.i3{
    width: 230px;}
.nav-sub-box.i4{
    width: 230px;}
.nav-sub-box.i5{
    width: 230px;}
/*.nav-sub-box.i1 dd{
    width: 50%;}*/
.nav-sub-box dt{
    padding-top: 11px;
    margin-bottom: 14px;
    line-height: 60px;
    border-bottom:1px solid #e9e9e9;}
.nav-sub-box dt a{
    color: #666666;
    display: block;
    font-size: 18px;
    font-weight: bold;}
.nav-sub-box dd{
    line-height: 26px;
}
.nav-sub-box dd a{
    color: #333333;
    font-size: 13px;}
.nav-sub-box dd a:hover{
    border-bottom: 1px solid #fff}
.nav-icon{
    display:inline-block;

    *display:inline;

    *zoom:1;
    vertical-align: middle;
    margin-left: 6px;
    width: 26px;
    height: 12px;}
.nav-icon.hot{background-image: url("../images/png_hot1.png")}
.nav-icon.new{background-image: url("../images/png_new1.png")}
.nav-sub-box.b1{
    background-color: #fcfcfc;}
.bannerplace a:hover,
.j-name span a:hover,
.nav-sub-box dd a:hover{
    color: #0095e2;}

.nav-sub-link a{border-radius: 2px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    margin-top: 8px;
    display: block;}
.nav-sub-link .c1{ background: #00c35c;}
.nav-sub-link .c2{ background: #00a2ff;}

.nav-sub-box.i1{background-image: url("../images/n1_1.png");}
.nav-sub-box.i2{background-image: url("../images/n2_1.png");}
.nav-sub-box.i3{background-image: url("../images/n3_1.png");}
.nav-sub-box.i4{background-image: url("../images/n4_1.png");}
.nav-sub-box.i5{background-image: url("../images/n5_1.png");}
.nav-sub-box.i6{background-image: url("../images/n6_1.png");}
.btnhover{transition: all .1s;-webkit-transition:  all .1s;}
.btnhover:hover{
    -moz-box-shadow: 0 0 5px 1px #fff inset;             /* For Firefox3.6+ */
    -webkit-box-shadow: 0 0 5px  1px #fff inset;          /* For Chrome5+, Safari5+ */
    box-shadow: 0 0 5px 1px #fff inset;                        /* For Latest Opera */
}
/*.nav-sub-box.i1:hover{background-image: url("../images/n12.png");}
.nav-sub-box.i2:hover{background-image: url("../images/n32.png");}
.nav-sub-box.i3:hover{background-image: url("../images/n32.png");}
.nav-sub-box.i4:hover{background-image: url("../images/n32.png");}
.nav-sub-box.i5:hover{background-image: url("../images/n32.png");}
.nav-sub-box.i6:hover{background-image: url("../images/n32.png");}*/
.nav-sub-box:hover .nav-sub-box dt{
    border-bottom:1px solid #fff;}
.nav-sub-box:hover  dt a,
.nav-sub-box:hover  dd a{transition: all 0s;-webkit-transition: all 0s;}
.nav-sub-box:hover  dd a,
.nav-sub-box:hover  dt a{color: #000000;}
.nav-sub .xhicon {
    font-size: 0;
    padding: 24px 0;
    text-align: center;
    line-height: 1;
}
.nav-sub .xhicon dd {
    display: inline-block;
    vertical-align: top;
    width: 109px;
}
.nav-sub .xhicon .img {
    height: 45px;
    line-height: 45px;
    font-size: 0;
    margin: 10px auto 15px;
}
.nav-sub .xhicon .img img {
    max-height: 100%;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.nav-sub .xhicon dd p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    transition: all .25s;
    -webkit-transition: all .25s;
}
.footer{
    background: #16181a url("../images/gui.png") center 132px no-repeat;}
.footer-top{
    padding-top: 35px;}
.webmap{
    float: left;
    margin-right: 160px;}

.webmap dt{
    line-height: 53px;}
.webmap dt a{
    color: #0095e2;
    font-size: 16px;}

.webmap dd{
    line-height:24px;}
.webmap dd a{
    color: #666666;
    font-size: 14px;}

.webmap dd a:hover{
    color: #ffffff;}
.ewm{
    margin-right: 13px;}

.nomr{
    margin-right: 0!important;
    float:right;
}

.footer-m{
    padding:30px 0 20px 0;}

.ad li{
    padding-right: 1.3%;
    float: left;
    width: 32%;}

.ad li i{
    float: left;
    padding-top: 52px;
    font-size: 18px;
    margin-right: 23px;
    margin-bottom: 5px;
    color: #999999;background-position: center top;
    background-repeat:no-repeat;
    line-height: 22px;}

.ad li .i1{background-image: url("../images/png_adbg2.png")}
.ad li .i2{background-image: url("../images/png_adbg1.png")}
.ad li .i3{background-image: url("../images/home_foshan.png")}
.ad li h5{
    line-height: 37px;
    color: #7f7f7f;
    font-size: 30px;}
.ad li p{
    font-size: 14px;
    color: #666666;
    line-height: 20px;}

.ad li h5.spe{
    padding-top: 10px;}

.footer-b{
    border-top:1px solid #222528;
    text-align: center;
    padding:10px 0;
    line-height: 37px;}

.copyright{
    color: #5f5f5f;
    font-size: 12px;}

.sb_s1{
    margin-left: 10px;
    vertical-align: middle;}
.banner{
    width: 100%;
    height: 100%;
    overflow: hidden;}
.bannerimg{
    width: 100%;
    height: 100%;
}
.banner a{
    display: block;
    height: 500px;background-position: center center;
    background-repeat: no-repeat;}

.banner .slick-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 20px;}

.banner .slick-dots li{
    width: 13px;
    height: 13px; border-radius: 50%;
    cursor: pointer;
    display:inline-block;  *display:inline;  *zoom:1;
    margin:0 5px;
    background: #00aaf6;
    opacity: .53;
    filter: "alpha(opacity=53)";   /* IE 8 */
    filter: alpha(opacity=53);  /* IE 4-7 */
    zoom: 1; }
.banner .slick-dots li.slick-active{
    opacity: 1;
    filter: "alpha(opacity=100)";   /* IE 8 */
    filter: alpha(opacity=100);  /* IE 4-7 */
    zoom: 1; }


.webtit{
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;}

.enfont{font-family:华文细黑;letter-spacing: .06em;transform: scale(1,1.1);text-transform: uppercase;}
.webtit em{
    display: block;
    line-height: 70px;
    position: relative;
    font-size: 42px;
    color: #3f3f3f;}
.webtit em i{
    position: absolute;
    left:50%;
    bottom: 0;
    width: 26px;
    height: 2px;
    margin-left: -13px;
    background: #1ec0ff;}
.webtit  span{
    line-height: 66px;
    font-size: 24px;
    color: #292828;}


.kwicks {
    display: block;
    list-style-type: none;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.kwicks > * {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.kwicks.kwicks-processed > * {
    margin: 0;
    position: absolute;
}
.kwicks-horizontal > * {
    float: left;
}
.kwicks-horizontal > :first-child {
    margin-left: 0;
}
.kwicks-vertical > :first-child {
    margin-top: 0;
}

.kwicks{
    padding:0 0 62px  0;}
.sermod2,
.kwicks > li,
.sermod,
.kwicks {
    height: 316px;
}
.kwicks > li {
    float: left;
}

.sermod{color: #ffffff;
    width: 200px;
    float: left;
    position: relative;
    z-index: 1;
    padding:0 20px;}
.sermod2{
    z-index: 0;
    width: 230px;
    float: left;
    position: relative;}
.sermod2 i{
    background: #000000;
    left: 0;
    opacity: .5;
    filter: "alpha(opacity=50)";   /* IE 8 */
    filter: alpha(opacity=50);  /* IE 4-7 */
    zoom: 1;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    position: absolute;}
.sermod2-wrap{
    position: relative;
    z-index: 1;}
.sermod2-wrap a{
    display: block;
    margin:0 auto;
    width: 180px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;transition: all .2s;-webkit-transition: all .2s;
    font-size: 14px;border-radius: 2px;
    border:1px solid #898b8c;}

.b1 .sermod2-wrap a:hover{
    border:1px solid #4f9cdb;
    background: #4f9cdb;}
.b2 .sermod2-wrap a:hover{
    border:1px solid #7b99ee;
    background: #7b99ee;}
.b3 .sermod2-wrap a:hover{
    border:1px solid #50d2b7;
    background: #50d2b7;}
.b4 .sermod2-wrap a:hover{
    border:1px solid #fdad73;
    background: #fdad73;}
.sermod2{background-position: center center;
    background-repeat: no-repeat;background-size: cover;}


.sermod.b1{background: #4f9cdb;}
.sermod.b2{background: #7b99ee;}
.sermod.b3{background: #50d2b7;}
.sermod.b4{background: #fdad73;}

.sermodwrap{
    width: 470px;}


.sermod.b1 b{border-left: 12px solid #4f9cdb;}
.sermod.b2 b{border-left: 12px solid #7b99ee;}
.sermod.b3 b{border-left: 12px solid #50d2b7;}
.sermod.b4 b{border-left: 12px solid #fdad73;}
.sermod b{
    position: absolute;
    width: 0;
    right: -12px;
    height: 0;
    top: 50%;
    margin-top: -5px;
    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;}

.sermod i{
    display: block;
    padding-top: 20px;
    height: 80px;background-position: left 20px;
    background-repeat: no-repeat;}

.sermod.b1 i{background-image: url("../images/png_sermod1.png")}
.sermod.b2 i{background-image: url("../images/png_sermod2.png")}
.sermod.b3 i{background-image: url("../images/png_sermod3.png")}
.sermod.b4 i{background-image: url("../images/png_sermod4.png")}

.sermod h4{
    line-height: 26px;
    font-size: 18px;
}

.sermod h5{
    line-height: 45px;
    font-size: 34px;}

.sermod  p{
    padding-top: 15px;
    line-height: 21px;
    font-size: 14px;}


.protab .hd{
    height: 69px;
    line-height: 69px;
    position: relative;
    text-align: center;
    border-top:1px solid #eaeaea;}

.protab .hd span{
    padding:0 13px;
    font-size: 17px;
    color: #666666;
    cursor: pointer;
    margin:0 8px;transition: .25s all;-webkit-transition: .25s all;
    position: relative;
    display:inline-block;  *display:inline;  *zoom:1;
    vertical-align: top;}
.protab .hd i{
    left: 0;
    top: -1px;
    height: 1px;
    background: #0095e2;
    width: 0;
    position: absolute;}
.protab .hd span.on{
    color: #0095e2;
}
.protab .bd{
    background: #fff;}
.protab .bd ul{
    display: none;}
.protab .bd ul li{
    position: relative;

    overflow: hidden;
    float: left;
    width: 24.99%;}
.protab .bd ul li i,
.protab .bd ul li p{
    position: absolute;
    bottom: -50px;
    height: 50px;transition: .25s all;-webkit-transition: .25s all;
    line-height: 50px;
    padding:0 19px;
    right: 0;
    left: 0;
}
.protab .bd ul li:hover i,
.protab .bd ul li:hover p{
    bottom: 0;}
.protab .bd ul li i{
    background: #000000;
    opacity: .5;
    filter: "alpha(opacity=50)";   /* IE 8 */
    filter: alpha(opacity=50);  /* IE 4-7 */
    zoom: 1;}
.protab .bd ul li p{
    font-size: 16px;
    color: #ffffff;
    z-index: 1;}
.pp{
    position: relative;
    width: 1202px;
    padding-bottom: 88px;}
.zp{
    width: 511px;
    z-index: 0;
    height: 270px;
    background:#fff url("../images/png_zp1.png") left top no-repeat;
    position: absolute;
    left: -45px;
    padding-right: 13px;
    top: 0;}
.pp table td{
    width: 20%;
    border:1px solid #e8e8e8;
    height:135px;
    overflow:hidden;
}
.ppslide .slick-arrow{
    z-index: 10;
    position: absolute;
    border:1px solid #dedede;
    color: #dedede;font-family: '宋体';
    font-size: 30px;
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    cursor: pointer;
    background: none;
    top: 0;
    left: 430px;}
.ppslide table{
    width: 99.9%;
    margin-left: 1px;}
.ppslide .slick-prev{
    left: 380px;}

.ppslide .slick-arrow:hover{
    color: #ffffff;
    background: #0095e2;
    border:1px solid #0095e2;}

.webmod2{
    background: #f7f7f7;}

.news{
    padding:0 26px;
    overflow: hidden;
    height: 597px;
    background: #ffffff;
    padding-bottom: 9px;}

.news{
    float: left;}

.news-t{
    height: 71px;
    line-height: 71px;}
.news-t h5{
    float: left;
    font-size: 18px;
    margin-right: 20px;
    cursor: pointer;
    color: #000000;}

.news-t h5.slick-current{
    font-size: 20px;
    color: #0095e2;}

.newlist img{
    margin-right: 12px;
    float: left;}
.newlist li{
    padding-bottom: 4px;}
.newlist a{
    display: block;font-size: 14px;
    height: 81px;
    padding:9px;}
.newlist a:hover{
    background: #0095e2;}
.newlist a:hover p,
.newlist a:hover h5{color: #ffffff;}
.newlist{
    width: 400px;}
.newlist  h5{
    line-height: 27px;
    max-height: 54px;
    overflow: hidden;
    color: #3f3f3f;}

.newlist  p{
    line-height: 21px;
    margin-top: 6px;
    color: #666;}

.slick-prev.slick-disabled{}
.newlist .slick-arrow {
    width: 42px;
    top: -56px;
    background: none;
    border: none;text-indent:-300%;
    overflow: hidden;
    cursor: pointer;
    height: 42px;
    position: absolute;}

.newlist .slick-prev{background-image: url("../images/png_jt1.png");
    right: 50px;}
.newlist .slick-prev:hover{background-image: url("../images/png_jt3.png")}
.newlist .slick-next{background-image: url("../images/png_jt2.png");right: 0;}
.newlist .slick-next:hover{background-image: url("../images/png_jt4.png")}

.newshd{
    float: left;
    width: 590px;}
.newslist2{
    width: 670px;}

.newsmore{
    color: #999999;
    font-size: 14px;
    float: right;}
.newsmore:hover{
    color: #0095e2;}
.newslist2 li.o{float: left;}
.newslist2 li.t{float: right;}
.newslist2 li{
    width: 48%;
    float: left;
    line-height: 52px;
    border-bottom:1px solid #f2f2f2;}
.newslist2 li a{
    display: block;}

.newslist2 li h5{
    padding-left: 16px;
    background: url("../images/png_jt5.png") left center no-repeat;
    font-size: 14px;
    color: #000000;
    width: 220px;
    float: left;}
.newslist2 li b{
    color: #999999;
    font-size: 14px;
    float: right;}
.newslist2 li a:hover h5{
    color: #0095e2;}

.newslist2 li.frist{
    border: none;
    width: 100%;}
.newslist2 li.frist img{
    margin-right: 17px;
    float: left;}
.newslist2 li.frist h5{
    line-height: 23px;
    background: none;
    font-size: 16px;
    float: none;width: inherit}

.newslist2 li.frist p{
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    font-size: 14px;
    margin-top: 11px;
    color: #666666;}
.newslist2 li.frist b{
    float: none;
    display: block;
    margin-top: 9px;
    line-height: 23px;}



.friendlinks{

    line-height: 47px;
    padding:18px 0 18px 0;}

.friendlinks h5{
    width: 76px;
    float: left;}
.friendlinkslide{
    width: 1122px;
    position: relative;
    line-height: 27px;
    height: 27px;
    overflow-y: hidden;
    margin-top: 11px;
    float: left;}
.friendlinkslide a{
    text-align: center;
    font-size: 13px;
    color: #999999;
    float: left;}
.friendlinkslide span{
    margin:0 10px;
    color: #999999;
    float: left;}

.friendlinkslide .slick-prev{
    display: none!important;}

.friendlinkslide .slick-next{
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    top: 6px;
    position: absolute;
    overflow: hidden;text-indent: 300%;
    background: url("../images/png_jt6.png");
    right: 0;}

.friendlinkslide .slick-next:hover{ background: url("../images/png_jt7.png");}
.friendlinkslide a:hover{
    color: #0095e2;}


.hideshow{ -webkit-transition:-webkit-transform .6s, opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform: translateY(10%) scale(.9);transform: translateY(10%) scale(.9);opacity: 0; }
.hideshow.on{-webkit-transform: translateY(0) scale(1);transform: translateY(0) scale(1);opacity: 1; }
.myanlicontent {width:1000px; margin:auto;font-size:14px; line-height:2; color:#666;}
.myanlicontent span,.myanlicontent p{font-size:14px; line-height:2; color:#666;}
.myanlicontent .bigimg{width:100%; text-align:center; margin-bottom:50px;}
.myanlicontent .myanlicontent2 img{width:1000px;}







.newspicbo{height: 380px;width: 100%;text-align: center;overflow: hidden;}
.clumbo{background: #fff;border-bottom: 1px solid #eee}
.clumbo ul{float: left;}
.clumbo ul li{width: auto;line-height:80px;float: left; font-size: 17px;color: #1a1a1a;margin-right: 60px;border-bottom: 3px solid #fff}
.clumbo ul li a{display: block;color: #1a1a1a}
.clumbo ul li.on a{color: #0095e2;}
.clumbo ul li.on{border-color: #0095e2}
.clumbo ul li a:hover{color: #0095e2;}
.clumbo ul li:hover{border-color: #0095e2}
.clumbo .searchbo{overflow: hidden; font-size: 0px; float: right;width: 246px;height: 41px;border: 1px solid #e9e9e9;margin-top: 18px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.clumbo .searchbo input{display:inline-block;

    *display:inline;

    *zoom:1;width: 190px;line-height: 41px;
    height: 41px;font-size: 14px;border: none;padding-left: 20px;}
.clumbo .searchbo .submit{display:inline-block;

    *display:inline;

    *zoom:1;padding: 0;margin: 0;background: url(../images/searchboi.jpg) no-repeat;width: 36px;height: 22px;}

.clumboBox{height: 70px;line-height: 70px;overflow: hidden;}
.clumboBox h5{font-size: 14px;color: #979797;float: left;}
.clumboBox i{display: block;float: left;font-size: 12px;color: #979797;margin:0 10px}
.clumboBox h5 a{color: #979797;}
.clumboBox h5 a:hover{color: #0095e2}

.clumboBox .sharebox{
    float:right; width:240px;
}
.clumboBox .sharebox .bdsharebuttonbox a{margin-top:22px;}
.clumboBox h6{font-size: 14px;color: #979797; float:left;}
.clumboBox .wechat{color: #00ba13;
    width: 25px;

    background: url("../images/ribo2.jpg");
    height: 25px;float: right;display:inline-block;

    *display:inline;

    *zoom:1;vertical-align: middle;margin-top: 21px;}
.clumboBox .sina{ width: 25px;
    background: url("../images/ribo3.jpg");
    height: 25px;
    color: #ef4635;float: right;display:inline-block;

    *display:inline;

    *zoom:1;vertical-align: middle;margin: 0 10px;margin-top: 21px;}

.newslistbo{background: url(../images/new-bgbo.jpg) repeat-y;padding-top: 32px;}
.newslistbo .newSbo li{width: 282px; height:403px; float: left;background: #fff;overflow: hidden;margin-right: 24px;margin-bottom: 27px;}
.newslistbo .newSbo li:nth-child(4n){margin-right:0px;}
.newslistbo .newSbo li a{display:block;}
.newslistbo .newSbo li .time{position: relative;}
.newslistbo .newSbo li .time h3{background: #fff;font-size: 14px;color: #adadad;position: absolute;top: 88px;right: 27px;width: 80px;text-align: center;}
.newslistbo .newSbo li .time h1{font-size: 90px;color: #424242;text-align: right;margin-right: 20px;padding: 36px 0 15px 0;}

.newslistbo .newSbo li .text{padding: 10px 20px 20px 20px;}

.newslistbo .newSbo li .logobo{height:62px}
.newslistbo .newSbo li .text h5{font-size: 16px;color: #2b2b2b;margin-bottom: 10px; height:44px;overflow:hidden}
.newslistbo .newSbo li .text p{font-size: 14px;color: #666666;line-height: 22px;height:66px;overflow:hidden}

.newslistbo .newSbo li .text .txt{margin-top: 25px;}
.newslistbo .newSbo li .text b{display: block;font-size: 14px;color: #333333;float: left;}
.newslistbo .newSbo li .text b i{font-size: 14px;color: #424242;display:inline-block;

    *display:inline;

    *zoom:1;vertical-align: middle;margin-left: 3px;}
.newslistbo .newSbo li .text em{ float: right;display: none;background: url(../images/ribo.jpg) no-repeat;width: 29px;height: 7px;margin-top: 6px}
.newslistbo .newSbo li:hover .text b i,
.newslistbo .newSbo li:hover .text b{color: #00a9eb}
.newslistbo .newSbo li:hover .text em{display: block;}
.nieslit li,
.j-honor li,
.newslistbo .newSbo li{-webkit-transition:-webkit-box-shadow .25s,-webkit-transform .6s, opacity .8s;transition:box-shadow .25s,transform .6s, opacity .8s;  }
.nieslit li:nth-child(3n) {
    margin-right:0px;}
.nieslit li:hover,
.j-honor li:hover,
.newslistbo .newSbo li:hover{box-shadow: 0 0 8px 1px #999}

/*从这里开始是修饰产品也分页*/
div.pagediv{
    text-align: center;
}
ul.pagination{
    display: inline-block;
    padding: 0;
    margin: 0;}
ul.pagination li{display: inline;}
ul.pagination li a{
    color: black;
    float: left;
    padding: 8px 16px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color .3s;
    border: 1px solid #ddd; /* Gray */
    margin: 0 4px; /* 0 is for top and bottom. Feel free to change it */
    }
ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
/*结束产品页的修饰*/

.pagebo{overflow: hidden;text-align: center;font-size: 0;margin-bottom: 50px;margin-top: 20px;}
.pagebo a{vertical-align: middle; display:inline-block;

    *display:inline;

    *zoom:1;border: 1px solid #d8d8d8;padding:8px 18px;background: #fff;color: #8e8e8e;font-size: 16px;margin-right: 9px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.pagebo a i{display:inline-block;

    *display:inline;

    *zoom:1;font-size: 13px;vertical-align: middle;margin-right: 5px;}
.pagebo a em{display:inline-block;
    *display:inline;
    *zoom:1;font-size: 13px;vertical-align: middle;margin-left: 5px;}
.pagebo span{display:inline-block;

    *display:inline;

    *zoom:1;font-size: 16px;color: #8e8e8e;vertical-align: middle;}
.pagebo input{width: 56px;height: 34px;display:inline-block;

    *display:inline;

    *zoom:1;background: #fff;border: 1px solid #d8d8d8;text-align: center;line-height: 34px;font-size: 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pagebo .submit{width: 56px;height: 34px;display:inline-block;cursor:pointer;

    *display:inline;

    *zoom:1;border: 1px solid #d8d8d8;background: #fff;color: #8e8e8e;font-size: 16px;margin-right: 9px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-left: 10px;}
.pagebo a:hover,
.pagebo a.on{border-color: #0095e2;color: #fff;background: #0095e2}

.nieslit{overflow: hidden;}
.nieslit li{width: 380px; height:391px; float: left;background: #fff;margin-right: 30px;margin-bottom: 20px;}
.nieslit li .text{padding: 25px 30px 0 30px}

.nieslit li .text .txt span{display: block;float: left;width: 82px;border-right: 1px solid #f9f9f9;}
.nieslit li .text .txt span h1{font-size: 50px;color: #424242;text-align: center;}
.nieslit li .text .txt span h5{text-align: center;font-size: 12px;color: #adadad}

.nieslit li .text .txt .td{float: right;width: 210px;padding-left: 27px;height:112px; overflow:hidden}
.nieslit li .text .txt .td h3{font-size: 16px;color: #2b2b2b;margin-bottom: 7px;}

.nieslit li .text .txt .td p{color: #666666;line-height: 22px;}

.nieslit li .text .tx{height: 38px;line-height: 38px;border-top: 1px solid #f9f9f9;margin-top: 10px;}

.nieslit li .text .tx em{display: block;float:left;}
.nieslit li .text .tx i{float: right;background: url(../images/ribo.jpg) no-repeat;width: 29px;height: 7px;margin-top: 14px;}

.nieslit li a{display: block;width: 100%;}
.nieslit li:hover .text .txt .td h3{color: #55c6f2;}
.nieslit li:hover .text .tx em{color: #55c6f2;}


.newsShow{margin-top: 50px;
    padding-bottom: 50px;}
.newsShow .title{margin-bottom: 70px;}
.newsShow .title h1{font-size: 30px;text-align: center;color: #191919;}
.newsShow .title h5{font-size: 16px;color: #7a7a7a;text-align: center;margin-top: 15px;}

.newsShow .articleContent{
    font-size: 16px;
    color: #7a7a7a;
    text-align:inherit;
    line-height: 26px;
    margin-bottom:30px;
}


.sharelink{margin-top: 20px;margin-bottom: 30px;}
.sharelink span{display: block;float: left;font-size: 13px;color: #666666;margin-right: 10px;}
.sharelink .list{display: block;float: left;width: 1050px;}
.sharelink .list a{display: block;float:left;font-size: 13px;color: #999999;margin-bottom: 10px;}
.sharelink .list i{float: left;display: block;width: 1px;height: 15px;background: #dfdfdf;margin:  3px 10px 0 10px;}

.sharelink em{float: right;display: block;cursor: pointer;}

.heatbo{padding: 30px 0;background: #f4f4f4}

.heatbo .heatPic{width: 785px;position: relative;
    height: 499px;}
.heatbo .heatPic .prev{font-family:'宋体';width: 49px;height: 49px;background: #eceeed;text-align: center;line-height: 49px;font-size: 33px;color: #a8a8a8;position: absolute;bottom: 0;right: 0;z-index: 999}
.heatbo .heatPic .next{font-family:'宋体';width: 49px;height: 49px;background: #eceeed;text-align: center;line-height: 49px;font-size: 33px;color: #a8a8a8;position: absolute;bottom: 0;right: 49px;z-index: 999}
.heatbo .heatPic .next:hover,.heatbo .heatPic .prev:hover{background: #08a1d8;color: #fff}

.heatbo .heatPic li a{
    display: block;
    color: #ffffff;
    position: relative;}
.heatbo .heatPic li i{
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    right: 0;
    bottom: 0;}
.heatbo .heatPic li .s{
    background-color: #281770;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    opacity: 0.6;
    filter: "alpha(opacity=60)";   /* IE 8 */
    filter: alpha(opacity=60);  /* IE 4-7 */
    zoom: 1;
    padding: 10px 102px 20px 30px;
    position: absolute;
    right: 37px;
    width: 100%;
    z-index: 2;
}

.heatbo .heatPic li .s h5{
    padding-bottom: 5px;
    line-height: 46px;
    font-size: 27px;}
.heatbo .heatPic li .s p{
    line-height:24px;
    font-size: 14px;}

.newsx{background: #fff;padding: 20px 20px 0 20px;width: 375px;position: relative;}

.newsx h3{display: block;font-size: 20px;}
.newsx h3 em.on{color: #0296e2}
.newsx h3 em{
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;}
.slideTxtBox{margin-top: 43px;}
.slideTxtBox .bd .slidbo{}
.slideTxtBox .bd .slidbo ul li{overflow: hidden;margin-bottom: 16px;
    vertical-align: top;}
.slideTxtBox .bd .slidbo ul li .pic{width: 127px;height: 70px;overflow: hidden;}
.slideTxtBox .bd .slidbo ul li .text{margin-left: 11px;width: 236px;}
.slideTxtBox .bd .slidbo ul li .text h2{font-size: 16px;height: 60px;}
.slideTxtBox .bd .slidbo ul li .text h2 a{
    color: #000000;}
.slideTxtBox .bd .slidbo ul li .text h2 a:hover{
    color: #0296e2;}
.slideTxtBox .bd .slidbo ul li .text em{display: block;color: #cccccc;font-size: 12px;line-height:14px;}

.allnews {margin-bottom: 50px;}
.heatbo .newsx .viewAll{width: 415px;height: 50px;background: #fbfbfb;display: block;margin-left: -20px;font-size: 18px;text-align: center;line-height:50px;color: #c0c0c0 }
.heatbo .newsx .viewAll i{display:inline-block;

    *display:inline;

    *zoom:1;vertical-align: middle;font-size: 16px;margin-left: 10px;}
.listbox .viewAll.nodata{
    color: #fff;
    background: #ddd;
}
.listbox .viewAll.nodata:hover{
    color: #fff;
    background: #ddd;
}
.listbox .viewAll:hover,
.heatbo .newsx .viewAll:hover{
    color: #ffffff;
    background: #0095e2;}
.slideTxtBox .hd{position: absolute;right: 35px;    top: 31px;}
.slideTxtBox .hd ul li{width: 11px;height: 11px;background: url(../images/en01.jpg) no-repeat;float: left;margin-left: 10px;cursor: pointer;}
.slideTxtBox .hd ul li.on{background: url(../images/en02.jpg) no-repeat;}

.allnews{margin-top: 40px;}
.listbox{width: 842px;}
.listbox ul li{overflow: hidden;position: relative;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed  #ddd}
.listbox ul li .pic{width: 230px;margin-right: 18px}

.listbox ul li .text{float: left;width: 590px;}
.listbox ul li .text h1{font-size: 25px;font-weight: bold;margin-bottom: 10px;}
.listbox ul li .text h1 a{
    color: #000000;}
.listright .txt .td2 .text h2:hover,
.listbox ul li .text h1 a:hover{
    color: #019dda;    }
.listbox ul li .text p{font-size: 14px;color: #333;line-height: 25px;height: 58px}

.listbox ul li .text .txt i{padding: 9px 14px;display:inline-block;

    *display:inline;

    *zoom:1;color: #fff;font-size: 14px;}
.listbox ul li .text .txt i.color1{background:#019dda;}
.listbox ul li .text .txt i.color2{background:#fd9a01;}
.listbox ul li .text em{padding: 9px 14px;background: #eeeeee;color: #333;font-size: 12px;position: absolute;bottom: 20px;right: 0}

.listbox .viewAll{width: 100%;height: 55px;line-height: 55px;text-align: center;border: 1px solid #d8d7d4;color: #d8d7d4;font-size: 16px;display: block;}

.listright{width: 300px;}
.listright .txt{margin-top: 30px;}
.listright .txt span{display: block;border-bottom: 1px solid #55b8ec;overflow: hidden;margin-bottom: 20px;}
.listright .txt span h4{font-size: 18px;color: #333333;width: 75px;border-bottom: 5px solid #0095e2;float: left;padding-bottom: 5px}

.listright .txt span a{display: block;float: right;font-size: 14px;color: #0095e2}

.listright .txt .td a{padding: 10px 18px;color: #333;font-size: 14px;display:inline-block; background-color:#f3f0eb;

    *display:inline;

    *zoom:1;margin-bottom:6px;margin-right: 4px}
.listright .txt .td2  a{margin-bottom: 21px;overflow: hidden;display: block;}
.listright .txt .td2 .text{margin-left: 12px;}
.listright .txt .td2 .text h2{font-weight: bold;font-size: 14px;color: #333;width:190px;height:40px;overflow:hidden}
.listright .txt .td2 .text h5{font-size: 14px;color: #9d9d9d;margin-top: 8px}


.newspicbo .webtit{
    padding-top: 130px;}
.newspicbo .webtit span,
.newspicbo .webtit em{
    color: #ffffff;}

.mynewspicbo{
    background:#000 url(../images/bobanner.jpg) center center no-repeat;
}


.menulinks{
    line-height: 80px;
    position:relative;
    z-index:1;
    font-size: 0;
    text-align: center;
    background: #00a9eb;}
.menulinks a{
    display: block;
    margin-right: 1px;
    font-size: 17px;
    color: #ffffff;}
.menulinks a.on,
.menulinks a:hover{
    color: #2c93e8;
    background: #fff;}
.menulinks span{
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    font-size: 12px;
    opacity: .3;}

.menulinks div{
    position: relative;
}



.lvmenuwrap{
    position: relative;}
.lvmenuwrap i{
    background: #999999 ;
    height: 1px;
    left: 35px;
    position: absolute;
    top: 13px;
    width: 1135px;
    z-index: 0;}
.lvmenuwrap b{
    background: #2c93e8 ;
    height: 1px;
    left: 35px;
    position: absolute;
    top: 13px;width: 1135px;
    z-index: 1;}
.lvmenubox{
    height: 68px;
    padding-top: 19px;
    background: #f3f3f3;}
.lvmenubox ul{
    position: relative;
    z-index: 2;}
.lvmenubox li{
    width: 62px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    padding-top: 27px;
    background:url("../images/png_lc2.png") center 11px no-repeat ;
    float: right;
    text-align: center;
    margin-right: 64px;}
.lvmenubox li.on{background:url("../images/png_lc3.png") center 0 no-repeat ;}
.lvmenubox li.first{
    margin-right: 0;}
.lvmenubox li.last{
    margin-left: -3px;}



.lc-wrap{
    height: 2449px;
    background:url("../images/png_lc1.png") 223px 0 no-repeat;}


.lc-logo{
    position: relative;}
.lc-logo a{
    position: absolute;}
.lc-logo .l1{left: 77px;top: 40px;}
.lc-logo .l2{left: 37px;top: 164px;}
.lc-logo .l3{left: 69px;top: 311px;}
.lc-logo .l4{left: 137px;top: 502px;}
.lc-logo .l5{left: 189px;top: 670px;}
.lc-logo .l6{left: 195px;top: 854px;}
.lc-logo .l7{left: 110px;top: 1056px;}
.lc-logo .l8{left: 55px;top: 1246px;}
.lc-logo .l9{left: 46px;top: 1445px;}
.lc-logo .l10{left: 67px;top: 1624px;}
.lc-logo .l11{left: 112px;top: 1787px;}
.lc-logo .l12{left: 150px;top: 1959px;}
.lc-logo .l13{left: 174px;top: 2118px;}
.lc-logo .l14{left: 138px;top: 2275px;}
.lc-cnt{
    position: relative;}
.lc-cnt-wrap{
    position: absolute;}


.lc-cnt-wrap{
    width: 710px;}
.lc-cnt-wrap .lc-cnt-img{
    float: left;
    margin-bottom: 10px;
    padding:3px;box-shadow: 0 0 3px 1px #f1f1f1;
    margin-right: 29px;}

.lc-cnt-wrap  h5{
    font-weight: bold;
    font-size: 50px;
    padding-bottom: 5px;
    line-height: 48px;}
.lc-cnt-wrap  h5.color1{
    color:#2c93e8;
}
.lc-cnt-wrap  h5.color2{
    color:#00c2a4;
}
.lc-cnt-wrap  h5.color3{
    color:#ffa800;
}
.lc-cnt-wrap  h5.color4{
    color:#ff5a00;
}
.lc-cnt-wrap  h5.color5{
    color:#ff0000;
}
.lc-cnt-wrap  h5.color6,
.lc-cnt-wrap  h5.color7,
.lc-cnt-wrap  h5.color8,
.lc-cnt-wrap  h5.color9,
.lc-cnt-wrap  h5.color10{
    color:#2c93e8;
}
.lvmenu{
    height: 61px;}
.lc-cnt-wrap p{
    line-height: 26px;
    font-size: 14px;
    color: #666666;}

.lc-cnt-wrap.l1{left: 372px;top: 108px;}
.lc-cnt-wrap.l2{left: 395px;top: 339px;}
.lc-cnt-wrap.l3{left: 482px;top: 572px;}
.lc-cnt-wrap.l4{left: 490px;top: 807px;}
.lc-cnt-wrap.l5{left: 461px;top: 1039px;}
.lc-cnt-wrap.l6{left: 352px;top: 1272px;}
.lc-cnt-wrap.l7{left: 383px;top: 1511px;}
.lc-cnt-wrap.l8{left: 463px;top: 1746px;}
.lc-cnt-wrap.l9{left: 523px;top: 1981px;}
.lc-cnt-wrap.l10{left: 475px;top: 2214px;}

.lvmenubox.fixed{
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;}




/*ysj*/
.j-contact{
    padding-top: 60px;
    padding-bottom: 40px;
}
.j-contact li{
    padding-bottom: 122px;
    background: url(../images/j5.png) center bottom no-repeat;
}
.j-left{
    float: left;
}
.j-right{
    float: right;
}
.j-contact .j-left{
    width: 592px;
}
.j-contact .j-tit{
    font-size: 24px;
    color: #999999;
    border-bottom: 1px #e3e3e3 solid;
    padding-left: 77px;
    position: relative;
    line-height: 44px;
    padding-bottom: 12px;
}
.j-contact .j-tit em{
    display: block;
    font-size: 22px;
    color: #2c93e8;
    line-height: 38px;
}
.j-contact .j-tit b{
    display: block;
    width: 44px;
    height: 103px;
    background: url(../images/j1.jpg) no-repeat;
    position: absolute;
    left: 0;
    bottom: 15px;
}
.j-contact .j-tit b.i2{
    background-image:url("../images/j2.jpg");
}
.j-contact .j-tit b.i3{
    background-image:url("../images/contact_fs.png");width:55px
}
.j-contact .j-conp{
    padding-top: 13px;
}
.j-contact .j-p{
    font-size: 14px;
    color: #999999;
    line-height: 34px;
}
.j-contact .j-p b{
    width: 21px;
    height: 21px;

    display:inline-block;

    *display:inline;

    *zoom:1;
    background: url(../images/j2.png) 0 0 no-repeat;
    vertical-align: middle;
}
.j-contact .j-p b.b2{
    background-position: 0 -21px;
}
.j-contact .j-p b.b3{
    background-position: 0 -42px;
}
.j-contact .j-p b.b4{
    background-position: 0 -63px;
}
.j-contact .j-p b.b5{
    background-position: 0 -84px;
}
.j-contact .j-p b.b6{
    background-position: 0 -105px;
}
.j-contact .j-p span{
    width: 100px;
    padding-right: 2px;

    display:inline-block;

    *display:inline;

    *zoom:1;
    margin-right: 25px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    background: url(../images/j3.jpg) right center no-repeat;
}
.j-contact .j-right{
    width: 520px;
    height: 300px;
    border: 1px #dedede solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 8px;
}
.j-contact .last{
    padding-bottom: 0;
    background: none;
}
.j-culture .j-left{
    width: 500px;
    margin-top: 42px;
}
.j-culture p{
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    padding-bottom: 30px;
}
.j-culture p em{
    display: block;
    font-size: 22px;
    color: #2c93e8;
    line-height: 50px;
}
.j-culture .j-right{
    width: 667px;
}
.j-values{
    background: #f7f7f7;
    padding-bottom: 90px;
}
.j-values .p1{
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    padding-bottom: 80px;
}
.j-sixbox{
    position: relative;
    height: 358px;
    background: url(../images/j9.png) no-repeat;
}
.j-box{
    width: 184px;
    height: 184px;
    overflow: hidden;
    background: url(../images/j10.png) no-repeat;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 28px;
    position: absolute;
}
.j-box h3{
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 34px;
    padding-top: 56px;
}
.j-box1{
    left: 20px;
    bottom: 0;
}
.j-box2{
    left: 215px;
    top: 0;
    background-position: 0 -184px;
}
.j-box3{
    left: 409px;
    bottom: 0;
    background-position: 0 -368px;
}
.j-box4{
    left: 607px;
    top: 0;
    background-position: 0 -552px;
}
.j-box5{
    left: 798px;
    bottom: 0;
    background-position: 0 -736px;
}
.j-box6{
    right: 22px;
    top: 0;
    background-position: 0 -920px;
}
.j-job .j-tit{
    height: 400px;
    background:#000 url(../images/j11.jpg) center center no-repeat;
    text-align: center;
    color: #FFFFFF;
    font-size: 72px;
    line-height: 261px;
}
.j-job .j-con{
    height: 431px;
    background: url(../images/j12.png) center center no-repeat;
    position: relative;
}
.j-change{
    width: 1200px;
    height: 385px;
    background: url(../images/j13.png) center center no-repeat;
    position: absolute;
    top: -139px;
    left: 50%;
    margin-left: -600px;
    padding-top: 35px;
}
.j-sbox{
    width: 220px;
    height: 274px;
    padding-top: 26px;
    background: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin: 15px auto;
    box-shadow: 0 0 15px rgba(212,212,212,.35);
    -moz-box-shadow: 0 0 15px rgba(212,212,212,.35);
    -webkit-box-shadow: 0 0 15px rgba(212,212,212,.35);
}
.j-sbox b{
    display: block;
    width: 100px;
    height:80px;

    margin: 0 auto; margin-top: -10px;
    background-repeat: no-repeat;
}

.j-sbox .p1{
    font-size: 20px;
    color: #2d93e8;
    line-height: 40px;
    padding-top: 10px;
}
.j-sbox .p2 a{
    display: block;
    line-height: 26px;
    font-size: 14px;
    color: #333333;
}
.j-slick{
    padding-bottom: 55px;
}
.j-slick .slick-arrow{
    width: 50px;
    height: 55px;
    position: absolute;
    left: 491px;
    bottom: 0;
    background: url(../images/j19.png) center center no-repeat;
    font-size: 0;
    border: none;
    cursor: pointer;
}
.j-slick .slick-next{
    left: 661px;
    background-image: url(../images/j20.png);
}
.j-strategy{
    background: #f5f5f5;
}
.j-strategy .p1{
    font-size: 14px;
    color: #464646;
    text-align: center;
    padding: 0 53px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.j-picbox{
    padding-bottom: 112px;
}
.j-benefits{
    padding-bottom: 124px;
}
.j-honor{
    padding-bottom: 60px;
}
.j-honor li{
    float: left;
    background: #FFFFFF;
    padding: 40px 10px 0;
    width: 264px;
    border: 1px #e5e5e5 solid;
    height: 382px;
    overflow: hidden;
    margin: 18px 18px 0 0;
}
.j-honor .j-pic{
    width: 194px;
    margin: 0 auto;
}
.j-honor p{
    font-size: 13px;
    color: #333333;
    text-align: center;
    line-height: 25px;
    padding-top: 43px;
}
.j-honor .j-nomar{
    margin-right: 0;
}
.j-honor li:nth-child(4n){
    margin-right: 0;
}
.j-introduce{
    background: #f7f7f7;
}
.j-introduce .j-topp{
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 26px;
    padding: 0 100px 45px;
}
.j-cutchange{
    padding-bottom: 84px;
    position: relative;
}
.j-cutchange .bd li{
    background: #FFFFFF;
}
.j-cutchange .bd .j-pic{
    float: left;
    width: 600px;
    height: 370px;
    overflow: hidden;
}
.j-cutchange  .j-word{
    float: left;
    width: 495px;
    height: 370px;
    margin-left: 45px;
    overflow: hidden;
}
.j-cutchange  .j-word .p1{
    font-size: 32px;
    text-transform: uppercase;
    color: #ededed;
    line-height: 54px;
    padding-top: 24px;
}
.j-cutchange  .j-word .p2{
    font-size: 38px;
    color: #333333;
    line-height: 58px;
    font-weight: bold;
    padding-bottom: 11px;
    background: url(../images/j26.jpg) left bottom no-repeat;
}
.j-cutchange  .j-word .p3{
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    padding-top: 20px;
    max-height: 156px;
    overflow: hidden;
}
.j-cutchange .hd{
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 84px;
    z-index: 2;
}
.j-cutchange .hd ul{
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: -46px;
}
.j-cutchange .hd li{
    float: left;
    width: 165px;
    height: 130px;
    background: url(../images/j27.png) repeat;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 46px;
}
.j-cutchange .hd i{
    display: block;
    margin: 18px auto 0;
    width: 55px;
    height: 64px;
    background: url(../images/j31.png) no-repeat;
}
.j-cutchange .hd li.on{
    background: #FFFFFF;
    color: #2c93e8;
}
.j-cutchange .hd li.on i{
    background-image: url(../images/j32.png);
}
.j-cutchange .hd i.i1{
    background-position: 0 0;
}
.j-cutchange .hd i.i2{
    background-position: 0 -64px;
}
.j-cutchange .hd i.i3{
    background-position: 0 -128px;
}
.j-cutchange .hd i.i4{
    background-position: 0 -192px;
}
.j-cutchange .hd i.i5{
    background-position: 0 -256px;
}
.j-life{
    padding-bottom: 10px;
    background: #f7f7f7;
}
.j-jobxx{
    padding-bottom: 80px;
}
.j-jobxx .j-left{
    width: 897px;
}
.j-name{
    font-size: 40px;
    color: #000000;
    line-height: 93px;
}
.j-name span{
    float: right;
    font-size: 14px;
    line-height: 68px;

    display:inline-block;

    *display:inline;

    *zoom:1;
    vertical-align: top;
}
.j-name span a{
    display:inline-block;

    *display:inline;

    *zoom:1;
    color: #a4a4a4;
    margin: 0 10px;
}
.j-name span a.last{
    color: #3e3e3e;
}
.j-jobxx table{
    width: 100%;
    border-top: 1px #e4e4e4 solid;
    border-left: 1px #e4e4e4 solid;
}
.j-jobxx table td{
    line-height: 41px;
    border-right: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    font-size: 14px;
}
.j-jobxx table p{
    text-align: right;
    padding: 0 10px;
    color: #666666;
}
.j-jobxx table span{
    text-align: left;
    padding: 0 10px;
    display: block;
    color: #0f0f0f;
}
.j-jobxx .j-left .p1{
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    padding-top: 25px;
}
.j-jobxx .j-left .p1 em{
    display: block;
    line-height: 26px;
    font-size: 16px;
    color: #0b98de;
}
.j-tou-box{
    margin-top: 50px;
}
.j-tou{
    width: 205px;
    height: 43px;
    float:left;
    margin-right:40px;
    background: url(../images/j35.jpg) no-repeat;
}
.j-tou-box p{
    float:left;
    line-height:43px;
    font-size:14px;
    color:#999;
}
.j-jobxx .j-right{
    width: 228px;
    border: 1px #e5e5e5 solid;
    padding: 0 15px;
}
.j-jobxx .j-right .p1{
    font-size: 16px;
    color: #3b3b3b;
    line-height: 47px;
    border-bottom: 1px #e5e5e5 solid;
}
.j-jobxx .j-right ul{
    padding-top: 10px;
    padding-bottom: 50px;
}
.j-jobxx .j-right li{
    padding-left: 13px;
    line-height: 32px;
    font-size: 14px;
}
.j-jobxx .j-right li a{
    display: block;
    color: #666666;
    padding-left: 14px;
    background: url(../images/j36.jpg) left center no-repeat;
}

/*ysj*/



.bannertit{ text-align:center; color:#fff; padding-top:120px;}

.bannertit h5{font-family: 华文细黑; line-height:48px; font-weight:bold; font-size:35px; text-transform:uppercase;}
.bannertit p{ line-height:42px; border:3px solid #fff; display:inline-block;*display:inline;

    *zoom:1; font-size:24px; padding:0 20px ; margin-top:10px;}
.nm{ position:relative;}
.bannerplace{ color:#fff; position:absolute; right:0;top:0; line-height:88px;}
.bannerplace a{ color:#fff; font-size:16px;}
.bannerplace  span{ margin:0 8px;}




.sub_about .about_mian .a1 {
    min-height: 760px;
}
.sub_about .about_mian .a1 .fl {
    position: relative;
    width: 47%;
    height: 760px;
}
.sub_about .about_mian .a1 .fl .icon_81 {
    position: absolute;
    bottom: 46px;
    left: -100px;
    width: 233px;
    height: 233px;
}
.sub_about .about_mian .a1 .fl .icon_82 {
    position: absolute;
    top: -36px;
    right: 66px;
    width: 150px;
    height: 198px;
    z-index: -1;
}
.sub_about .about_mian .a1 .fl > span {
    position: absolute;
    top: 86px;
    left: 20px;
    width: 397px;
    height: 528px;
}
.sub_about .about_mian .a1 .fl .b2 {
    position: absolute;
    right: 60px;
    bottom: 50px;
    width: 227px;
    height: 296px;
    padding: 20px;
    background: #21ade8 url(../images/icon_83.png) repeat center;
    box-sizing: border-box;
    line-height: 1;
}
.sub_about .about_mian .a1 .fl .b2 h4 {
    font-size: 15px; letter-spacing:-.1em;
    color: #fff;
    text-transform: uppercase;
}
.sub_about .about_mian .a1 .fl .b2 h5 {
    border-bottom: 1px solid #fff;
    font-size:35px;

    letter-spacing:-.1em;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
}
.sub_about .about_mian .a1 .fl .b2 h6 {
    padding-top: 16px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.sub_about .about_mian .a1 .fl .b2 p {
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
}
.sub_about .about_mian .a1 .fr {
    position: relative;
    width: 50%;
    padding-top: 86px;
    padding-bottom: 80px;
}
.sub_about .about_mian .a1 .fr > h3 {
    padding-bottom: 8px; font-family: 华文细黑;
    font-size: 100px;

    color: #eeebe9;
    text-transform: uppercase;
    line-height: 90px;
}
.sub_about .about_mian .a1 .fr > h5 {
    padding-bottom: 15px;
    border-bottom: 2px solid #00AAFF;
    font-size: 30px;
    color: #333;
    line-height: 40px;
}
.sub_about .about_mian .a1 .fr > h5 span {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 20px;
}
.sub_about .about_mian .a1 .fr > h6 {
    margin-top: 20px;
    text-align: right;
}
.sub_about .about_mian .a1 .fr > h6 a {
    display:inline-block;

    *display:inline;

    *zoom:1;
    width: 137px;
    height: 45px;
    border: 2px solid #10a3e5;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}
.sub_about .about_mian .a1 .fr > h6 a i {
    display:inline-block;

    *display:inline;

    *zoom:1;
    width: 54px;
    height: 24px;
    background: url(../images/icon_84.png) no-repeat left top;
    vertical-align: middle;
}
.sub_about .about_mian .a1 .fr > h6 a span {
    font-size: 18px;
    color: #21ade8;
}
.sub_about .about_mian .a1 .fr div.big {
    width: 100%;
    height: 720px;
    overflow: hidden;
    padding-top: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sub_about .about_mian .a1 .fr div.big.hh {
    height: 230px;
}
.sub_about .about_mian .a1 .fr div.big.hh span{
    font-size:16px;
    line-height:2;
    color:#666666;
}
.sub_about .about_mian .a1 .fr div.big p {
    padding-bottom: 15px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
}
.sub_about .about_mian .a2 {
    height: 845px;
    background: url(../images/icon_85.png) no-repeat top center;
}
.sub_about .about_mian .a2 .Exp {
    padding-top: 115px;
}
.sub_about .about_mian .a2 .Exp span {
    display: block;
    width: 707px;
    height: 148px;
}
.sub_about .about_mian .a2 .mian {
    text-align: center;
}
.sub_about .about_mian .a2 .mian ul {
    padding-left: 30px;
    display:inline-block;

    *display:inline;

    *zoom:1;
    overflow: hidden;
    padding-top: 330px;
    padding-bottom: 50px;
}
.sub_about .about_mian .a2 .mian ul li {
    position: relative;
    float: left;
    width: 0;
    height: 1px;
}
.sub_about .about_mian .a2 .mian ul li:before {
    display: block;
    position: absolute;
    content: "";
    left: 10px;
    right: 11px;
    border-top: 1px solid #70a4cd;
}
.sub_about .about_mian .a2 .mian ul li:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: -70px;
}
.sub_about .about_mian .a2 .mian ul li:last-child:before {
    border: none;
}
.sub_about .about_mian .a2 .mian ul li h6 {
    position: absolute;
    top: 0;
    left: -30px;
    width: 60px;
    padding-top: 18px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.sub_about .about_mian .a2 .mian ul li h6:before {
    display: block;
    position: absolute;
    content: "";
    left: 19px;
    top: -10px;
    width: 21px;
    height: 21px;
    border: 1px solid #70a4cd;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sub_about .about_mian .a2 .mian ul li h6:after {
    display: block;
    position: absolute;
    content: "";
    left: 25px;
    top: -4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #70a4cd;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sub_about .about_mian .a2 .mian ul li span:before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    content: "";
    width: 1px;
    height: 118px;
    background: #70a4cd;
}
.sub_about .about_mian .a2 .mian ul li span:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 128px;
    content: "";
    width: 7px;
    height: 1px;
    background: #70a4cd;
}
.sub_about .about_mian .a2 .mian ul li p {
    position: absolute;
    left: 20px;
    bottom: 68px;
    min-width: 300px;
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    line-height: 26px;
}
.sub_about .about_mian .a2 .mian ul li p font {
    display: block;
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    line-height: 42px;
}
.sub_about .about_mian .a2 .mian ul li.br p font {
    text-align:right;
}
.sub_about .about_mian .a2 .mian ul li.b1 {
    width: 268px;
}
.sub_about .about_mian .a2 .mian ul li.b2 {
    width: 142px;
}
.sub_about .about_mian .a2 .mian ul li:last-child.b2 {
    width: 20px;
}
.sub_about .about_mian .a2 .mian ul li span:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99);
    transition: transform 150ms cubic-bezier(.25, .74, .22, .99);
}
.sub_about .about_mian .a2 .mian ul li span:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.25, .74, .22, .99);
    transition: transform 150ms cubic-bezier(.25, .74, .22, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}
.sub_about .about_mian .a2 .mian ul li p {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), -webkit-transform 425ms cubic-bezier(.25, .74, .22, .99);
    transition: opacity 125ms cubic-bezier(.25, .74, .22, .99), transform 425ms cubic-bezier(.25, .74, .22, .99);
}
.sub_about .about_mian .a2 .mian ul li:hover h6:before,
.sub_about .about_mian .a2 .mian ul li.on h6:before {
    border: 1px solid #fff;
}
.sub_about .about_mian .a2 .mian ul li:hover h6:after,
.sub_about .about_mian .a2 .mian ul li.on h6:after {
    background: #fff;
}
.sub_about .about_mian .a2 .mian ul li:hover span:before,
.sub_about .about_mian .a2 .mian ul li.on span:before {
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.sub_about .about_mian .a2 .mian ul li:hover span:after,
.sub_about .about_mian .a2 .mian ul li.on span:after {
    background: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
.sub_about .about_mian .a2 .mian ul li:hover p,
.sub_about .about_mian .a2 .mian ul li.on p {
    opacity: 1;
    z-index: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-delay: .112s;
    transition-delay: .112s;
}
.sub_about .about_mian .a2 .mian ul li.br p {
    left: -320px;
    text-align: left;
}
.sub_about .about_mian .a2 .mian ul li.br span:after {
    left: auto;
    right: 100%;
    margin-right: -1px;
    -webkit-transform-origin: right;
    transform-origin: right;
}
.sub_about .about_mian .a2 .mian ul li:hover.br p,
.sub_about .about_mian .a2 .mian ul li.on.br p {
    -webkit-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    transform: translateX(-18px);
}
.sub_about .about_mian .a2 .mian ul li:hover.br p.y2014,
.sub_about .about_mian .a2 .mian ul li.on.br p.y2014 {
    -webkit-transform: translateX(-148px);
    -ms-transform: translateX(-148p);
    transform: translateX(-148px);
}
.sub_about .about_mian .a2 .mian ul li:hover.br p.y2015,
.sub_about .about_mian .a2 .mian ul li.on.br p.y2015 {
    -webkit-transform: translateX(-148px);
    -ms-transform: translateX(-148p);
    transform: translateX(-148px);
}
.sub_about .about_mian .a2 .mian ul li:hover.br p.y2016,
.sub_about .about_mian .a2 .mian ul li.on.br p.y2016 {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px);
}
.sub_about .about_mian .a2 .mian ul li.br p.y2016{left:-488px}
.sub_about .about_mian .a2 .mian ul li.br p.y2017{left:-336px}
.sub_about .about_mian .a3 {
    margin-top: -110px;
    padding-bottom: 50px;
}
.sub_about .about_mian .a3 div.fl {
    position: relative;
    width: 450px;
    height: 605px;
    overflow: hidden;
    background: url(../images/pic_4.jpg) no-repeat top center;
}
.sub_about .about_mian .a3 div.fl .videoMask video {
    width: 100%;
    height: 100%;
}
.sub_about .about_mian .a3 div.fl .userInfo {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon_88.png) repeat;
    width: 100%;
    height: 100%;
}
.sub_about .about_mian .a3 div.fl .userInfo p {
    width: 100%;
    height: 100%;
    background: url(../images/icon_87.png) no-repeat center;
}
.sub_about .about_mian .a3 div.fr {
    width: 742px;
    height: 605px;
}
.sub_about .about_mian .a3 div.fr .b1 {
    width: 100%;
    height: 372px;
    background: url(../images/pic_05.jpg) no-repeat center;
}
.sub_about .about_mian .a3 div.fr .b1 .cc {
    width: 251px;
    height: 100%;
    padding: 0 28px;
    background: url(../images/icon_90.png) repeat;
    box-sizing: border-box;
    margin-left:0;
}
.sub_about .about_mian .a3 div.fr .b1 .cc i {
    display: block;
    width: 33px;
    height: 32px;
    padding: 40px 0;
    background: url(../images/icon_89.png) no-repeat center;
}
.sub_about .about_mian .a3 div.fr .b1 .cc h3 {
    font-size: 52px;
    letter-spacing:-.05em;
    color: #2c93e8; margin-left:-2px;
}
.sub_about .about_mian .a3 div.fr .b1 .cc h4 {
    font-size: 26px;
    font-weight: bold;
    color: #2c93e8;
}
.sub_about .about_mian .a3 div.fr .b1 .cc h5 {
    margin-top:70px;
    font-size: 14px;
    color: #2c93e8;
}
.sub_about .about_mian .a3 div.fr .b2 {
    margin-top: 10px;
}
.sub_about .about_mian .a3 div.fr .b2 .c1 {
    float: left;
    width: 370px;
    height: 223px;
    overflow: hidden;
    background: url(../images/pic_6.jpg) no-repeat center;
}
.sub_about .about_mian .a3 div.fr .b2 .c2 {
    float: right;
    width: 360px;
    height: 223px;
    overflow: hidden;
    background: url(../images/pic_7.jpg) no-repeat center;
}
.sub_about .about_mian .a3 div.fr .b2 .cc {
    width: 100%;
    height: 100%;
    padding: 40px 62px;
    background: url(../images/icon_88.png) repeat;
    box-sizing: border-box;
}
.sub_about .about_mian .a3 div.fr .b2 .cc h4 {
    font-size: 26px;
    color: #fff;
    line-height: 42px;
}
.sub_about .about_mian .a3 div.fr .b2 .cc h4 span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 16px;
}
.sub_about .about_mian .a3 div.fr .b2 .cc p {
    margin-top: 65px;
}
.sub_about .about_mian .a3 div.fr .b2 .cc a {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 16px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sub_about .about_mian .a3 div.fr .b2 .cc p a:hover {
    color: #21ADE8;
}

.wrap {
    width: 1200px;
    margin: 0px auto;
}

.w_fl{
    float: left;
}

/*行业解决方案*/
.w_center{
    width: 1200px;
    margin: auto;
}
.w_center{
    position: relative;
    z-index: 1;}
.w_bgbg{
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 796px;}
.w_solutions{
    position: relative;
    /*padding-top: 73px;*/

    padding-bottom: 26px;
}
.w_title{
    padding-top: 80px;
    text-align: center;
    color: #0095e2;
}
.w_title h1{
    font-size: 55px;
    text-transform: uppercase;font-family: 华文细黑;
    margin-bottom: 15px;
}
.w_title h1 span{
    font-weight: lighter;
}
.w_title h2{
    font-size: 30px;
}
.w_title h2:after{
    content: '';
    display: block;
    width: 65px;
    height: 3px;font-family: 华文细黑;
    margin: auto;
    background: #0095e2;
    margin-top: 44px;
}
.w_title h2 span{
    font-weight: normal;
}
.w_title h3{
    font-size: 26px;
    font-weight: lighter;font-family: 华文细黑;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.w_solutions .w_title{
    color: #ffffff;
}
.w_solutions .w_title h1{
    font-size: 68px;
}
.w_solutions .w_title h2{
    font-size: 32px;
}
.w_solutions .w_title h2:after{
    margin-top: 56px;
}
.w_solutions .w_icon_wrap{
    text-align: justify;

    margin-top: 60px;
    margin-bottom: 74px;
}
.w_solutions .w_icon_wrap li a{
    color: #ffffff;}
.w_solutions .w_icon_wrap li:last-child{
    margin-right: 0;}
.w_solutions .w_icon_wrap li{
    display:inline-block;

    *display:inline;

    *zoom:1;
    text-align: center;
    color: #ffffff;
    font-size: 17px;
    float: left;
    margin-right: 49px;
}
.w_solutions .w_icon_wrap li .w_pic{
    position: relative;
    width: 107px;
    height: 107px;
    margin-bottom: 17px;
}
.w_solutions .w_icon_wrap li .w_pic img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover{
    display: none;
}
.w_function .w_icon_wrap li,
.w_solutions .w_icon_wrap li{ transition:all .25s;}
.w_function .w_icon_wrap li:hover,
.w_solutions .w_icon_wrap li:hover{ transform:translate3d(0,-30px,0)}
.w_solutions .w_icon_wrap li:hover img{
    display: none;
}
.w_solutions .w_icon_wrap li:hover .w_pic_hover{
    display:inline-block;

    *display:inline;

    *zoom:1;
}
.w_solutions .w_icon_wrap li:hover{
    color: #ffa64f;
}
.w_solutions .w_con_wrap{
    position: relative;
}
.w_solutions .w_con_wrap img{
    border: 1px solid #ebebeb;
}
.w_solutions .w_con{
    position: absolute;
    right: 0;
    top: 80px;
    background: #0095e2;
    color: #ffffff;
    width: 445px;
    padding: 0 37px;
    height: 300px;
    padding-top: 52px;
}
.w_solutions .w_con h1{
    font-size: 32px;
    margin-bottom: 15px;
}
.w_solutions .w_con h2{
    font-size: 27px;
    font-weight:normal;
    margin-bottom: 29px;
    text-transform: uppercase;
}
.w_solutions .w_con p{
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
}
.w_solutions .w_con a{
    display: block;
    width: 142px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #878787;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    margin: auto;
}

/*网站功能*/
.w_function{
    text-align: center;
}

.w_function .w_icon_wrap{
    padding:60px 0;

}
.w_function .w_icon_wrap li{
    width: 122px;
    padding: 0 70px;
    display:inline-block;

    *display:inline;

    *zoom:1;
}
.w_function .w_icon_wrap li img{
    width: 100%;
}
.w_function .w_web_wrap {
    position: relative;text-align: left;
    color: #ffffff;
}
.w_function .w_web_wrap.w_web_cloth{
    background: #273139;
}
.w_function .w_web_wrap h1{
    position: absolute;
    font-size: 40px;
    line-height: 65px;
    top: 0;
    left: 22px;
    margin-bottom: 14px;
}
.w_function .w_web_wrap p{
    font-size: 16px;letter-spacing: -.05em;
    position: absolute;
    line-height: 24px;
    top: 69px;
    left: 22px;
    text-transform: uppercase;
    font-weight: lighter;
}
.w_function .w_web_wrap p span{
    font-weight: bold;
}

.w_function .w_con{
    background:#000 url("../images/w_bg3.jpg") no-repeat top center;
    overflow: hidden;
}
.w_function .w_con .w_grid{
    float: right;
}

/*行业服务优势*/
.w_advantage{

    overflow: hidden;
    padding-bottom: 82px;
}
.w_advantage:after{
    content: '';
    clear: both;
}

.w_advantage .w_title{
    color: #ffffff;
}
.w_advantage .w_icon_wrap{
    margin-top: 60px;

}
.w_advantage .w_icon_wrap li{
    float: left;
    width:258px;
    padding: 52px 21px;
    transition:all .25s;
    -webkit-transition:all .25s;
    background: #ffffff;
    height: 316px;
}
.w_advantage .w_icon_wrap li h1{
    font-weight: bold;
    font-size: 18px;
    margin-top: 48px;
}
.w_advantage .w_icon_wrap li h1:after{
    content: '';
    width: 45px;
    height: 3px;
    background:  #0095e2;
    display: block;
    margin-top: 21px;
}
.w_advantage .w_icon_wrap li h1 span{
    color: #0095e2;
}
.w_advantage .w_icon_wrap li p{
    padding-top: 20px;
    font-size: 14px;
    color: #858585;
    line-height: 24px;
}
.w_advantage .w_icon_wrap li:hover h1:after{
    background: #ffffff;}
.w_advantage .w_icon_wrap li:hover{
    position: relative;
    z-index: 1;
    background: #0095e2;

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.w_advantage .w_icon_wrap li:hover h1{
    color: #ffffff;
}
.w_advantage .w_icon_wrap li:hover p{
    color: #ffffff;
}
.w_advantage .w_icon_wrap li:hover h1 span{

    color: #ffffff;
}

.w_website_solutions .w_pic_wrap{
    overflow: hidden;
}
.w_website_solutions .w_pic_wrap li{
    float: left;
    margin-right: 40px;
    position:relative;
    background-color:#fff;
}
.w_website_solutions .w_pic_wrap li:last-child{
    margin-right:0px;
}
.w_website_solutions .w_pic_wrap li a{ transform:scale(.5);-webkit-transform:scale(.5); opacity:0; filter:Alpha(opacity=0);transition:all .25s;-webkit-transition:all .25s; width:335px; height:290px; background:#000;  left:19px; top:19px; position:absolute; text-align:center; color:#fff	; font-size:20px; line-height:34px;}
.w_website_solutions .w_pic_wrap li a i{ display:inline-block; *display:inline;

    *zoom:1;width:16px; height:16px;background: url("../images/we.png") no-repeat top center; margin-top:100px}
.w_pic_wrap{ padding-bottom:139px; padding-top:44px;}
.w_solutions .w_con a:hover{ background:#0095E2 }
.w_website_solutions .w_pic_wrap li:hover a{ transform:scale(1);-webkit-transform:scale(1); opacity:.8;filter:Alpha(opacity=80);}
.w_website_solutions .w_pic_wrap li img{width:373px; height:328px;}



.ball {
    background: url(../images/bg1.jpg) no-repeat center;
    max-width: 1920px;
    margin: 0 auto;
    height: 580px;

}
.ball .ball-inner {
    position: relative;
    width: 788px;
    margin: 0 auto;
    height: 100%;
    box-sizing: border-box;
    padding-top: 63px;
    line-height: 1;
}
.ball .ball-inner .bb {
    position: absolute;
    -webkit-animation: bounceIn .4s ease-in-out infinite alternate;
    -o-animation: bounceIn .4s ease-in-out infinite alternate;
    animation: bounceIn .4s ease-in-out infinite alternate;
}
.ball .ball-inner .bb1 {
    top: 506px;
    left: -338px;
    width: 43px;
    height: 43px;
    background: url(../images/bb1.png) no-repeat center;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.ball .ball-inner .bb2 {
    top: 510px;
    left: -86px;
    width: 14px;
    height: 14px;
    background: url(../images/bb2.png) no-repeat center;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.ball .ball-inner .bb3 {
    top: 183px;
    left: -40px;
    width: 15px;
    height: 15px;
    background: url(../images/bb3.png) no-repeat center;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.ball .ball-inner .bb4 {
    top: 25px;
    left: 450px;
    width: 18px;
    height: 18px;
    background: url(../images/bb4.png) no-repeat center;
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.ball .ball-inner .bb5 {
    top: 366px;
    left: 764px;
    width: 21px;
    height: 21px;
    background: url(../images/bb5.png) no-repeat center;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.ball .ball-inner .bb6 {
    top: 94px;
    left: 900px;
    width: 15px;
    height: 15px;
    background: url(../images/bb6.png) no-repeat center;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.ball .ball-inner .more-wrap {
    position: absolute;
    width: 224px;
    height: 48px;
    bottom: 40px;
    left: 50%;
    margin: 0 0 0 -112px;
    border-radius: 4px;
    background-color: #1a97df;
    overflow: hidden;
}
.ball .ball-inner .more-wrap:hover .more {
    top: 48px;
}
.ball .ball-inner .more-wrap:hover .more2 {
    top: 0px;
}
.ball .ball-inner .more {
    position: absolute;
    top: 0;
    left: 0;
    width: 224px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #1a97df url(../images/more.png) no-repeat 160px center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.ball .ball-inner .more2 {
    position: absolute;
    top: -48px;
    left: 0x;
    width: 224px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #1a97df url(../images/more.png) no-repeat 160px center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.ball .ball-inner .num .p1 {
    float: left;
    width: 170px;
    height: 86px;

    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.ball .ball-inner .num .p1 span {
    color: #1a97df;
    font-size: 82px;

}
.ball .ball-inner .num .p1 b {
    font-size: 54px;
    color: #1a97df;
    vertical-align: 8px;
    margin-left: 4px;
}
.ball .ball-inner .num .p1 em {
    font-size: 16px;
    color: #1a97df;
}
.ball .ball-inner .num .p2 {
    float: left;
    width: 227px;
    height: 86px;
    margin-left: 130px;

    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.ball .ball-inner .num .p2 span {
    color: #1a97df;
    font-size: 82px;

}
.ball .ball-inner .num .p2 b {
    font-size: 40px;
    color: #1a97df;
    vertical-align: 33px;
}
.ball .ball-inner .num .p2 em {
    font-size: 16px;
    color: #1a97df;
}
.ball .ball-inner .num .p3 {
    float: right;
    width: 227px;
    height: 86px;

    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.ball .ball-inner .num .p3 span {
    color: #1a97df;
    font-size: 82px;

}
.ball .ball-inner .num .p3 b {
    font-size: 40px;
    color: #1a97df;
    vertical-align: 33px;
}
.ball .ball-inner .num .p3 em {
    font-size: 16px;
    color: #1a97df;
}
.ball .ball-inner .d1 {
    position: absolute;
    cursor: pointer;
}
.ball .ball-inner .d1 dt {
    float: left;
    margin-top: 3px;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #0095e2;
    border-radius: 16px;
    cursor: pointer;
    margin-right: 6px;
}
.ball .ball-inner .d1 dt .light {
    position: absolute;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transform-origin: 100% 100%;  -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    top: -116px;
    left: -334px;
    width: 345px;
    height: 123px;
    background: url(../images/ball.png) no-repeat;
}
.ball .ball-inner .on dt{
    z-index: 1;}
.ball .ball-inner .d1.spe dt .light{
    background: url(../images/ball2.png) no-repeat;
    left: 7px;
    transform-origin: 0 100%;  -webkit-transform-origin: 0 100%;
}
.ball .ball-inner .d1 dt .light .light-inner {
    width: 324px;
    height: 86px;
    background-color: #fff;
    border-radius: 44px;
}
.ball .ball-inner .d1 dt .light .light-inner .lt {
    float: left;
    height: 78px;
    width: 78px;
    border: 4px solid #33d59c;
    border-radius: 44px;
    background: url(../images/ft.jpg) no-repeat center;
}
.ball .ball-inner .d1 dt .light .light-inner .lt1{
    background-image:url(../images/微信app客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt2{
    background-image:url(../images/移动应用.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt3{
    background-image:url(../images/响应式客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt4{
    background-image:url(../images/品牌客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt5{
    background-image:url(../images/h5活动客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt6{
    background-image:url(../images/电商平台客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt7{
    background-image:url(../images/企业客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .lt8{
    background-image:url(../images/营销活动客户.jpg);
}
.ball .ball-inner .d1 dt .light .light-inner .rg {
    float: left;
    width: 210px;
    padding-top: 10px;
    margin-left: 10px;
}
.ball .ball-inner .d1 dt .light .light-inner .rg .p1 {
    font-size: 15px;
    color: #8b8b8b;
    margin-bottom: 8px;
    line-height: 1.4;
}
.ball .ball-inner .d1 dt .light .light-inner .rg .p2 {
    font-size: 14px;
    color: #000000;
}
.ball .ball-inner .d1 dt span {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    background-color: #0095e2;
    border-radius: 8px;
    -webkit-animation: fd 2s forwards infinite;
    -o-animation: fd 2s forwards infinite;
    animation: fd 2s forwards infinite;
}
.ball .ball-inner .d1 dd {
    float: left;
}
.ball .ball-inner .d1 dd span {
    font-size: 20px;
    color: #000;

}
.ball .ball-inner .d1 dd b {
    font-size: 12px;
    color: #000;
}
.ball .ball-inner .on dt .light {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ball .ball-inner .on span {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.ball .ball-inner .on dt {
    border-color: #33d59d;
}
.ball .ball-inner .on dt span {
    background-color: #33d59d;
}
.ball .ball-inner .on dd span,
.ball .ball-inner .on dd b {
    color: #33d59d;
}
.ball .ball-inner .big dt {
    width: 20px;
    height: 20px;
    border-radius: 20px;
}
.ball .ball-inner .big dt span {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin: -7px 0 0 -7px;
    animation-delay: 1s;
}
.ball .ball-inner .big dd span {
    font-size: 26px;
}
.ball .ball-inner .big dd b {
    font-size: 14px;
}


.allist{ padding:32px 0 0 0}
.allist-img{ position:relative; overflow:hidden}
.allist-img p{ transition:all .25s; position:absolute; bottom:-53px; left:0; width:100%;  line-height:53px; background:#000; opacity:.5; color:#fff; text-indent:15px; font-size:16px;}
.allist li:hover .allist-img p{ bottom:0}
.allist li{ float:left; width:375px; height:260px; position:relative; padding-bottom:2px; margin-right:37px; margin-bottom:31px;}

.allist-wrap{ padding:13px;}
.allist-cnt{ float:left; width:263px;}
.allist-cnt h5{ line-height:30px; font-size:19px; color:#1a1a1a;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.allist-cnt p{ line-height:22px; font-size:14px; color:#666666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.allist-wrap2{ float:right; width:95px; margin-right:-13px;}
.allist-num{float:right; padding-left:20px; background: url(../images/al.png) no-repeat left center;  line-height:24px; color:#999999}
.allist-btn{float:right; width:100%; padding-top:8px; }
.allist-btn a{ margin-left:2px; float:right; width:21px; height:18px; background-position:center; background-repeat: no-repeat}
.allist-btn a.s4{ background-image: url(../images/al2.png)}
.allist-btn a.s3{ background-image: url(../images/al3.png)}
.allist-btn a.s2{ background-image: url(../images/al4.png)}
.allist-btn a.s1{ background-image: url(../images/al5.png)}
.allist-btn a.hasewm .ewms{ position:absolute; top:50px; left:0;
    width: 100%;
    color: #ffffff;
    text-align: center; transition:all .25s; transform:scale(0); opacity:0;filter:Alpha(opacity=0);
    display: none\9;}
.allist-btn a.hasewm:hover .ewms{  transform:scale(1); opacity:1;filter:Alpha(opacity=100);
    display: block\9;}
.allist-btn a.hasewm .ewms i{
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;margin: 0 15px; margin-top: -30px;
    vertical-align: top;color:#0095e2}
.allist-btn a.hasewm .ewms canvas{border:8px solid #fff;}

.allist-line{ position:absolute; height:2px; background:#3082d6; position:absolute; bottom:0; left:0; transition:all .25s; width:0}
.allist li:hover .allist-line{ width:100%}
.somelinks{ padding-top:30px;}
.smmenu{ float:left; width:929px;}
.smmenu a{ float:left; width:105px; height:33px; line-height:33px; text-align:center; border:1px solid #d8d8d8; border-radius:1px; margin-right:9px; margin-bottom:10px;}
.smmenu a:hover { color:#fff; background:#0095e2}
.smmenu a.on{color:#fff; background:#0095e2}


.somelinks .bgbg{ background:#676767; border-radius:5px; float:right; width:269px; height:125px;}
.somelinks .bgbg .searchbo{ background:#fff; margin-right:10px; margin-top:40px;}




.Qi_list1{ border-bottom: 1px solid #eaeaea; }
.Qi_list1 ul { box-sizing: border-box;
    padding-bottom: 8px;}
.Qi_list1 ul.menu_l{padding-right: 15px; width:600px;}
.Qi_list1 ul.menu_r{padding-left:15px;}
.Qi_list1 ul.menu_r li {
    width: 75px;
}
.Qi_list1 ul li{ float: left;width:110px; transition: all .25s; }
.Qi_list1 ul li:hover{ transform: translate3d(0,-10px,0)}
.Qi_list1 ul li a{ display: block;}
.Qi_list1 ul li span{ display: block; padding: 6px 0; font-size: 14px; color: #333; text-align: center;line-height: 1;}
.Qi_list1 ul li span i{ display:inline-block;

    *display:inline;
    margin-top: -10px;

    *zoom:1;width: 80px;height: 80px;}
.Qi_list1 ul li._a1 span i{ background-image: url(../images/albc1.png);}
.Qi_list1 ul{
    float: left;}
.Qi_list1 ul li._a2 span i{ background-image: url(../images/albc2.png);}
.Qi_list1 ul li._a3 span i{ background-image: url(../images/albc3.png);}
.Qi_list1 ul li._a4 span i{ background-image: url(../images/albc4.png);}
.Qi_list1 ul li._a5 span i{ background-image: url(../images/albc5.png);}
.Qi_list1 ul li._a6 span i{ background-image: url(../images/albc6.png);}
.Qi_list1 ul li._a7 span i{ background-image: url(../images/albc7.png);}
.Qi_list1 ul li._a8 span i{ background-image: url(../images/albc15.png);}
.Qi_list1 ul li._a9 span i{ background-image: url(../images/albc16.png);}
.Qi_list1 ul li._a10 span i{ background-image: url(../images/albc17.png);}
.Qi_list1 ul li._a11 span i{ background-image: url(../images/albc18.png);}
.Qi_list1 ul li._a12 span i{ background-image: url(../images/albc19.png);}
.Qi_list1 ul li.xiaochengxu span i { background-image: url(../images/albc201.png);}
.Qi_list1 ul li.on._a1  span i,
.Qi_list1 ul li._a1:hover span i{ background-image: url(../images/albc8.png);}
.Qi_list1 ul li.on._a2  span i,
.Qi_list1 ul li._a2:hover span i{ background-image: url(../images/albc9.png);}
.Qi_list1 ul li.on._a3  span i,
.Qi_list1 ul li._a3:hover span i{ background-image: url(../images/albc10.png);}
.Qi_list1 ul li.on._a4  span i,
.Qi_list1 ul li._a4:hover span i{ background-image: url(../images/albc11.png);}
.Qi_list1 ul li.on._a5  span i,
.Qi_list1 ul li._a5:hover span i{ background-image: url(../images/albc12.png);}
.Qi_list1 ul li.on._a6  span i,
.Qi_list1 ul li._a6:hover span i{ background-image: url(../images/albc13.png);}
.Qi_list1 ul li.on._a7  span i,
.Qi_list1 ul li._a7:hover span i{ background-image: url(../images/albc14.png);}
.Qi_list1 ul li.on._a8  span i,
.Qi_list1 ul li._a8:hover span i{ background-image: url(../images/albc20.png);}
.Qi_list1 ul li.on._a9  span i,
.Qi_list1 ul li._a9:hover span i{ background-image: url(../images/albc21.png);}
.Qi_list1 ul li.on._a10  span i,
.Qi_list1 ul li._a10:hover span i{ background-image: url(../images/albc22.png);}
.Qi_list1 ul li.on._a11 span i,
.Qi_list1 ul li._a11:hover span i{ background-image: url(../images/albc23.png);}
.Qi_list1 ul li.on._a12 span i,
.Qi_list1 ul li._a12:hover span i{ background-image: url(../images/albc24.png);}
.Qi_list1 ul li a:hover span,
.Qi_list1 ul li.on a span{
    color: #0095e2;}


.Q_case_1{ width: 100%; height: 422px; background: url(../images/qi_2.jpg) repeat center left;}
.cap_1{padding-top: 50px;padding-bottom: 67px;
    position: relative; }
.cap_1 .cap_tit {margin-bottom: 40px;}
.cap_1 .cap_tit .c_img{ width: 161px;height: 90px;margin-right: 30px;}
.cap_1 .cap_tit .c_img img{width: 161px; height:90px;}
.cap_1 .cap_tit .c_tit{width:870px;}
.cap_1 .cap_tit .c_tit h4{position: relative;padding-bottom: 15px; font-size: 40px; color: #3f3f3f; line-height: 1;}
.cap_1 .cap_tit .c_tit h4:before{position: absolute;left: 0;bottom: 0;width: 44px;height: 3px;content: ''; background: #00a6ea;}
.cap_1 .cap_tit .c_tit h6{margin-top: 15px; line-height: 20px;}
.cap_1 .cap_tit .c_tit h6 span{ float: left;margin-right: 30px; font-size: 16px; color: #000;}
.cap_1 .cap_tit .c_tit h6 font{ float: left;margin-right: 15px; font-size: 14px; color: #666;}
.cap_1 .cap_mian .m_1{ float: left; width: 550px; line-height: 28px;}
.cap_1 .cap_mian .m_1 p{ font-size: 14px; color: #999;}
.hj{ font-size: 14px;color: #333;
    padding-bottom: 20px;}
.hj a{ font-size: 14px;color: #333;}
.hj a.chucuo{display:inline-block;

    *display:inline;

    *zoom:1;width: 16px;height: 22px;margin-left: 15px; background: url(../images/q10.png) no-repeat center;vertical-align: top;}
.cap_1 .cap_mian .m_2{ float: left;margin-left: 120px;}
.cap_1 .cap_mian .m_2 .m_ewm{ float: left;  text-align: center;}
.cap_1 .cap_mian .m_2 .m_ewm span{ display: block;}
.cap_1 .cap_mian .m_2 .m_ewm span img{width: 100%;}
.cap_1 .cap_mian .m_2 .m_ewm font{ display: block; font-size: 12px ;color: #666; line-height: 24px;}
.cap_1 .cap_mian .m_2 .m_but{ float: left;margin-left: 30px;}
.cap_1 .cap_mian .m_2 .m_but a{ display: block; width: 164px;height: 48px; border: 2px solid #404040; font-size: 18px; color: #404040; line-height: 48px; text-align: center;}
.cap_1 .cap_mian .m_2 .m_but a i{ display:inline-block;

    *display:inline;

    *zoom:1;width: 17px;height: 18px;margin-left: 12px; background: url(../images/q11.png) no-repeat top center; vertical-align: middle;}
.cap_2{position: relative; width: 100%; height: 60px;overflow: hidden;}
.cap_2>a{position: absolute;top: 0;width: 60px;height: 60px; background: no-repeat center;}
.cap_2 .m_pr{left: 0; background-image: url(../images/q8.png);}
.cap_2 .m_nx{right: 0; background-image: url(../images/q9.png);}
.cap_2 .m_aa{left: 50%;margin-left: -30px; background-image: url(../images/q7.png);}


.bt{
    background: #000000;
    position: relative;}
.bt-tit{
    position: absolute;
    width: 1200px;
    margin-left: -600px;
    left: 50%;
    top:35%;
    text-align: center;
    color: #ffffff;}

.bt-tit h5{ font-family: 华文细黑;
    line-height:130px;
    font-size: 97px;}
.bt-tit  p{
    line-height: 49px;
    font-size: 28px;}

.alxq{
    text-align: left;
    padding:70px 0 70px 0;}
.alxq img{margin:auto;}

.thispo{
    position: absolute;
    right: 0;
    padding-top: 1px;
    top: 0;}

.thispo a{
    display: block;
    width: 106px;
    border:1px solid #f1f1f1; background-position: center;
    background-repeat: no-repeat;
    margin-top: -1px;
    height: 89px;}
.thispo a:hover,.thispo a.on{
    background-color: #00a6ea;}

.thispo a.t1{background-image: url("../images/bd1.png")}
.thispo a.t2{background-image: url("../images/bd2.png")}
.thispo a.t3{background-image: url("../images/bd3.png")}
.thispo a.t4{background-image: url("../images/bd4.png")}
.thispo a.t1:hover,.thispo a.t1.on{background-image: url("../images/bd5.png")}
.thispo a.t2:hover,.thispo a.t2.on{background-image: url("../images/bd6.png")}
.thispo a.t3:hover,.thispo a.t3.on{background-image: url("../images/bd7.png")}
.thispo a.t4:hover,.thispo a.t4.on{background-image: url("../images/bd8.png")}




.ihbanner{
    text-align: center;
    height: 475px;}
.ihbannertit{
    color: #ffffff;}
.ihbannertit h5{
    line-height: 55px;
    font-size: 38px;
    padding-top: 49px;}
.ihbannertit p{
    font-size: 27px;
    line-height: 41px;}
.ihbannertit.spe1 h5{
    color: #ef4359;}
.ihbannertit.spe1 p{
    color: #ffffff;}
.ihbannerlinks.spe1 a:hover{
    background: #f2445b;
    border:1px solid #f2445b;}
.ihbannerlinks.spe2 a:hover{
    background: #e85a4f;
    border:1px solid #e85a4f;}
.ihbannerlinks.spe3 a:hover{
    background: #956ae6;
    border:1px solid #956ae6;}


.ihbannerlinks{ padding:17px 0 40px 0;}
.ihbannerlinks a{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 150px;
    margin:0 7px;
    color: #ffffff;
    border:1px solid #fff;border-radius: 4px;}
.ihbannerlinks a:hover{
    background: #ffb033;
    border:1px solid #ffb033;}
.ihbannerimgs img{
    vertical-align: top;}
.ihbannerimg1{margin-top: 2px;}
.ihbannerimg2{
    margin:0 13px;margin-top: 15px;}

.zcmod1links a{
    display:inline-block;
    *display:inline;
    width: 224px;
    *zoom:1;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin:0 7px;
    vertical-align: top;}
.zcmod1links{
    text-align: center;
    padding:73px 0;}
.zcmod1links i{
    display: block;-webkit-transition:all .55s ;transition:all .55s ;
    width: 148px;
    height: 148px;
    margin:0 auto;
    margin-bottom: 25px;
    background-position: center;border-radius: 50%;
    background-repeat: no-repeat;
}
.j-box{-webkit-transition:all .55s ;transition:all .55s ;}
.zcmod5list li,
.wyllist li,
.zllist-img{-webkit-transition:all .35s ;transition:all .35s ;}
.wyllist li:hover,
.zllist-img:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
.zcmod5list li:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.zcmod1links .z1 i{background-image: url("../images/linksbg1.png");border:3px solid #2bedaf;}
.zcmod1links .z2 i{background-image: url("../images/linksbg2.png");border:3px solid #f7ba45;}
.zcmod1links .z3 i{background-image: url("../images/linksbg3.png");border:3px solid #b260f1;}
.zcmod1links .z4 i{background-image: url("../images/linksbg4.png");border:3px solid #2095f8;}
.zcmod1links .z5 i{background-image: url("../images/linksbg5.png");border:3px solid #e95b8a;}
.j-box:hover,
.zcmod1links a:hover i{-webkit-transform:translate3d(0,-10px,0) rotate(360deg);transform:translate3d(0,-10px,0)  rotate(360deg)}
.zcmodtit{
    text-align: center;
    padding-top: 64px;}

.zcmodtit h5{
    line-height: 64px;
    font-size: 41px;}
.zcmodtit p{
    line-height: 35px;
    font-size: 16px;}
.zcmodtit.col1 h5{color: #434e5a;}
.zcmodtit.col1 p{color: #909ca9;}
.zcmodtit.col2 h5{color: #fff;}
.zcmodtit.col2 p{color: #fff;}
.zcmodtit strong{
    font-weight: bold;}
.byy{
    height: 646px;
    margin-top: 20px;
    position: relative;
    background: url(../images/yybg1.png) center no-repeat;}
.byy i{
    width: 240px;
    height: 240px;left: 50%;
    position: absolute;}
.byy i.y1{background-image: url("../images/yy1.png");top: 35px; margin-left: -510px;}
.byy i.y2{background-image: url("../images/yy2.png");top: 35px; margin-left: -246px;}
.byy i.y3{background-image: url("../images/yy3.png");top: 35px; margin-left: 24px;}
.byy i.y4{background-image: url("../images/yy4.png");top: 35px; margin-left: 290px;}
.byy i.y5{background-image: url("../images/yy5.png");top:385px; margin-left: -371px;}
.byy i.y6{background-image: url("../images/yy6.png");top:385px; margin-left: 155px;}
.msglist{
    padding:60px 0 110px 0;}
.msglist li{
    float: left; width: 367px;

    height: 118px;
    padding:10px;
    margin-right: 19px;
    margin-bottom: 15px;
    position: relative;
}
.msglist li b{background: #000000;border-radius: 8px;
    position: absolute;-webkit-transition: all .25s;transition: all .25s;
    width: 100%;opacity: .15;
    height: 100%;
    left: 0 ;
    top: 0;
    z-index: 0;}
.msglist li i{
    margin-top: 22px;
    width: 85px;-webkit-transition: all .25s;transition: all .25s;
    position: relative;
    z-index: 1;
    height: 85px;
    float: left;}
.msglist li.m1 i{background-image: url("../images/z3_01.png")}
.msglist li.m2 i{background-image: url("../images/z3_02.png")}
.msglist li.m3 i{background-image: url("../images/z3_03.png")}
.msglist li.m4 i{background-image: url("../images/z3_04.png")}
.msglist li.m5 i{background-image: url("../images/z3_05.png")}
.msglist li.m6 i{background-image: url("../images/z3_06.png")}
.msglist-cnt{
    float: right;
    color: #ffffff;
    width: 255px;
    position: relative;
    z-index: 1;}
.msglist-cnt h5{
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;}
.msglist-cnt p{
    line-height: 22px;
    font-size: 13px;}
.msglist li:hover b{
    opacity: 1;
    background: #ffffff;}
.msglist li:hover i{transform: rotate(360deg);-webkit-transform: rotate(360deg)}
.msglist li:hover h5{color: #434e5a;}
.msglist li:hover p{color: #8c989e;}
.yzs{
    padding:94px 0;}

.yzs-cnt{
    width: 391px;
    height: 409px;background-image: url("../images/mod04_02.png")}

.yzs-wrap{
    color: #ffffff;
    padding:52px 34px 0 34px;}

.yzs-wrap h3{
    line-height: 54px;
    font-size: 41px;
    font-weight: bold;}
.yzs-wrap h4{
    line-height: 42px;
    font-size: 30px;}
.yzs-wrap h5{
    padding:14px 0;
    border-bottom:1px solid #fff;
    line-height: 24px;
    font-size: 16px;}
.yzs-wrap p{
    padding-top: 18px;
    line-height: 24px;
    font-size: 13px;}
.yzs-wrap p em{
    color:#f6ff00;
}
.zcmod5list{
    padding:97px 0;}
.zcmod5list li{
    border-radius: 8px;
    background: #ffffff;
    height: 180px;
    margin-bottom: 10px;
    width: 353px;
    padding: 47px;}

.zcmod5list-top i{
    width: 64px;
    float: left;
    height: 64px;background-image: url("../images/mod5_b1.png")}
.zcmod5list-wrap{
    width: 279px;
    float: right;}
.zcmod5list-wrap h4{
    padding-top: 6px;
    line-height: 33px;
    font-size: 24px;
    color: #666666;
    font-weight: bold;}
.zcmod5list-wrap h5{
    line-height: 18px;
    font-size: 17px;
    color: #999;}
.zcmod5list p{
    line-height: 27px;
    font-size: 16px;
    padding-top: 29px;
    color: #666666;}

.zcmod5box{
    position: relative;}

.zcmod5b{
    position: absolute;
    width: 280px;
    top: 97px;
    color: #ffffff;
    text-align: center;
    left: 460px;
    height: 558px;border-radius: 8px;
    background: #956ae6;}
.zcmod5b h5{
    padding-top: 26px;
    line-height: 86px;
    font-size: 17px;}
.zcmod5b h2{ font-size: 49px;    line-height: 52px;}
.zcmod5b h3{font-weight: bold;font-size: 49px;    line-height: 52px;}
.zcmod5b h4{font-size: 20px;    line-height: 45px;}
.zcmod5b p{font-size: 17px;
    font-weight: bold;
    padding-top: 12px;
    height: 78px;
    line-height: 29px;}

.commit{ width: 100%; overflow: hidden;}

.commit{ height: 415px; background:#000 url(../images/bg4.jpg) no-repeat center;}
.commit .fix_1{ padding: 60px 0 42px 0;}
.commit .fix_1 h4{ float: left;}
.commit .fix_1 h4 font{ display: block; font-size: 30px; color: #fff; line-height: 42px;}
.commit .fix_1 h4 span{ display: block; font-size: 14px; color: #a6c5e7; line-height: 30px;}
.commit .fix_1 input{ float: right; width: 260px; height: 50px; margin: 11px 25px 11px 0; border: none; border-radius: 3px; background: #00aaff; font-size: 16px; color: #fff;}
.zzz{ float: right; width: 220px; height: 45px;  border: none; border-radius: 3px; background: #00aaff; font-size: 16px; color: #fff;}
.commit .fix_2 p{ width: 560px; height: 45px; margin-bottom: 10px;border-radius: 3px; background: #5ca6db;}
.commit .fix_2 p input{ width: 100%; height: 45px; padding-left: 35px; border: none; background: no-repeat 10px center; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 45px;}
.commit .fix_2 p input::-webkit-input-placeholder{color: #fff;}
.commit .fix_2 .insf_1 input{ background-image: url(../images/insf_1.png);}
.commit .fix_2 .insf_2 input{ background-image: url(../images/insf_2.png);}
.commit .fix_2 .insf_3 .insf_3-1 input{ background-image: url(../images/insf_3.png);}
.commit .fix_2 .insf_3 .insf_3-2 input{ background-image: url(../images/insf_4.png);}
.commit .fix_2 .insf_3-1{ width: 234px;}
.commit .fix_2 .insf_3-2{ width: 314px; margin-left: 12px;}
.commit .fix_2 .insf_4{ width: 580px; height: 100px;border-radius: 3px;}
.commit .fix_2 .insf_4 textarea{ width: 100%; height: 100px; padding: 12px 40px; border: none; background: transparent url(../images/insf_5.png) no-repeat 10px 10px; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 20px;}
.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder{color: #fff;}
.commit .fix_2 .insf_5{ float: left; width: 240px;}
.commit .fix_2 .insf_5 input{background-image: url(../images/insf_6.png);}
.commit .fix_2>span{ float: left; width: 97px; height: 45px; margin-left: 10px; border-radius: 3px; background: #fff;}

.spe.commit .fix_2 p{
    background: #525b66;}

.bb1{
    height: 703px;}
.bb1-wrap{
    background: url(../images/aa1.png);
    width: 566px;
    position: relative;
    top: 82px;
    left: -15px;
    height: 534px;}

.bb1-cnt{
    padding: 69px 62px 0 62px;}

.bb1-cnt h3{
    line-height: 52px;
    font-weight: bold;
    font-size: 41px;
    color: #000000;
    padding-bottom: 25px;
    border-bottom:1px solid #e8e8e8;
}

.bb1-cnt h4{
    font-size: 41px;
    padding-bottom: 25px;
    border-bottom:1px solid #e8e8e8;
    line-height: 52px;
    color: #000000;}


.bb1-cnt h5{
    padding: 24px 0;
    font-size: 16px;
    line-height: 30px;
    color: #000000;}

.bb1-cnt p{
    font-size: 14px;
    line-height: 24px;
    color: #777777;}
.bb1-cnt p em{
    color: #0095e2;}

.zllist{
    padding:48px 0 66px 0;}

.zllist li{
    float: left;
    color: #ffffff;
    width: 336px;
    margin-right: 96px;}
.zllist.spe li{
    width: 286px;
    margin-right: 18px;}


.zllist li h5{
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;}
.zllist li p{
    height: 146px;
    font-size: 14px;
    line-height: 24px;}
.zllist.spe li p{
    height: 126px;}
.zllist.spe li p em{
    color:#FDCF4E;
}
.zllist-img{
    margin-left: -31px;
    width: 398px;
    overflow: hidden;
    margin-top: -18px;
    height: 298px;background-image: url("../images/zlbg1.png")}
.spe.zllist .zllist-img{
    margin-left: -31px;
    width: 348px;
    height: 281px;
    overflow: hidden;
    margin-top: -18px;background-image: url("../images/wc1.png")}
.spe.zllist .zllist-img-wrap{
    width: 286px;
    height: 160px;
    overflow: hidden;
    left: 31px;
    position: relative;
    top: 75px;border-radius: 0 0 5px 5px;}
.zllist-img-wrap{
    width: 336px;
    height: 209px;
    overflow: hidden;
    left: 31px;
    position: relative;
    top: 57px;border-radius: 0 0 5px 5px;}
.wyllist{
    padding:72px 0 105px 0;}
.wyllist-bg{
    background:url(../images/wyl1.png) 14px 212px no-repeat;
    height: 268px;
    padding-top: 20px;
    padding-left: 57px;
    padding-right: 59px;
}
.wyllist{
    width: 1220px;
    margin-left: -20px;}
.wyllist li{
    float: left;
    width: 410px;
    margin-left: -4px;
    height: 302px;background-image: url("../images/wyl2.png")}
.wyllist li.spe{
    width: 824px;
    margin-left: -10px;
    height: 302px;}
.wylist-top{
    padding-top: 38px;}
.wylist-top i{border-radius: 50%;
    background: #f2523c;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    color: #ffffff;
    font-size: 30px;
    float: left;}
.wylist-wrap{
    float: right;
    width: 213px;}
.wylist-wrap h4{
    line-height: 33px;
    padding-top: 7px;
    font-size: 24px;
    color: #666666;
    font-weight: bold;}
.wylist-wrap h5{
    line-height: 21px;
    font-size: 16px;
    color: #666666;}
.wylist-cnt{
    padding-top: 17px;}
.wylist-cnt span{
    text-align: center;
    margin:5px 0;
    color: #666666;
    font-size: 16px;
    width: 97px;
    line-height: 17px;
    border-right:1px solid #e8e8e8;
    float: left;}

.wylspe{
    padding-top: 65px;
    text-align: center;}
.wylspe i{
    display: block;
    margin:0 auto;
    width: 70px;
    height: 65px;background-image: url("../images/zes.png")}

.wylspe h5{
    padding-top: 12px;
    line-height: 40px;
    font-size: 24px;
    color: #666666;
    font-weight: bold;}
.wylspe p{
    line-height: 29px;
    font-size: 16px;
    color: #999;}


.gbbox{
    padding:95px 0;}
.gbcnt{
    padding-top: 23px;
    float: left;}
.gbcnt h5{
    color: #000000;
    margin-left: -10px;
    font-weight: bold;
    font-size: 48px;
    line-height: 135px;text-indent: 10px;
    background: url(../images/bgbgline.png) bottom left no-repeat;}

.gbcnt p{
    padding-top: 13px;
    line-height: 48px;
    font-size: 30px;
    color: #616971;}

.gblist{
    float: right;
    width: 670px;}
.gblist li{
    float: left;
    margin-bottom: 5px;
    width: 327px;
    margin-left: 5px;
    height: 113px;border-radius:8px;
    background: #ffffff;}

.gblist li i{
    float: left;
    width: 85px;background-position: center;
    background-repeat: no-repeat;
    margin-left: 17px;
    margin-top: 17px;
    height: 85px;}
.gblist li.g1 i{background-image: url("../images/gbbg1.png")}
.gblist li.g2 i{background-image: url("../images/gbbg2.png")}
.gblist li.g3 i{background-image: url("../images/gbbg3.png")}
.gblist li.g4 i{background-image: url("../images/gbbg4.png")}
.gblist li.g5 i{background-image: url("../images/gbbg5.png")}
.gblist li.g6 i{background-image: url("../images/gbbg6.png")}
.gblist-cnt{ margin-right: 17px;
    margin-top: 17px;
    float: right;
    width: 203px;}
.gblist-cnt h5{
    line-height: 26px;
    font-size: 18px;
    color: #434e5a;
    font-weight: bold;}

.gblist-cnt p{
    line-height: 16px;
    font-size: 13px;
    padding-top: 7px;
    color: #8c989e;}


.wylspe2{
    padding-top: 52px;
    text-align: center;}
.wylspe2 i{
    display: block;
    margin:0 auto;
    width: 91px;
    height: 91px;}
.wylspe2.bl1 i{background-image: url("../images/smo2.png")}
.wylspe2.bl2 i{background-image: url("../images/smo3.png")}
.wylspe2.bl3 i{background-image: url("../images/smo4.png")}
.wylspe2.bl4 i{background-image: url("../images/smo5.png")}
.wylspe2 h5{
    padding-top: 12px;
    line-height: 40px;
    font-size: 24px;
    color: #666666;
    font-weight: bold;}
.wylspe2 p{
    line-height: 29px;
    font-size: 16px;
    color: #999;}


.gx{
    height: 957px;}

.gxlist li{
    width: 562px;}

.gxlist{

    padding-top: 31px;}
.gxlist-cnt h5{
    line-height: 38px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;}
.gxlist-cnt{padding:0 17px;
    height: 210px;}
.gxlist-cnt p{
    line-height: 31px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;}

.gxlist-cnt p em{
    color: #f6ff00;}

.gx-img{
    width: 562px;
    height: 366px;
    overflow: hidden;border-radius: 0 0 5px 5px;
    margin-left: -2px;}

.bzd{text-align: left; padding:8px 0}




.bj-banner{
    height: 625px;}

.bj-banner-wrap { color: #636b73;
    padding:114px 0 0 40px;}

.bj-banner-wrap h4{
    line-height: 51px;
    font-size: 35px;
}
.bj-banner-wrap h3{
    line-height: 75px;
    font-weight: bold;
    font-size: 51px;
}

.bj-banner-wrap h5{
    line-height: 31px;
    font-size: 23px;
    padding:11px 0 23px 0;
    position: relative;}
.bj-banner-wrap h5:after{content:'';
    height: 3px;
    width: 44px;
    position: absolute;
    background: #f7b044;
    bottom: 0;
    left:0;}

.bj-banner-wrap p{
    line-height: 23px;
    font-size: 14px;
    padding:21px 0 41px 0;
    position: relative;}
.bj-banner-wrap a{border-radius: 52px;
    width: 214px;
    height: 52px;
    display: block;
    font-size: 14px;
    color: #636b73;
    border:2px solid #636b73;
    line-height: 52px;
    text-align: center;}

.bj-banner-wrap a em{
    display: inline-block;*display:inline;*zoom:1;
    padding-right: 32px;
    font-weight: bold;
    position: relative;
    left: 0;-webkit-transition: all .25s;transition: all .25s;
    background: url(../images/bj_png1.png) right center no-repeat;
}
.bj-banner-wrap a:hover em{
    left: 10px;}
.bjslide-tit{
    text-align: center;
    padding: 45px 0 42px 0;
    color: #ffffff;}
.bjslide-tit h5{
    line-height: 64px;
    font-size: 36px;
    font-weight: bold;}
.bjslide-tit p{
    line-height: 24px;
    font-size: 14px;}

.bjslide{
    padding-bottom: 93px;}

.bjTxtBox .hd{
    text-align: center;
    overflow: hidden;
}
.bjTxtBox .hd ul{
    display: inline-block;*display:inline;*zoom:1;border-radius:3px;
    overflow: hidden;}
.bjTxtBox .hd ul li{ float:left;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border:3px solid #0b3352;
    line-height: 38px;
    width: 193px; cursor:pointer;  }
.bjTxtBox .hd ul li.on{  background: #0b3352;}

.bjlc{
    margin:0 auto;
    margin-top: 68px;
    background: #ffffff;border-radius: 8px;
    overflow: hidden;box-shadow: 2px 2px 3px 1px #eceef1;
    width: 1121px;}
.bjlc-t{
    background: url(../images/bj_png2.png);
    height: 137px;}

.bjlc-table td{
    text-align: center;
    border:1px solid #e8e8e8;}

.bjlc-table td img{
    margin-top: 32px;}

.bjlc-table td h5{
    line-height: 19px;
    font-size: 14px;
    color: #636b73;}

.bjlc-table td h4{
    margin-top: 16px;
    line-height: 29px;
    font-size: 24px;
    color: #636b73;}

.bjlc-table td p{
    height: 120px;
    line-height: 24px;
    font-size: 0;
    padding:0 17px 0 46px;
    padding-top: 22px;text-align: left;
    color: #636b73;}

.bjlc-table td p em{
    font-size: 14px;
    margin-right: 13px;min-width: 100px;
    display: inline-block;*display:inline;*zoom:1;}

.bjcho{
    color: #3b99f0;
    font-size: 14px;
    line-height: 60px;}
.bjlvnext{padding: 21px;}
.bjlvnext a{
    display: block;
    width: 190px;
    height: 44px;
    line-height: 44px;
    text-align: center;-webkit-transition: all .25s;transition: all .25s;
    color: #ffffff;
    font-size: 14px;
    margin:0 auto;
    background: #3b99f0;border-radius: 5px;}
.bjlvnext a:hover{box-shadow: 1px 1px 3px 1px #3b99f0}


.bjslide2{
    height: 519px;
    background: #f4f9fd;}

.bjslide2 .bjslide-tit{
    padding-top: 60px;
    color: #636b73;}
.zd{
    padding-top: 27px;}
.zd-img{
    float: left;}

.zd-cnt{
    float: left;
    padding:0 30px;
    height: 278px;
    background: #3b99f0;
    width: 345px;}

.zd-cnt h4{
    line-height: 39px;
    font-size: 36px;
    font-weight: bold;
    padding-top: 32px;
    color: #ffffff;}

.zd-cnt h5{
    line-height:23px;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 22px;
    border-bottom:1px dashed #fff;
    color: #ffffff;}

.zd-cnt-wrap{
    padding-top: 15px;}

.zd-cnt-wrap p{
    float: left;
    width: 164px;
    line-height: 22px;
    padding-top: 5px;
    font-size: 14px;
    color: #ffde00;}
.zd-cnt-wrap  a em{display: inline-block;*display:inline;*zoom:1;
    padding-right: 50px;-webkit-transition: all .25s;transition: all .25s;
    left: 0;
    position: relative;
    background: url(../images/bj_png7.png) right center no-repeat;}
.zd-cnt-wrap  a:hover em{
    left: 10px;}
.zd-cnt-wrap  a{
    width: 160px;
    float: right;
    color: #ffffff;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    border:2px solid #fff;}

.bjform{
    height: 655px;}

.payway{
    text-align: center;
}
.payway table{ margin:0 auto;
    margin-bottom: 30px;
    width: 80%;}
.payway table td,.payway table th{

    text-align: center;
    padding:10px ;
    border:1px solid #ccc;}
.payway{padding: 50px 0 30px 0}
.payway table th{
    font-weight: bold;
    color: #666666;
    font-size: 16px;}

.payway table td{
    font-size: 14px;text-align: left;padding-left: 100px;
    line-height: 30px;}



.clumbo.spe{
    float: left;-webkit-transition: all .35s;transition: all .35s;
    overflow: hidden;
    border: none;
    position: relative;

    margin-top: -8px;}
.clumbo.spe .searchbo{
    width: 150px;
    height: 31px;}
.clumbo.spe .searchbo input{
    height: 31px;
    padding-left: 10px;
    width: 108px;
    line-height: 31px;}
.clumbo.spe .searchbo .submit{
    padding-left: 0;
    width: 26px;
    height: 22px;}
.clumbo.spe .searchbo{
    margin-top: 0;}
.clumbo.spe form {
    width: 150px;}

.thismsg{
    text-align: center;}
.thismsg h5{
    font-size: 30px;text-transform: uppercase;
    font-weight: bold;
    line-height: 70px;
    color: #0095e2;}
.thismsg p{
    font-size: 14px;
    line-height: 24px;
    color: #878787;}
.thismsg p em{
    color: #0095e2;}


.this{
    position: relative;}

.thismsg{
    position: absolute;
    left: 50%;}

.thismsg1{top: 122px;margin-left: -430px;}
.thismsg2{top: 122px;margin-left: 177px;}
.thismsg3{ margin-left: -268px;
    top: 383px;}
.thismsg4{margin-left: 23px;
    top: 383px;}


.m_ewm{
    display: none;}

.cjlbox{
    position: relative;}

.cjl h5{
    line-height: 34px;
    font-size: 18px;
    color: #444444;
    padding-bottom: 3px;}
.cjl p{
    line-height: 24px;
    font-size: 14px;
    color: #a0a0a0;}
.cjl{
    width: 320px;
    position: absolute;}
.cjl1{
    left: 62px;
    top: 48px;
}
.cjl2{
    right: 62px;
    top: 48px;
}

.cjl3{
    left: 62px;
    top: 237px;
}
.cjl4{
    right: 62px;
    top: 237px;
}

.cjl5{
    left: 62px;
    top: 432px;
}
.cjl6{
    right: 62px;
    top: 432px;
}

.cjltit{
    color: #b5b5b5;
    font-size: 33px;
    left: 566px;
    line-height: 47px;
    position: absolute;
    top: 285px;}


.cjlm{
    line-height: 31px;
    position: absolute;
    color: #ffffff;
    font-size: 18px;}

.cjlm1{
    left: 489px;
    top: 96px;}

.cjlm2{
    left: 642px;
    top: 96px;}
.cjlm3{
    left: 415px;
    top: 229px;}
.cjlm4{
    left: 709px;
    top: 245px;}
.cjlm5{
    left: 482px;
    top: 362px;}

.cjlm6{
    left: 630px;
    top: 374px;}

.cjlm{transition: all .25s;-webkit-transition: all .25s}
.cjlm:hover{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0)}





.ipa0{animation-name: ip0;-webkit-animation-name: ip0;}
.ipa1{animation-name: ip1;-webkit-animation-name: ip1;}
.ipa2{animation-name: ip2;-webkit-animation-name: ip2;}
.ipa3{animation-name: ip3;-webkit-animation-name: ip3;}
.ipa5{animation-name: ip5;-webkit-animation-name: ip5;}
.ipa6{animation-name: ip6;-webkit-animation-name: ip6;}
.ipa7{animation-name: ip7;-webkit-animation-name: ip7;}

.n0.numm0{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.n1.numm0{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.n2.numm0{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.n3.numm0{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}

.numm1{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.numm2{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.numm3{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.numm5{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.numm6{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
.numm7{
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode:forwards;

    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}
/*@keyframes an1*/
/*{*/
/*100%{background-position:center 58.5rem;}*/
/*}*/

/*@-webkit-keyframes an1*/
/*{*/
/*100%{background-position:center 58.5rem;}*/
/*}*/

@keyframes ip0
{
    100%{background-position:center 2800px;}
}

@-webkit-keyframes ip0
{
    100%{background-position: 0 2800px;}
}

@keyframes ip1
{
    100%{background-position:center 2730px}
}

@-webkit-keyframes ip1
{
    100%{background-position:center 2730px;}
}

@keyframes ip2
{
    100%{background-position:center 2660px;}
}

@-webkit-keyframes ip2
{
    100%{background-position:center 2660px;}
}

@keyframes ip3
{
    100%{background-position:center 2590px;}
}

@-webkit-keyframes ip3
{
    100%{background-position:center 2590px;}
}

@keyframes ip5
{
    100%{background-position:center 2450px;}
}

@-webkit-keyframes ip5
{
    100%{background-position:center 2450px;}
}

@keyframes ip6
{
    100%{background-position:center 2380px;}
}

@-webkit-keyframes ip6
{
    100%{background-position:center 2380px;}
}
@keyframes ip7
{
    100%{background-position:center 2310px;}
}
@-webkit-keyframes ip7
{
    100%{background-position:center 2310px;}
}

.nz0{background-position:center 2800px;}
.nz1{background-position:center 2730px;}
.nz2{background-position:center 2660px;}
.nz3{background-position:center 2590px;}
.nz5{background-position:center 2450px;}
.nz6{background-position:center 2380px;}
.nz7{background-position:center 2310px;}

.numm{*display:inline;
    *zoom:1;background-image: url("../images/num.png");
    width: 35px;
    height: 70px;
    margin-top: -6px;
    margin-left: -5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}



.m_ewm{
    margin-left: 100px;}


.m_ewmh{ margin-top: -40px;
    width: 119px;
    margin-left: 60px;}


.phbtn{
    float: left;
    width: 21px;
    height: 18px;background-image: url("../images/al3.png");
    font-size: 12px;
    color: #999;
    margin-left: 10px;}



.kefu{ position: absolute; right: 3px!important; left: auto!important; top: 300px; z-index: 10000; }
.kefu .kfdiv{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url(../images/kefu.png) no-repeat}
.kefu .c1{ background-position: 0 0}
.kefu .c2{ background-position: 0 0; position: relative; display: block}
.kfQQ{ width: 138px; margin-left: -77px; position: relative; margin-bottom: 1px; display: none}
.kfQQ .icon_qq{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url(../images/kefu.png) no-repeat -63px -64px; position: absolute; left: -63px}
.kfQQ dt{ height: 63px; background: url(../images/ket.png) no-repeat}
.kfQQ dd{ border: 1px #dcdcdc solid; border-bottom: 3px #0896de solid; width: 138px; background: #FFF}
.kfQQ dd span{ padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: #5c5c5c}
.kfQQ dd span img{ margin-right: 10px; width: 23px; height: 23px; vertical-align: middle}
.kfQQ dd span a{ color: #777; display: block; padding-top: 8px}
.kfQQ dd span a:hover{ color: #777}
.kefu .c3{ background-position: 0 -64px}
.kefu .c1:hover{ background-position: -63px 0}




.serverC {
    background-color: #f9f9f9;
    overflow: hidden;
    padding-top: 78px;
    padding-bottom: 50px;
}
.serverC .wrap ul {
    width: 1236px;
}
.serverC .wrap ul li {
    position: relative;
    float: left;
    width: 376px;
    margin-right: 36px;
    height: 480px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 40px;
    line-height: 1;
    padding-top: 16px;
}
.serverC .wrap ul li .p1 {
    padding-left: 24px;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 6px;
}
.serverC .wrap ul li .p1 span {
    color: #0095e2;
}
.serverC .wrap ul li .p2 {
    padding-left: 24px;
    text-transform: uppercase;
    font-size: 8px;
    color: #c3c3c3;
    padding-bottom: 16px;
}
.serverC .wrap ul li .d1 {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}
.serverC .wrap ul li .d1 img {
    width: 330px;
    display: block;
    height: auto;
    margin: 0 auto 20px;
    margin-bottom: 10px;
}
.serverC .wrap ul li .d1 .p3 {
    margin: 0 auto 10px;
    width: 330px;
    color: #848b8e;
    font-size: 14px;
    line-height: 26px;
    height:80px;
    overflow: hidden;
}
.serverC .wrap ul li .d1 > dl {
    padding-left: 24px;
}
.serverC .wrap ul li .d1 > dl dt {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}
.serverC .wrap ul li .d1 > dl dt a {
    border: 1px solid #b4b4b4;
    width: 104px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #000000;
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 4px;
    box-sizing: border-box;
}
.serverC .wrap ul li .d1 > dl dt a:hover {
    color: #fff;
    background-color: #0095e2;
}
.serverC .wrap ul li .d1 .more {
    position: absolute;
    bottom: 0;
    width: 72px;
    height: 32px;
    line-height: 32px;
    background-color: #7f7f7f;
    color: #ffffff;
    left: 50%;
    margin-left: -36px;
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.serverC .wrap ul li .d1 .more:hover {
    background-color: #0095e2;
}
.serverC .wrap ul li:hover {
    box-shadow: 0 0 14px 0 #ccc;
}



#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}



.sm1 li{
    height: 215px;
    width: 284px;}
.sm2 li{
    height: 215px;
    width: 412px;}
.sm3 li{
    height: 215px;
    width: 307px;}
.sm4 li{
    height: 215px;
    width: 294px;}

.sm li{
    float: left;}



.sm li em{
    width: 103px;
    height: 34px;
    font-size: 18px;
    color: #ffffff;
    line-height: 34px;
    float: left;}
.sm li em.bg1{background-image: url("../images/dn1.png")}
.sm li em.bg2{background-image: url("../images/dn2.png")}
.sm li em.bg3{background-image: url("../images/dn3.png")}
.sm li img{
    margin:0 10px;
    float: left;}
.sm li i{
    color: #ffffff;text-align: left;
    font-size: 14px;
    float: left;}


.w_grid{
    width: 865px;}



.newlistbox.show{
    left:26px;}
.newlistbox{
    position: absolute;
    top: 70px;
    left: -1000px;}


.lazysss{height: 81px;width: 127px;background-image: url("../images/loading.gif");background-position: center;margin-right: 12px;
    float: left;
    background-repeat: no-repeat;}
.protab-img{background-image: url("../images/loading.gif"); background-repeat: no-repeat;
    display: block;background-position: center;}


.menusilde{ padding: 0 50px}
.menusilde .slick-track{
    margin: 0 auto;
}
.menusilde {
    position: relative;}
.menulb .slick-arrow,
.menusilde .slick-arrow{
    cursor: pointer;
    color: #fff;
    font-size: 45px;font-family: '宋体';
    position: absolute;
    height: 85px;
    line-height: 85px;
    opacity: 1;
    font-weight: bold;
    top: 0;
    width: 30px;
    text-align: center;}
.menulb .slick-arrow{
    color: #666666;}

.menulb .slick-arrow:hover,
.menusilde .slick-arrow:hover{
    font-size: 50px;}
.menulb .slick-prev,
.menusilde .slick-prev{left:0;}
.menulb .slick-next,
.menusilde .slick-next{right:0;}

.menulb{
    padding:0 50px;
    width: 897px;}
.menulb li{
    text-align: center;
    margin-right: 0!important;}


.mynewspicbo{background:#000 url(../images/bobanner.jpg) center center no-repeat;}


.m_wrap3{width:1005px;margin:0 auto}
.m_wrap3 .line1{background:url(../images/hunuo_31.jpg) no-repeat;height:2px;font-size:0}
.m_wrap3 .line2{background:url(../images/hunuo_33.jpg) no-repeat;height:5px;font-size:0}
.m_wrap3 .bg{background:url(../images/hunuo_32.jpg) repeat-y}
.m_wrap3 .m_search{background:url(../images/hunuo_20.jpg) left center no-repeat;padding-left:70px;padding-top:15px;width:595px;margin:0 auto}
.m_wrap3 .m_search .text{background:url(../images/hunuo_21.jpg) no-repeat;width:473px;height:39px;line-height:39px;border:0;float:left}
.m_wrap3 .m_search .submit{background:url(../images/hunuo_22.jpg) no-repeat;width:115px;height:39px;border:0;float:left}
.m_wrap3 .boxes1{text-align:center;width:655px;border-bottom:#e1e1e1 1px solid;padding-top:15px;margin:0 auto;clear:both;}
.m_wrap3 .boxes1 a{display:inline-block;line-height:40px;padding:0 5px;}
.m_wrap3 .boxes1 a:hover{text-decoration:underline;}
.m_wrap3 .boxes2{width:655px;margin:0 auto;padding:15px 0}
.m_wrap3 .boxes2 li{float:left;width:118px}
.m_wrap3 .boxes2 li.last{width:65px}
.m_wrap3 .table{width:900px;margin:0 auto}
.m_wrap3 .table td{height:45px;text-align:center;font-size:14px;color:#333}
.m_wrap3 .table td.top{background:#efefef;border:#e1e1e1 1px solid;font-size:14px;color:#0b98de;text-indent:15px;text-align:left}
.m_wrap3 .table td.bg1{background:#fafafa}
.m_wrap3 .table td.b1{border-bottom:#e1e1e1 1px solid;border-left:#e1e1e1 1px solid}
.m_wrap3 .table td.b2{border-top:#e1e1e1 1px solid}
.m_wrap3 .table td.b3{border-right:#e1e1e1 1px solid}
.m_wrap3 .checkbox{margin:3px 3px 3px 4px;}


.cu_main p,.m_con1 .p1,.m_con2 p {
    font-size:14px;
    color:#666
}
.about_1{width:1000px;height:auto;padding-bottom:130px;margin:0 auto; margin-top:10px;}
.about_1 dd,.server_1 dd {
    padding-top:30px;
    display:block;
    color:#666;
    line-height:24px;
    font-size:13px
}
.about_1 dt,.contrct2 dt,.newsTop h2,.server_1 .title,.server_1 dt,.service_1 .title,.service_list dt,.similarCase dt,.wangzhan dt {
    border-bottom:1px #ececec solid;
    height:71px;
    background:url(../images/line3.jpg) no-repeat left 0;
    padding-left:9px
}
.service_1 .content,.w1000{width:1000px;height:auto;margin:0 auto}
.cu_main p,.m_con1 .p1,.m_con2 p{font-size:14px;color:#666}
.m_wrap,.m_wrap1,.m_wrap2{margin:0 auto}
.m_con2{margin:0 auto;padding:25px 0}
.taglink,.taglink:hover,.taglink:link{color:#21a1e2}
.cooperationLogo dd li img,.serviceClient dd li img,input,select,textarea{vertical-align:middle;}
.blank2{height:83px;overflow:hidden}

.m_con1{padding-left:60px;background:url(../images/hunuo_15.jpg) left center no-repeat;line-height:30px;width:940px;margin:25px auto}
.m_con1 .p2{color:#ff8700;background:url(../images/hunuo_16.jpg) left center no-repeat;padding-left:25px}
.m_table{width:1000px;border-bottom:#d2d2d2 1px solid;border-left:#d2d2d2 1px solid;margin:0 auto}
.m_table td{height:45px;border-top:#d2d2d2 1px solid;border-right:#d2d2d2 1px solid;text-align:center;font-size:13px}
.m_table td a.buy{background:url(../images/hunuo_18.jpg) 40px center no-repeat;padding-left:20px;font-size:13px;color:#0b98de}
.m_table td.bg1{background:#0b98de}
.m_table td.bg1 b{font-size:16px;color:#FFF;font-weight:bold;}
.m_table td.bg2{background:#e5f4fb}
.m_table td.bg2 b{font-size:12px;color:#6d7e86;font-weight:bold;}
.m_table td a{display:block;}
.m_con{line-height:25px;background:url(../images/hunuo_1.jpg) left top no-repeat}
.m_con .p1{color:#0b98de;font-size:14px}
.m_con2{margin:0 auto;padding:25px 0}
.m_wrap dt{text-align:center;padding:25px 0}
.m_wrap dd{padding-bottom:40px}
.m_wrap dd ul{background:url(../images/hunuo_8.jpg) left top no-repeat;height:720px}
.m_wrap dd ul li .boxes{width:460px;padding-top:82px}
.m_wrap dd ul li .boxes .img{width:190px}
.m_wrap dd ul li .boxes .con{width:215px}
.m_wrap dd ul li .boxes .con .p1{padding-bottom:5px}
.m_wrap dd ul li .boxes .con .p1 span{font-size:18px;color:#0b98de}
.m_wrap dd ul li .boxes .con .p1 b{font-size:24px;color:#dbdbdb;font-weight:bold;}
.m_wrap dd ul li .boxes .con .p2{color:#666;line-height:20px}
.right{float:right;}
.left{float:left;}
.clear{clear:both;font-size:0;line-height:0;height:0}
.m_wrap1 dt{font-size:20px;color:#0b98de;border-bottom:#e5e5e5 1px solid;padding:15px 0}
.m_wrap1 dd{padding-bottom:0px}
.m_wrap1 dd ul{padding-top:25px}
.m_wrap1 dd ul li.last{text-align:center;padding-top:70px}
.m_wrap1 dd ul li .boxes{width:450px;border-bottom:#b1b1b1 1px dashed;padding-bottom:25px}
.m_wrap1 dd ul li .boxes .p1{font-size:16px;color:#0b98de;padding:10px 0}
.m_wrap1 dd ul li .boxes .p1 i{color:#FFF;background:url(../images/hunuo_9.jpg) no-repeat;width:17px;height:17px;line-height:17px;text-align:center;display:inline-block;margin-right:5px}
.m_wrap1 dd ul li .boxes .p2{color:#666;font-size:13px;line-height:20px}
.m_wrap2 dt{font-size:24px;color:#333;background:url(../images/hunuo_11.jpg) left center no-repeat;padding-left:20px;margin:35px 0}
.m_wrap2 dd .list{position:relative;border:#dbdbdb 1px solid;width:318px;height:286px;float:left;margin-right:20px}
.m_wrap2 dd .list:hover{border:#0b98de 1px solid}
.m_wrap2 dd .list h1{font-size:14px;color:#0b98de;text-indent:15px;padding:15px 0}
.m_wrap2 dd .list .img{padding-left:20px}
.m_wrap2 dd .list ul{line-height:20px;padding:15px 0 13px 13px}
.m_wrap2 dd .list ul li{float:left;width:145px}
.m_wrap2 dd .list ul li p{color:#454545}
.m_wrap2 dd .list .last{height:55px;line-height:55px;background:#f2f2f2}
.m_wrap2 dd .list .last span{font-size:14px;color:#333;padding:0 10px}
.m_wrap2 dd .list .last span i{font-size:12px;color:#666}
.m_wrap2 dd .list .btn{position:absolute;top:20px;right:20px}
.m_wrap2 dd .list .btn a{display:block;}
.m_wrap3{width:1005px;margin:0 auto}
.m_wrap3 .line1{background:url(../images/hunuo_31.jpg) no-repeat;height:2px;font-size:0}
.m_wrap3 .line2{background:url(../images/hunuo_33.jpg) no-repeat;height:5px;font-size:0}
.m_wrap3 .bg{background:url(../images/hunuo_32.jpg) repeat-y}
.m_wrap3 .m_search{background:url(../images/hunuo_20.jpg) left center no-repeat;padding-left:70px;padding-top:15px;width:595px;margin:0 auto}
.m_wrap3 .m_search .text{background:url(../images/hunuo_21.jpg) no-repeat;width:473px;height:39px;line-height:39px;border:0;float:left}
.m_wrap3 .m_search .submit{background:url(../images/hunuo_22.jpg) no-repeat;width:115px;height:39px;border:0;float:left}
.m_wrap3 .boxes1{text-align:center;width:655px;border-bottom:#e1e1e1 1px solid;padding-top:15px;margin:0 auto}
.m_wrap3 .boxes1 a{display:inline-block;line-height:40px;padding:0 5px}
.m_wrap3 .boxes2{width:655px;margin:0 auto;padding:15px 0}
.m_wrap3 .boxes2 li{float:left;width:118px}
.m_wrap3 .boxes2 li.last{width:65px}
.m_wrap3 .table{width:900px;margin:0 auto}
.m_wrap3 .table td{height:45px;text-align:center;font-size:14px;color:#333}
.m_wrap3 .table td.top{background:#efefef;border:#e1e1e1 1px solid;font-size:14px;color:#0b98de;text-indent:15px;text-align:left}
.m_wrap3 .table td.bg1{background:#fafafa}
.m_wrap3 .table td.b1{border-bottom:#e1e1e1 1px solid;border-left:#e1e1e1 1px solid}
.m_wrap3 .table td.b2{border-top:#e1e1e1 1px solid}
.m_wrap3 .table td.b3{border-right:#e1e1e1 1px solid}
.m_wrap4{width:275px;margin:0 auto;padding:20px 0}
.m_wrap4 .img{float:left;width:143px}
.m_wrap4 .con{float:right;width:105px}
.m_wrap4 .con p{font-size:13px}
.m_wrap4 .con .p1{color:#666;line-height:25px}
.m_wrap4 .con .p2{color:#191919;line-height:20px;padding-top:30px}
.m_wrap4 .con .p3{color:#0b98de;line-height:20px}
.m_wrap5{ color:#FFF; text-align:center; background:url(../images/zonghe_034.jpg) top center repeat-x;}
.m_wrap5 .p1{ font-size:45px; padding-top:60px;}
.m_wrap5 .p2{ font-size:18px; padding-top:10px;}
.m_wrap5 .box1{ padding-top:60px;}
.m_wrap5 .box1 li{ display:inline-block; margin:0 30px;}
.m_wrap5 .box1 li p{ font-size:24px; padding-top:15px;}
.m_wrap5 .box1 li.plus{ vertical-align:55px;}
.m_wrap5 .img{ padding-top:40px;}

.paging{display:block;text-align:center}
.paging li{border:1px #cecece solid;border-radius:5px;color:#a5a5a5;margin-right:5px;display:inline-block;padding:5px 10px;cursor:pointer;*display: inline;zoom: 1;}
.paging .on,.paging li:hover{background-color:#0096DB;color:#FFF;border:1px #0096DB solid;}
.paging .hd,.paging .hd:hover{background: none;border:0;margin: 0;padding: 0;border-radius: 0;}
.FullScene{}
.FullScene .m_bg{ background:url(../images/151021_21.jpg) top center no-repeat;}
.FullScene .m_bg1{ background:#f9f9f9; border-top:#f0f0f0 1px solid;}
.FullScene .m_bg2{ background:#000;}
.FullScene .m_bg3{ background:url(../images/151021_20.jpg) top center no-repeat;}
.FullScene .m_wrap6{}
.FullScene .m_wrap6 dt .txt{ color:#FFF; font-size:15px; text-align:center; line-height:25px; padding-top:70px;}
.FullScene .m_wrap6 dt span{ display:block; text-align:center;}
.FullScene .m_wrap6 dt span.en{ padding-top:80px;}
.FullScene .m_wrap6 dt span.cn{ font-size:25px; color:#000; padding-top:15px;}
.FullScene .m_wrap6 dd .box1{ padding:118px 0;}
.FullScene .m_wrap6 dd .box1 li{ width:146px; height:262px; float:left; padding:0 20px; margin-right:17px;}
.FullScene .m_wrap6 dd .box1 li.c1{ background:#f37020;}
.FullScene .m_wrap6 dd .box1 li.c2{ background:#e57977;}
.FullScene .m_wrap6 dd .box1 li.c3{ background:#fec12a;}
.FullScene .m_wrap6 dd .box1 li.c4{ background:#7fb881;}
.FullScene .m_wrap6 dd .box1 li.c5{ background:#c289ce;}
.FullScene .m_wrap6 dd .box1 li span{ width:65px; height:65px; display:block; margin:25px auto;}
.FullScene .m_wrap6 dd .box1 li span.ico1{ background:url(../images/151021_2.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box1 li span.ico2{ background:url(../images/151021_3.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box1 li span.ico3{ background:url(../images/151021_4.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box1 li span.ico4{ background:url(../images/151021_5.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box1 li span.ico5{ background:url(../images/151021_6.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box1 li .p1{ font-size:17px; color:#FFF; text-align:center; padding-bottom:10px;}
.FullScene .m_wrap6 dd .box1 li .p2{ font-size:13px; color:#FFF; line-height:23px;}
.FullScene .m_wrap6 dd .box1 li.last{ margin-right:0;}
.FullScene .m_wrap6 dd .box2{ padding-top:65px;}
.FullScene .m_wrap6 dd .box2 li{ float:left; width:310px; margin:15px 15px 0 0; height:192px; overflow:hidden;}
.FullScene .m_wrap6 dd .box2 li img{ float:left;}
.FullScene .m_wrap6 dd .box2 li p{ font-size:14px; color:#FFF; background:#3cade5; padding:15px 20px; float:left; width:270px;}
.FullScene .m_wrap6 dd .box2 li p i{ background:url(../images/151021_8.jpg) no-repeat; width:25px; height:15px; display:block; float:right; margin-top:3px;}
.FullScene .m_wrap6 dd .box2 li .move{ position:relative; top:0;}
.FullScene .m_wrap6 dd .box3{ padding:90px 0;}
.FullScene .m_wrap6 dd .box3 li{ width:221px; height:221px; float:left; margin-right:38px;}
.FullScene .m_wrap6 dd .box3 li.c1{ background:url(../images/151021_16.jpg) no-repeat;}
.FullScene .m_wrap6 dd .box3 li.c2{ background:url(../images/151021_17.jpg) no-repeat;}
.FullScene .m_wrap6 dd .box3 li.c3{ background:url(../images/151021_18.jpg) no-repeat;}
.FullScene .m_wrap6 dd .box3 li.c4{ background:url(../images/151021_19.jpg) no-repeat;}
.FullScene .m_wrap6 dd .box3 li span{ width:65px; height:65px; display:block; margin:50px auto 15px;}
.FullScene .m_wrap6 dd .box3 li span.ico1{ background:url(../images/151021_12.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box3 li span.ico2{ background:url(../images/151021_13.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box3 li span.ico3{ background:url(../images/151021_14.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box3 li span.ico4{ background:url(../images/151021_15.jpg) center no-repeat;}
.FullScene .m_wrap6 dd .box3 li p{ text-align:center; color:#FFF; font-size:16px; line-height:25px;}
.FullScene .m_wrap6 dd .box3 li.last{ margin-right:0;}
.FullScene .m_bodybg{ background:url(../images/151021_31.png); width:100%; height:100%; position:fixed; top:0; left:0; z-index:9998; display:none;}
.FullScene .m_popup{ position:fixed; top:0; left:0; z-index:9999; display:none;}
.FullScene .m_dw{ border:#40b1e9 5px solid; position:relative; background:#FFF;}
.FullScene .m_dw .close{ background:url(../images/151021_33.jpg) no-repeat; width:27px; height:27px; position:absolute; top:-5px; right:-32px; cursor:pointer;}

.panorama_box{ width:100%; position:relative;}
.panorama_box .image_box{ margin:auto; overflow:hidden;position:relative;}
.panorama_box .image_box img{position:relative;}
.panorama_box .toolbar{ height:38px; text-align:center; padding-bottom:70px; padding-top:10px; margin:0 auto; width:290px;}
.panorama_box .toolbar span{height:38px;width:38px;margin:0 5px;cursor:pointer;display:block; float:right;}
.panorama_box .zoomin{background:url(../images/151021_24.png) no-repeat;}
.panorama_box .zoomout{background:url(../images/151021_28.png) no-repeat;}
.panorama_box .turnleft{background:url(../images/151021_27.png) no-repeat;}
.panorama_box .turnright{background:url(../images/151021_25.png) no-repeat;}
.panorama_box .start{background:url(../images/151021_26.png) no-repeat;}
.panorama_box .pause{background:url(../images/151021_30.png) no-repeat;}
.panorama_box .reset{background:url(../images/151021_29.png) no-repeat;}
.panorama_box .lamplight0{ background:url(../images/desktop-lens-01.png) no-repeat; width:100%; height:505px; position:absolute; top:-150px; left:0; z-index:99;}
.panorama_box .lamplight1{ background:url(../images/desktop-lens-02.png) no-repeat; width:100%; height:505px; position:absolute; top:-150px; left:0; z-index:99;}
.panorama_box .lamplight2{ background:url(../images/desktop-lens-03.png) no-repeat; width:100%; height:505px; position:absolute; top:-150px; left:0; z-index:99;}
.panorama_box .lamplight3{ background:url(../images/desktop-lens-04.png) no-repeat; width:100%; height:505px; position:absolute; top:-150px; left:0; z-index:99;}
.lazysss2{
    width: 222px; background-repeat: no-repeat;
    height: 144px;
    background-image: url("../images/loading.gif");
    background-position: center;
    float: left;
    margin-right: 17px;}

.yzm{margin-left:10px;}




.ppslide .slick-arrow.slick-disabled:hover,
.ppslide .slick-arrow.slick-disabled{
    cursor: inherit;
    color: #ffffff;
    background: #dedede;
    border:1px solid #dedede;}

.newlist .slick-disabled{
    opacity: .5;}
.newlist .slick-next.slick-disabled:hover{
    background-image: url("../images/png_jt2.png");
}
.newlist .slick-prev.slick-disabled:hover{
    background-image: url("../images/png_jt1.png")}



.ppslide  img{-webkit-transition: .25s all;transition: .25s all;}
.ppslide  img:hover{-webkit-transform: scale(.9);transform: scale(.9)}


.apply h1{font-size:26px;font-weight:700;color:#0b98de;padding:20px 0}
.apply .articleTool{color:#666;font-size:14px;margin:10px 0 0 10px;}
.apply .applyTb td{font-size:16px;line-height:38px;padding:5px 0}
.apply .applyTb .nedd{color:#b20202;width:10px;padding:0 5px}
.apply .applyTb td label{margin:0 15px 0 4px}
.apply .applyTb td.ContactType input{vertical-align:text-top}
.apply INPUT[type=text]{border:1px solid #d3d3d3;color:#666;font-size:14px;width:400px;height:38px;line-height:38px;padding:2px}
.apply .txt{border:1px solid #d3d3d3}
.apply #ContactType{border:1px solid #d3d3d3;font-size:14px;width:150px;height:25px;line-height:25px}
.apply .articlePreNext{color:#acacac;line-height:25px;text-align:right}

.articleContent{width:1000px;height:auto;padding-bottom:130px;display:block;color:#666;line-height:24px;font-size:13px;margin:0 auto}


.S_news{ width:1200px; height:630px; margin:0 auto; }
.N_Menu{ height:170px; font-size:14px;}
.N_Menu h2{ font-size:30px; text-align:center; color:#000000; font-weight:normal; float:left; height:80px; width:1200px; line-height:80px; margin-top:20px;}
.N_Menu ul{ height:30px; padding:45px 0; margin:0 auto; width:330px;}
.N_Menu ul li{ float:left; margin-left:10px;}
.N_Menu ul li a{text-align:center; width:100px; display:block; height:30px; line-height:30px;}
.N_Menu ul li a:hover,.N_Menu ul li a.on {text-align:center; width:100px; display:block; height:30px;background:#eb5300; line-height:30px; color:#fff;}



.N_content{ height:440px; display:none; overflow:hidden; width:1200px;}
.N_content_l{ width:610px; height:440px; float:left; overflow:hidden;}
.N_content_l dl{ width:295px; margin-right:10px; float:left;}
.N_content_l dl dt img{ width:300px; height:200px;}
.N_content_l dl dd h2{ width:300px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:56px; overflow:hidden; font-weight:normal;}
.N_content_l dl dd p{ width:300px; color:#666666; height:105px; overflow:hidden;}
.N_content_l dl dd span{ width:300px; color:#666666;}
.N_content_l dl dd span a{ width:68px; float:right;}

.N_content_r{ width:570px; height:440px; float:right; overflow:hidden;}
.N_content_r ul{}
.N_content_r ul li{ height:105px; margin-bottom:5px;}
.N_content_r ul li dl{ width:90px; height:90px; margin-right:15px; border:1px solid #c1c1c1; float:left;}
.N_content_r ul li dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li dl dd{  text-align:center;}
.N_content_r ul li h2{ font-size:16px; line-height:30px; width:460px; float:left; font-weight:normal;}
.N_content_r ul li p{ font-size:12px; color:#666666; width:450px; float:left;}

.N_content_r ul li:hover{ height:105px; margin-bottom:5px; background:#0068b7; color:#fff}
.N_content_r ul li:hover dl{ width:90px; height:90px; margin-right:15px;float:left; border:1px solid #0068b7}
.N_content_r ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li:hover dl dd{  text-align:center;}
.N_content_r ul li:hover h2{ font-size:16px; line-height:30px; width:460px; float:left;}
.N_content_r ul li:hover h2 a{ color:#fff;}
.N_content_r ul li:hover p{ font-size:12px; color:#fff;width:450px;}

/**新闻详情**/
.newsinfo{ width:1100px; margin:auto;}
.newsinfo .topinfo{ width:100%; margin-top:12px;height: 1px;}
.newsinfo .topinfo .left{ float:left;}
.newsinfo .topinfo .left ul{}
.newsinfo .topinfo .left ul li{ float:left; margin-left:10px;}
.newsinfo .topinfo .right{ float:right; color:#666666; font-size:12px; line-height:20px; background:url(../images/news_home_1.jpg) no-repeat left 4px; text-indent:18px;}
.newsinfo .topinfo .right a{color:#666666;}
.newsinfo h1{ font-size:30px; line-height:30px; color:#000000; font-weight:normal; text-align:center; margin-top:15px;}
.newsinfo h4{ font-size:14px; color:#999999; line-height:30px; text-align:center; font-weight:normal; margin-top:11px; }
.newsinfo .line{ background:#dddddd; height:1px; width:100%; margin-top:28px;margin-bottom:40px;}
.newsinfo .p{ color:#4c4c4c; font-size:14px; line-height:24px; margin-top:25px; text-indent:28px;}
.newsinfo .img{ margin-top:25px;}
.newsinfo h5{ font-size:14px; color:#000000; line-height:30px;  margin-top:25px; text-indent:28px;  }
.newsinfo .return{ width:129px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:16px; background:url(../images/jreturn_1.png) no-repeat; margin:auto; margin-top:16px; opacity:0.91}
.newsinfo .return:hover{ opacity:1}
.newsinfo .return a{ color:#fff;width:129px; display:block;}
.newsinfo .nextorper{ width:1098px; height:98px; border:1px solid #e6e6e6; margin-top:10px;margin-bottom: 12px;}
.newsinfo .nextorper ul { margin-top:20px;}
.newsinfo .nextorper ul li{ margin-left:20px; line-height:30px; height:30px;}
.newsinfo .nextorper ul li a{color:#666666}
.newsinfo .nextorper ul li a:hover{ color:#ec681d}
/**新闻详情**/