body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding:0;
    margin:0
}
li {
    list-style:none
}
a {
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    text-decoration:none;
    outline:0
}
a:hover {
    text-decoration:none
}
body {
    font-family:"Hiragino Sans GB", "Tahoma", "Arial", "sans-self", "Microsoft Yahei", "SimSun"!important
}
html, body {
    height:100%
}
.clr {
    clear:both;
    display:block
}
.container {
    position:relative;
    padding:5%
}
.center a {
    margin:0 10px;
    color:#333
}
.center span.active {
    color:#3799ef;
    margin-left:10px
}
#main-nav, #cd-cart {
    overflow-y:inherit!important
}
.content {
    overflow:auto;
    position:relative;
    width:740px;
    max-width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.navbar {
    border-radius:0;
    border:0;
    margin-bottom:0;
    padding:0 5%;
    position:fixed;
    z-index:2222;
    left:0;
    top:0!important;
    width:100%
}
.carousel, .carousel-inner, .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    height:100%;
    margin-top:50px
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height:100%
}
.navbar-brand {
    height:auto;
    padding:19px 0
}
.navbar-nav {
    float:right
}
.navbar-nav>li>a {
    line-height:35px;
    padding:20px 19px;
    font-size:14px;
    color:#666
}
.navbar-nav>li>a i {
    font-weight:bold;
    font-size:24px
}
.navbar-nav>li>a:hover {
    color:#3799ef!important
}
.navbar-nav>li>a.last {
    background:#3799ef!important;
    color:#fff!important;
    padding:5px 15px!important;
    border-radius:25px;
    line-height:1;
    margin-top:25px;
    margin-left:15px
}
.navbar-nav>li>a.last:hover {
    color:#fff!important;
    background:#3799ef
}
.navbar-collapse {
    padding:0
}
.carousel-indicators li {
    width:20px;
    height:8px;
    background:#fff;
    margin:0 10px;
    border-radius:5px;
    border:0
}
.carousel-indicators .active {
    width:20px;
    height:8px;
    background:#3799ef;
    border-radius:5px;
    margin:0 10px
}
.i-box .part {
    padding:45px 50px;
    position:relative;
    min-height:250px;
    color:#fff;
    overflow:hidden
}
.i-box .part a {
    height:250px;
    display:block
}
.i-box .part a p {
    color:#fff
}
.i-box .part a .title {
    line-height:1;
    font-size:30px;
    margin-bottom:15px
}
.i-box .part a .des {
    font-size:14px;
    line-height:24px;
    margin-bottom:35px
}
.i-box .part a .st {
    font-size:14px;
    margin-bottom:10px;
    padding-left:20px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative
}
.i-box .part a .st i {
    position:absolute;
    top:0;
    left:0;
    width:15px;
    vertical-align:0;
    height:20px;
    line-height:20px;
    font-size:12px;
    letter-spacing:-1em;
    text-indent:-99em;
    color:transparent;
    background:url(../../../statics/images/list_arr.png) -15px 0 no-repeat;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.i-box .part a .st:hover i {
    background:url(../../../statics/images/list_arr.png) 0 0 no-repeat
}
.i-box .part a .fl {
    float:left;
    width:50%
}
.i-box .part a .more {
    display:block;
    position:absolute;
    right:30px;
    bottom:30px;
    width:46px;
    height:46px;
    line-height:46px;
    text-align:center;
    border:#fff 1px solid
}
.i-box .part a .more:hover {
    background-color:#fff
}
.i-box .part a .more .icon {
    display:block;
    width:46px;
    height:46px;
    font:0/0 a;
    letter-spacing:-9px;
    margin:0;
    color:#fff;
    background:url(../../../statics/images/ipart01_arr.png) -46px 0 no-repeat;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.i-box .part a .more .icon:hover {
    background-position:0 0
}
.i-box .green {
    background:#3799ef
}
.i-box .grey {
    background:#666
}
.i-box .red {
    background:#ec4429
}
.i-box .org {
    background:#C38E13
}
.i-box .white {
    background:#f3f3f3
}
.i-box .white a .st i {
    background-position:-15px -20px!important
}
.i-box .white a .st:hover i {
    background:url(../../../statics/images/list_arr.png) 0 -20px no-repeat!important
}
.i-box .white p {
    color:#585858!important
}
.i-box .white p:hover {
    color:#f60!important
}
.i-box .white .more {
    border-color:#f60!important
}
.i-box .white .more:hover {
    background-color:#f60!important;
    border-color:#f60!important
}
.i-box .white .more .icon {
    background-position:0 0!important
}
.i-box .white .more .icon:hover {
    background-position:0 -46px!important
}
.i-box .blue {
    background:#6592c1
}
.icon {
    font-family:"jrico"!important;
    display:inline-block;
    vertical-align:middle;
    margin:0 .3em;
    font-size:1.1em;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:.2px;
    -moz-osx-font-smoothing:grayscale
}
.is_animated {
    -webkit-transition-duration:1.2s;
    -webkit-transition-property:-webkit-transform, opacity;
    -webkit-transition-delay:.15s;
    -webkit-transition-timing-function:'ease-in-out';
    -moz-transition-duration:1.2s;
    -moz-transition-property:all;
    -moz-transition-delay:.15s;
    -moz-transition-timing-function:'ease-in-out';
    -o-transition-duration:1.2s;
    -o-transition-property:transform, opacity;
    -o-transition-delay:.15s;
    -o-transition-timing-function:'ease-in-out';
    -ms-transition-duration:1.2s;
    -ms-transition-property:transform, opacity;
    -ms-transition-delay:.15s;
    -ms-transition-timing-function:'ease-in-out';
    transition-duration:1.2s;
    transition-property:transform, opacity;
    transition-delay:.15s;
    transition-timing-function:'ease-in-out';
    -webkit-transform:rotatex(-80deg) translateZ(0);
    -ms-transform:rotatex(-80deg) translateZ(0);
    transform:rotatex(-80deg) translateZ(0);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0;
    filter:alpha(opacity=0)
}
.is_animated.revealed {
    -webkit-transform:rotatex(0) translateZ(0);
    -ms-transform:rotatex(0) translateZ(0);
    transform:rotatex(0) translateZ(0);
    opacity:1;
    filter:alpha(opacity=100)
}
.part1 {
    transition-delay:0s;
    -webkit-transition-delay:0s
}
.part2 {
    transition-delay:.15s;
    -webkit-transition-delay:.15s
}
.part3 {
    transition-delay:.3s;
    -webkit-transition-delay:.3s
}
.part4 {
    transition-delay:0;
    -webkit-transition-delay:0
}
.part5 {
    transition-delay:.15s;
    -webkit-transition-delay:.15s
}
.part6 {
    transition-delay:.3s;
    -webkit-transition-delay:.3s
}
.i-common-top {
    padding:60px 0
}
.i-common-top h2 {
    color:#000;
    font-size:40px;
    line-height:1;
    text-align:center;
    margin-bottom:20px;
    font-weight:bold
}
.i-common-top h2 a {
    color:#000
}
.i-common-top p {
    color:#777;
    font-size:20px;
    line-height:30px;
    text-align:center;
    padding:10px 20px
}
.wt .i-tab {
    text-align:center;
    margin-bottom:30px
}
.wt .i-tab a {
    display:inline-block;
    white-space:nowrap;
    padding:0 10px;
    height:44px;
    line-height:44px;
    position:relative;
    font-size:15px;
    margin:0 18px;
    color:#555
}
.wt .i-tab a:hover {
    color:#3799ef
}
.wt .i-tab a:hover:after {
    width:100%;
    left:0
}
.wt .i-tab a:after {
    content:'';
    display:block;
    width:0;
    height:1px;
    background-color:#3799ef;
    overflow:hidden;
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.wt .i-tab .active {
    color:#3799ef
}
.wt .i-tab .active:after {
    width:100%;
    left:0
}
.i-case .part {
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    padding:0
}
.i-case .part:hover ._mask {
    opacity:1;
    display:block / 9;
    visibility:visible
}
.i-case .part:hover ._mask a {
    opacity:1;
    display:block / 9;
    margin-top:0
}
.i-case .part:hover ._img ._n {
    bottom:-40px
}
.i-case .part .a {
    position:relative;
    display:block;
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:66%
}
.i-case .part img {
    width:100%;
    height:auto
}
.i-case .part ._n {
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:24px;
    font-weight:normal;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.i-case .part ._mask {
    width:100%;
    height:100%;
    position:absolute;
    text-align:left;
    background:url(../../../statics/images/orange.8.png)
}
.i-case .part ._mask a {
    display:block;
    color:#fff;
    padding:20px 10%;
    opacity:0;
    display:none / 9;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    margin-top:30px;
    transition-delay:.2s;
    -webkit-transition-delay:.2s
}
.i-case .part ._mask {
    left:0;
    top:0;
    opacity:0;
    display:none / 9;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    visibility:hidden
}
.i-case .part ._mask ._tag {
    display:inline-block;
    font-size:16px;
    border-bottom:#fff 1px solid;
    line-height:40px
}
.i-case .part ._mask ._n {
    display:block;
    margin-bottom:5px;
    margin-top:7%;
    color:#fff
}
.i-case .part ._mask ._text {
    font-size:13px;
    line-height:1.8em;
    max-height:5.4em;
    overflow:hidden
}
.i-case .part ._mask ._more {
    display:inline-block;
    width:auto;
    height:42px;
    line-height:42px;
    background:#d95204;
    color:#fff;
    padding:0 50px;
    font-size:14px
}
.i-case .more {
    display:inline-block;
    background-visibility:hidden;
    border:#3799ef 1px solid;
    height:38px;
    line-height:38px;
    padding:0 100px 0 60px;
    position:relative;
    color:#3799ef;
    margin:40px 0
}
.i-case .more:hover {
    background:#3799ef;
    color:#fff
}
.i-case .more:hover i {
    background-position:0 0
}
.i-case .more i {
    display:block;
    width:25px;
    height:13px;
    background:url(../../../statics/images/more_ico.png) -25px 0 no-repeat;
    position:absolute;
    right:28px;
    top:50%;
    margin-top:-6px
}
.navbar-default {
    background:#Fff;
    box-shadow:0 1px 6px 0 #d1d1d1
}
.carousel-inner>.item {
    height:100%
}
.gr {
    background:#f6f6f6
}
.inner_wrap {
    margin-left:5%;
    margin-right:5%
}
.pageFooter {
    background-color:#222;
    padding:0 0 15px;
    color:#fff;
    font-size:14px;
    width:100%
}
.pageFooter a {
    color:#a2a5a8;
    display:inline-block
}
.pageFooter a:hover {
    color:#fff
}
.pageFooter .lt {
    display:inline-block;
    margin:0 10px
}
.pageFooter .foot2 .lt {
    width:25%;
    margin:0;
    padding:5px 0
}
#hero-text h2 {
    margin-bottom:20px;
    line-height:40px
}
#hero-text p {
    margin:0 0 10px;
    line-height:24px
}
.special_feature_area {
    background-color:#f6f6f6;
    color:#777
}
.feature_text {
    text-align:center
}
.feature_text h5 {
    font-weight:500;
    font-size:20px;
    color:#000;
    margin-bottom:20px
}
.feature_text p {
    font-size:12px;
    line-height:20px
}
.feature-box-icon {
    text-align:center;
    margin-bottom:15px;
    margin-top:-30%
}
.foot_nums {
    height:360px;
    position:relative;
    margin-bottom:0!important;
    background-color:#f60
}
#canvas_box, #anitOut, #anitOut canvas {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.canvas_box {
    background:url(../../../statics/images/canvas_ie.jpg) 50% 0 no-repeat;
    background-size:100% 100%
}
.foot_nums .inner_wrap {
    position:relative;
    z-index:2;
    color:#fff;
    padding-top:50px
}
.animate_nums li {
    width:20%;
    float:left;
    text-align:center;
    font-size:15px;
    padding-top:55px
}
.animate_nums .num {
    line-height:1.1
}
.animate_nums .num span {
    font-size:75px;
    font-family:Impact;
    font-weight:normal
}
.pageFooter .foot2 .lt {
    width:25%
}
.pageFooter .foot3 .lt:first-child {
    margin-left:0
}
.pageFooter .foot3 .lt.first {
    margin-left:0
}
.foot1 {
    padding:50px 0 35px
}
.foot1 .box {
    padding-left:220px;
    position:relative;
    min-height:255px
}
.foot1 dl {
    width:20%;
    padding-left:5%;
    float:left
}
.foot1 dt {
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px
}
.foot1 dt a {
    color:#fff
}
.foot1 dd {
    margin-bottom:14px
}
.foot1 .qr_code {
    position:absolute;
    left:0;
    top:0;
    width:auto;
    float:none;
    padding-left:0
}
.foot1 .qr_code dt {
    margin-bottom:15px
}
.foot2, .foot3 {
    font-size:12px;
    color:#a2a5a8;
    text-align:left
}
.foot2 {
    margin-bottom:15px
}
.foot2 .inner_wrap {
    border-top:#4d555d 1px solid;
    border-bottom:#4d555d 1px solid;
    text-align:center;
    padding:10px 0;
    line-height:20px;
    text-align:left
}
.foot3 {
    padding:15px 0
}
.foot3 .links {
    margin-left:10px;
    display:inline-block
}
.rencai_footer .foot2, .rencai_footer .foot3 {
    color:#fff;
    opacity:.8
}
.rencai_footer a {
    color:#fff;
    opacity:.8
}
.rencai_footer .foot2 .inner_wrap {
    border-color:rgba(255, 255, 255, 0.5)
}
.fix:before, .fix:after {
    display:table;
    clear:both;
    content:''
}
.i-container {
    margin:0 5%
}
@media(min-width:769px) {
    .i-news a {
        float:left;
        width:23%;
        margin-right:2%;
        margin-bottom:1%
    }
}
@media(max-width:1200px) {
    .navbar-nav>li {
        margin-left:10px
    }
    .navbar-nav>li>a {
        padding:20px
    }
}
@media(max-width:769px) {
    .navbar-nav {
        float:left!important
    }
    .navbar-nav>li {
        margin-left:10px
    }
    .navbar-nav>li>a {
        padding:10px
    }
}
.i-news a {
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.i-news a .sqr {
    overflow:hidden;
    width:100%;
    position:relative
}
.i-news a:hover .black40 {
    opacity:.4;
    filter:alpha(opacity=40)
}
.i-news a .sqr img {
    position:relative;
    max-width:none!important
}
.i-news a .inf {
    font-size:12px;
    color:#999;
    line-height:22px;
    padding-bottom:10px
}
.i-news a .info {
    padding:20px 5%;
    background:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    margin-bottom:20px
}
.i-news a .info .title {
    font-size:18px;
    color:#333;
    margin-top:10px;
    margin-bottom:15px
}
.i-news a .info .des {
    font-size:12px;
    color:#999;
    line-height:22px;
    padding-bottom:35px;
    border-bottom:1px solid #f0f0f0
}
.i-news a .info .more {
    margin-top:15px;
    font-size:12px;
    color:#555
}
.i-news a .info i {
    position:absolute;
    right:0;
    bottom:0;
    width:46px;
    height:46px;
    font:0/0 a;
    letter-spacing:-9px;
    margin:0;
    color:#fff;
    background:url(../../../statics/images/ipart01_arr.png) -46px -46px no-repeat;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.navbar-collapse.in {
    overflow-x:hidden
}
.i-news .fir {
    margin-left:0
}
.i-news a:hover .info {
    background:#222
}
.i-news a:hover p {
    color:#fff!important
}
.i-news a:hover i {
    background:url(../../../statics/images/ipart01_arr.png) -46px 0 no-repeat
}
.i-news .n-more {
    float:none;
    width:auto;
    display:inline-block;
    background-visibility:hidden;
    border:#222 1px solid;
    height:38px;
    line-height:38px;
    padding:0 100px 0 60px;
    position:relative;
    color:#fff;
    margin:40px 0;
    background:#222
}
.i-news .n-more:hover {
    border-color:#3799ef;
    background:#3799ef;
    color:#fff
}
.i-news .n-more:hover i {
    background-position:0 0
}
.i-news .n-more i {
    display:block;
    width:25px;
    height:13px;
    background:url(../../../statics/images/more_ico.png) 0 0 no-repeat;
    position:absolute;
    right:28px;
    top:50%;
    margin-top:-6px
}
#container {
    position:absolute;
    height:100%;
    width:100%;
    background:url(../../../statics/images/szbg.jpg) no-repeat 50% 50%
}
#output {
    width:100%;
    height:100%
}
.i-comp .list {
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0
}
.i-comp .list .part {
    border-left:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    cursor:pointer;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    padding:0;
    position:relative
}
.i-comp .list .part div {
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative
}
.i-comp .list .part div img {
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
::-webkit-scrollbar {
    width:8px
}
::-webkit-scrollbar-track {
    background:#fff
}
::-webkit-scrollbar-thumb {
    background:#1b1b1b
}
::-webkit-scrollbar-thumb:window-inactive {
    background:#1b1b1b
}
::-webkit-scrollbar-thumb:vertical:hover {
    background:#1b1b1b
}
.i-comp .list .part:hover div {
    background:#ccc
}
.i-comp .list .part:hover .img1 {
    opacity:.8
}
.i-comp .n-more {
    float:none;
    width:auto;
    display:inline-block;
    background-visibility:hidden;
    border:#3799ef 1px solid;
    height:38px;
    line-height:38px;
    padding:0 100px 0 60px;
    position:relative;
    color:#3799ef;
    margin:40px 0
}
.i-comp .n-more:hover {
    background:#3799ef;
    color:#fff
}
.i-comp .n-more:hover i {
    background-position:0 0
}
.i-comp .n-more i {
    display:block;
    width:25px;
    height:13px;
    background:url(../../../statics/images/more_ico.png) -25px 0 no-repeat;
    position:absolute;
    right:28px;
    top:50%;
    margin-top:-6px
}
.guide {
    width:81px;
    height:81px;
    background:url(../../../statics/images/mouse_guide.png) no-repeat;
    position:absolute;
    left:50%;
    margin-left:-40px;
    bottom:5%;
    z-index:10
}
@-webkit-keyframes start {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(0, -10px)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(0, 10px)
    }
}
@-moz-keyframes start {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(0, -10px)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(0, 10px)
    }
}
@keyframes start {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(0, -10px)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(0, 10px)
    }
}
@-webkit-keyframes starts {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(-10px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(10px, 0)
    }
}
@-moz-keyframes starts {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(-10px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(10px, 0)
    }
}
@keyframes starts {
    0%, 30% {
        opacity:0;
        -webkit-transform:translate(-10px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(10px, 0)
    }
}
@-webkit-keyframes gupIn {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, -30px, 0)
    }
}
@-moz-keyframes gupIn {
    from {
        opacity:0;
        -moz-transform:translate3d(0, -30px, 0)
    }
}
@keyframes gupIn {
    from {
        opacity:0;
        transform:translate3d(0, -30px, 0)
    }
}
.build {
    padding:20px 5%;
    background:#eaeaea
}
.build-slide {
    height:100%;
    position:relative;
    background:url(../../../statics/images/e1.jpg) no-repeat 50% 50%;
    background-size:cover
}
.build-slide .slide-info {
    position:absolute;
    left:5%;
    top:25%
}
.build-slide .slide-info i {
    background:url(../../../statics/images/icon1.png) no-repeat;
    width:44px;
    height:44px;
    margin-top:150px;
    position:relative;
    display:block;
    -webkit-animation:gupIn .3s 1.2s both;
    -moz-animation:gupIn .3s 1.2s both;
    animation:gupIn .3s 1.2s both
}
.build-slide .slide-info i span {
    position:absolute;
    background:url(../../../statics/images/arrow-down.png) no-repeat;
    width:8px;
    height:15px;
    left:50%;
    top:50%;
    margin-left:-4px;
    margin-top:-7.5px;
    animation:start 1.5s infinite ease-in-out
}
.build-slide .slide-info p {
    line-height:20px;
    font-size:32px;
    color:#fff;
    line-height:1;
    -webkit-animation:gupIn .3s .9s both;
    -moz-animation:gupIn .3s .9s both;
    animation:gupIn .3s .9s both
}
.navp {
    font-size:14px!important;
    margin-bottom:40px!important
}
.navp a {
    color:#fff
}
.build-slide .slide-info .title {
    font-size:48px;
    line-height:1;
    font-weight:bold;
    -webkit-animation:gupIn .3s .3s both;
    -moz-animation:gupIn .3s .3s both;
    animation:gupIn .3s .3s both;
    color:#fff
}
.build-slide .slide-info .line {
    width:40px;
    height:5px;
    margin:40px 0 40px;
    -webkit-animation:gupIn .3s .6s both;
    -moz-animation:gupIn .3s .6s both;
    animation:gupIn .3s .6s both
}
.common-slide {
    height:100%;
    position:relative
}
.common-slide .slide-info {
    position:absolute;
    left:5%;
    top:25%
}
.common-slide .slide-info p {
    font-size:40px;
    color:#fff;
    line-height:1
}
.common-slide .slide-info .title {
    font-size:48px;
    line-height:1;
    font-weight:bold
}
.common-slide .slide-info .line {
    width:40px;
    height:5px;
    background:#fff;
    margin:40px 0 60px
}
.common-slide .slide-info .s {
    font-size:16px;
    margin-bottom:20px
}
.common-slide .slide-info i {
    background:url(../../../statics/images/icon1.png) no-repeat;
    width:44px;
    height:44px;
    margin-top:150px;
    position:relative;
    display:block
}
.common-slide .slide-info i span {
    position:absolute;
    background:url(../../../statics/images/arrow-down.png) no-repeat;
    width:8px;
    height:15px;
    left:50%;
    top:50%;
    margin-left:-4px;
    margin-top:-7.5px;
    animation:start 1.5s infinite ease-in-out
}
.common-slide .slide-info i span.right {
    position:absolute;
    background:url(../../../statics/images/arrow-right1.png) no-repeat;
    width:15px;
    height:8px;
    left:50%;
    top:50%;
    margin-left:-7.5px;
    margin-top:-4px;
    animation:starts 1.5s infinite ease-in-out
}
.section.active .common-slide .slide-info p {
    -webkit-animation:gupIn .3s .9s both;
    -moz-animation:gupIn .3s .9s both;
    animation:gupIn .3s .9s both
}
.section.active .common-slide .slide-info .title {
    -webkit-animation:gupIn .3s .3s both;
    -moz-animation:gupIn .3s .3s both;
    animation:gupIn .3s .3s both
}
.section.active .common-slide .slide-info .line {
    -webkit-animation:gupIn .3s .6s both;
    -moz-animation:gupIn .3s .6s both;
    animation:gupIn .3s .6s both
}
.section.active .common-slide .slide-info i {
    -webkit-animation:gupIn .3s 1.2s both;
    -moz-animation:gupIn .3s 1.2s both;
    animation:gupIn .3s 1.2s both
}
@media(max-width:1200px) {
    .common-slide .slide-info .title {
        font-size:28px
    }
    .common-slide .slide-info .line {
        height:3px;
        width:20px
    }
    .common-slide .slide-info p {
        font-size:20px
    }
}
.case {
    padding:20px 5%;
    background:#eaeaea
}
.case .box {
    padding:5%;
    background:#fff
}
.case .i-container {
    background:#fff
}
.case .box .title {
    color:#333;
    font-size:26px;
    line-height:1
}
.case .box .line {
    width:10px;
    height:2px;
    background:#9a9a9a;
    margin:20px 0 50px
}
.case .box .tab {
    margin-bottom:40px
}
.case .box .tab span {
    color:#666;
    font-size:14px;
    margin-right:2%
}
.case .box .tab a {
    display:inline-block;
    white-space:nowrap;
    padding:0 10px;
    height:44px;
    line-height:44px;
    position:relative;
    font-size:14px;
    margin:0 10px;
    color:#666
}
.case .box .tab a:hover {
    color:#3799ef
}
.case .box .tab a:hover:after {
    width:100%;
    left:0
}
.case .box .tab a:after {
    content:'';
    display:block;
    width:0;
    height:1px;
    background-color:#3799ef;
    overflow:hidden;
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.case .box .tab .active {
    color:#3799ef
}
.case .box .tab .active:after {
    width:100%;
    left:0
}
@-webkit-keyframes gfadeIn {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-moz-keyframes gfadeIn {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@keyframes gfadeIn {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.case .box ul:after {
    content:'';
    clear:both;
    display:block
}
.case .box li {
    float:left;
    width:32%;
    margin-left:2%;
    margin-bottom:30px;
    position:relative
}
.case .box li.fir {
    margin:0
}
.case .box li .sqr {
    overflow:hidden;
    width:100%;
    position:relative
}
.case .box li .sqr img {
    position:relative;
    max-width:none!important
}
.case .box li .info {
    padding:5%;
    border:1px solid #f0f0f0;
    border-top:0;
    position:relative;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    background:#fff
}
.case .box li .text {
    color:#333;
    font-size:18px;
    line-height:1
}
.case .box li .des {
    color:#999;
    font-size:12px;
    line-height:1.6;
    padding:15px 0;
    margin-bottom:15px;
    border-bottom:1px solid #f0f0f0;
    min-height:69px
}
.case .box li .tip {
    height:17px
}
.case .box li .info i {
    position:absolute;
    right:5%;
    bottom:5%;
    width:36px;
    height:46px;
    font:0/0 a;
    letter-spacing:-9px;
    margin:0;
    color:#fff;
    background:url(../../../statics/images/ipart01_arr.png) -46px -46px no-repeat;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.case .box li em {
    background:url(../../../statics/images/more1.png) no-repeat;
    width:26px;
    height:26px;
    position:absolute;
    right:20px;
    top:20px
}
.case .box li:hover .info {
    background:#777;
    border-color:#777
}
.case .box li:hover .info a {
    color:#fff
}
.case .box li:hover .info p {
    color:#fff
}
.case .box li:hover .info i {
    background:url(../../../statics/images/ipart01_arr.png) -46px 0 no-repeat
}
.case .box li:hover .info span {
    background:#fff;
    color:#808080
}
.case .box li:hover .black40 {
    opacity:.4;
    filter:alpha(opacity=40)
}
.case .box .n-more {
    text-align:center
}
.case .box .n-more a {
    float:none;
    width:auto;
    display:inline-block;
    background-visibility:hidden;
    border:#222 1px solid;
    height:38px;
    line-height:38px;
    padding:0 100px 0 60px;
    position:relative;
    color:#fff;
    background:#222
}
.case .box .n-more a:hover {
    border-color:#3799ef;
    background:#3799ef;
    color:#fff
}
.case .box .n-more a:hover i {
    background-position:0 0
}
.case .box .n-more a i {
    display:block;
    width:25px;
    height:13px;
    background:url(../../../statics/images/more_ico.png) 0 0 no-repeat;
    position:absolute;
    right:28px;
    top:50%;
    margin-top:-6px
}
.shows {
    padding:20px 5%;
    background:#eaeaea
}
.shows .top .title {
    font-size:26px;
    line-height:1;
    color:#333
}
.shows .top .line {
    background:#9a9a9a;
    width:10px;
    height:2px;
    margin:25px 0
}
.shows .top .pp {
    font-size:14px;
    line-height:32px;
    color:#333
}
.shows .top .b {
    color:#777;
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px
}
.shows .top .des p {
    font-size:16px;
    color:#777;
    line-height:2
}
.shows .top .left {
    background:#f3f3f3;
    padding:5%
}
.shows .top .left p {
    color:#333
}
.shows .top .right {
    background:#fff;
    padding:5%
}
.shows .bottom {
    background:#fff;
    padding:5%;
    margin-top:20px;
    text-align:center
}
.shows .bottom img {
    max-width:100%;
    padding-bottom:30px
}
.shows .text {
    font-size:26px;
    line-height:38px;
    color:#333;
    font-weight:bold
}
.shows .time {
    line-height:28px;
    font-size:14px;
    padding-bottom:15px;
    border-bottom:1px solid #e5e5e5
}
.shows .box {
    font-size:14px;
    line-height:26px;
    margin-top:28px;
    text-align:justify
}
@media(max-width:1200px) {
    .show .top .title {
        font-size:18px
    }
    .show .top .b {
        font-size:14px
    }
    .show .top .des p {
        font-size:12px
    }
}
.black40 {
    position:absolute!important;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0;
    filter:alpha(opacity=0);
    top:0;
    left:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    padding:0!important
}
.nav ul {
    width:225px;
    border:#ccc 1px solid;
    border-top:#3799ef 2px solid;
    background-color:#fff;
    position:absolute;
    left:0;
    top:75px;
    opacity:0;
    visibility:hidden;
    left:50%;
    margin-left:-112px;
    -webkit-transform:translate(0, 20px);
    -moz-transform:translate(0, 20px);
    -ms-transform:translate(0, 20px);
    -o-transform:translate(0, 20px);
    -webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.nav ul a {
    display:block;
    line-height:24px;
    padding:8px 35px;
    font-size:13px;
    position:relative;
    color:#4c4c4c
}
.nav ul a:after {
    content:'';
    display:block;
    width:10px;
    height:5px;
    overflow:hidden;
    background:url(../../../statics/images/nav_arr.png) -10px 0 no-repeat;
    position:absolute;
    right:20px;
    top:18px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.nav ul a:hover {
    background-color:#f9f9f9
}
.nav ul a:hover:after {
    background-position:0 0
}
.nav li:hover ul {
    opacity:1;
    visibility:visible;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0)
}
.com-container {
    padding:20px 5%;
    background:#eaeaea
}
.com-container2 {
    padding:2% 5% 5% 5%;
    background:#eaeaea
}
.com-container2 .center {
    margin-bottom:20px
}
.qy .title {
    color:#000;
    font-size:40px;
    text-align:center
}
.qy .des {
    color:#777;
    font-size:18px;
    line-height:30px;
    margin:15px 0 55px;
    text-align:center
}
.qy .top {
    margin-bottom:20px
}
.qy .top div {
    text-align:center;
    padding:5%
}
.qy .top div.grey {
    background:#f5f5f5
}
.qy .top div.white {
    background:#fff
}
.qy .top div p {
    color:#222;
    line-height:26px;
    margin-top:25px;
    font-size:12px;
    min-height:52px
}
.qy .top div img {
    display:inline-block
}
.qy .top div .text {
    color:#222;
    font-size:24px;
    line-height:1.6;
    margin:25px 0 10px;
    display:block;
    min-height:76px
}
.news .title {
    color:#000;
    font-size:40px;
    text-align:center
}
.news .des {
    color:#777;
    font-size:18px;
    line-height:30px;
    margin:15px 0 55px;
    text-align:center
}
.wx .top {
    background:#fff;
    position:relative
}
.wx .title {
    color:#000;
    font-size:40px;
    text-align:center;
    line-height:1
}
.wx .des {
    color:#777;
    font-size:18px;
    line-height:30px;
    margin:15px 0 55px;
    text-align:center
}
.wx .top .part {
    float:left;
    text-align:center;
    margin-bottom:30px
}
.wx .top .part img {
    display:inline-block;
    max-width:100%
}
.wx .top .part p {
    color:#333;
    font-size:22px;
    line-height:1;
    margin-top:20px
}
.wx .top .part.fir {
    margin-left:0
}
.tx {
    background:url(../sdtx.jpg) no-repeat 50% 50%;
    height:670px
}
.wx-xc {
    background:url(../xczs-bg.jpg) no-repeat 50% 50%
}
.p-container {
    position:relative;
    padding:5%;
    background:#fff
}
.wx-xc p {
    color:#fff!important
}
.wx-xc .part1 {
    float:left;
    text-align:center;
    position:relative;
    margin-bottom:20px
}
.wx-xc .part1.fir {
    margin-left:0
}
.wx-xc .part1 img {
    display:inline-block;
    max-width:100%
}
.wx-xc .part1 p {
    font-size:14px;
    line-height:1.6;
    margin-top:20px;
    min-height:44px
}
.wx-hd {
    background:url(../yxhd-bg.jpg) no-repeat 50% 50%
}
.wx-hd .part2 {
    float:left;
    background:url(../yxhd-bg1.png) repeat;
    text-align:center;
    position:relative;
    margin-bottom:15px;
    width:24%;
    margin-left:1.333333%;
    padding:15px
}
.wx-hd .part2.fir {
    margin-left:0
}
.wx-hd .part2 p {
    font-size:14px;
    line-height:1.6;
    margin-top:20px;
    min-height:44px
}
.wx-hd .part2 img {
    display:inline-block;
    max-width:100%;
    padding-top:40px
}
.wx-hd .part2.part12 {
    background:url(../yxhd-bg2.png) repeat
}
.wx-hd .part2.part12 p {
    color:#fff
}
.wx-hd .part2:nth-child(7) {
    margin-left:0
}
.wx-hd .part2:nth-child(9) {
    margin-left:1.333333%
}
.wx-hd .part2:nth-child(11) {
    margin-left:0
}
.wx-tg {
    background:url(../tgxf-bg.jpg) no-repeat 50% 50%
}
.wx-tg p {
    color:#fff!important
}
.wx-tg .part3 {
    float:left;
    text-align:center;
    position:relative;
    margin-bottom:30px
}
.wx-tg .part3.fir {
    margin-left:0
}
.wx-tg .part3.part12 p {
    color:#fff!important
}
.wx-tg .part3 div {
    vertical-align:middle;
    height:54px
}
.wx-tg .part3 img {
    display:inline-block;
    max-width:100%;
    vertical-align:middle
}
.wx-tg .part3 p {
    font-size:14px;
    line-height:1.6;
    margin-top:20px
}
.wx-ds {
    background:url(../dsjy-bg.jpg) no-repeat 50% 50%
}
.wx-ds .part4 {
    float:left;
    text-align:center;
    position:relative;
    margin-bottom:30px
}
.wx-ds .part4 p {
    font-size:14px;
    line-height:1.6;
    margin-top:20px;
    min-height:44px
}
.wx-ds .part4 img {
    display:inline-block;
    max-width:100%
}
.wx-hy {
    background:url(../hyzh-bg.jpg) no-repeat 50% 50%
}
.wx-hy .part5 {
    float:left;
    text-align:center;
    position:relative;
    margin-bottom:30px
}
.wx-hy p {
    color:#fff!important
}
.wx-hy .part5 p {
    line-height:1.6;
    margin-top:10px;
    color:#808080!important;
    min-height:38px;
    overflow:hidden;
    max-height:38px
}
.wx-hy .part5 .text {
    font-size:14px;
    line-height:1;
    margin-top:20px;
    color:#fff!important;
    min-height:auto
}
.wx-hy .part5 img {
    display:inline-block;
    max-width:100%
}
.wx-jj {
    background:#f5f5f5
}
.wx-jj .part6 {
    float:left;
    text-align:center;
    position:relative;
    margin-bottom:15px;
    background:#fff;
    width:24%;
    margin-left:1.333333%;
    padding:15px
}
.wx-jj .part6.fir {
    margin-left:0
}
.wx-jj .part6 p {
    line-height:1;
    margin-top:20px;
    font-size:14px
}
.wx-jj .part6 img {
    display:inline-block;
    max-width:100%;
    margin-top:10px
}
@media(min-width:768px) {
    .wx .top .part {
        width:20%
    }
    .wx-xc .part1 {
        width:16.666667%;
        margin-bottom:60px
    }
    .wx-hd .part2 {
        width:16%;
        margin-left:.8%
    }
    .wx-hd .part2:nth-child(7) {
        margin-left:.8%
    }
    .wx-hd .part2:nth-child(9) {
        margin-left:0
    }
    .wx-hd .part2:nth-child(11) {
        margin-left:.8%
    }
    .wx-jj .part6 {
        width:24%;
        margin-left:1.333333%;
        min-height:240px
    }
    .wx-tg .part3 {
        width:16.6666667%;
        margin-bottom:60px
    }
    .wx-ds .part4 {
        width:16.6666667%;
        margin-bottom:40px
    }
    .wx-hy .part5 {
        width:16.6666667%;
        margin-bottom:40px;
        padding:10px
    }
    .wx-tg .part3 p, .wx-hd .part2 p, .wx-xc .part1 p, .wx-ds .part4 p, .wx-hy .part5 .text, .wx-jj .part6 p {
        font-size:18px
    }
    .wx-jj .part6 img {
        margin-top:40px
    }
    .wx-hd .part2 p {
        padding-bottom:40px
    }
}
.common-title a {
    color:#000;
    font-size:40px;
    font-weight:bold
}
.bg {
    background:#eaeaea;
    padding:20px 5%
}
.common-title {
    color:#000;
    font-size:40px;
    text-align:center;
    line-height:1
}
.common-des {
    color:#777;
    font-size:18px;
    line-height:30px;
    margin:15px 0 55px;
    text-align:center
}
.margin20 {
    margin-top:20px
}
.dev .list {
    padding:45px 5%;
    background:url(../../../statics/images/line.png) repeat-y top center;
    position:relative
}
.dev .list em {
    width:21px;
    height:21px;
    position:absolute;
    top:-10.5px;
    left:50%;
    margin-left:-10.5px;
    background:url(../../../statics/images/dian1.png) no-repeat;
    z-index:2
}
.dev .list span {
    font-size:16px;
    color:#999;
    position:absolute;
    bottom:-25px;
    left:50%;
    margin-left:-21px
}
.dev .l {
    float:left
}
.dev .r {
    float:right
}
.dev .list .left {
    position:relative;
    padding-right:50px;
    padding-top:60px;
    padding-bottom:60px
}
.dev .list .fir {
    padding-top:0
}
.dev .list .right {
    position:relative;
    padding-left:50px;
    margin-top:150px;
    padding-top:60px
}
.dev .list .info .text {
    color:#333;
    font-size:40px;
    font-weight:bold;
    margin-bottom:20px;
    line-height:1;
    margin-top:10px
}
.dev .list .info .des {
    color:#333;
    font-size:14px;
    line-height:24px
}
.dev .list i {
    width:21px;
    height:21px;
    position:absolute;
    right:-10.5px;
    top:50%;
    margin-top:-10.5px;
    background:url(../../../statics/images/dian.png) no-repeat;
    z-index:2
}
.dev .list .right i {
    left:-10.5px;
    margin-top:20.5px
}
.dev .list .info.r .des, .dev .list .info.r .text {
    text-align:right
}
.dev .list .left img {
    margin-left:5%
}
.dev .list .right img {
    margin-right:5%
}
.future .list div {
    padding:0
}
.future .list img {
    width:100%
}
.future .list .l {
    float:left
}
.future .list .r {
    float:right
}
.future .list .part {
    padding:5%
}
.future .list .part .text {
    font-size:30px;
    color:#333;
    font-weight:bold
}
.future .list .part .line {
    width:20px;
    height:2px;
    background:#333;
    margin:20px 0 40px
}
.future .list .part .des {
    font-size:20px;
    color:#333;
    line-height:1
}
.future .list .part .con {
    font-size:14px;
    color:#666;
    line-height:30px;
    margin-top:50px
}
.bot-paging {
    width:79%;
    left:10.5%;
    position:fixed;
    bottom:50px;
    height:45px;
    z-index:20;
    transition:all .3s ease 0s;
    zoom:1
}
.bot-paging .link-info {
    display:block;
    width:46px;
    height:46px;
    position:relative;
    overflow:hidden;
    transition:width .3s ease 0s
}
.bot-paging .link-info .link-ico {
    display:block;
    width:46px;
    height:46px;
    position:relative;
    z-index:2;
    background-color:rgba(0, 0, 0, 0.15);
    border-radius:50%
}
.bot-paging .link-info i {
    display:block;
    width:100%;
    height:100%
}
.bot-paging .link-info .tit-box {
    display:block;
    line-height:46px;
    height:46px;
    border-radius:46px;
    background:rgba(0, 0, 0, 0.22);
    position:absolute;
    top:0;
    color:#fbf9f6;
    z-index:1;
    font-size:14px
}
.bot-paging .prev i {
    display:block;
    width:100%;
    height:100%;
    background:url(../ico_23.png) no-repeat center
}
.bot-paging .prev .link-ico {
    float:left
}
.bot-paging .prev .tit-box {
    transform:translateX(-102%);
    left:1px;
    padding:0 22px 0 55px
}
.bot-paging .next i {
    display:block;
    width:100%;
    height:100%;
    background:url(../ico_24.png) no-repeat center
}
.bot-paging .next .link-ico {
    float:right
}
.bot-paging .next .tit-box {
    transform:translateX(102%);
    right:1px;
    padding:0 55px 0 22px
}
.bot-paging .retun-list {
    position:absolute;
    left:50%;
    bottom:0;
    width:46px;
    height:46px;
    margin-left:-23px;
    transition:all .3s ease 0s;
    overflow:hidden
}
.bot-paging .retun-list .chunk-box {
    display:block;
    width:46px;
    height:46px;
    float:right;
    overflow:hidden;
    position:relative;
    border-radius:50%;
    background:url(../ico_26.png) no-repeat center rgba(0, 0, 0, 0.15)
}
.bot-paging .retun-list .round-tit {
    display:block;
    width:140px;
    padding:0 55px 0 22px;
    position:absolute;
    right:1px;
    top:0;
    transform:translateX(102%);
    color:#fff;
    line-height:46px;
    font-size:14px;
    background:rgba(0, 0, 0, 0.22);
    border-radius:46px
}
.bot-paging.long {
    width:90%;
    left:5%
}
.fl {
    float:left;
    display:inline
}
.fr {
    float:right;
    display:inline
}
.bot-paging .link-info:hover {
    width:145px
}
.bot-paging .link-info:hover .link-ico {
    background-color:rgba(0, 0, 0, 0.8)
}
.bot-paging .link-info:hover .tit-box {
    transform:translateX(0)
}
.bot-paging .retun-list:hover {
    width:190px;
    margin-left:-95px
}
.bot-paging .retun-list:hover .round-tit {
    transform:translateX(0)
}
.fa {
    content:"";
    position:absolute;
    border:4px solid transparent;
    border-bottom:0;
    border-top-color:currentColor;
    top:50%;
    margin-top:-2px;
    right:5px;
    color:#3799ef
}
.fir a {
    color:#3799ef!important
}
.lx-info {
    background:#3799ef;
    font-size:56px;
    color:#fff;
    padding:30px 100px 30px 80px;
    position:absolute;
    bottom:0;
    left:5%
}
.lx-info b {
    font-size:66px
}
.lx p {
    font-size:22px;
    line-height:35px;
    color:#666
}
.lx .title {
    font-size:56px;
    line-height:1;
    margin-bottom:35px
}
.lx .box {
    text-align:center;
    background:#3799ef;
    padding:40px
}
.lx .box p {
    color:#fff;
    font-size:20px;
    line-height:40px;
    margin-top:20px
}
.float-right-box {
    width:150px;
    position:fixed;
    right:0;
    top:80%;
    margin-top:-100px;
    z-index:1000;
    transition:width .3s ease 0s
}
.float-right-box.on {
    width:50px
}
.float-right-box .top-list {
    width:100%
}
.float-right-box .top-list ul {
    width:100%
}
.float-right-box .top-list li {
    width:auto;
    position:relative;
    transition:background .3s ease 0s;
    height:50px;
    margin-bottom:1px;
    background-color:#000
}
.float-right-box .top-list li:nth-child(4) {
    background:#4CA734
}
.float-right-box .top-list a {
    display:block;
    width:100%
}
.float-right-box .top-list .ico {
    display:inline-block;
    width:50px;
    height:50px;
    position:absolute;
    right:0;
    top:0;
    transition:background .3s ease 0s;
    z-index:2
}
.float-right-box .top-list .ico1 {
    background:url(../../../statics/images/right.png) no-repeat #000
}
.float-right-box .top-list .ico2 {
    background:url(../../../statics/images/right.png) no-repeat #000 0 -50px
}
#top1 {
    background:url(../../../statics/images/right.png) no-repeat #000 0 -204px;
    width:50px;
    height:50px;
    position:fixed;
    right:0;
    top:80%;
    margin-top:50px;
    z-index:1000;
    transition:background .3s ease 0s;
    z-index:2222
}
#top1:hover {
    background:url(../../../statics/images/right.png) no-repeat #3799ef 0 -204px
}
.float-right-box .top-list .stt {
    display:inline-block;
    font-size:14px;
    line-height:50px;
    color:#fff;
    transition:.3s all 0s;
    position:absolute;
    left:28px;
    top:0;
    z-index:1;
    width:150px;
    text-indent:30px
}
.float-right-box .top-list .stt.on {
    color:#fff;
    left:-130px;
    background:#3799ef
}
.dingzhi dl {
    width:700px;
    margin:60px auto
}
.dingzhi dl dt {
    margin:30px 0;
    font-size:30px;
    color:#333
}
.dingzhi dl dd a {
    margin-left:20px
}
.dingzhi dl dd {
    text-align:center
}
.dingzhi dl dd span {
    font-size:30px;
    font-style:oblique;
    margin:0 10px;
    color:#3799ef
}
.pcontent p {
    line-height:30px
}
.pcontent h2 {
    font-size:30px;
    color:#333;
    margin-bottom:20px;
    margin-top:45px
}
.pcontent h3 {
    margin-bottom:20px;
    margin-top:30px
}
.customersupport-banner1 {
    position:relative;
    height:416px;
    color:#fff;
    background-image:url(../../../statics/images/banner1.png);
    background-size:cover;
    background-position:center;
    overflow:hidden
}
.customersupport-banner2 {
    position:relative;
    height:306px;
    color:#fff;
    background-image:url(../../../statics/images/banner2.jpg);
    background-size:cover;
    background-position:center;
    overflow:hidden;
    margin-top:75px
}
.customersupport-banner2 .text {
    background:#032f70;
    height:auto;
    margin:0;
    padding:15px 50px
}
.customersupport-banner2 .text h1 {
    border-bottom:2px solid #fff;
    color:#fff;
    font-size:39px;
    font-weight:900!important;
    letter-spacing:0!important;
    line-height:55px;
    margin-bottom:17px;
    text-transform:uppercase!important
}
.customersupport-banner2 .text p {
    color:#fff;
    line-height:1.75em;
    margin-bottom:15px
}
.customersupport-banner2-1 {
    position:relative;
    width:100%;
    display:inline-block;
    vertical-align:top;
    min-height:600px;
    background-image:url(../../../statics/images/e1-1.jpg);
    background-size:cover;
    background-position:center;
    overflow:hidden;
    margin-top:75px
}
.customersupport-banner2-1 .text {
    padding:31px 32px;
    background:rgba(255, 255, 255, 0.93)
}
.customersupport-banner2-1 .text h1 {
    margin:20px 0;
    font-size:38px;
    line-height:52px;
    font-weight:normal;
    color:#000
}
.customersupport-banner2-1 .text p {
    font-size:14px;
    line-height:23px;
    color:#444
}
.text ul {
    margin:0;
    padding:0;
    list-style:none
}
.text li {
    display:inline-block;
    vertical-align:top;
    font-size:12px
}
.text li:before {
    content:'/';
    padding:0 5px 0 3px
}
.text li:first-child:before {
    display:none
}
.text li a {
    color:#666;
    display:inline-block;
    white-space:nowrap
}
.customersupport-banner1 .title1 {
    font-size:50px;
    font-weight:600
}
.customersupport-banner1 .title2 {
    font-size:40px;
    margin-top:10px
}
.customersupport-banner1 .title {
    margin-bottom:20px;
    margin-top:80px;
    font-size��12px
}
.customersupport-banner1 .title a {
    color:#fff
}
.customersupport-banner1 .title a:hover {
    text-decoration:underline
}
.customersupport-banner1 .title span {
    font-weight:bold
}
.datacount {
    width:100%;
    height:100px;
    margin-bottom:60px
}
.datatip {
    float:left;
    width:25%;
    text-align:center;
    color:#797979;
    font-size:24px
}
.datatip:not(:first-child) {
    border-left:1px solid #e6e8eb
}
.orange-color {
    color:#f38a25
}
.orange-color>span {
    font-size:48px
}
.count {
    font-size:25px
}
.companyprofile {
    margin-top:45px
}
.pcontent h2 {
    font-size:30px;
    color:#333;
    margin-bottom:20px
}
.pcontent {
    margin-top:45px;
    color:#666
}
.customercontent {
    margin-bottom:25px
}
.zixun {
    text-align:center;
    margin-top:-60px
}
.about-text ul {
    margin-top:30px;
    padding:0
}
.about-text li {
    margin-bottom:10px;
    list-style-type:square;
    padding-left:10px;
    margin-left:15px;
    color:#f38a25
}
.row2, .waves-dark {
    margin-top:20px;
    margin-left:0
}
.news {
    padding:20px 10px;
    background:#fff;
    overflow:hidden;
    width:100%
}
.newslist {
    padding:0
}
.newslist .button a:hover {
    background:#000;
    color:#fff;
    transition:all .3s ease 0s
}
.newslist li {
    line-height:42px;
    overflow:hidden;
    margin:0;
    padding:2% 1%;
    border-bottom:1px solid #eaeaea
}
.button a {
    padding:0
}
.newslist li a:hover {
    color:#032f70
}
.newslist li span a {
    color:#797979
}
.newslist li .fr a {
    font-size:13px
}
.fullcontent img {
    margin-left:0;
    margin-top:5px;
    padding:0
}
.five02 p {
    font-size:13px;
    line-height:24px;
    margin-top:8px;
    color:#666
}
.five02 h4 {
    color:#333;
    font-size:20px;
    letter-spacing:0;
    line-height:25px;
    padding:20px 0
}
.cblank {
    padding:40px 0 0 0
}
.about_jianjie .box {
    width:100%;
    height:514px;
    position:relative;
    padding:0 0 108px 0
}
.about_jianjie .box .left, .about_jianjie .box .right {
    width:50%;
    height:514px;
    position:absolute
}
.title.about {
    padding:44px 0 45px 0
}
.about_jianjie .box .left {
    left:0
}
.about_jianjie .box .right {
    right:0;
    background:#F5F5F5
}
.about_jianjie .box .left .first, .about_jianjie .box .right .first {
    height:514px;
    position:absolute
}
.about_jianjie .box .left .first {
    width:960px;
    right:0;
    background:url(../../../statics/images/aboutbg1.jpg) no-repeat
}
.about_jianjie .box .right .first {
    left:0
}
.about_jianjie .box .right .first .text {
    min-width:500px;
    max-width:670px;
    height:514px
}
.about_jianjie .box .right .first .text .about_con {
    margin:0 36px;
    height:100%;
    position:relative
}
.about_jianjie .box .right .first .text .about_con .ico {
    display:block;
    width:253px;
    height:100px;
    border-bottom:solid 1px #E7E7E7;
    background:url(../../../statics/images/logo2.png) no-repeat
}
.about_jianjie .box .right .first .text .about_con p {
    font-size:14px;
    color:#333;
    line-height:32px;
    padding:15px 0
}
.about_jianjie .box .right .first .text .about_con p strong {
    font-weight:normal
}
.about_jianjie .box .right .first .text .about_con a {
    position:absolute;
    bottom:50px;
    left:0
}
#LoopDiv {
    margin-top:-30px;
    margin-bottom:40px
}
.mKeBanner, .mKeBanner div {
    text-align:center
}
.imageflow img {
    -webkit-box-shadow:2px 2px 2px 2px hsla(0, 0%, 0%, 0.1);
    box-shadow:2px 2px 2px 2px hsla(0, 0%, 0%, 0.1)
}
.imageflow {
    overflow:hidden;
    position:relative;
    text-align:left;
    visibility:hidden;
    width:1200px;
    margin:0 auto
}
.imageflow img {
    border:0;
    position:absolute;
    top:0;
    visibility:hidden;
    -ms-interpolation-mode:bicubic
}
.imageflow p {
    margin:0 auto;
    text-align:center
}
.imageflow .loading {
    border:1px solid #ccc;
    height:15px;
    left:50%;
    margin-left:-106px;
    padding:5px;
    position:relative;
    visibility:visible;
    width:200px
}
.imageflow .loading_bar {
    background:#ccc;
    height:15px;
    visibility:visible;
    width:1%
}
.imageflow .caption {
    font-weight:bold;
    position:relative;
    text-align:center;
    z-index:10000
}
.imageflow .scrollbar {
    border-bottom:1px solid #b3b3b3;
    position:relative;
    visibility:hidden;
    z-index:10001;
    height:1px
}
.imageflow .images {
    overflow:hidden;
    white-space:nowrap
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:1px solid #eceff8;
    margin-bottom:16px
}
.contact-form textarea {
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:1px solid #eceff8
}
.contact-form input[type="submit"] {
    background:#252525 none repeat scroll 0 0;
    border:medium none;
    border-radius:0;
    color:#fff;
    font-size:12px;
    font-weight:700;
    height:40px;
    margin-top:16px;
    padding:0 15px;
    text-transform:uppercase;
    transition:all .3s ease 0s;
    width:140px
}
.contact-info h3, .contact-form h3 {
    border-bottom:2px solid #e8e8e9!important;
    font-size:16px;
    margin-bottom:20px;
    padding-bottom:8px;
    text-transform:uppercase
}
.contact-info ul li i {
    font-size:16px;
    margin-right:5px;
    width:20px
}
.contact-info h3, .contact-info h3, .contact-form h3 {
    border-bottom:2px solid #e8e8e9;
    font-size:16px;
    margin-bottom:20px;
    padding-bottom:8px;
    text-transform:uppercase;
    color:#333
}
.contuct-us-page .contact-info ul li {
    color:#333;
    border-bottom:1px solid #e8e8e9
}
.contuct-us-page .contact-info ul li {
    float:left;
    font-size:12px;
    line-height:40px;
    margin:0;
    padding:0;
    width:100%
}
.contact-info ul li a {
    color:#333
}
.contact-info ul li i {
    font-size:16px;
    margin-right:5px;
    width:20px
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    border:1px solid #ccc;
    border-radius:0;
    height:50px;
    margin-bottom:16px;
    padding-left:20px;
    width:100%;
    background:#fff
}
.contact-form textarea#message {
    border:1px solid #ccc;
    border-radius:0;
    height:180px;
    padding:20px;
    width:100%;
    background:#fff
}
.contact-form input[type="submit"] {
    background:#252525;
    border:0;
    border-radius:0;
    color:#fff;
    font-size:12px;
    font-weight:700;
    height:40px;
    margin-top:16px;
    padding:0 15px;
    text-transform:uppercase;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.contact-form input[type="submit"]:hover {
    background:#f4a137
}
.contact-form form button {
    background:#252525 none repeat scroll 0 0;
    border:0 none;
    color:#fff;
    height:40px;
    margin-top:15px;
    padding:0 25px;
    text-transform:uppercase;
    transition:all .3s ease 0s
}
.contact-form form button:hover {
    background:#F4A137
}
.contuct-us-page .contact-info ul li {
    color:#333
}
#pages {
    margin:0 auto;
    padding:30px 0
}
#pages a {
    display:inline-block;
    height:30px;
    line-height:30px;
    background:#fff;
    border:1px solid #e3e3e3;
    text-align:center;
    border-radius:4px;
    padding:0 10px
}
#pages a.a1 {
    width:80px;
    padding:0
}
#pages a:hover {
    background:#f1f1f1;
    color:#000;
    text-decoration:none
}
#pages span {
    display:inline-block;
    height:30px;
    line-height:30px;
    background:#3799ef;
    border:1px solid #3799ef;
    color:#fff;
    text-align:center;
    padding:0 10px;
    border-radius:4px
}
table {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:100%;
    margin:0 auto;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .15);
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, .15);
    color:#404040;
    line-height:400%;
    font-size:14px!important;
    margin:30px 20px 0
}
table a {
    color:#FF5E52
}
table a:hover {
    text-decoration:none;
    color:#333
}
th, td {
    padding:12px;
    text-align:center
}
th {
    text-shadow:1px 1px 1px #fff
}
td {
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0
}
tr.odd-row td {
    background:#f6f6f6
}
td.first, th.first {
    text-align:left
}
td.last {
    border-right:0
}
td {
    background:-moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background:-webkit-gradient(linear, 0% 0, 0% 25%, from(#f9f9f9), to(#fefefe))
}
tr.odd-row td {
    background:-moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background:-webkit-gradient(linear, 0% 0, 0% 25%, from(#f1f1f1), to(#f6f6f6))
}
th {
    background:-moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed)
}
tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px
}
tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px
}
tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px
}
tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px
}
#pdf {
    padding:10px 0 20px 0
}
select#xq {
    border:1px solid #ccc;
    border-radius:0;
    height:50px;
    margin-bottom:16px;
    padding-left:20px;
    width:100%;
    background:#fff
}