html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,figure,figcaption,table,th,td img {
    margin: 0;
    padding: 0
}

a,abbr,acronym,address,big,blockquote,body,caption,cite,code,dd,dl,dt,fieldset,form,h1,time,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;

}



body {
    font-family: "微软雅黑", "Microsoft Yahei";
    font-size: 14px;
    color: #666;
    line-height: 30px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    font-weight: normal
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.transition {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    outline: none
}

input {
    border-radius: 0;
    outline: none
}

img {
    border: 0;
    vertical-align: middle
}

ul,li {
    list-style: none
}

button {
    cursor: pointer
}

textarea {
    resize: none;
    outline: none
}

.bqonline {
    color: #FF0000;
    text-decoration: underline
}

a:link,a:visited {
    color: #333;
    text-decoration: none
}

a:hover,a:active {
    color: #f02d21;
    text-decoration: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px
}

.wrap1200 {
    clear: both;
    width: 1000px;
    margin: 0 auto;
    padding: 0px 0px
}

img {
    MAX-WIDTH: 100% !important;
    HEIGHT: auto !important;
    _width: expression(this.width > 100% ? "100%" :this.width) !important
}

@media (min-width: 1366px) {
    .wrap1200 {
        width:1200px
    }
}

@media (min-width: 1730px) {
    .wrap1200 {
        width:1530px
    }
}

.header {
    width: 100%;
    position: absolute;
    left: 0%;
    z-index: 5;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7), transparent);
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    top: 0px
}

.header .logo {
    float: left;
    width: 182px;
    background: #fff;
    background: rgba(255,255,255,0.7);
    filter: alpha(opacity=70);
    border-radius: 0px 0px 10px 10px;
    padding: 13px 14px 18px 14px
}

.header .headerfr {
    float: right;
    background: url(../img/icon_index_dh.png) no-repeat left top;
    background-size: 22px;
    padding-left: 35px;
    font-size: 12px;
    color: #fff;
    margin-top: 15px
}

.header .headerfr strong {
    font-size: 14px;
    color: #f00
}

.nav {
    float: left;
    padding-left: 62px
}

.nav li {
    float: left;
    position: relative;
    z-index: 9999;
    font-size: 14px;
   /* text-align: center;*/
    padding: 0px 15px
}

.nav li a {

    clear: both;
    display: block;
    color: #fff;
    line-height: 65px
}

.nav li:hover a,.nav ul li.hover a {
    color: #f02d21;
    display: block
}

.nav li:hover,.nav li.hover a {
    color: #f02d21
}

.nav li.hover a {
    border-top: 3px solid #f02d21
}


.nav_con:after{content:"";display:block;clear: both;}
/*.nav_con li{float:left;position:relative;border-left: 1px solid #0665b7;border-right: 1px solid #424984;
 margin-left:20px;}*/
.nav_con li:first-child{border-left:0;}
.nav_con li:last-child{border-right:0;}
/*.nav_con li a{color:#fff;display:block;padding:20px 40px;}*/
/*.nav_con li>a{font-weight: bold;}*/
.nav_con li dd a:hover{background:#999;}
.nav_con li dl{position:absolute;top:80%;z-index:99;width:200px;background:rgba(0,0,0,.7);display:none;padding-bottom:20px;}
.nav_con li:hover dl{display:block;}
.nav_con li dl dd{position:relative;}
.nav_con li dl dd a{font-size: 18px;padding:10px}
.nav_con li dd .nav_pro_list{position:absolute;left:100%;padding:20px 10px;top:0;display:none;width:280px;height:300px;overflow:auto;background:rgba(0,0,0,.9);}
.nav_con li dd  a{padding:5px;font-size:12px;padding-bottom:5px;line-height: 24px;}
.nav_con li dd:hover .nav_pro_list{display:block;}


@media (min-width: 1366px) {
    .header .logo {
        width:217px;
        padding: 20px 20px;
        border-radius: 0px 0px 15px 15px
    }

    .header .headerfr {
        background-size: 24px;
        line-height: 20px;
        padding-top: 10px;
        font-size: 13px;
        margin-top: 21px
    }

    .header .headerfr strong {
        font-size: 16px
    }

    .nav {
        padding-left: 137px
    }

    .nav li {
        padding: 0px 21px
    }

    .nav li a {
        line-height: 79px
    }
}

@media (min-width: 1730px) {
    .header .logo {
        width:277px;
        padding: 25px 25px 25px 26px;
        border-radius: 0px 0px 20px 20px
    }

    .header .headerfr {
        background-size: 30px;
        line-height: 20px;
        padding-top: 18px;
        font-size: 16px;
        padding-left: 45px;
        margin-top: 21px
    }

    .header .headerfr strong {
        font-size: 20px
    }

    .nav {
        padding-left: 175px
    }

    .nav li {
        font-size: 18px;
        padding: 0px 26px
    }

    .nav li a {
        line-height: 100px
    }
}

.index_pcbanner {
    clear: both;
    text-align: center;
    width: 100%;
    overflow: hidden;
    position: relative
}

.index_pcbanner .hd {
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 1;
    background: url(../img/bandotbg.png) no-repeat center bottom;
    background-size: 100% 48px;
    height: 48px
}

.index_pcbanner .hd ul {
    display: inline-block;
    overflow: hidden;
    zoom:1;text-align: center
}

.index_pcbanner .hd ul li {
    float: left;
    margin: 0 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: solid 3px #f5f5f5;
    text-indent: -999em;
    cursor: pointer;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.index_pcbanner .hd ul li:hover {
    background: #f0f0f0
}

.index_pcbanner .hd ul li.on {
    background: #ffd800;
    border: solid 3px #ffd800;
    cursor: default;
    width: 38px;
    height: 12px;
    border-radius: 15px;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.index_pcbanner .bd {
    position: relative;
    height: 100%;
    z-index: 0
}

.index_pcbanner .bd li {
    zoom:1;vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 0px
}

.sy_banner {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.sy_banner ul {
    overflow: hidden
}

.sy_banner li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
    z-index: 1
}

.sy_banner li img {
    width: 100%;
    height: auto
}

.sy_banner li a {
    display: block;
    margin: 0 auto
}

.sy_banner cite {
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 2;
    background: url(../img/bandotbg.png) no-repeat center bottom;
    background-size: 100% 48px;
    height: 48px;
    text-align: center;
    _display: none
}

.sy_banner cite span {
    margin: 0 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: solid 3px #f5f5f5;
    text-indent: -999em;
    cursor: pointer;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer;
    display: inline-block
}

.sy_banner cite span:hover {
    background: #f0f0f0
}

.sy_banner cite span.cur {
    background: #ffd800;
    border: solid 3px #ffd800;
    cursor: default;
    width: 38px;
    height: 12px;
    border-radius: 15px;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.mobone {
    background: url(../img/mobonebg.jpg) no-repeat center bottom #f0f0f0;
    padding: 10px 0px 60px;
    background-size: 100% 16.4473%
}

.mobone .wap1200 {
    width: 100%;
    padding: 0px 60px;
    min-width: 1000px
}

.mobone .mobonetit {
    clear: both;
    text-align: center
}

.mobone .mobonetit h2 {
    font-size: 24px;
    color: #333;
    line-height: 1;
    padding-bottom: 20px
}

.mobone .mobonetit h2 span {
    color: #ff1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top right, #ff615d, #ff1b1b)
}

.mobone .mobonetit p {
    font-size: 12px;
    color: #666;
    line-height: 1
}

.mobone ul {
    clear: both;
    width: 100%;
    padding-top: 18px;
    margin-left:130px;
}

.mobone ul li {
    float: left;
    width: 20%
}

.mobone ul li a {
    clear: both;
    text-align: center;
    display: block
}

.mobone ul li a.mobonepic {
    width: 63%;
    max-width: 207px;
    margin: 0 auto
}

.mobone ul li a.mobonetxt {
    font-size: 14px;
    color: #333;
    line-height: 1;
    padding: 10px 0px 25px 0px
}

.mobone ul li:hover a.mobonetxt,.mobone ul li.active a.mobonetxt {
    color: #ff1c17;
    background: url(../img/index_proicon.jpg) no-repeat center bottom;
    background-size: 10px
}

@media (min-width: 1366px) {
    .mobone {
        padding-top:17px;
        padding-bottom: 73px
    }

    .mobone .mobonetit h2 {
        font-size: 28px;
        padding-bottom: 25px
    }

    .mobone .mobonetit p {
        font-size: 14px
    }

    .mobone ul {
        padding-top: 23px
    }

    .mobone ul li a.mobonetxt {
        font-size: 15px
    }
}

@media (min-width: 1730px) {
    .mobone {
        padding-top:24px;
        padding-bottom: 100px
    }

    .mobone .mobonetit h2 {
        font-size: 36px;
        padding-bottom: 32px
    }

    .mobone .mobonetit p {
        font-size: 18px
    }

    .mobone ul {
        padding-top: 30px
    }

    .mobone ul li a.mobonetxt {
        font-size: 20px
    }

    .mobone .wap1200 {
        padding: 0px 100px
    }
}

.mobtwo {
    clear: both;
    padding-top: 25px
}

.mobtwo.wrap1200 {
    width: 996px
}

.mobtwo li {
    float: left;
    width: 296px;
    margin-right: 18px;
    margin-left: 18px;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 10px;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.mobtwo li:nth-child(3n) {
    margin-right: 0px
}

.mobtwo li a {
    clear: both;
    display: block;
    color: #333;
    line-height: 28px;
    position: relative;
    overflow: hidden;
    font-size: 13px
}

.mobtwo li a img {
    width: 100%;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.mobtwo li:hover {
    -o-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -webkit-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -moz-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5)
}

.mobtwo li:hover a {
    color: #f02d21
}

.mobtwo li:hover a img {
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.mobtwo li a:first-child {
    margin-bottom: 5px
}

@media (min-width: 1366px) {
    .mobtwo.wrap1200 {
        width:1267px
    }

    .mobtwo li {
        width: 355px;
        margin-right: 33px;
        margin-left: 33px
    }

    .mobtwo li a {
        font-size: 16px
    }

    .mobtwo li a:last-child {
        padding: 5px 0px
    }
}

@media (min-width: 1730px) {
    .mobtwo.wrap1200 {
        width:1617px
    }

    .mobtwo li {
        width: 452px;
        margin-right: 43px;
        margin-left: 43px
    }

    .mobtwo li a {
        font-size: 20px
    }

    .mobtwo li a:last-child {
        padding: 10px 0px
    }
}

.mobtwobom {
    text-align: left;
    padding: 30px 0px 73px 0px
}

.mobtwobom .hd {
    float: right;
    width: 269px;
    padding: 0 10px 0 20px;
    position: relative;
    height: 302px;
    z-index: 79;
    background: url(../img/index_combg.jpg) repeat-y right center
}

.mobtwobom .hd:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: url(../img/index_combg.png) no-repeat left top;
    z-index: 2;
    background-size: 100% 302px
}

.mobtwobom .hd p {
    position: relative;
    z-index: 3;
    color: #ba8664;
    text-align: right;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    padding-top: 23px;
    padding-bottom: 15px
}

.mobtwobom .hd p span {
    display: inline-block;
    text-align: left;
    color: #ff1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top right, #ff615d, #ff1b1b)
}

.mobtwobom .hd ul {
    position: relative;
    z-index: 3;
    clear: both
}

.mobtwobom .hd ul li {
    clear: both;
    cursor: pointer;
    font-size: 13px;
    line-height: 23px;
    color: #666;
    padding: 8px 0px 8px 17px;
    position: relative
}

.mobtwobom .hd ul li a:link,.mobtwobom .hd ul li a:visited {
    color: #666
}

.mobtwobom .hd ul li a:hover,.mobtwobom .hd ul li a:active {
    color: #f02d21
}

.mobtwobom .hd i {
    position: absolute;
    width: 72px;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    left: -60px;
    z-index: -1
}

.mobtwobom .hd i.numon {
    z-index: 4;
    left: -41px;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.mobtwobom .hd i.mobtwobomicon01 {
    top: 120px
}

.mobtwobom .hd i.mobtwobomicon02 {
    top: 180px
}

.mobtwobom .hd i.mobtwobomicon03 {
    top: 245px
}

.mobtwobom .bd {
    float: left;
    width: 695px;
    height: 302px;
    overflow: hidden
}

.mobtwobom .bd ul {
    zoom:1}

@media (min-width: 1366px) {
    .mobtwobom {
        padding-bottom:90px;
        padding-top: 45px
    }

    .mobtwobom .bd {
        width: 833px;
        height: 362px
    }

    .mobtwobom .hd {
        width: 324px;
        height: 362px
    }

    .mobtwobom .hd p {
        font-size: 28px;
        line-height: 37px;
        padding-top: 25px
    }

    .mobtwobom .hd ul li {
        font-size: 15px;
        line-height: 27px;
        padding: 10px 0px 10px 35px
    }

    .mobtwobom .hd:after {
        height: 362px;
        background-size: 100% 362px
    }

    .mobtwobom .hd i {
        width: 87px;
        left: -74px
    }

    .mobtwobom .hd i.mobtwobomicon01 {
        top: 133px
    }

    .mobtwobom .hd i.mobtwobomicon02 {
        top: 204px
    }

    .mobtwobom .hd i.mobtwobomicon03 {
        top: 283px
    }
}

@media (min-width: 1730px) {
    .mobtwobom {
        padding-bottom:110px;
        padding-top: 60px
    }

    .mobtwobom .bd {
        width: 1060px;
        height: 460px
    }

    .mobtwobom .hd {
        width: 410px;
        height: 460px
    }

    .mobtwobom .hd p {
        font-size: 36px;
        line-height: 48px;
        padding-top: 33px
    }

    .mobtwobom .hd ul li {
        font-size: 20px;
        line-height: 36px;
        padding: 12px 0px 12px 46px
    }

    .mobtwobom .hd:after {
        height: 460px;
        background-size: 100% 460px
    }

    .mobtwobom .hd i {
        width: 109px;
        left: -91px
    }

    .mobtwobom .hd i.numon {
        left: -55px
    }

    .mobtwobom .hd i.mobtwobomicon01 {
        top: 174px
    }

    .mobtwobom .hd i.mobtwobomicon02 {
        top: 262px
    }

    .mobtwobom .hd i.mobtwobomicon03 {
        top: 360px
    }
}

.mobthree {
    background: url(../img/mobthreebg.jpg) no-repeat center top;
    padding: 40px 0px 45px 0px
}

.mobthree .mobthreefl {
    float: left;
    width: 275px;
    padding-left: 62px
}

.mobthree .mobthreefl h2 {
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 30px;
    color: #ff1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top right, #ff615d, #ff1b1b)
}

.mobthree .mobthreefl p {
    border-left: 2px solid #fff;
    padding: 5px 0px
}

.mobthree .mobthreefl p a {
    clear: both;
    position: relative;
    display: block;
    font-size: 12px;
    color: #cecece;
    line-height: 24px;
    padding: 7px 0px 7px 16px;
    margin-left: -2px
}

.mobthree .mobthreefl p a.active:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 4px;
    background: #bb8664;
    height: 25px;
    top: 8px
}

.mobthree .mobthreefl p a:hover {
    color: #ff2d29
}

.mobthree .mobthreefr {
    float: right;
    width: 725px
}

.mobthreefrpic {
    float: left;
    width: 303px
}

.mobthreefrpic:hover img {
    opacity: 0.8
}

.mobthreefritem {
    float: left;
    padding-left: 20px;
    width: 363px
}

.mobthreefritem h3 {
    font-weight: normal;
    font-size: 16px
}

.mobthreefritem h3 a {
    color: #fff
}

.mobthreefritem h3 a:hover {
    color: #ff2d29
}

.mobthreefritem .mobthreefritem_clnl {
    color: #cecece;
    font-size: 12px
}

.mobthreefritem .mobthreefritem_txt {
    color: #cecece;
    font-size: 12px;
    line-height: 24px
}

.mobthreefritem dl {
    clear: both;
    padding: 10px 0px
}

.mobthreefritem dl dd {
    float: left;
    width: 110px;
    margin-right: 6px;
    position: relative
}

.mobthreefritem dl dd:first-child+dd+dd {
    margin-right: 0px
}

.mobthreefritem dl dd a {
    clear: both;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.mobthreefritem dl dd a.mobthreefritemtit {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #000;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    line-height: 24px
}

.mobthreefritem dl dd:hover a.mobthreefritemtit {
    background: rgba(255,48,43,0.5)
}

.mobthreefritem .syal_ckxq {
    width: 50%;
    text-align: center
}

.mobthreefritem .syal_ckxq a {
    color: #fff;
    display: block;
    border: 1px solid #fff;
    line-height: 30px;
    font-size: 12px
}

.mobthreefritem .syal_ckxq a:hover {
    background: #ff302b;
    border-color: #ff302b
}

@media (min-width: 1366px) {
    .mobthree {
        padding:50px 0px 55px 0px
    }

    .mobthree .mobthreefl {
        width: 329px;
        padding-left: 74px
    }

    .mobthree .mobthreefr {
        width: 871px
    }

    .mobthreefrpic {
        width: 364px
    }

    .mobthreefritem {
        padding-left: 25px;
        width: 435px
    }

    .mobthreefritem h3 {
        font-size: 19px;
        padding-bottom: 10px
    }

    .mobthreefritem .mobthreefritem_clnl,.mobthreefritem .mobthreefritem_txt {
        font-size: 14px;
        padding: 5px 0px
    }

    .mobthreefritem dl {
        padding: 15px 0px
    }

    .mobthreefritem dl dd {
        width: 132px;
        margin-right: 7px
    }

    .mobthreefritem dl dd a.mobthreefritemtit {
        line-height: 26px;
        font-size: 13px
    }

    .mobthreefritem .syal_ckxq a {
        font-size: 14px;
        padding: 2px 0px
    }

    .mobthree .mobthreefl p a {
        font-size: 14px;
        line-height: 28px;
        padding: 9px 0px 9px 16px
    }

    .mobthree .mobthreefl h2 {
        font-size: 28px
    }

    .mobthree .mobthreefl p a.active:after {
        top: 10px
    }
}

@media (min-width: 1730px) {
    .mobthree {
        padding:60px 0px 70px 0px
    }

    .mobthree .mobthreefl {
        width: 421px;
        padding-left: 95px
    }

    .mobthree .mobthreefr {
        width: 1109px
    }

    .mobthreefrpic {
        width: 460px
    }

    .mobthreefritem {
        padding-left: 35px;
        width: 555px
    }

    .mobthreefritem h3 {
        font-size: 24px
    }

    .mobthreefritem .mobthreefritem_clnl,.mobthreefritem .mobthreefritem_txt {
        font-size: 16px;
        padding: 7px 0px
    }

    .mobthreefritem dl {
        padding: 28px 0px
    }

    .mobthreefritem dl dd {
        width: 166px;
        margin-right: 11px
    }

    .mobthreefritem dl dd a.mobthreefritemtit {
        font-size: 16px;
        line-height: 34px
    }

    .mobthreefritem .syal_ckxq a {
        font-size: 16px;
        padding: 7px 0px
    }

    .mobthree .mobthreefl p a {
        font-size: 18px;
        line-height: 36px;
        padding: 10px 0px 10px 16px
    }

    .mobthree .mobthreefl h2 {
        font-size: 36px;
        margin-bottom: 40px
    }

    .mobthree .mobthreefl p a.active:after {
        height: 30px;
        top: 14px
    }
}

.mobfour {
    padding: 50px 0px
}

.mobfour h2 {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px;
    color: #ff1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top right, #ff615d, #ff1b1b);
    display: inline-block
}

.mobfour h2 a {
    color: #ff1b1b
}

.mobfour h2 a:hover {
    color: #f00
}

.mobfour .mobfouritem {
    float: left;
    width: 460px
}

.mobfour .mobfouritem:first-child {
    margin-right: 80px
}

.mobfour .mobfouritem dl {
    clear: both;
    width: 100%;
    padding-bottom: 36px
}

.mobfour .mobfouritem dl:nth-child(2) {
    padding-top: 15px
}

.mobfour .mobfouritem dl:last-child {
    padding-bottom: 0px
}

.mobfour .mobfouritem dl .mobfourpic {
    float: left;
    width: 120px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: -15px;
    box-shadow: 1px 0px 4px rgba(0,0,0,0.15);
    position: relative;
    z-index: 2
}

.mobfour .mobfouritem dl dd {
    margin-left: 100px;
    padding: 10px 10px 10px 35px;
    box-shadow: 1px 0px 4px rgba(0,0,0,0.08);
    border-radius: 0px 10px 10px 0px;
    position: relative;
    z-index: 1
}

.mobfour .mobfouritem dl dd:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 60px;
    height: 40px;
    border-bottom: 4px solid #f00;
    border-left: 4px solid #f00;
    content: ''
}

.mobfour .mobfouritem dl dd a {
    clear: both;
    font-size: 14px;
    font-weight: bold
}

.mobfour .mobfouritem dl dd p {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    color: #666;
    height: 40px
}

.mobfour .mobfouritem ul {
    clear: both
}

.mobfour .mobfouritem ul li {
    clear: both;
    padding-bottom: 13px
}

.mobfour .mobfouritem ul li:last-child {
    padding-bottom: 0px
}

.mobfour .mobfouritem ul li .date {
    float: left;
    background: url(../img/mobfouricon01.jpg) no-repeat left top;
    background-size: 2px 100%;
    width: 41px;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    font-family: 微软雅黑 Light
}

.mobfour .mobfouritem ul li .date strong {
    clear: both;
    display: block;
    color: #333;
    font-weight: normal
}

.mobfour .mobfouritem ul li .con {
    border-radius: 10px;
    box-shadow: -2px 0px 4px rgba(0,0,0,0.08);
    margin-left: 54px;
    padding: 5px 15px 10px 15px;
    background: url(../img/mobfouritembg.jpg) repeat-y right center
}

.mobfour .mobfouritem ul li .con a {
    clear: both;
    font-weight: bold;
    font-size: 14px
}

.mobfour .mobfouritem ul li .con p {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    color: #666;
    height: 40px
}

@media (min-width: 1366px) {
    .mobfour {
        padding:63px 0px
    }

    .mobfour .mobfouritem {
        width: 523px
    }

    .mobfour .mobfouritem:first-child {
        margin-right: 153px
    }

    .mobfour h2 {
        font-size: 28px;
        margin-bottom: 38px
    }

    .mobfour .mobfouritem dl:nth-child(2) {
        padding-top: 20px
    }

    .mobfour .mobfouritem dl .mobfourpic {
        width: 142px;
        margin-top: -18px
    }

    .mobfour .mobfouritem dl dd {
        margin-left: 120px;
        padding: 15px 15px 19px 50px
    }

    .mobfour .mobfouritem ul li {
        padding-bottom: 16px
    }

    .mobfour .mobfouritem ul li .date {
        font-size: 14px;
        line-height: 22px;
        width: 50px
    }

    .mobfour .mobfouritem ul li .date strong {
        font-size: 15px
    }

    .mobfour .mobfouritem ul li .con a {
        font-size: 16px
    }

    .mobfour .mobfouritem ul li .con {
        padding: 12px 25px;
        margin-left: 62px
    }

    .mobfour .mobfouritem ul li .con p {
        padding-top: 10px;
        height: 50px
    }
}

@media (min-width: 1730px) {
    .mobfour {
        padding:80px 0px
    }

    .mobfour .mobfouritem {
        width: 667px
    }

    .mobfour .mobfouritem:first-child {
        margin-right: 195px
    }

    .mobfour h2 {
        font-size: 36px;
        margin-bottom: 50px
    }

    .mobfour .mobfouritem dl:nth-child(2) {
        padding-top: 25px
    }

    .mobfour .mobfouritem dl {
        padding-bottom: 52px
    }

    .mobfour .mobfouritem dl .mobfourpic {
        width: 180px;
        margin-top: -23px
    }

    .mobfour .mobfouritem dl dd {
        margin-left: 155px;
        padding: 15px 15px 18px 63px
    }

    .mobfour .mobfouritem dl dd a {
        font-size: 18px
    }

    .mobfour .mobfouritem dl dd p {
        font-size: 14px;
        line-height: 26px;
        padding-top: 5px;
        height: 57px
    }

    .mobfour .mobfouritem ul li {
        padding-bottom: 20px
    }

    .mobfour .mobfouritem ul li .date {
        width: 57px;
        font-size: 20px;
        line-height: 24px
    }

    .mobfour .mobfouritem ul li .date strong {
        font-size: 18px
    }

    .mobfour .mobfouritem ul li .con {
        padding: 15px 31px;
        margin-left: 70px
    }

    .mobfour .mobfouritem ul li .con a {
        font-size: 20px
    }

    .mobfour .mobfouritem ul li .con p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 25px;
        height: 60px
    }
}

.mobfive {
    clear: both;
    background: url(../img/mobfive.jpg) no-repeat center top #181615;
    height: 457px;
    background-size: auto 484px
}

.mobfive .mobfivetit {
    text-align: center;
    padding: 38px 0px 0px 0px
}

.mobfive .mobfivetit h2 {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    padding-bottom: 19px;
    display: inline-block;
    color: #ff1b1b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top right, #ff615d, #ff1b1b)
}

.mobfive .mobfivetit p {
    font-size: 12px;
    color: #c0c0c0;
    line-height: 1
}

.mobfive dl {
    clear: both;
    padding-top: 81px
}

.mobfive dl dd {
    float: left;
    width: 197px;
    padding: 0px 46px
}

.mobfive dl dd:first-child,.mobfive dl dd:first-child+dd+dd {
    margin-top: 93px
}

.mobfive dl dd .mobfivepic {
    clear: both;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: 0px 7px 8px rgba(54,0,0,0.8)
}

.mobfive dl dd .mobfivetxt {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1
}

.mobfive dl dd .mobfivetxt a {
    color: #fff
}

.mobfive dl dd .mobfivetxt a:hover {
    color: #f00
}

.mobfive dl dt {
    float: right;
    width: 208px
}

.mobfive dl dt .mobfivepic {
    position: relative
}

.mobfive dl dt .mobfivepic:after {
    content: '';
    position: absolute;
    width: 94px;
    height: 21px;
    background: url(../img/mobfiveicon01.png) no-repeat center top;
    background-size: 94px;
    bottom: 13px;
    left: -40px
}

.mobfive dl dt .mobfivepic a {
    clear: both;
    display: block;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    box-shadow: -6px 0px 10px rgba(0,0,17,0.29)
}

.mobfive dl dt .mobfivetxt {
    width: 135px;
    position: relative;
    text-align: center;
    font-weight: bold;
    margin: -8px auto 0px
}

.mobfive dl dt .mobfivetxt a {
    clear: both;
    display: block
}

@media (min-width: 1366px) {
    .mobfive {
        height:548px;
        background-size: auto 581px
    }

    .mobfive .mobfivetit {
        padding-top: 45px
    }

    .mobfive dl dd {
        padding: 0px 55px;
        width: 237px
    }

    .mobfive dl dd .mobfivetxt {
        font-size: 17px
    }

    .mobfive dl dd .mobfivepic {
        margin-bottom: 16px
    }

    .mobfive .mobfivetit h2 {
        font-size: 28px;
        padding-bottom: 22px
    }

    .mobfive .mobfivetit p {
        font-size: 14px
    }

    .mobfive dl {
        padding-top: 98px
    }

    .mobfive dl dt {
        width: 250px
    }

    .mobfive dl dt .mobfivetxt {
        width: 170px
    }

    .mobfive dl dt .mobfivepic:after {
        width: 114px;
        height: 26px;
        background-size: 114px;
        left: -46px
    }
}

@media (min-width: 1730px) {
    .mobfive {
        height:694px;
        background-size: auto 740px
    }

    .mobfive .mobfivetit {
        padding-top: 60px
    }

    .mobfive dl dd {
        padding: 0px 71px;
        width: 302px
    }

    .mobfive dl dd .mobfivetxt {
        font-size: 22px
    }

    .mobfive dl dd .mobfivepic {
        margin-bottom: 20px
    }

    .mobfive .mobfivetit h2 {
        font-size: 36px;
        padding-bottom: 30px
    }

    .mobfive .mobfivetit p {
        font-size: 18px
    }

    .mobfive dl {
        padding-top: 128px
    }

    .mobfive dl dt {
        width: 318px
    }

    .mobfive dl dt .mobfivetxt {
        width: 205px
    }

    .mobfive dl dt .mobfivepic:after {
        width: 142px;
        height: 33px;
        background-size: 142px;
        bottom: 19px;
        left: -60px
    }
}

.footer {
    width: 100%;
    min-width: 1000px;
    padding: 5px 0px 10px 0px;
    color: #333;
    font-size: 14px;
    text-align: center;
    position: relative;
    background: #fff;
    margin-top: 70px;
    z-index: 1
}

.footer:after {
    content: '';
    position: absolute;
    left: 0px;
    top: -133px;
    background: url(../img/footbg01.png) no-repeat center top;
    background-size: 100% 135px;
    height: 135px;
    z-index: 1
}

.footer a {
    color: #333
}

.footer a:hover {
    color: #f00
}

.index_yqlj {
    width: 100%;
    min-width: 1000px;
    margin: 16px auto 0px;
    position: relative;
    background: #f8f8f8;
    padding: 10px 0px 20px 0px;
}

.index_yqlj:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: -138px;
    background: url(../img/footbg.png) no-repeat center top;
    background-size: 100% 141px;
    height: 141px
}

.index_yqlj a {
    font-size: 14px;
    margin-right: 8px
}

.index_yqlj.wrap1200 {
    width: 100%
}

.aboutbanbox {
    clear: both;
    position: relative;
    overflow: hidden
}

.aboutbanbox .aboutbanbom {
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 0px
}

.aboutbanpic {
    background: #1d2029
}

.aboutban {
    width: 100%;
    background: #1d2029;
    overflow: hidden
}

@media (min-width: 1920px) {
    .aboutbanpic {
        width:1920px;
        margin: 0 auto
    }

    .caseban .casebanbom img {
        width: 100%;
        height: 847px
    }

    .aboutbanbox .aboutbanbom img {
        width: 100%;
        height: 847px !important
    }
}

.servicebanbox {
    clear: both;
    position: relative;
    padding-bottom: 33px
}

.serviceban {
    background: url(../img/serviceban.jpg) no-repeat center top #1a1f28;
    background-size: 100% auto
}

.aboutban {
    background: url(../img/aboutban.jpg) no-repeat center top #1a1f28;
    background-size: 100% auto
}

.servicebanbox:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    top: 0px;
    background: url(../img/banbom.jpg) no-repeat center bottom;
    background-size: 100% auto
}

@media (min-width: 1730px) {
    .aboutban .aboutbanpic {
        width:1920px;
        margin: 0 auto
    }

    .aboutban .aboutbanbom img {
        width: 100%;
        height: 847px
    }
}

.abouttop {
    padding-top: 120px;
    color: #fff;
    padding-bottom: 35px;
    position: relative;
    z-index: 1
}

.abouttop a {
    color: #ff1b1b
}

.abouttop .aboutBreadnav {
    font-size: 12px;
    line-height: 1;
    padding-left: 140px
}

.abouttop .aboutBreadtit {
    font-size: 33px;
    line-height: 1;
    font-weight: bold;
    padding: 56px 0px 30px 140px
}

.abouttop .aboutBreadtxt {
    font-size: 15px;
    color: #c0c0c0;
    line-height: 24px;
    padding: 8px 15px;
    display: inline-block;
    margin-left: 125px;
    position: relative;
    background: rgba(0,0,0,0.36)
}

.abouttop .aboutBreadtxt:before {
    content: '';
    width: 40px;
    height: 1px;
    background: #cc3234;
    position: absolute;
    left: -52px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.abouttop .aboutBreadnav span {
    color: #ff3130
}

@media (min-width: 1366px) {
    .abouttop {
        padding-top:144px;
        padding-bottom: 40px
    }

    .abouttop .aboutBreadnav {
        font-size: 14px;
        padding-left: 170px
    }

    .abouttop .aboutBreadtit {
        font-size: 39px;
        padding: 68px 0px 34px 170px
    }

    .abouttop .aboutBreadtxt {
        font-size: 17px;
        padding: 11px 15px;
        margin-left: 170px
    }

    .abouttop .aboutBreadtxt:before {
        width: 45px;
        left: -60px
    }
}

@media (min-width: 1730px) {
    .abouttop {
        padding-top:183px;
        padding-bottom: 53px
    }

    .abouttop .aboutBreadnav {
        font-size: 18px;
        padding-left: 217px
    }

    .abouttop .aboutBreadtit {
        font-size: 50px;
        padding: 85px 0px 45px 217px
    }

    .abouttop .aboutBreadtxt {
        font-size: 22px;
        padding: 18px 15px;
        margin-left: 217px
    }

    .abouttop .aboutBreadtxt:before {
        width: 60px;
        left: -80px
    }
}

.aboutone {
    padding: 0px 140px;
    position: relative;
    z-index: 1
}

.aboutone .aboutonefl {
    float: left;
    width: 300px
}

.aboutone .aboutonefl p {
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    padding-top: 43px
}

.aboutone .aboutonefr {
    float: right;
    width: 296px;
    position: relative
}

.aboutone .aboutonefr:after {
    content: '';
    position: absolute;
/*    background: url(../img/aboutoneicon01.png) no-repeat left top;*/
    background-size: 134px;
    left: 20px;
    top: 18px;
    width: 134px;
    height: 19px
}

@media (min-width: 1366px) {
    .aboutone {
        padding:0px 170px
    }

    .aboutone .aboutonefl {
        width: 350px
    }

    .aboutone .aboutonefl p {
        font-size: 13px;
        line-height: 24px;
        padding: 60px 0px 10px 0px
    }

    .aboutone .aboutonefr {
        width: 355px
    }

    .aboutone .aboutonefr:after {
        width: 162px;
        height: 24px;
        background-size: 162px
    }
}

@media (min-width: 1730px) {
    .aboutone {
        padding:0px 217px
    }

    .aboutone .aboutonefl {
        width: 450px
    }

    .aboutone .aboutonefl p {
        font-size: 17px;
        line-height: 32px;
        padding: 70px 0px 20px 0px
    }

    .aboutone .aboutonefr {
        width: 452px
    }

    .aboutone .aboutonefr:after {
        width: 205px;
        height: 30px;
        background-size: 205px
    }
}

.abouttwo {
    background: #fff;
    margin: 70px 90px 30px 90px;
    position: relative;
    z-index: 1
}

.abouttwo ul {
    padding-left: 89px
}

.abouttwo ul li {
    float: left;
    width: 179px;
    position: relative;
    border-left: 1px solid #e8e8e9;
    padding-top: 52px;
    padding-left: 20px;
    height: 260px;
    padding-bottom: 26px
}

.abouttwo ul li i {
    position: absolute;
    top: 41px;
    border-radius: 50%;
    display: block;
    padding: 5px;
    width: 33px;
    height: 33px;
    background: #ff2929;
    background: rgba(255,41,41,0.3);
    filter: alpha(opacity=30);
    right: -17px;
    z-index: 1
}

.abouttwo ul li i img {
    position: relative;
    z-index: 3
}

.abouttwo ul li i:after,.abouttwo ul li i:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: #ff2929;
    background: rgba(255,41,41,0.1);
    filter: alpha(opacity=10)
}

.abouttwo ul li i:after {
    z-index: 2;
    left: -7px;
    right: -7px;
    top: -7px;
    bottom: -7px
}

.abouttwo ul li i:before {
    z-index: 1;
    left: -14px;
    right: -14px;
    top: -14px;
    bottom: -14px
}

.abouttwo ul li .abouttwopic {
    line-height: 1;
    padding-bottom: 17px
}

.abouttwo ul li .abouttwotit {
    font-size: 12px;
    color: #666;
    position: relative;
    display: inline-block;
    line-height: 1
}

.abouttwo ul li .abouttwotit:after {
    position: absolute;
    left: -40px;
    top: 50%;
    width: 20px;
    height: 1px;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background: #ff1c17
}

.abouttwo ul li:first-child+li,.abouttwo ul li:first-child+li+li+li {
    padding-top: 167px
}

.abouttwo ul li:first-child+li i,.abouttwo ul li:first-child+li+li+li i {
    right: auto;
    left: -67px;
    top: 161px
}

.abouttwo ul li .abouttwopic img {
    width: 74px
}

.abouttwo ul li:first-child+li .abouttwopic img,.abouttwo ul li:first-child+li+li+li .abouttwopic img {
    width: 113px
}

@media (min-width: 1366px) {
    .abouttwo {
        margin:56px 72px 25px 72px
    }

    .abouttwo ul {
        padding-left: 160px
    }

    .abouttwo ul li {
        width: 195px;
        padding-left: 22px;
        padding-top: 62px;
        padding-bottom: 30px;
        height: 308px
    }

    .abouttwo ul li:first-child+li,.abouttwo ul li:first-child+li+li+li {
        padding-top: 202px
    }

    .abouttwo ul li i {
        width: 40px;
        height: 40px;
        padding: 7px 7px 0px;
        top: 50px;
        right: -20px
    }

    .abouttwo ul li:first-child+li i,.abouttwo ul li:first-child+li+li+li i {
        top: 191px;
        left: -92px
    }

    .abouttwo ul li i:after {
        left: -9px;
        right: -9px;
        top: -9px;
        bottom: -9px
    }

    .abouttwo ul li i:before {
        left: -18px;
        right: -18px;
        top: -18px;
        bottom: -18px
    }

    .abouttwo ul li .abouttwotit {
        font-size: 14px
    }

    .abouttwo ul li .abouttwopic img {
        width: 90px
    }

    .abouttwo ul li:first-child+li .abouttwopic img,.abouttwo ul li:first-child+li+li+li .abouttwopic img {
        width: 135px
    }

    .abouttwo ul li .abouttwotit:after {
        left: -47px;
        width: 24px
    }
}

@media (min-width: 1730px) {
    .abouttwo {
        margin:70px 92px 36px 92px
    }

    .abouttwo ul {
        padding-left: 205px
    }

    .abouttwo ul li {
        width: 255px;
        padding-left: 30px;
        padding-top: 80px;
        padding-bottom: 40px;
        height: 390px
    }

    .abouttwo ul li:first-child+li,.abouttwo ul li:first-child+li+li+li {
        padding-top: 257px
    }

    .abouttwo ul li i {
        width: 50px;
        height: 50px;
        padding: 9px 9px 0px;
        top: 63px;
        right: -24px
    }

    .abouttwo ul li:first-child+li i,.abouttwo ul li:first-child+li+li+li i {
        top: 243px;
        left: -115px
    }

    .abouttwo ul li i:after {
        left: -11px;
        right: -11px;
        top: -11px;
        bottom: -11px
    }

    .abouttwo ul li i:before {
        left: -22px;
        right: -22px;
        top: -22px;
        bottom: -22px
    }

    .abouttwo ul li .abouttwotit {
        font-size: 18px
    }

    .abouttwo ul li .abouttwopic img {
        width: 112px
    }

    .abouttwo ul li:first-child+li .abouttwopic img,.abouttwo ul li:first-child+li+li+li .abouttwopic img {
        width: 171px
    }

    .abouttwo ul li .abouttwotit:after {
        left: -60px;
        width: 30px
    }
}

.aboutthree {
    clear: both;
    background: url(../img/aboutthreebg.jpg) no-repeat center top;
    background-size: cover;
    padding: 60px 0px;
    margin-top: 25px
}

.aboutthree .aboutthreebox {
    position: relative;
    margin: 0px 60px;
    background: rgba(29,32,41,0.7);
    padding-bottom: 24px
}

.aboutthree .aboutthreebox:before {
    position: absolute;
    left: -60px;
    bottom: -24px;
    content: '';
    width: 235px;
    height: 105px;
  /*  background: url(../img/aboutthreeicon01.png) no-repeat center top;*/
    background-size: 235px 105px;
    background: none\9;
   /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/aboutthreeicon01.png',sizingMethod='scale')*/
}

.aboutthree .aboutthreefl {
    float: left;
    width: 283px;
    margin-left: 80px;
    padding-top: 40px
}

.aboutthree .aboutthreefl .aboutthreefltit {
    padding: 5px 0px 10px 24px;
    color: #fff;
    border-left: 2px solid #fff;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 25px
}

.aboutthree .aboutthreefl .aboutthreefltit strong {
    clear: both;
    display: block;
    font-size: 24px;
    padding-bottom: 13px
}

.aboutthree .aboutthreefl .aboutthreefltxt {
    clear: both;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 14px
}

.aboutthree .aboutthreefr {
    float: right;
    width: 440px
}

.aboutthree .aboutthreefr li {
    float: left;
    width: 220px;
    padding: 20px 15px 0px 0px
}

@media (min-width: 1366px) {
    .aboutthree {
        padding:70px 0px
    }

    .aboutthree .aboutthreebox {
        margin: 0px 70px
    }

    .aboutthree .aboutthreefl {
        margin-left: 100px;
        width: 355px;
        padding-top: 50px
    }

    .aboutthree .aboutthreefl .aboutthreefltit {
        padding-top: 7px;
        font-size: 14px;
        padding-bottom: 13px;
        margin-bottom: 33px
    }

    .aboutthree .aboutthreefl .aboutthreefltit strong {
        font-size: 28px;
        padding-bottom: 16px
    }

    .aboutthree .aboutthreefl .aboutthreefltxt {
        font-size: 13px;
        line-height: 24px;
        padding-bottom: 24px
    }

    .aboutthree .aboutthreefr {
        width: 530px;
        padding-top: 10px
    }

    .aboutthree .aboutthreefr li {
        width: 265px;
        padding: 20px 20px 0px 0px
    }

    .aboutthree .aboutthreebox:before {
        width: 283px;
        height: 125px;
        background-size: 283px;
        left: -72px;
        bottom: -24px
    }
}

@media (min-width: 1730px) {
    .aboutthree {
        padding:90px 0px
    }

    .aboutthree .aboutthreebox {
        margin: 0px 90px
    }

    .aboutthree .aboutthreefl {
        margin-left: 126px;
        width: 452px;
        padding-top: 60px
    }

    .aboutthree .aboutthreefl .aboutthreefltit {
        padding-top: 10px;
        font-size: 18px;
        padding-bottom: 18px;
        margin-bottom: 43px
    }

    .aboutthree .aboutthreefl .aboutthreefltit strong {
        font-size: 36px;
        padding-bottom: 20px
    }

    .aboutthree .aboutthreefl .aboutthreefltxt {
        font-size: 16px;
        padding-bottom: 32px;
        line-height: 30px
    }

    .aboutthree .aboutthreefr {
        width: 674px;
        padding-top: 15px
    }

    .aboutthree .aboutthreefr li {
        width: 337px
    }

    .aboutthree .aboutthreebox:before {
        width: 360px;
        height: 159px;
        left: -80px;
        background-size: 360px;
        bottom: -32px
    }
}

.aboutfour {
    padding: 50px 140px
}

.aboutfour .aboutfourfl {
    float: left;
    width: 354px;
    position: relative;
    z-index: 2
}

.aboutfour .aboutfourfl .aboutfourfltit {
    font-size: 12px;
    line-height: 22px;
    color: #666;
    margin-bottom: 45px;
    padding-left: 25px;
    padding-right: 30px;
    position: relative
}

.aboutfour .aboutfourfl .aboutfourfltit:after {
    position: absolute;
    left: 0px;
    width: 2px;
    background: #f00;
    content: '';
    top: 0px;
    bottom: 27px
}

.aboutfour .aboutfourfl .aboutfourfltit strong {
    clear: both;
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #ff1c15;
    padding-bottom: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(bottom left, #ff1c15, #ff615d)
}

.aboutfour .aboutfourfl .aboutfourflpic {
    box-shadow: 0px 0px 26px 2px rgba(38,3,3,0.3)
}

.aboutfour .aboutfourmid {
    float: left;
    width: 210px;
    margin-left: 15px;
    position: relative;
    margin-top: 50px;
    z-index: 1
}

.aboutfour .aboutfourmid:after {
    position: absolute;
    border: 7px solid #e11c16;
    width: 73px;
    height: 73px;
    content: '';
    left: -56px;
    top: 47px;
    border-image: -webkit-linear-gradient(#ff625d, #e11c16) 1 1;
    border-image: -moz-linear-gradient(#ff625d, #e11c16) 1 1;
    border-image: linear-gradient(#ff625d, #e11c16) 1 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.aboutfour .aboutfourfr {
    float: right;
    width: 126px;
    margin-top: 50px
}

.aboutfour .aboutfourfr .aboutfourfrtit {
    font-size: 12px;
    line-height: 1;
    padding-bottom: 31px
}

.aboutfour .aboutfourfr .aboutfourfrtit strong {
    clear: both;
    display: block;
    padding-bottom: 8px
}

@media (min-width: 1366px) {
    .aboutfour {
        padding:64px 170px
    }

    .aboutfour .aboutfourfl {
        width: 424px
    }

    .aboutfour .aboutfourfl .aboutfourfltit {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 60px
    }

    .aboutfour .aboutfourfl .aboutfourfltit strong {
        font-size: 28px;
        padding-bottom: 25px
    }

    .aboutfour .aboutfourmid {
        width: 252px;
        margin-left: 19px;
        margin-top: 60px
    }

    .aboutfour .aboutfourfr {
        width: 150px;
        margin-top: 60px
    }

    .aboutfour .aboutfourmid:after {
        border-width: 8px;
        left: -68px;
        top: 56px;
        width: 88px;
        height: 88px
    }

    .aboutfour .aboutfourfr .aboutfourfrtit {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 30px
    }
}

@media (min-width: 1730px) {
    .aboutfour {
        padding:80px 217px
    }

    .aboutfour .aboutfourfl .aboutfourfltit {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 75px
    }

    .aboutfour .aboutfourfl .aboutfourfltit strong {
        font-size: 36px;
        padding-bottom: 35px
    }

    .aboutfour .aboutfourfl {
        width: 540px
    }

    .aboutfour .aboutfourmid {
        width: 320px;
        margin-left: 24px;
        margin-top: 78px
    }

    .aboutfour .aboutfourfr {
        width: 190px;
        margin-top: 78px
    }

    .aboutfour .aboutfourmid:after {
        border-width: 10px;
        left: -86px;
        top: 72px;
        width: 112px;
        height: 112px
    }

    .aboutfour .aboutfourfr .aboutfourfrtit {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 40px
    }
}

.aboutfive {
    clear: both;
    background: #f7f6f4;
    padding: 50px 0px
}

.aboutfive .wrap1200 {
    padding: 0px 40px 0px 140px
}

.aboutfive .aboutfivefl {
    float: left;
    width: 477px
}

.aboutfive .aboutfivefl .aboutfivefltit {
    padding: 0px 130px 0px 23px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
    line-height: 1;
    border-left: 2px solid #ff1c15
}

.aboutfive .aboutfivefl .aboutfivefltit strong {
    clear: both;
    display: block;
    font-size: 24px;
    color: #ff1c15;
    padding-bottom: 24px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(bottom left, #ff1c15, #ff615d)
}

.aboutfive .aboutfivefl .aboutfourfrtxt {
    padding: 0px 130px 0px 25px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 15px
}

.aboutfive .aboutfivefl ul {
    clear: both
}

.aboutfive .aboutfivefl ul li {
    float: left;
    width: 243px;
    position: relative;
    z-index: 2
}

.aboutfive .aboutfivefl ul li img {
    width: 100%
}

.aboutfive .aboutfivefl ul li:first-child {
    box-shadow: 0px 3px 7px rgba(51,0,0,0.3)
}

.aboutfive .aboutfivefl ul li:first-child+li {
    margin-left: -20px;
    margin-top: 70px;
    z-index: 1
}

.aboutfive .aboutfivefr {
    float: right;
    width: 458px;
    margin-left: -115px;
    position: relative;
    z-index: 1
}

.aboutfive .aboutfivefr img {
    position: relative;
    z-index: 2;
    box-shadow: 0px 3px 7px rgba(51,0,0,0.44);
    width: 100%
}

.aboutfive .aboutfivefr:after {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    left: -9px;
    top: -8px;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16)
}

@media (min-width: 1366px) {
    .aboutfive {
        padding:63px 0px
    }

    .aboutfive .wrap1200 {
        padding: 0px 43px 0px 170px
    }

    .aboutfive .aboutfivefl {
        width: 572px
    }

    .aboutfive .aboutfivefl .aboutfivefltit {
        font-size: 14px;
        padding: 0px 158px 0px 30px;
        margin-bottom: 20px
    }

    .aboutfive .aboutfivefl .aboutfivefltit strong {
        font-size: 28px;
        padding-bottom: 30px
    }

    .aboutfive .aboutfivefl .aboutfourfrtxt {
        font-size: 14px;
        padding: 0px 158px 0px 30px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .aboutfive .aboutfivefl ul li {
        width: 290px
    }

    .aboutfive .aboutfivefr {
        width: 550px;
        margin-left: -135px
    }

    .aboutfive .aboutfivefr:after {
        width: 55px;
        height: 55px;
        left: -10px;
        top: -7px
    }
}

@media (min-width: 1730px) {
    .aboutfive {
        padding:83px 0px
    }

    .aboutfive .wrap1200 {
        padding: 0px 60px 0px 217px
    }

    .aboutfive .aboutfivefl {
        width: 730px
    }

    .aboutfive .aboutfivefl .aboutfivefltit {
        font-size: 18px;
        padding: 0px 230px 0px 40px;
        margin-bottom: 25px
    }

    .aboutfive .aboutfivefl .aboutfivefltit strong {
        font-size: 36px;
        padding-bottom: 36px
    }

    .aboutfive .aboutfivefl .aboutfourfrtxt {
        font-size: 16px;
        padding: 0px 219px 0px 40px;
        line-height: 30px;
        margin-bottom: 25px
    }

    .aboutfive .aboutfivefl ul li {
        width: 370px
    }

    .aboutfive .aboutfivefr {
        width: 700px;
        margin-left: -177px
    }

    .aboutfive .aboutfivefr:after {
        width: 70px;
        height: 70px;
        left: -13px;
        top: -9px
    }
}

.aboutsix {
    background: url(../img/aboutsixbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px 0px 90px 0px
}

.aboutsix .aboutsixtit {
    position: relative;
    margin-left: 140px;
    color: #c0c0c0;
    font-size: 12px;
    line-height: 22px;
    padding-left: 26px;
    padding-right: 150px
}

.aboutsix .aboutsixtit strong {
    clear: both;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px;
    color: #ff1c15;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(bottom left, #ff1c15, #ff615d)
}

.aboutsix .aboutsixtit:after {
    position: absolute;
    left: 0px;
    width: 2px;
    background: #f00;
    content: '';
    top: 0px;
    bottom: 27px
}

.aboutsix ul {
    clear: both;
    padding-top: 24px
}

.aboutsix ul li {
    float: left;
    width: 140px;
    margin-left: 80px
}

.aboutsix ul li .aboutsixtxt {
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 14px;
    padding-top: 15px
}

@media (min-width: 1366px) {
    .aboutsix {
        padding:60px 0px 100px 0px
    }

    .aboutsix .aboutsixtit {
        margin-left: 170px;
        font-size: 13px;
        line-height: 24px;
        padding-right: 300px
    }

    .aboutsix .aboutsixtit strong {
        font-size: 28px;
        padding-bottom: 25px
    }

    .aboutsix ul {
        padding-top: 24px;
        padding-left: 50px
    }

    .aboutsix ul li {
        width: 170px
    }

    .aboutsix ul li .aboutsixtxt {
        font-size: 17px
    }
}

@media (min-width: 1730px) {
    .aboutsix {
        padding:75px 0px 120px 0px
    }

    .aboutsix .aboutsixtit {
        margin-left: 217px;
        font-size: 16px;
        line-height: 30px;
        padding-right: 400px
    }

    .aboutsix .aboutsixtit strong {
        font-size: 36px;
        padding-bottom: 30px
    }

    .aboutsix ul {
        padding-left: 80px;
        padding-top: 33px
    }

    .aboutsix ul li {
        width: 215px
    }

    .aboutsix ul li .aboutsixtxt {
        font-size: 22px
    }
}

.serviceone {
    position: relative;
    z-index: 1
}

.serviceone .serviceonebox {
    background: url(../img/serviceonebg.png) no-repeat center top;
    width: 672px;
    background-size: 672px;
    height: 176px;
    margin: 82px 180px 134px 148px;
    position: relative;
    background: none\9;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/serviceonebg.png',sizingMethod='scale')
}

.serviceonebox dt {
    width: 100px;
    height: 100px;
    position: absolute;
    left: -50px
}

.serviceonebox dt i {
    position: absolute;
    top: -50px;
    -webkit-animation: yddh 2s infinite
}

@keyframes yddh {
    0% {
        transform: translate(0px, 0px) scale(1)
    }

    25% {
        transform: translate(5px, 5px) scale(1.05)
    }

    50% {
        transform: translate(0px, 0px) scale(1)
    }

    75% {
        transform: translate(-5px, -5px) scale(0.95)
    }

    100% {
        transform: translate(0px, 0px) scale(1)
    }
}

@-webkit-keyframes yddh {
    0% {
        transform: translate(0px, 0px) scale(1)
    }

    25% {
        transform: translate(5px, 5px) scale(1.05)
    }

    50% {
        transform: translate(0px, 0px) scale(1)
    }

    75% {
        transform: translate(-5px, -5px) scale(0.95)
    }

    100% {
        transform: translate(0px, 0px) scale(1)
    }
}

.serviceonebox dt i:first-child {
    right: -45px;
    top: 10px;
    width: 25px;
    animation: yddh 2s infinite
}

.serviceonebox dt i:first-child+i {
    left: -34px;
    top: 83px;
    width: 18px;
    animation: yddh 2.5s infinite
}

.serviceonebox dt i:first-child+i+i {
    left: -46px;
    top: 32px;
    width: 10px;
    animation: yddh 3s infinite
}

.serviceonebox dt a {
    display: block;
    color: white;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    padding: 23px 18px 0px;
    line-height: 26px;
    text-align: center;
    box-shadow: 0px 0px 46px #890b0b;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16)
}

.serviceonebox dt a:hover {
    background: #e60012
}

.serviceonebox dd {
    position: absolute;
    top: -45px;
    width: 100px
}

.serviceonebox dd:first-child+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
    top: 131px
}

.serviceonebox dd:first-child,.serviceonebox dd:first-child+dd+dd+dd {
    left: 175px
}

.serviceonebox dd:first-child+dd,.serviceonebox dd:first-child+dd+dd+dd+dd {
    left: 397px
}

.serviceonebox dd:first-child+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
    left: 621px
}

.serviceonebox dd .serviceonepic {
    background: url(../img/servicepicbg.png) no-repeat center top;
    background-size: 82px;
    width: 82px;
    height: 82px;
    margin: 0 auto;
    padding: 18px 18px 0px 18px
}

.serviceonebox dd .serviceonetxt {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding-top: 10px;
    color: #ff211c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(right top, #f65d57, #fe1b14)
}

@media (min-width: 1366px) {
    .serviceone .serviceonebox {
        width:808px;
        margin: 58px 217px 134px 177px;
        background-size: 808px;
        height: 211px
    }

    .serviceonebox dd {
        top: -49px;
        width: 110px
    }

    .serviceonebox dd:first-child,.serviceonebox dd:first-child+dd+dd+dd {
        left: 213px
    }

    .serviceonebox dd:first-child+dd,.serviceonebox dd:first-child+dd+dd+dd+dd {
        left: 482px
    }

    .serviceonebox dd:first-child+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
        left: 752px
    }

    .serviceonebox dd .serviceonepic {
        width: 98px;
        height: 98px;
        background-size: 98px;
        padding: 22px 22px 0px
    }

    .serviceonebox dd:first-child+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
        top: 162px
    }

    .serviceonebox dd .serviceonetxt {
        font-size: 14px;
        padding-top: 13px
    }

    .serviceonebox dt {
        width: 120px;
        height: 120px
    }

    .serviceonebox dt a {
        font-size: 16px;
        padding: 33px 23px 0px
    }

    .serviceonebox dt i:first-child {
        right: -55px;
        top: 10px;
        width: 31px
    }

    .serviceonebox dt i:first-child+i {
        left: -41px;
        top: 98px;
        width: 22px
    }

    .serviceonebox dt i:first-child+i+i {
        left: -55px;
        top: 39px;
        width: 12px
    }
}

@media (min-width: 1730px) {
    .serviceone .serviceonebox {
        width:1028px;
        margin: 58px 0px 162px 226px;
        background-size: 1028px;
        height: 268px
    }

    .serviceonebox dd {
        top: -62px;
        width: 140px
    }

    .serviceonebox dd:first-child,.serviceonebox dd:first-child+dd+dd+dd {
        left: 273px
    }

    .serviceonebox dd:first-child+dd,.serviceonebox dd:first-child+dd+dd+dd+dd {
        left: 614px
    }

    .serviceonebox dd:first-child+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
        left: 957px
    }

    .serviceonebox dd .serviceonepic {
        width: 124px;
        height: 124px;
        background-size: 124px;
        margin: 0 auto;
        padding: 30px 25px 0px
    }

    .serviceonebox dd:first-child+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd,.serviceonebox dd:first-child+dd+dd+dd+dd+dd {
        top: 201px
    }

    .serviceonebox dd .serviceonetxt {
        font-size: 18px;
        padding-top: 16px
    }

    .serviceonebox dt {
        width: 154px;
        height: 154px
    }

    .serviceonebox dt a {
        font-size: 20px;
        padding: 47px 29px 0px
    }

    .serviceonebox dt i:first-child {
        right: -70px;
        width: 39px
    }

    .serviceonebox dt i:first-child+i {
        left: -52px;
        top: 127px;
        width: 28px
    }

    .serviceonebox dt i:first-child+i+i {
        left: -70px;
        top: 51px;
        width: 15px
    }
}

.servicetwo {
    position: relative;
    z-index: 1;
    padding: 0px 0px 127px 142px
}

.servicetwo ul li {
    float: left;
    width: 255px;
    margin-left: -10px;
    background: url(../img/servicetwobg.png) no-repeat center top;
    height: 323px;
    padding: 18px 22px 0px;
    background-size: 255px
}

.servicetwopic img {
    width: 100%
}

.servicetwo ul li .servicetwotxt {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px
}

@media (min-width: 1366px) {
    .servicetwo ul li {
        width:306px;
        background-size: 306px;
        height: 388px;
        padding: 22px 26px 0px;
        margin-left: -8px
    }

    .servicetwo ul li .servicetwotxt {
        font-size: 13px;
        line-height: 24px;
        margin-top: 15px
    }
}

@media (min-width: 1730px) {
    .servicetwo {
        padding-left:195px;
        padding-bottom: 210px
    }

    .servicetwo ul li {
        width: 391px;
        background-size: 391px;
        height: 496px;
        padding: 28px 34px 0px;
        margin-left: -8px
    }

    .servicetwo ul li .servicetwotxt {
        font-size: 16px;
        line-height: 30px;
        margin-top: 25px
    }
}

.servicethree {
    clear: both;
    background: #fff;
    padding: 50px 0px;
    position: relative;
    z-index: 2;
    margin-top: -96px
}

.servicethree .servicethreetit {
    padding: 0px 0px 0px 26px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
    line-height: 1;
    border-left: 2px solid #ff1c15;
    margin-left: 143px
}

.servicethree .servicethreetit strong {
    clear: both;
    display: block;
    font-size: 24px;
    color: #333;
    padding-bottom: 24px
}

.servicethree .servicethreedl {
    padding: 0px 0 0 153px
}

.servicethree .servicethreedl dl {
    float: left;
    border-left: 1px solid #f6f6f7;
    width: 261px;
    padding-top: 24px
}

.servicethree .servicethreedl dl dd {
    clear: both;
    display: block;
    padding-left: 43px;
    position: relative
}

.servicethree .servicethreedl dl dt {
    padding-left: 8px;
    margin-bottom: 50px;
    position: relative;
    display: inline-block
}

.servicethree .servicethreedl dl i {
    position: absolute;
    top: -5px;
    border-radius: 50%;
    display: block;
    padding-top: 7px;
    width: 24px;
    height: 24px;
    background: #ff2929;
    background: rgba(255,41,41,0.3);
    filter: alpha(opacity=30);
    right: 0px;
    z-index: 1;
    text-align: center
}

.servicethree .servicethreedl dl dd i {
    right: auto;
    left: -13px
}

.servicethree .servicethreedl dl i img {
    position: relative;
    z-index: 3;
    vertical-align: top
}

.servicethree .servicethreedl dl i:after,.servicethree .servicethreedl dl i:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(255,41,41,0.1);
    filter: alpha(opacity=0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ff2929,endColorstr=#19ff2929)
}

.servicethree .servicethreedl dl i:after {
    z-index: 2;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px
}

.servicethree .servicethreedl dl i:before {
    z-index: 1;
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px
}

.servicethree .servicethreedl dl .servicethreepic {
    width: 100px;
    margin-bottom: 20px
}

.servicethree .servicethreedl dl:nth-child(2) dt .servicethreepic,.servicethree .servicethreedl dl:nth-child(3) dd .servicethreepic {
    width: 115px
}

.servicethree .servicethreedl dl .servicethreetxt {
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 1;
    position: relative
}

.servicethree .servicethreedl dl .servicethreetxt:after {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background: #ff7774
}

@media (min-width: 1366px) {
    .servicethree {
        padding:65px 0px
    }

    .servicethree .servicethreetit {
        padding: 0px 0px 0px 30px;
        margin-bottom: 40px;
        font-size: 14px;
        margin-left: 170px
    }

    .servicethree .servicethreetit strong {
        clear: both;
        display: block;
        font-size: 28px;
        padding-bottom: 22px
    }

    .servicethree .servicethreedl {
        padding-left: 190px
    }

    .servicethree .servicethreedl dl {
        width: 315px;
        padding-top: 30px
    }

    .servicethree .servicethreedl dl dd {
        padding-left: 53px
    }

    .servicethree .servicethreedl dl .servicethreepic {
        width: 120px
    }

    .servicethree .servicethreedl dl:nth-child(2) dt .servicethreepic,.servicethree .servicethreedl dl:nth-child(3) dd .servicethreepic {
        width: 137px
    }

    .servicethree .servicethreedl dl i {
        display: block;
        padding-top: 10px;
        width: 30px;
        height: 30px
    }

    .servicethree .servicethreedl dl dd i {
        left: -16px
    }

    .servicethree .servicethreedl dl i:after {
        left: -7px;
        right: -7px;
        top: -7px;
        bottom: -7px
    }

    .servicethree .servicethreedl dl i:before {
        left: -14px;
        right: -14px;
        top: -14px;
        bottom: -14px
    }

    .servicethree .servicethreedl dl .servicethreepic {
        margin-bottom: 25px
    }

    .servicethree .servicethreedl dl .servicethreetxt {
        font-size: 14px
    }

    .servicethree .servicethreedl dl .servicethreetxt:after {
        width: 25px;
        left: -47px
    }
}

@media (min-width: 1730px) {
    .servicethree {
        padding:80px 0px;
        margin-top: -162px
    }

    .servicethree .servicethreetit {
        padding: 0px 0px 0px 38px;
        margin-bottom: 50px;
        font-size: 18px;
        margin-left: 217px
    }

    .servicethree .servicethreetit strong {
        clear: both;
        display: block;
        font-size: 36px;
        padding-bottom: 27px
    }

    .servicethree .servicethreedl {
        padding-left: 237px
    }

    .servicethree .servicethreedl dl {
        width: 400px;
        padding-top: 40px
    }

    .servicethree .servicethreedl dl dt {
        padding-left: 12px;
        width: 252px
    }

    .servicethree .servicethreedl dl dd {
        padding-left: 68px
    }

    .servicethree .servicethreedl dl .servicethreepic {
        width: 152px
    }

    .servicethree .servicethreedl dl:nth-child(2) dt .servicethreepic,.servicethree .servicethreedl dl:nth-child(3) dd .servicethreepic {
        width: 173px
    }

    .servicethree .servicethreedl dl i {
        display: block;
        padding-top: 13px;
        width: 37px;
        height: 37px
    }

    .servicethree .servicethreedl dl dd i {
        left: -20px
    }

    .servicethree .servicethreedl dl i:after {
        left: -9px;
        right: -9px;
        top: -9px;
        bottom: -9px
    }

    .servicethree .servicethreedl dl i:before {
        left: -18px;
        right: -18px;
        top: -18px;
        bottom: -18px
    }

    .servicethree .servicethreedl dl .servicethreepic {
        margin-bottom: 25px
    }

    .servicethree .servicethreedl dl .servicethreetxt {
        font-size: 18px
    }

    .servicethree .servicethreedl dl .servicethreetxt:after {
        width: 30px;
        left: -60px
    }
}

.servicefour {
    clear: both;
    background: url(../img/servicefourbg.jpg) no-repeat center top;
    background-size: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}

.servicefour .servicefourtit {
    color: #fff;
    padding: 0px 0px 0px 26px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 22px;
    border-left: 2px solid #ffffff;
    margin-left: 143px
}

.servicefour .servicefourtit strong {
    clear: both;
    display: block;
    font-size: 24px;
    padding-bottom: 8px;
    line-height: 1
}

.servicefour ul {
    clear: both;
    padding: 0px 126px 173px 126px
}

.servicefour ul li {
    float: left;
    width: 33.3333%;
    position: relative
}

.servicefour ul li:after {
    content: '';
    width: 1px;
    background: #eee;
    position: absolute;
    left: 124px;
    top: 232px;
    height: 399px;
    z-index: 0
}

.servicefour ul li .servicefourpic {
    width: 240px;
    margin: 0 auto
}

.servicefour ul li .servicefourbox {
    position: absolute;
    padding-top: 74px;
    bottom: -98px;
    left: 50%;
    width: 196px;
    height: 196px;
    background: url(../img/servicefouricon01.png) no-repeat center top;
    background-size: 196px;
    color: #fff;
    text-align: center;
    z-index: 2;
    margin-left: -98px
}

.servicefour ul li .servicefourbox strong {
    font-size: 17px;
    clear: both;
    display: block;
    line-height: 1
}

.servicefour ul li .servicefourbox p {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 30px 0px 30px
}

.servicefour .servicefouritem {
    clear: both;
    margin: 0px 127px;
    padding-left: 25px;
    position: relative
}

.servicefour .servicefouritem h3 {
    font-size: 24px;
    padding-bottom: 15px;
    color: #ff1c15;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top left, #fe1d17, #ff605c);
    display: inline-block
}

.servicefour .servicefouritem p {
    font-size: 12px;
    line-height: 22px
}

.servicefour .servicefouritem:after {
    position: absolute;
    left: 0px;
    width: 2px;
    background: #f00;
    content: '';
    top: -12px;
    bottom: 38px
}

@media (min-width: 1366px) {
    .servicefour {
        padding-top:64px
    }

    .servicefour .servicefourtit {
        margin-bottom: 64px;
        font-size: 14px
    }

    .servicefour .servicefourtit strong {
        font-size: 30px
    }

    .servicefour ul li .servicefourpic {
        width: 286px
    }

    .servicefour ul li:after {
        height: 481px;
        left: 157px;
        top: 300px
    }

    .servicefour ul li .servicefourbox {
        width: 235px;
        height: 235px;
        background-size: 235px;
        bottom: -118px;
        padding-top: 91px;
        margin-left: -117px
    }

    .servicefour ul li .servicefourbox strong {
        font-size: 20px
    }

    .servicefour ul li .servicefourbox p {
        font-size: 14px;
        padding: 10px 43px 0px
    }

    .servicefour .servicefouritem {
        margin-top: 88px
    }

    .servicefour .servicefouritem h3 {
        font-size: 28px;
        padding-bottom: 20px
    }

    .servicefour .servicefouritem p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width: 1730px) {
    .servicefour {
        padding-top:80px
    }

    .servicefour .servicefourtit {
        margin-bottom: 135px;
        font-size: 18px;
        margin-left: 217px;
        line-height: 30px;
        padding-top: 9px
    }

    .servicefour .servicefourtit strong {
        font-size: 36px;
        padding-bottom: 13px
    }

    .servicefour ul {
        padding: 0px 167px 173px
    }

    .servicefour ul li:after {
        height: 555px;
        left: 199px;
        top: 370px
    }

    .servicefour ul li .servicefourpic {
        width: 367px
    }

    .servicefour ul li .servicefourbox {
        width: 300px;
        height: 300px;
        background-size: 300px;
        padding-top: 113px;
        bottom: -150px;
        margin-left: -150px
    }

    .servicefour ul li .servicefourbox strong {
        font-size: 26px
    }

    .servicefour ul li .servicefourbox p {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 43px 0px
    }

    .servicefour .servicefouritem {
        margin: 112px 217px 0px
    }

    .servicefour .servicefouritem h3 {
        font-size: 36px;
        padding-bottom: 28px
    }

    .servicefour .servicefouritem p {
        font-size: 18px;
        line-height: 30px
    }
}

@media (min-width: 1920px) {
    .servicefour {
        background-size:1920px
    }
}

.servicefive {
    clear: both;
    width: 100%;
    min-width: 1000px
}

.servicefive li {
    float: left;
    width: 20%;
    position: relative
}

.servicefive li:after {
    position: absolute;
    left: 15%;
    right: 15%;
    top: 30%;
    bottom: 30%;
    border: 3px solid #fff;
    content: '';
    opacity: 1;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.servicefivepic {
    clear: both;
    display: block
}

.servicefivepic img {
    width: 100%
}

.servicefive li .servicefivetit {
    clear: both;
    display: block;
    opacity: 1;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 15%;
    right: 15%;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.servicefive li .servicefivetit:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: inherit;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(3px)
}

.servicefive li:hover .servicefivetit,.servicefive li:hover:after {
    opacity: 0;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.servicefive li .servicefivetit span {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 24px;
    position: relative;
    z-index: 2;
    padding: 10px 15px;
    background: rgba(0,0,0,0.3)
}

@media (min-width: 1366px) {
    .servicefive li .servicefivetit span {
        font-size:20px;
        padding: 16px 15px
    }
}

@media (min-width: 1730px) {
    .servicefive li .servicefivetit span {
        font-size:26px;
        padding: 22px 15px
    }
}

.contactbanbox {
    position: relative;
    width: 100%;
    min-width: 1000px;
    text-align: center
}

.contactbanbox .contacttop {
    clear: both;
    position: absolute;
    left: 50%;
    top: 110px;
    margin-left: -500px;
    color: #fff;
    text-align: left
}

.contacttop a {
    color: #fff
}

.contacttop .contactBreadnav {
    font-size: 12px;
    line-height: 1;
    padding-left: 140px
}

.contacttop .contactBreadnav span {
    color: #e60012
}

.contacttop .contactBreadtit {
    font-size: 29px;
    line-height: 1;
    font-weight: bold;
    padding: 59px 0px 40px 140px
}

.contacttop .contactBreadtxt {
    font-size: 14px;
    color: #c0c0c0;
    line-height: 24px;
    display: block;
    margin-left: 140px;
    position: relative;
    margin-bottom: 10px
}

.contacttop .contactBreadtxt strong {
    color: #ff211c;
    font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #ff615c, #ff211c);
    font-size: 18px
}

.contacttop .contactBreadtxt i {
    width: 40px;
    height: 1px;
    background: #cc3234;
    position: absolute;
    left: -52px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contacttop .contactBreadbom {
    clear: both;
    font-size: 12px;
    margin: 0px 0px 0px 140px;
    color: #c0c0c0
}

.contacttop .contactBreadbtn {
    clear: both;
    display: block;
    text-align: left;
    padding-top: 45px;
    margin: 0px 0px 0px 140px
}

.contacttop .contactBreadbtn a {
    background: #9d2528;
    display: inline-block;
    border-radius: 12px;
    line-height: 1;
    padding: 12px 24px;
    position: relative
}

.contacttop .contactBreadbtn a:after,.contacttop .contactBreadbtn a:before {
    content: '';
    border-radius: 12px;
    position: absolute
}

.contacttop .contactBreadbtn a:after {
    z-index: -1;
    background: rgba(157,37,40,0.2);
    left: -7px;
    right: -7px;
    bottom: -7px;
    top: -7px
}

.contacttop .contactBreadbtn a:before {
    z-index: -2;
    background: rgba(157,37,40,0.1);
    left: -14px;
    right: -14px;
    bottom: -14px;
    top: -14px
}

.contacttop .contactBreadbtn a:hover {
    background: #ff241e;
    color: #fff
}

.contacttop .contactBreadbtn a:hover:after {
    background: rgba(255,36,30,0.2)
}

.contacttop .contactBreadbtn a:hover:before {
    background: rgba(255,36,30,0.1)
}

.contactban {
    position: relative;
    width: 100%;
    background: #1c2029
}

.contactban:after {
    background: url(../img/contactbanbg.png) no-repeat center bottom;
    background-size: 100% 161px;
    height: 161px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 1;
    bottom: -35px;
    right: 0px;
    content: ''
}

.contactban:before {
    content: '';
    background: url(../img/contactbanicon07.png) no-repeat center top;
    width: 150px;
    background-size: 150px;
    height: 195px;
    z-index: 2;
    position: absolute;
    bottom: -23px;
    right: 0px;
    background: none\9;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/contactbanicon07.png',sizingMethod='scale')
}

@media (min-width: 1366px) {
    .contactbanbox .contacttop {
        margin-left:-600px;
        top: 160px
    }

    .contacttop .contactBreadnav {
        font-size: 14px;
        padding-left: 170px
    }

    .contacttop .contactBreadtit {
        font-size: 34px;
        padding: 70px 0px 50px 170px
    }

    .contacttop .contactBreadtxt strong {
        font-size: 24px
    }

    .contacttop .contactBreadtxt {
        font-size: 17px;
        margin-left: 170px;
        margin-bottom: 30px
    }

    .contacttop .contactBreadbom {
        font-size: 14px;
        margin-left: 170px
    }

    .contacttop .contactBreadbtn a {
        font-size: 20px;
        padding: 15px 32px
    }

    .contacttop .contactBreadbtn a:after {
        left: -9px;
        right: -9px;
        bottom: -9px;
        top: -9px
    }

    .contacttop .contactBreadbtn a:before {
        left: -18px;
        right: -18px;
        bottom: -18px;
        top: -18px
    }

    .contacttop .contactBreadbtn {
        padding-top: 57px;
        margin-left: 188px
    }
}

@media (min-width: 1730px) {
    .contactbanbox .contacttop {
        margin-left:-765px;
        top: 225px
    }

    .contacttop .contactBreadnav {
        font-size: 18px;
        padding-left: 217px
    }

    .contacttop .contactBreadtit {
        font-size: 44px;
        padding: 90px 0px 60px 217px
    }

    .contacttop .contactBreadtxt strong {
        font-size: 30px
    }

    .contacttop .contactBreadtxt {
        font-size: 22px;
        margin-left: 217px;
        margin-bottom: 40px
    }

    .contacttop .contactBreadbom {
        font-size: 18px;
        margin-left: 217px
    }

    .contacttop .contactBreadbtn a {
        font-size: 26px;
        padding: 20px 40px
    }

    .contacttop .contactBreadbtn a:after {
        left: -12px;
        right: -12px;
        bottom: -12px;
        top: -12px
    }

    .contacttop .contactBreadbtn a:before {
        left: -24px;
        right: -24px;
        bottom: -24px;
        top: -24px
    }

    .contacttop .contactBreadbtn {
        margin-left: 241px
    }
}

.contactone {
    clear: both;
    background: url(../img/contactonebg.jpg) no-repeat right top;
    padding-top: 32px;
    padding-bottom: 240px
}

.contactonetop {
    margin-left: 142px;
    border-left: 2px solid #ff1c17;
    position: relative;
    z-index: 1;
    padding-left: 24px
}

.contactonetop h3 {
    clear: both;
    line-height: 1;
    display: block;
    padding-bottom: 18px;
    font-size: 24px;
    color: #333
}

.contactonetop p {
    clear: both;
    line-height: 1;
    display: block;
    font-size: 12px;
    color: #999
}

.contactone ul {
    padding-left: 122px;
    padding-top: 31px
}

.contactone ul li {
    float: left;
    margin-left: 20px;
    position: relative;
    width: 226px;
    margin-bottom: 20px
}

.contactone ul li .contactonebox {
    position: absolute;
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px
}

.contactone ul li .contactonetit {
    clear: both;
    font-weight: bold;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 55px;
    padding-bottom: 5px
}

.contactone ul li .contactonetit span {
    float: left;
    width: 50px;
    display: inline-block;
    margin-right: 8px
}

.contactone ul li .contactonetit span img {
    width: 100%
}

.contactone ul li .contactonetxt {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    height: 90px;
    position: relative
}

.contactone ul li .contactonetxt:after {
    content: '';
    width: 78px;
    height: 3px;
    position: absolute;
    right: 0px;
    bottom: -5px;
    background: #ff1c16;
    background: -webkit-linear-gradient(right, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right, #fd625e, #ff1c16);
    background: -o-linear-gradient(right, #fd625e, #ff1c16)
}

.contactone ul li:first-child .contactonetxt:after {
    background: #fff
}

.contactone ul li:first-child+li .contactonetit,.contactone ul li:first-child+li .contactonetxt,.contactone ul li:first-child+li+li+li+li+li .contactonetit,.contactone ul li:first-child+li+li+li+li+li .contactonetxt {
    color: #333
}

.contacttwo {
    padding-top: 80px;
    margin-top: -240px
}

.contacttwo .contactonetop h3 {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #ff211c, #ff615c)
}

.contacttwo .map {
    margin: 33px 32px 0px 32px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

@media (min-width: 1366px) {
    .contactone {
        padding-top:35px
    }

    .contactonetop {
        margin-left: 170px
    }

    .contactonetop h3 {
        font-size: 28px;
        padding-bottom: 20px
    }

    .contactonetop p {
        font-size: 14px;
        line-height:50px;
    }

    .contactone ul {
        padding-top: 40px;
        padding-left: 146px
    }

    .contactone ul li {
        width: 272px;
        margin-left: 24px;
        margin-bottom: 24px
    }

    .contactone ul li .contactonebox {
        left: 17px;
        top: 17px;
        bottom: 17px;
        right: 17px
    }

    .contactone ul li .contactonetit {
        font-size: 16px;
        line-height: 65px;
        padding-bottom: 15px
    }

    .contactone ul li .contactonetit span {
        width: 60px
    }

    .contactone ul li .contactonetxt {
        font-size: 14px;
        line-height: 20px;
        height: 112px
    }

    .contacttwo {
        padding-top: 100px
    }

    .contacttwo .map {
        margin: 40px 32px 0px 32px;
        border-radius: 38px
    }
}

@media (min-width: 1730px) {
    .contactone {
        padding-top:45px;
        padding-bottom: 350px
    }

    .contactonetop {
        margin-left: 217px
    }

    .contactonetop h3 {
        font-size: 36px;
        padding-bottom: 28px
    }

    .contactonetop p {
        font-size: 18px

    }

    .contactone ul {
        padding-top: 50px;
        padding-left: 187px
    }

    .contactone ul li {
        width: 346px;
        margin-left: 30px;
        margin-bottom: 30px
    }

    .contactone ul li .contactonebox {
        left: 20px;
        top: 20px;
        bottom: 20px;
        right: 20px
    }

    .contactone ul li .contactonetit {
        font-size: 18px;
       /* line-height: 113px*/
    }

    .contactone ul li .contactonetit span {
        width: 103px
    }

    .contactone ul li .contactonetxt {
        font-size: 16px;
        line-height: 24px;
        height: 115px
    }

    .contacttwo {
        padding-top: 130px;
        margin-top: -350px
    }

    .contacttwo .map {
        margin: 50px 32px 0px 32px;
        border-radius: 45px
    }
}

.prolist_hot {
    margin: 0 auto;
    padding: 70px 0 60px 0;
    position: relative;
    z-index: 1
}

.prolist_hot:before {
    content: '';
    position: absolute;
    right: 0px;
    top: -29px;
    background: rgba(0,0,0,0.2);
    background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.2));
    background: -moz-linear-gradient(left, transparent, rgba(0,0,0,0.2));
    background: -ms-linear-gradient(left, transparent, rgba(0,0,0,0.2));
    background: -o-linear-gradient(left, transparent, rgba(0,0,0,0.2));
    width: 400px;
    height: 193px
}

.prolist_hot dd {
    float: left;
    width: 215px;
    margin-right: 20px;
    position: relative;
    z-index: 2
}

.prolist_hot dd .prolist_hotpic {
    clear: both;
    display: block
}

.prolist_hot dd .prolist_hotpic img {
    width: 100%
}

.prolist_hot dd .prolist_hottit {
    clear: both;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    line-height: 20px;
    border-radius: 0px 0px 5px 0px;
    font-size: 14px;
    background: #fff
}

.prolist_hot dt {
    float: right;
    position: relative;
    width: 288px
}

.prolist_hot dt .prolist_hotdtpic {
    clear: both;
    width: 175px;
    margin-top: -25px
}

.prolist_hot dt i {
    position: absolute;
    right: 50px;
    top: 0px;
    color: #fff;
    font-style: normal;
    font-size: 18px
}

.prolist_hot dt .prolist_hotdtbox {
    clear: both;
    padding-top: 118px
}

.prolist_hot dt .prolist_hotdtbox span {
    float: left;
    color: #fff;
    font-size: 14px;
    position: relative;
    line-height: 1;
    margin-right: 39px
}

.prolist_hot dt .prolist_hotdtbox span:first-child+span+span {
    margin-right: 0px
}

.prolist_hot dt .prolist_hotdtbox span:after {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: -47px;
    border: 1px solid #fff;
    border-radius: 50%
}

.prolist_hot dt .prolist_hotdtbox span:first-child:after {
    background: url(../img/prolist5.png) no-repeat center center;
    background-size: 24px
}

.prolist_hot dt .prolist_hotdtbox span:first-child+span:after {
    background: url(../img/prolist6.png) no-repeat center center;
    background-size: 24px
}

.prolist_hot dt .prolist_hotdtbox span:first-child+span+span:after {
    background: url(../img/prolist7.png) no-repeat center center;
    background-size: 24px
}

@media (min-width: 1366px) {
    .prolist_hot:before {
        top:-41px;
        width: 600px;
        height: 240px
    }

    .prolist_hot dd {
        width: 257px;
        margin-right: 24px
    }

    .prolist_hot dd .prolist_hottit {
        font-size: 16px;
        border-radius: 0px 0px 8px 0px;
        padding: 13px 10px
    }

    .prolist_hot dt {
        width: 347px
    }

    .prolist_hot dt .prolist_hotdtpic {
        width: 212px
    }

    .prolist_hot dt i {
        right: 60px
    }

    .prolist_hot dt .prolist_hotdtbox span {
        margin-right: 68px
    }

    .prolist_hot dt .prolist_hotdtbox {
        padding-top: 127px
    }

    .prolist_hot dt .prolist_hotdtbox span:after {
        width: 42px;
        height: 42px;
        top: -55px;
        margin-left: -21px
    }

    .prolist_hot dt .prolist_hotdtbox span:first-child:after,.prolist_hot dt .prolist_hotdtbox span:nth-child(2):after,.prolist_hot dt .prolist_hotdtbox span:nth-child(3):after {
        background-size: 29px
    }
}

@media (min-width: 1730px) {
    .prolist_hot:before {
        top:-47px;
        width: 800px;
        height: 255px
    }

    .prolist_hot dd {
        width: 327px;
        margin-right: 32px
    }

    .prolist_hot dd .prolist_hottit {
        font-size: 20px;
        border-radius: 0px 0px 8px 0px;
        padding: 15px 10px;
        line-height: 30px
    }

    .prolist_hot dt {
        width: 440px
    }

    .prolist_hot dt .prolist_hotdtpic {
        width: 265px
    }

    .prolist_hot dt i {
        right: 78px;
        font-size: 28px
    }

    .prolist_hot dt .prolist_hotdtbox {
        padding-top: 160px
    }

    .prolist_hot dt .prolist_hotdtbox span {
        font-size: 16px;
        margin-right: 99px
    }

    .prolist_hot dt .prolist_hotdtbox span:after {
        width: 50px;
        height: 50px;
        top: -71px;
        margin-left: -25px
    }

    .prolist_hot dt .prolist_hotdtbox span:first-child:after,.prolist_hot dt .prolist_hotdtbox span:nth-child(2):after,.prolist_hot dt .prolist_hotdtbox span:nth-child(3):after {
        background-size: 32px
    }
}

.prolist {
    padding: 0px 70px 58px 70px;
    position: relative;
    z-index: 1
}

.prolist .prolisttit {
    padding-left: 26px;
    line-height: 1;
    padding-bottom: 15px;
    position: relative
}

.prolist .prolisttit:after {
    width: 2px;
    top: 0px;
    bottom: -24px;
    left: 0px;
    position: absolute;
    background: #f00;
    content: ''
}

.prolist .prolisttit:before {
    width: 64px;
    height: 24px;
    background: url(../img/prolisticon01.jpg) no-repeat left top;
    background-size: 64px;
    content: '';
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 10px
}

.prolist .prolisttit h2 {
    display: inline-block;
    font-size: 24px;
    color: #1d2029;
    margin-right: 15px
}

.prolist .prolisttit h2 a {
    color: #1d2029
}

.prolist .prolisttit h2 a:hover {
    color: #ff1c16
}

.prolist .prolisttit>a {
    font-size: 14px
}

.prolist .prolisttxt {
    padding-left: 26px;
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.prolist ul {
    padding: 30px 0px 0px 0px;
    margin-left: -25px
}

.prolist ul li {
    float: left;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    width: 196px;
    margin-left: 25px;
    background: #ff1c16;
    background: -webkit-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -moz-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -ms-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -o-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    padding-bottom: 20px;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 14px 27px rgba(7,7,7,0.14)
}

.prolist ul li:after {
    content: '';
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 38px;
    height: 24px;
    background: url(../img/prolisticon02.png) no-repeat left top;
    background-size: 38px;
    z-index: 2
}

.prolist ul li .prolistulpic {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.prolist ul li .prolistulpic:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: rgba(0,0,0,0.24);
    bottom: -100%;
    z-index: 1
}

.prolist ul li .prolistulpic:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 150%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-image: url(../img/hovericon.png);
    background-position: center center;
    background-size: 39px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li:hover .prolistulpic:before {
    top: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li .prolistulpic img {
    width: 100%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li:hover .prolistulpic img {
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li .prolistultit {
    clear: both;
    display: block;
    width: 100%;
    padding: 4px 15px;
    line-height: 24px;
    background: #1d2029;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.prolist ul li .prolistultit:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: #8a1904;
    bottom: -100%;
    z-index: -1;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li:hover .prolistulpic:after,.prolist ul li:hover .prolistultit:after {
    bottom: 0%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolist ul li p {
    clear: both;
    font-size: 12px;
    color: #fff;
    padding: 4px 15px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (min-width: 1366px) {
    .prolist {
        padding:0px 84px 71px 84px
    }

    .prolist .prolisttit {
        padding-left: 30px;
        padding-bottom: 15px
    }

    .prolist .prolisttit h2 {
        font-size: 28px
    }

    .prolist .prolisttit:before {
        width: 75px;
        height: 28px;
        background-size: 75px;
        left: 12px;
        top: -12px
    }

    .prolist ul {
        margin-left: -30px;
        padding-top: 35px
    }

    .prolist ul li {
        margin-left: 30px;
        width: 235px;
        border-radius: 12px 12px 0px 0px;
        box-shadow: 0px 14px 27px rgba(7,7,7,0.14)
    }

    .prolist ul li .prolistultit {
        font-size: 15px;
        padding: 8px 18px
    }

    .prolist ul li p {
        font-size: 14px;
        padding: 4px 18px
    }

    .prolist ul li .prolistulpic:before {
        width: 60px;
        height: 60px;
        background-size: 45px;
        margin-top: -30px;
        margin-left: -30px
    }
}

@media (min-width: 1730px) {
    .prolist {
        padding:0px 106px 90px 106px
    }

    .prolist .prolisttit {
        padding-left: 40px;
        padding-bottom: 24px
    }

    .prolist .prolisttit h2 {
        font-size: 36px
    }

    .prolist .prolisttit>a {
        font-size: 16px
    }

    .prolist ul li:after {
        width: 60px;
        background-size: 60px;
        height: 38px
    }

    .prolist .prolisttit:before {
        width: 96px;
        height: 34px;
        background-size: 96px;
        left: 14px;
        top: -18px
    }

    .prolist .prolisttxt {
        font-size: 16px
    }

    .prolist ul {
        margin-left: -39px;
        padding-top: 43px
    }

    .prolist ul li {
        margin-left: 39px;
        width: 300px;
        padding-bottom: 25px;
        box-shadow: 0px 14px 41px rgba(7,7,7,0.21);
        border-radius: 15px 15px 0px 0px
    }

    .prolist ul li .prolistultit {
        font-size: 18px;
        padding: 13px 23px;
        margin-bottom: 20px
    }

    .prolist ul li p {
        font-size: 16px;
        padding: 7px 23px
    }

    .prolist ul li .prolistulpic:before {
        width: 70px;
        height: 70px;
        background-size: 55px;
        margin-top: -35px;
        margin-left: -35px
    }
}

.prolistone {
    padding-top: 90px
}

.prolistone .prolistonefl {
    float: left;
    width: 470px;
    position: relative
}

.prolistone .prolistonefl:before {
    content: '';
    top: 40px;
    bottom: -10px;
    right: 0px;
    position: absolute;
    background: rgba(0,0,0,0.2);
    left: 0px;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -o-linear-gradient(left, rgba(0,0,0,0.2), transparent)
}

.prolistone .prolistonefl .proonefl {
    padding-left: 140px;
    width: 100%;
    padding-bottom: 20px
}

.prolistone .prolistonefl .prolistoneflpic {
    float: left;
    width: 168px;
    margin-left: 15px;
    position: relative;
    padding-top: 10px
}

.prolistone .prolistonefl .prolistoneflpic i {
    position: absolute;
    right: -42px;
    bottom: 0px;
    color: #fff;
    font-style: normal;
    font-size: 16px
}

.prolistone .prolistonefl .prolistonefltit {
    float: right;
    width: 220px;
    color: #999;
    font-size: 12px;
    position: relative
}

.prolistone .prolistonefl .prolistonefltit:after {
    position: absolute;
    width: 25px;
    height: 1px;
    background: #999;
    left: -40px;
    top: 15px;
    content: ''
}

.prolistone .prolistonefr {
    float: right;
    width: 503px;
    box-shadow: 0px -13px 40px rgba(0,0,0,0.67)
}

@media (min-width: 1366px) {
    .prolistone {
        padding-top:120px
    }

    .prolistone .prolistonefl {
        width: 492px
    }

    .prolistone .prolistonefl .proonefl {
        padding-left: 170px;
        padding-bottom: 40px
    }

    .prolistone .prolistonefl .prolistonefltit {
        font-size: 13px;
        width: 254px
    }

    .prolistone .prolistonefl:before {
        bottom: -30px
    }

    .prolistone .prolistonefl .prolistoneflpic {
        width: 200px;
        margin-left: 17px
    }

    .prolistone .prolistonefl .prolistoneflpic i {
        font-size: 18px
    }

    .prolistone .prolistonefr {
        width: 690px
    }
}

@media (min-width: 1730px) {
    .prolistone {
        padding-top:150px
    }

    .prolistone .prolistonefl {
        width: 600px
    }

    .prolistone .prolistonefl .proonefl {
        padding-left: 217px;
        padding-bottom: 40px;
        font-size: 16px
    }

    .prolistone .prolistonefl .prolistonefltit {
        font-size: 14px;
        width: 254px;
        line-height: 30px
    }

    .prolistone .prolistonefl .prolistonefltit:after {
        width: 40px;
        left: -57px
    }

    .prolistone .prolistonefl:before {
        bottom: -30px;
        top: 50px
    }

    .prolistone .prolistonefl .prolistoneflpic {
        width: 258px;
        margin-left: 21px;
        padding-top: 20px
    }

    .prolistone .prolistonefl .prolistoneflpic i {
        font-size: 24px
    }

    .prolistone .prolistonefr {
        width: 881px
    }
}

.prolisttwo {
    padding: 20px 200px 30px;
    margin-top: 0px;
    position: relative;
    z-index: 1
}

.prolisttwo li {
    float: left;
    width: 86px;
    margin-right: 35px;
    padding-bottom: 20px;
    margin-left: 35px
}

.prolisttwo li a {
    clear: both;
    display: block
}

.prolisttwo li .prolisttwopic {
    background: #f5f5f5;
    border: 6px solid #fff;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgba(7,7,7,0.25)
}

.prolisttwo li .prolisttwotit {
    text-align: center;
    font-weight: bold;
    line-height: 24px;
    padding-top: 10px
}

.prolisttwo li:last-child {
    margin-right: 0px
}

.prolisttwo li#act,.prolisttwo li:hover {
    background: url(../img/index_proicon.jpg) no-repeat center bottom
}

.prolisttwo li#act .prolisttwopic,.prolisttwo li:hover .prolisttwopic {
    box-shadow: 0px 0px 12px rgba(255,27,27,0.3)
}

.prolisttwo li#act .prolisttwotit,.prolisttwo li:hover .prolisttwotit {
    color: #ff1b1b
}

@media (min-width: 1366px) {
    .prolisttwo {
        padding:10px 42px 30px
    }

    .prolisttwo li {
        width: 102px;
        margin-right: 42px;
        margin-left: 42px
    }

    .prolisttwo li .prolisttwopic {
        width: 102px;
        height: 102px
    }
}

@media (min-width: 1730px) {
    .prolisttwo {
        padding:0px 200px 40px
    }

    .prolisttwo li {
        width: 132px;
        margin-right: 52px;
        margin-left: 52px
    }

    .prolisttwo li .prolisttwopic {
        width: 132px;
        height: 132px
    }

    .prolisttwo li .prolisttwotit {
        font-size: 18px
    }
}

.prolistthree {
    padding: 10px 65px 40px
}

.prolistthree ul {
    margin-left: -24px
}

.prolistthree ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px
}

.prolistthree li {
    width: 199px;
    float: left;
    text-align: center;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 24px;
    margin-bottom: 15px
}

.prolistthree li:hover {
    -o-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -webkit-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -moz-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5)
}

.prolistthree li img {
    width: 199px;
    height: 149px !important
}

.prolistthree li:hover img {
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.prolistthree li .prolistthreetit {
    clear: both;
    display: block;
    font-size: 14px;
    padding: 10px 0px;
    line-height: 28px;
    display: block
}

.prolistthree li .prolistthreepic {
    clear: both;
    display: block;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    position: relative
}

.prolistthree li .prolistthreepic:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: rgba(0,0,0,0.24);
    bottom: -100%;
    z-index: 1
}

.prolistthree li .prolistthreepic:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 150%;
    width: 50px;
    height: 50px;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/hovericon.png) no-repeat center center rgba(0,0,0,0.5);
    background-size: 39px;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolistthree li:hover .prolistthreepic:before {
    top: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolistthree li:hover .prolistthreepic:after {
    bottom: 0%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.prolistthree li:hover a {
    color: #f02d21
}

.prolistthreeclass {
    padding-left: 26px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 15px;
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #1d2029;
    margin-right: 15px;
    margin-bottom: 35px;
    margin-top: 25px
}

.prolistthreeclass:after {
    width: 2px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #f00;
    content: ''
}

.prolistthreeclass:before {
    width: 64px;
    height: 24px;
    background: url(../img/prolisticon01.jpg) no-repeat left top;
    background-size: 64px;
    content: '';
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 10px
}

@media (min-width: 1366px) {
    .prolistthree {
        padding:10px 84px 40px
    }

    .prolistthree ul {
        margin-left: -30px
    }

    .prolistthree li {
        margin-left: 30px;
        width: 235px
    }

    .prolistthree li .prolistthreetit {
        font-size: 16px
    }

    .prolistthree li img {
        width: 235px;
        height: 176px !important
    }

    .prolistthree li:hover .prolistthreepic:before {
        width: 60px;
        height: 60px;
        background-size: 45px
    }

    .prolistthreeclass {
        font-size: 28px
    }
}

@media (min-width: 1730px) {
    .prolistthree {
        padding:10px 106px 40px
    }

    .prolistthree ul {
        margin-left: -40px
    }

    .prolistthree li {
        margin-left: 40px;
        width: 299px
    }

    .prolistthree li .prolistthreetit {
        font-size: 18px
    }

    .prolistthree li img {
        width: 299px;
        height: 224px !important
    }

    .prolistthree li:hover .prolistthreepic:before {
        width: 70px;
        height: 70px;
        background-size: 55px
    }

    .prolistthreeclass {
        font-size: 36px
    }
}

.proonebanbox {
    position: relative;
    width: 100%;
    min-width: 1000px
}

.prolistban01 {
    background: url(../img/probanbg01.jpg) no-repeat center top #1f1f27;
    position: relative;
    margin-bottom: 50px
}

.prolistban02 {
    background: url(../img/probanbg02.jpg) no-repeat center top #1f1f27;
    position: relative
}

.prolistban01:after,.prolistban02:after {
    background: url(../img/probg.png) no-repeat center bottom;
    background-size: 100%;
    height: 70px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 0;
    bottom: -17px;
    right: 0px;
    content: ''
}

.prolistban,.prooneban {
    position: absolute;
    left: 0%;
    top: 0px;
    z-index: -1;
    width: 100%
}

.prolistban:after,.prooneban:after {
    background: url(../img/contactbanbg.png) no-repeat center bottom;
    background-size: 100% 161px;
    height: 161px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 1;
    bottom: -35px;
    right: 0px;
    content: ''
}

.prooneban:before {
    content: '';
    border-radius: 27px 0px 0px 27px;
    top: 65px;
    position: absolute;
    width: 43.90625%;
    height: 125px;
    background: rgba(2,110,244,0.2);
    right: 0px;
    background: -webkit-linear-gradient(left, rgba(2,110,244,0.2), rgba(2,110,244,0));
    background: -moz-linear-gradient(left, rgba(2,110,244,0.2), rgba(2,110,244,0));
    background: -ms-linear-gradient(left, rgba(2,110,244,0.2), rgba(2,110,244,0));
    background: -o-linear-gradient(left, rgba(2,110,244,0.2), rgba(2,110,244,0))
}

@media (min-width: 1366px) {
    .prooneban:before {
        top:80px;
        height: 148px
    }

    .prolistban01:after,.prolistban02:after {
        background-size: 100%;
        height: 90px;
        bottom: -20px
    }
}

@media (min-width: 1730px) {
    .prooneban:before {
        top:100px;
        height: 190px
    }

    .prolistban01:after,.prolistban02:after {
        background-size: 100% 130px;
        height: 130px
    }
}

@media (min-width: 1920px) {
    .prolistban,.prooneban {
        background-color:#1d212d
    }

    .prolistban img,.prooneban img {
        width: 1920px;
        margin: 0 auto
    }

    .prolistban01:after,.prolistban02:after {
        background-size: 100% 93px;
        height: 166px;
        bottom: -34px
    }
}

@media (max-width: 1729px) {
    .prooneban img {
        max-height:734px;
        width: 100%
    }
}

@media (max-width: 1365px) {
    .prooneban img {
        max-height:589px;
        width: 100%
    }
}

.proone {
    padding: 80px 22px 0px
}

.proone .proonetop {
    clear: both;
    text-align: left;
    color: #999999;
    font-size: 12px;
    line-height: 43px
}

.proone .proonetop .proonetopfl {
    padding-left: 80px
}

.proonetopfl {
    line-height: 33px;
    float: left
}

.proonetopfl a {
    color: #ff1b1b
}

.proonetopfl a:hover {
    color: #f0f0f0
}

.proonetopfl span {
    color: #f02d22
}

.proone .proonetop .proonetopfr {
    float: right;
    width: 206px;
    margin-right: 10px;
    margin-bottom: -5px
}

.proone .proonebom {
    background: #fff;
    border-radius: 0px 30px;
    padding: 15px 15px 30px 80px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 20px rgba(0,54,86,0.5)
}

.proone .proonebom:after {
    content: '';
    width: 633px;
    height: 56px;
    position: absolute;
    left: -40px;
    bottom: -3px;
    background: url(../img/prooneicon07.png) no-repeat center left;
    background-size: 633px
}

.proone .proonebom .proonedetailfl {
    float: left;
    width: 436px;
    padding-top: 20px
}

.proonedetailfl h1 {
    font-size: 26px;
    color: #1d2029;
    padding-right: 40px;
    line-height: 1
}

.proonedetailfl .proonedetailfltit {
    color: #999;
    font-size: 14px;
    padding-right: 40px;
    line-height: 24px;
    padding-top: 5px
}

.proonedetailfl .proonedetailflbox {
    position: relative;
    margin: 10px 0px 3px 0px
}

.proonedetailfl .proonedetailflbox:after {
    position: absolute;
    left: -80px;
    content: '';
    border: 0px;
    right: 0px;
    top: 31px;
    height: 1px;
    background: #dfdfdf;
    z-index: 1
}

.proonedetailfl .proonedetailflbox:before {
    position: absolute;
    border-left: 12px solid #1f2332;
    left: -80px;
    content: '';
    right: 0px;
    top: 24px;
    height: 0px;
    width: 0px;
    border-top: 7px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid transparent;
    z-index: 2
}

.proonedetailflbox p {
    clear: both;
    color: #666;
    display: block;
    font-size: 14px;
    background: url(../img/prooneicon05.png) no-repeat left 5px;
    padding-left: 20px;
    background-size: 14px;
    line-height: 24px;
    padding-right: 40px;
    min-width: 98px
}

.proonedetailflbox p:first-child,.proonedetailflbox p:first-child+p {
    clear: none;
    background: none;
    text-align: center;
    padding: 0px;
    color: #ff1c17;
    float: left;
    font-size: 16px;
    position: relative;
    padding-bottom: 38px;
    margin-bottom: 7px
}

.proonedetailflbox p:first-child {
    margin-right: 30px
}

.proonedetailflbox p:first-child:after,.proonedetailflbox p:first-child+p:after {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dfdfdf;
    content: '';
    left: 50%;
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 28px
}

.proonedetailflbox p:first-child span,.proonedetailflbox p:first-child+p span {
    clear: both;
    display: block;
    font-size: 14px;
    color: #666;
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    font-weight: bold
}

.proonedetailfl .proonedetailfltel {
    clear: both;
    display: block;
    font-size: 14px;
    color: #999;
    position: relative
}

.proonedetailfl .proonedetailfltel:before {
    background: #ff1c17;
    content: '';
    position: absolute;
    left: -60px;
    width: 40px;
    height: 1px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.proonedetailfl .proonedetailfltel strong {
    font-size: 16px;
    color: #ff1c17;
    line-height: 1;
    vertical-align: text-bottom;
    display: inline-block
}

.proonedetailfl .proonedetailflbtn {
    padding: 10px 0px
}

.proonedetailfl .proonedetailflbtn a {
    float: left;
    margin-right: 37px;
    background: #ff9c9c;
    border: 5px solid #ffe9e9;
    border-radius: 20px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    padding: 0px 20px
}

.proonedetailfl .proonedetailflbtn p {
    float: left;
    position: relative;
    margin: 3px
}

.proonedetailfl .proonedetailflbtn p:before {
    position: absolute;
    right: -3px;
    bottom: -3px;
    left: -3px;
    top: -3px;
    content: '';
    background: #a8e7ff;
    background: -webkit-linear-gradient(left, #a8e7ff, #fff);
    background: -moz-linear-gradient(left, #a8e7ff, #fff);
    background: -ms-linear-gradient(left, #a8e7ff, #fff);
    background: -o-linear-gradient(left, #a8e7ff, #fff);
    border-radius: 5px;
    z-index: 1
}

.proonedetailfl .proonedetailflbtn p span {
    position: relative;
    z-index: 2;
    display: block;
    background: #fff;
    padding: 3px;
    width: 125px
}

.proonedetailfl .proonedetailflbtn p span img {
    float: left;
    width: 50px
}

.proonedetailfl .proonedetailflbtn p span i {
    float: left;
    font-style: normal;
    margin-left: 10px;
    background: url(../img/prooneicon03.jpg) no-repeat left top;
    background-size: 18px;
    padding-top: 21px;
    font-size: 13px;
    line-height: 1
}

.proonedetailfl .proonedetailflbom {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px
}

.proonedetailfl .proonedetailflbom span {
    float: left;
    background: url(../img/prooneicon04.jpg) no-repeat left 2px;
    padding: 0px 25px 0px 20px;
    color: #999
}

.proone .proonebom .proonedetailfr {
    float: right;
    width: 425px;
    border-radius: 0px 30px;
    overflow: hidden
}

.proonebomnav {
    background: url(../img/prooneicon06.png) no-repeat center top;
    background-size: 100%;
    position: relative;
    margin-top: 30px;
    z-index: 3
}

.proonebomnav:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: url(../img/prooneicon06.png) no-repeat center top;
    background-size: 100%;
    height: 1px
}

.proonebomnav span {
    float: left;
    width: 25%;
    text-align: center
}

.proonebomnav.pcase span {
    width: 25%
}

.proonebomnav span a {
    display: inline-block;
    font-size: 12px;
    padding: 5px 0px;
    color: #999
}

.proonebomnav span.active a,.proonebomnav span a:hover {
    color: #ff1c17;
    position: relative
}

.proonebomnav span.active a:after,.proonebomnav span a:hover:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 19px;
    background: url(../img/prooneicon05.png) no-repeat left 5px;
    background-size: 14px;
    left: 50%;
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -7px
}

@media (min-width: 1366px) {
    .proone {
        padding:120px 74px 0px
    }

    .proone .proonetop .proonetopfl {
        padding-left: 96px
    }

    .proone .proonetop {
        line-height: 52px;
        font-size: 14px
    }

    .proone .proonetop .proonetopfr {
        width: 248px
    }

    .proone .proonebom {
        padding: 20px 20px 30px 96px;
        border-radius: 0px 40px
    }

    .proone .proonebom .proonedetailfl {
        width: 424px;
        padding-top: 25px
    }

    .proone .proonebom .proonedetailfr {
        width: 512px;
        border-radius: 0px 38px
    }

    .proonedetailfl h1 {
        font-size: 31px
    }

    .proonedetailfl .proonedetailflbox {
        margin: 15px 0px
    }

    .proonedetailfl .proonedetailflbox:after {
        left: -96px
    }

    .proonedetailfl .proonedetailflbox:before {
        left: -96px;
        border-left-width: 14px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-right-width: 14px;
        top: 23px
    }

    .proonedetailflbox p:first-child,.proonedetailflbox p:first-child+p {
        font-size: 17px;
        margin-bottom: 15px
    }

    .proonedetailflbox p:first-child {
        margin-right: 55px
    }

    .proonedetailfl .proonedetailfltel strong {
        font-size: 20px
    }

    .proonedetailfl .proonedetailflbtn a {
        line-height: 33px;
        border-width: 7px;
        border-radius: 24px;
        padding: 0px 25px;
        font-size: 17px
    }

    .proonedetailfl .proonedetailflbom {
        font-size: 13px
    }

    .proonebomnav span a {
        font-size: 16px
    }

    .proone .proonebom:after {
        width: 746px;
        left: -50px
    }

    .proonedetailfl .proonedetailfltel:before {
        width: 45px;
        left: -68px
    }
}

@media (min-width: 1730px) {
    .proone .proonetop .proonetopfl {
        padding-left:122px
    }

    .proone {
        padding: 151px 95px 0px
    }

    .proone .proonetop {
        line-height: 66px;
        font-size: 16px
    }

    .proonetopfl {
        line-height: 40px;
        font-size: 16px
    }

    .proone .proonetop .proonetopfr {
        width: 313px
    }

    .proone .proonebom {
        padding: 20px 20px 40px 122px;
        border-radius: 0px 50px
    }

    .proone .proonebom .proonedetailfl {
        width: 548px;
        padding-top: 35px
    }

    .proone .proonebom .proonedetailfr {
        width: 650px;
        border-radius: 0px 45px
    }

    .proonedetailfl h1 {
        font-size: 40px
    }

    .proonedetailfl .proonedetailflbox {
        margin: 20px 0px 50px 0px
    }

    .proonedetailfl .proonedetailfltel:before {
        width: 60px;
        left: -98px
    }

    .proonedetailfl .proonedetailfltit {
        padding-top: 15px
    }

    .proonedetailfl .proonedetailflbox:after {
        left: -122px
    }

    .proonedetailflbox p {
        background-size: 18px;
        padding-left: 28px;
        line-height: 26px;
        min-width: 120px
    }

    .proonedetailfl .proonedetailflbox:before {
        left: -122px;
        border-left-width: 14px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-right-width: 14px;
        top: 23px
    }

    .proonedetailflbox p:first-child,.proonedetailflbox p:first-child+p {
        font-size: 22px;
        margin-bottom: 24px;
        margin-top: 0px
    }

    .proonedetailflbox p:first-child {
        margin-right: 68px
    }

    .proonedetailflbox p:first-child span,.proonedetailflbox p:first-child+p span,.proonedetailflbox p {
        font-size: 16px;
        margin-top: 10px
    }

    .proonedetailfl .proonedetailfltel {
        font-size: 18px
    }

    .proonedetailfl .proonedetailfltel strong {
        font-size: 26px
    }

    .proonedetailfl .proonedetailflbtn {
        padding: 20px 0px 10px 0px
    }

    .proonedetailfl .proonedetailflbtn a {
        line-height: 40px;
        border-width: 10px 10px;
        border-radius: 25px;
        padding: 0px 33px;
        font-size: 22px
    }

    .proonedetailfl .proonedetailflbom {
        font-size: 16px;
        padding-top: 17px
    }

    .proonedetailfl .proonedetailflbtn p span i {
        font-size: 14px;
        background-size: 21px;
        padding-top: 30px;
        background-position: left 5px
    }

    .proonebomnav span a {
        font-size: 20px;
        padding: 8px 0px
    }

    .proone .proonebom:after {
        width: 746px;
        left: -50px
    }

    .proonebomnav {
        margin-top: 50px
    }

    .proonedetailflbox p:first-child:after,.proonedetailflbox p:first-child+p:after {
        width: 8px;
        height: 8px
    }
}

.prony_det {
    margin: 0px auto 50px;
    overflow: hidden;
    padding: 20px 22px
}

.prony_det_l {
    float: left;
    width: 730px;
    padding-top: 10px
}

.prony_detbox h2,.prony_detbox h3 {
    margin: 5px 0;
    color: #333;
  /*  background: url(../img/h3icon01.jpg) no-repeat*/
}

.prony_detbox h2 {
    font-size: 20px;
    background-size: 40px;
    padding: 5px 0px 5px 50px;
    background-position: left 10px
}

.prony_detbox h3 {
    font-size: 16px;
    background-size: 30px;
    padding: 0px 0px 0px 40px;
    background-position: left 7px
}

.prony_detbox p {
    padding: 10px 0;
    line-height: 30px;
    font-size: 15px;
    color: #555
}

.prony_detbox strong {
    color: #333
}

.prony_detbox table td {
    font-size: 14px;
    padding: 5px 0px;
    line-height: 24px
}

.prony_detbox p img,.prony_detbox div img {
    max-width: 100%;
    height: auto;
    margin: 7px auto
}

.prony_detbox p a {
    color: #f02d21
}

.prony_detbox p video {
    max-width: 100%;
    height: auto;
    margin: 7px 0px 7px -2em
}

@media (min-width: 1366px) {
    .prony_det {
        padding:55px 74px 30px 74px
    }

    .prony_det_l {
        width: 800px
    }

    .prony_detbox h2,.prony_detbox h3 {
        margin: 10px 0
    }

    .prony_detbox h2 {
        font-size: 22px;
        background-size: 55px;
        padding: 7px 0px 7px 68px;
        background-position: left 8px
    }

    .prony_detbox h3 {
        font-size: 18px;
        background-size: 45px;
        padding: 5px 0px 5px 58px;
        background-position: left 9px
    }

    .prony_detbox p {
        font-size: 14px;
        line-height: 30px;
        padding: 8px 0px
    }
}

@media (min-width: 1730px) {
    .prony_det {
        padding:70px 95px 30px 95px
    }

    .prony_det_l {
        width: 1070px
    }

    .prony_detbox h2,.prony_detbox h3 {
        margin: 15px 0
    }

    .prony_detbox h2 {
        font-size: 26px;
        background-size: 67px;
        padding: 12px 0px 12px 87px;
        background-position: left 11px
    }

    .prony_detbox h3 {
        font-size: 22px;
        background-size: 55px;
        padding: 10px 0px 10px 71px;
        background-position: left 12px
    }

    .prony_detbox p {
        font-size: 16px;
        line-height: 35px;
        padding: 10px 0px
    }
}

.prony_det_r {
    width: 190px;
    float: right;
    margin-bottom: 20px;
    border: 1px solid #F0F0F0
}

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

.cwcpro h4 {
    font-size: 18px;
    line-height: 45px;
    padding-left: 10%;
    _height: 45px;
    background: #55566c;
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.cwcpro li {
    width: 90%;
    margin: 0 5% 10px;
    text-align: center;
    margin-top: 15px
}

.cwcpro li img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.cwcpro a {
    line-height: 30px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newslist {
    padding: 12px 10px;
    border-top: none
}

.newslist ul {
    width: 100%;
    overflow: hidden
}

.newslist li {
    line-height: 26px;
    margin: 0px 0 8px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.newslist li a {
    font-size: 12px;
    padding-left: 12px;
    background: url(../img/yd2.png) no-repeat left center;
    color: #333
}

.newslist li a:hover {
    color: #E60012
}

@media (min-width: 1366px) {
    .cwcpro a {
        font-size:14px
    }

    .newslist li a {
        font-size: 14px
    }
}

@media (min-width: 1730px) {
    .cwcpro a {
        font-size:16px
    }

    .newslist li a {
        font-size: 16px
    }
}

.ly_formbox {
    padding: 0px 0px 45px 0px;
    background: url(../img/arrow04.png) no-repeat right center;
    background-size: 410px
}

.ly_formbox .wrap1200 {
    padding: 0px 22px
}

.ly_formbox .ly_formfl {
    float: left;
    width: 730px;
    position: relative;
    z-index: 1
}

.ly_formbox .ly_formfl .ly_formfltit {
    border-left: 2px solid #ff1c16;
    margin-bottom: 40px;
    padding-left: 36px;
    background: url(../img/arrow01.png) no-repeat right 24px;
    background-size: 40px;
    position: relative
}

.ly_formfltit:after {
    content: '';
    position: absolute;
    left: 46px;
    bottom: -34px;
    background: url(../img/arrow02.png) no-repeat center top;
    background-size: 14px;
    width: 14px;
    height: 20px
}

.ly_formfltit h3 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
    color: #ff1c15;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(bottom left, #ff1c15, #ff615d)
}

.ly_formfltit p {
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.ly_formfltit p strong {
    color: #ff1c16
}

.ly_formbox .ly_formfl .ly_form {
    position: relative;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0px 2px 14px 1px rgba(7,7,7,0.17);
    padding: 20px
}

.ly_formbox .ly_formfl .ly_form:after {
    position: absolute;
    right: 23px;
    bottom: 19px;
    width: 72px;
    height: 49px;
    content: '';
    background: url(../img/arrow03.png) no-repeat right top;
    background-size: 72px
}

.ly_form ul {
    clear: both;
    margin-left: -20px
}

.ly_form ul li {
    float: left;
    margin-left: 20px;
    width: 335px;
    margin-bottom: 20px;
    position: relative
}

.ly_form ul li i {
    position: absolute;
    left: 5px;
    top: 30px;
    display: block;
    width: 30px;
    height: 30px
}

.ly_form ul li.lyicon1 i {
    background: url(../img/lytb1.jpg) no-repeat center center;
    background-size: 24px
}

.ly_form ul li.lyicon2 i {
    background: url(../img/lytb2.jpg) no-repeat center center;
    background-size: 24px
}

.ly_form ul li.lyicon3 i {
    background: url(../img/lytb3.jpg) no-repeat center center;
    background-size: 24px
}

.ly_form ul li.wbk {
    width: 690px
}

.ly_form ul li span {
    font-size: 14px;
    line-height: 1;
    color: #666666;
    display: block;
    padding-bottom: 13px;
    font-weight: bold
}

.ly_form ul li input {
    line-height: 1;
    height: 36px;
    width: 100%;
    color: #666;
    font-size: 15px;
    border: 0px;
    border: 1px solid #eee \0;
    background: #ffffff;
    padding-left: 35px;
    box-sizing: border-box;
    border-radius: 8px 8px 8px 0px;
    box-shadow: 0px 1px 10px rgba(7,7,7,0.17)
}

.ly_form ul li textarea {
    height: 112px;
    line-height: 36px;
    width: 100%;
    color: #666;
    border: 0px;
    border: 1px solid #eee \0;
    background: #ffffff;
    padding-left: 35px;
    box-sizing: border-box;
    border-radius: 8px 8px 8px 0px;
    box-shadow: 0px 1px 10px rgba(7,7,7,0.17);
    font-family: '微软雅黑';
    font-size: 14px
}

.ly_form ul li:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: none;
    width: 38px;
    height: 20px;
    border-bottom: 4px solid #fe5b56;
    border-left: 4px solid #fe5b56
}

.ly_form .button {
    clear: both;
    display: block;
    width: 242px;
    background: url(../img/lytb5.jpg) no-repeat right bottom;
    overflow: hidden;
    padding: 20px 52px 0px 10px;
    background-size: 67px;
    margin-left: -10px;
    position: relative
}

.ly_form .button:after {
    content: '';
    background: url(../img/yx.gif) no-repeat center center;
    width: 28px;
    height: 28px;
    background-size: 28px;
    position: absolute;
    left: 36px;
    top: 24px;
    z-index: 0
}

.button input {
    color: #fff;
    font-family: 微软雅黑,宋体;
    line-height: 33px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    background: #fe3732;
    background: -moz-linear-gradient(right top, #ff625d, #fe1d17);
    background: -ms-linear-gradient(right top, #ff625d, #fe1d17);
    background: -o-linear-gradient(right top, #ff625d, #fe1d17);
    box-shadow: 0px -2px 10px rgba(254,55,50,0.39)
}

.button input:hover {
    background: #fdcc05;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.ly_formbox .ly_formfr {
    float: left;
    width: 247px;
    margin-left: -50px;
    margin-top: 140px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 2px 14px rgba(7,7,7,0.17)
}

@media (min-width: 1366px) {
    .ly_formbox .wrap1200 {
        padding:0px 74px
    }

    .ly_formbox .ly_formfl {
        width: 758px
    }

    .ly_formbox .ly_formfr {
        width: 312px;
        margin-top: 158px
    }

    .ly_formbox .ly_formfl .ly_formfltit {
        padding-left: 28px;
        margin-bottom: 45px;
        background-size: 51px
    }

    .ly_formfltit h3 {
        font-size: 20px
    }

    .ly_formfltit p strong {
        font-size: 18px
    }

    .ly_formbox .ly_formfl .ly_form {
        padding: 30px 25px;
        border-radius: 30px
    }

    .ly_form ul {
        margin-left: -25px
    }

    .ly_form ul li {
        margin-left: 25px;
        width: 341px
    }

    .ly_form ul li.wbk {
        width: 707px
    }

    .ly_form .button {
        width: 188px;
        padding: 24px 28px 0px 10px;
        background-size: 50px;
        background-position: right top
    }

    .button input {
        line-height: 40px;
        font-size: 16px
    }

    .ly_formfltit:after {
        background-size: 16px;
        width: 16px;
        height: 24px;
        bottom: -40px
    }

    .ly_formbox .ly_formfl .ly_form:after {
        width: 90px;
        height: 62px;
        background-size: 90px
    }

    .ly_formbox {
        background-size: 650px
    }

    .ly_form ul li input {
        padding: 6px 5px 6px 55px;
        height: 48px
    }

    .ly_form ul li textarea {
        height: 135px;
        padding: 6px 5px 6px 55px
    }

    .ly_form ul li i {
        width: 28px;
        height: 26px;
        left: 12px;
        top: 37px
    }

    .ly_form ul li.lyicon1 i {
        background-size: 28px
    }

    .ly_form ul li.lyicon2 i {
        background-size: 28px
    }

    .ly_form ul li.lyicon3 i {
        background-size: 28px
    }

    .ly_form .button:after {
        left: 32px;
        top: 32px
    }
}

@media (min-width: 1730px) {
    .ly_formbox .wrap1200 {
        padding:0px 95px
    }

    .ly_formbox .ly_formfl {
        width: 965px
    }

    .ly_formbox .ly_formfr {
        width: 376px;
        margin-top: 202px
    }

    .ly_formbox .ly_formfl .ly_formfltit {
        margin-bottom: 56px;
        background-size: 63px;
        background-position: right 24px
    }

    .ly_formfltit:after {
        background-size: 20px;
        width: 20px;
        height: 29px;
        bottom: -49px
    }

    .ly_formfltit h3 {
        font-size: 26px
    }

    .ly_formfltit p {
        font-size: 16px
    }

    .ly_formfltit p strong {
        font-size: 24px
    }

    .ly_formbox .ly_formfl .ly_form {
        padding: 38px 30px;
        border-radius: 35px
    }

    .ly_form ul {
        margin-left: -30px
    }

    .ly_form ul li {
        margin-left: 30px;
        width: 437px;
        margin-bottom: 25px
    }

    .ly_form ul li.wbk {
        width: 904px
    }

    .ly_form ul li span {
        font-size: 16px;
        padding-bottom: 20px
    }

    .ly_form .button {
        background-size: 67px;
        width: 251px;
        padding: 24px 50px 0px 10px
    }

    .button input {
        font-size: 20px;
        line-height: 50px;
        padding: 0px 0px 0px 31px;
        border-radius: 9px
    }

    .ly_formbox .ly_formfl .ly_form:after {
        width: 111px;
        height: 76px;
        background-size: 111px
    }

    .ly_formbox {
        background-size: 715px
    }

    .ly_form ul li input {
        padding: 11px 5px 11px 55px
    }

    .ly_form ul li textarea {
        height: 174px;
        padding: 11px 5px 11px 55px
    }

    .ly_form ul li i {
        width: 32px;
        height: 30px;
        left: 12px;
        top: 47px
    }

    .ly_form ul li.lyicon1 i {
        background-size: 32px
    }

    .ly_form ul li.lyicon2 i {
        background-size: 32px
    }

    .ly_form ul li.lyicon3 i {
        background-size: 32px
    }

    .ly_form .button:after {
        left: 41px;
        top: 35px;
        width: 32px;
        height: 32px;
        background-size: 32px
    }
}

.pros_xgnew h4 {
    font-size: 17px;
    color: #fff;
    background: #ff1c16;
    background: -webkit-linear-gradient(left, #ff1c16, #fe615c);
    background: -moz-linear-gradient(left, #ff1c16, #fe615c);
    background: -ms-linear-gradient(left, #ff1c16, #fe615c);
    background: -o-linear-gradient(left, #ff1c16, #fe615c);
    padding: 9px 10px;
    line-height: 20px;
    border-radius: 8px;
    position: relative;
    z-index: 1
}

.pros_xgnew h4:after {
    content: '';
    background: url(../img/xgnewicon.png) no-repeat right top;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100px;
    background-size: 50px
}

.pros_xgnew h4 a {
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    background: url(../img/proxgicon02.png) no-repeat right center;
    background-size: 20px;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.pros_xgnew {
    padding: 0px 22px 50px 22px
}

.pros_xgnew ul {
    width: 100%;
    box-shadow: 0px 2px 14px rgba(7,7,7,0.17);
    border-radius: 0px 0px 15px 15px;
    position: relative;
    overflow: hidden;
    padding: 22px 0px 15px 0px
}

.pros_xgnew ul i {
    position: absolute;
    top: 0px;
    bottom: 33px;
    width: 1px;
    left: 40px;
    background: #ececec
}

.pros_xgnew ul i:nth-child(2) {
    left: 500px
}

.pros_xgnew ul:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    top: -25px;
    height: 32px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px -2px 14px rgba(7,7,7,0.17) inset
}

.pros_xgnew li {
    float: left;
    width: 459px;
    line-height: 24px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 8px 0px;
    padding-left: 37px;
    position: relative;
    z-index: 2
}

.pros_xgnew li a {
    background: url(../img/proxgicon03.png) no-repeat left 5px;
    padding-left: 20px;
    color: #666
}

.pros_xgnew li a:hover {
    color: #ff1c16
}

@media (min-width: 1366px) {
    .pros_xgnew {
        padding:0px 74px 50px 74px
    }

    .pros_xgnew li {
        width: 507px
    }

    .pros_xgnew ul i:nth-child(2) {
        left: 548px
    }

    .pros_xgnew h4 {
        font-size: 20px;
        padding: 10px 20px;
        line-height: 24px
    }

    .pros_xgnew h4:after {
        background-size: 60px
    }

    .pros_xgnew li a {
        padding-left: 25px
    }
}

@media (min-width: 1730px) {
    .pros_xgnew {
        padding:0px 95px 50px 95px
    }

    .pros_xgnew h4 {
        font-size: 26px;
        padding: 13px 30px;
        line-height: 30px;
        border-radius: 12px
    }

    .pros_xgnew ul:before {
        border-radius: 12px;
        left: 0px;
        right: 0px
    }

    .pros_xgnew h4 a {
        font-size: 16px;
        background-size: 30px;
        padding-right: 40px
    }

    .pros_xgnew ul i:nth-child(2) {
        left: 690px
    }

    .pros_xgnew li {
        font-size: 16px;
        width: 650px
    }

    .pros_xgnew h4:after {
        background-size: 74px
    }

    .pros_xgnew li a {
        padding-left: 32px
    }
}

.prony_xganli {
    padding: 0px 22px 50px 22px
}

.prony_xganli h4 {
    font-size: 17px;
    color: #fff;
    background: #ff1c16;
    background: -webkit-linear-gradient(left, #ff1c16, #fe615c);
    background: -moz-linear-gradient(left, #ff1c16, #fe615c);
    background: -ms-linear-gradient(left, #ff1c16, #fe615c);
    background: -o-linear-gradient(left, #ff1c16, #fe615c);
    padding: 9px 10px;
    line-height: 20px;
    border-radius: 8px;
    position: relative;
    z-index: 1
}

.prony_xganli .prony_xganlibox {
    width: 100%;
    box-shadow: 0px 2px 14px rgba(7,7,7,0.17);
    border-radius: 0px 0px 15px 15px;
    position: relative;
    overflow: hidden;
    padding: 22px 0px 15px 0px
}

.prony_xganli .prony_xganlibox:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    top: -25px;
    height: 32px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px -2px 14px rgba(7,7,7,0.17) inset
}

.prony_xganli .prony_xganlibox dl {
    float: left;
    width: 306px;
    line-height: 24px;
    font-size: 14px;
    padding: 8px 0px;
    padding-left: 37px;
    position: relative;
    z-index: 2
}

.prony_xganli .prony_xganlibox dl a {
    display: block
}

.prony_xganli .prony_xganlibox dl dt {
    float: left;
    width: 100%
}

.prony_xganli .prony_xganlibox dl dt img {
    width: 100%;
    height: auto
}

.prony_xganli .prony_xganlibox dl dt a:hover {
    background: #fff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000000
}

.prony_xganli .prony_xganlibox dl dd {
    box-sizing: border-box;
    overflow: hidden;
    font-size: 14px;
    width: 100%
}

.prony_xganli .prony_xganlibox dl dd p {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prony_xganli .prony_xganlibox dl dd h5 {
    font-size: 16px;
    margin: 15px 0px 0px 0px
}

.prony_xganli .prony_xganlibox dl dd h5 a {
    line-height: 26px
}

@media (min-width: 1366px) {
    .prony_xganli {
        padding:0px 74px 50px 74px
    }

    .prony_xganli h4 {
        font-size: 20px;
        padding: 10px 20px;
        line-height: 24px
    }

    .prony_xganli .prony_xganlibox dl {
        width: 338px
    }
}

@media (min-width: 1730px) {
    .prony_xganli {
        padding:0px 95px 50px 95px
    }

    .prony_xganli h4 {
        font-size: 26px;
        padding: 13px 30px;
        line-height: 30px
    }

    .prony_xganli .prony_xganlibox dl {
        width: 434px
    }

    .prony_xganli .prony_xganlibox dl dt {
        width: 150px
    }

    .prony_xganli .prony_xganlibox dl dd {
        width: auto;
        padding-left: 20px
    }

    .prony_xganli .prony_xganlibox dl dd h5 {
        margin-top: 5px
    }
}

.probom {
    clear: both;
    background: url(../img/probombg.jpg) no-repeat center top #061341;
    border-radius: 30px 30px 0px 0px;
    background-size: 100%;
    padding: 60px 0px
}

.probom .wrap1200 {
    padding-left: 142px
}

.probom ul {
    position: relative
}

.probom ul:before {
    content: '';
    position: absolute;
    width: 480px;
    height: 136px;
    background: url(../img/probompicbg.png) no-repeat left top;
    background-size: 480px;
    top: 0px;
    left: 0px
}

.probom ul li {
    float: left;
    padding: 12px 71px 0px 2px
}

.probom ul li .probompic {
    clear: both;
    display: block;
    width: 110px
}

.probom ul li .probomtit {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 20px
}

.probom ul li .probomtxt {
    font-size: 14px;
    color: #a5a5a5;
    text-align: center;
    line-height: 1;
    padding-top: 10px
}

@media (min-width: 1366px) {
    .probom {
        padding:70px 0px
    }

    .probom .wrap1200 {
        padding-left: 170px
    }

    .probom ul:before {
        width: 574px;
        height: 164px;
        background-size: 574px
    }

    .probom ul li {
        padding: 14px 88px 0px 2px
    }

    .probom ul li .probompic {
        width: 131px
    }
}

@media (min-width: 1730px) {
    .probom {
        padding:90px 0px
    }

    .probom .wrap1200 {
        padding-left: 217px
    }

    .probom ul:before {
        width: 729px;
        height: 205px;
        background-size: 729px;
        left: 6px
    }

    .probom ul li {
        padding: 12px 98px 0px 2px
    }

    .probom ul li .probompic {
        width: 180px
    }
}

@media (min-width: 1920px) {
    .probom {
        background-size:1920px
    }
}

.newone {
    padding: 107px 70px 0px;
    position: relative;
    z-index: 2
}

.newonebg:before {
    content: '';
    top: 157px;
    right: 0px;
    position: absolute;
    background: rgba(0,0,0,0.2);
    left: 0px;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    background: -o-linear-gradient(left, rgba(0,0,0,0.2), transparent);
    height: 186px
}

.newone .proonefl {
    padding-left: 40px;
    width: 100%;
    padding-bottom: 55px;
    font-size: 12px;
    color: #999999
}

.proonefl a {
    color: #f00
}

.proonefl a:hover {
}
    color: #f0f0f0
}

.proonefl span {
    color: #f02d22
}

.newone .newonefl {
    float: left;
    width: 368px;
    padding-left: 26px;
    position: relative
}

.newone .newonefl:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2px;
    height: 60px;
    background: #ff1c16
}

.newone .newonefl .newonefltit {
    clear: both;
    padding-bottom: 20px;
    line-height: 1
}

.newonefl .newonefltit h2 {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    margin-right: 10px
}

.newonefl .newonefltit a {
    color: #666;
    font-size: 12px
}

.gdxgxw {
    clear: both;
    padding-bottom: 20px;
    line-height: 1
}

.gdxgxw h2 {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    margin-right: 10px
}

.gdxgxw a {
    color: #fff
}

.newoneflbox {
    position: relative
}

.newoneflbox .newoneflboxpic {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 3px 9px 10px rgba(23,6,7,0.2)
}

.newoneflbox .newoneflboxtit {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    color: #fff;
    z-index: 3;
    background: #1a1f2a;
    background: rgba(26,31,42,0.8);
    text-align: center;
    line-height: 30px;
    font-size: 12px
}

.newoneflbox time {
    position: absolute;
    width: 146px;
    z-index: 1;
    height: 108px;
    right: -12px;
    bottom: -26px;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16);
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 87px;
    line-height: 1
}

.newone .newonefr {
    float: right;
    width: 460px;
    padding-top: 43px
}

.newone .newonefr ul {
    clear: both;
    display: block
}

.newone .newonefr ul li {
    clear: both;
    padding-bottom: 20px
}

.newone .newonefr ul li:last-child {
    padding-bottom: 0px
}

.newone .newonefr ul li time {
    float: left;
    text-align: center;
    width: 60px;
    position: relative
}

.newone .newonefr ul li time:after {
    content: '';
    position: absolute;
    right: -17px;
    top: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 70%;
    height: 2px;
    margin-top: -1px;
    background: #ff1c16;
    background: -webkit-linear-gradient(left, rgba(255,28,22,0), #ff1c16);
    background: -moz-linear-gradient(left, rgba(255,28,22,0), #ff1c16);
    background: -ms-linear-gradient(left, rgba(255,28,22,0), #ff1c16);
    background: -o-linear-gradient(left, rgba(255,28,22,0), #ff1c16);
    z-index: 1
}

.newone .newonefr ul li time:before {
    content: '';
    position: absolute;
    right: -17px;
    top: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    z-index: 2;
    border: 4px solid #fcf9f9;
    box-shadow: 0px 0px 11px rgba(133,0,0,0.2);
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16);
    margin-top: -12px
}

.newone .newonefr ul li time strong {
    clear: both;
    display: block;
    font-size: 24px;
    color: #ff211c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #ff615c, #ff211c);
    line-height: 1
}

.newone .newonefr ul li time span {
    clear: both;
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.newone .newonefr ul li div {
    float: right;
    width: 370px;
    background: #fff;
    padding: 12px 12px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.14)
}

.newone .newonefr ul li div:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 5px;
    background: url(../img/newicon01.png) no-repeat center;
    width: 10px;
    height: 40px;
    background-size: 10px
}

.newone .newonefr ul li div a {
    clear: both;
    display: block;
    line-height: 1;
    font-size: 14px;
    padding-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newone .newonefr ul li div p {
    font-size: 12px;
    text-align: left;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999
}

@media (min-width: 1366px) {
    .newone {
        padding:130px 84px 0px
    }

    .newone:before {
        height: 231px;
        top: 174px
    }

    .newone .proonefl {
        padding-left: 48px;
        font-size: 14px
    }

    .newone .newonefl {
        width: 440px;
        padding-left: 30px
    }

    .newone .newonefl .newonefltit {
        padding-bottom: 24px
    }

    .newonefl .newonefltit h2 {
        font-size: 28px
    }

    .newonefl .newonefltit a {
        font-size: 13px
    }

    .gdxgxw h2 {
        font-size: 28px
    }

    .newoneflbox .newoneflboxtit {
        font-size: 13px;
        line-height: 24px;
        padding: 4px 10px
    }

    .newoneflbox time {
        width: 176px;
        height: 130px;
        bottom: -32px;
        right: -16px;
        padding-top: 104px;
        font-size: 16px
    }

    .newone .newonefr {
        width: 555px
    }

    .newone .newonefr ul li div:after {
        background-size: 13px;
        width: 13px;
        left: -13px;
        top: 16px
    }

    .newone .newonefr ul li {
        padding-bottom: 24px
    }

    .newone .newonefr ul li time strong {
        font-size: 28px;
        padding-bottom: 16px
    }

    .newone .newonefr ul li time span {
        font-size: 13px;
        line-height: 28px
    }

    .newone .newonefr ul li div {
        width: 461px;
        padding: 16px 17px
    }

    .newone .newonefr ul li div p {
        font-size: 14px
    }

    .newone .newonefr ul li div a {
        padding-bottom: 10px;
        font-size: 16px
    }
}

@media (min-width: 1730px) {
    .newone {
        padding:165px 106px 0px
    }

    .newone:before {
        height: 323px;
        top: 211px
    }

    .newone .proonefl {
        padding-left: 60px;
        font-size: 16px
    }

    .newone .newonefl {
        width: 500px;
        padding-left: 40px
    }

    .newone .newonefl .newonefltit {
        padding-bottom: 31px
    }

    .newonefl .newonefltit h2 {
        font-size: 36px
    }

    .newonefl .newonefltit a {
        font-size: 16px
    }

    .gdxgxw h2 {
        font-size: 36px
    }

    .newoneflbox .newoneflboxtit {
        font-size: 16px;
        line-height: 30px;
        padding: 5px 10px
    }

    .newoneflbox time {
        width: 224px;
        height: 165px;
        bottom: -41px;
        right: -20px;
        padding-top: 134px;
        font-size: 18px
    }

    .newone .newonefr {
        width: 750px;
        padding-top: 67px
    }

    .newone .newonefr ul li {
        padding-bottom: 15px
    }

    .newone .newonefr ul li time {
        width: 74px
    }

    .newone .newonefr ul li time strong {
        font-size: 36px;
        padding-bottom: 16px
    }

    .newone .newonefr ul li time span {
        font-size: 16px;
        line-height: 36px
    }

    .newone .newonefr ul li div {
        width: 638px;
        padding: 20px 22px
    }

    .newone .newonefr ul li div p {
        font-size: 16px
    }

    .newone .newonefr ul li div a {
        padding-bottom: 13px;
        font-size: 18px
    }

    .newone .newonefr ul li div:after {
        background-size: 16px;
        width: 16px;
        left: -16px;
        top: 25px
    }

    .newone .newonefr ul li time:before {
        width: 24px;
        height: 24px;
        border-width: 7px
    }
}

.newtwo {
    padding: 0px 70px
}

.newtwo .newtwotit {
    padding-left: 26px;
    line-height: 1;
    padding-bottom: 15px;
    position: relative
}

.newtwo .newtwotit:after {
    width: 2px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #f00;
    content: ''
}

.newtwo .newtwotit:before {
    width: 64px;
    height: 24px;
    background: url(../img/prolisticon01.jpg) no-repeat left top;
    background-size: 64px;
    content: '';
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 10px
}

.newtwo .newtwotit h2 {
    display: inline-block;
    font-size: 24px;
    color: #1d2029;
    margin-right: 15px
}

.newtwo .newtwotit>a {
    font-size: 12px
}

.newtwoul {
    clear: both;
    margin-left: -45px;
    padding-top: 27px;
    position: relative;
    z-index: 3
}

.newtwoul li {
    float: left;
    width: 407px;
    margin-left: 45px;
    padding-bottom: 38px
}

.newtwoul li time {
    float: left;
    text-align: center;
    width: 60px;
    position: relative
}

.newtwoul li time:after,.newtwoul li time:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newtwoul li time:after {
    width: 70%;
    height: 2px;
    right: -17px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: left;
    background: -webkit-linear-gradient(left, rgba(255,28,22,0),#ff1c16);
    background: -o-linear-gradient(left, rgba(255,28,22,0),#ff1c16);
    background: linear-gradient(to right, rgba(255,28,22,0),#ff1c16);
    z-index: 1
}

.newtwoul li time:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 4px solid #fcf9f9;
    box-shadow: 0px 0px 13px rgba(0,0,0,0.25);
    right: -17px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: top;
    background: -webkit-linear-gradient(top, #fd625e,#ff1c16);
    background: -o-linear-gradient(top, #fd625e,#ff1c16);
    background: linear-gradient(to bottom, #fd625e,#ff1c16);
    z-index: 2
}

.newtwoul li time strong {
    clear: both;
    display: block;
    font-size: 24px;
    color: #ff211c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #ff615c, #ff211c);
    line-height: 1;
    padding-bottom: 13px
}

.newtwoul li time span {
    clear: both;
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.newtwoul li .newtwoulbox {
    float: right;
    width: 312px;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
    padding: 12px 12px;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.newtwoul li .newtwoulbox:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 11px;
    background: url(../img/newicon01.png) no-repeat center;
    width: 10px;
    height: 40px;
    background-size: 10px
}

.newtwoul li .newtwoulitem {
    overflow: hidden;
    height: 74px
}

.newtwoul li .newtwoulitem h3 {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: normal
}

.newtwoul li .newtwoulitem p {
    font-size: 12px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #999
}

@media (min-width: 1366px) {
    .newtwo {
        padding:0px 84px
    }

    .newtwoul {
        margin-left: -55px;
        padding-top: 34px
    }

    .newtwoul li {
        margin-left: 55px;
        width: 488px;
        padding-bottom: 47px
    }

    .newtwoul li .newtwoulbox:after {
        background-size: 13px;
        width: 13px;
        left: -13px;
        top: 16px
    }

    .newtwo .newtwotit h2 {
        font-size: 28px
    }

    .newtwoul li time {
        width: 92px
    }

    .newtwo .newtwotit>a {
        font-size: 14px
    }

    .newtwoul li time strong {
        font-size: 28px
    }

    .newtwoul li time span {
        font-size: 16px
    }

    .newtwoul li .newtwoulbox {
        width: 381px;
        padding: 13px 15px
    }

    .newtwoul li .newtwoulitem h3 {
        font-size: 16px;
        padding-bottom: 2px
    }

    .newtwoul li .newtwoulitem p {
        font-size: 14px;
        line-height: 26px
    }
}

@media (min-width: 1730px) {
    .newtwo {
        padding:0px 106px
    }

    .newtwoul {
        margin-left: -70px
    }

    .newtwo .newtwotit h2 {
        font-size: 36px
    }

    .newtwoul li {
        margin-left: 70px;
        width: 624px
    }

    .newtwoul li time strong {
        font-size: 36px;
        padding-bottom: 24px
    }

    .newtwoul li time span {
        font-size: 16px;
        line-height: 1
    }

    .newtwo .newtwotit>a {
        font-size: 16px
    }

    .newtwoul li time:before {
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 24px;
        height: 24px;
        border-width: 7px
    }

    .newtwoul li time:after {
        -o-transform: translateY(11px);
        -webkit-transform: translateY(11px);
        -moz-transform: translateY(11px);
        -ms-transform: translateY(11px);
        transform: translateY(11px)
    }

    .newtwoul li .newtwoulbox {
        width: 490px;
        padding: 15px 20px
    }

    .newtwoul li .newtwoulitem {
        height: 94px
    }

    .newtwoul li .newtwoulitem h3 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 5px
    }

    .newtwoul li .newtwoulitem p {
        font-size: 16px
    }

    .newtwoul li .newtwoulbox:after {
        background-size: 16px;
        width: 16px;
        left: -16px;
        top: 27px
    }
}

.newban01 {
    position: relative;
    margin-bottom: 50px
}

.newban01:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 375px;
    background: url(../img/newban.jpg) no-repeat center top #1e222d;
    background-size: 100% 375px
}

.newban01:after {
    background: url(../img/contactbanbg.png) no-repeat center bottom;
    background-size: 100% 70px;
    height: 70px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 0;
    top: 323px;
    right: 0px;
    content: ''
}

@media (min-width: 1366px) {
    .newban01:before {
        background-size:100% 450px;
        height: 450px
    }

    .newban01:after {
        top: 398px
    }
}

@media (min-width: 1730px) {
    .newban01:before {
        background-size:100% 574px;
        height: 574px
    }

    .newban01:after {
        top: 522px
    }
}

@media (min-width: 1920px) {
    .newban01:before {
        background-size:1920px 574px;
        height: 574px
    }

    .newban01:after {
        top: 522px
    }
}

.newlisttit {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    padding-left: 25px;
    line-height: 1;
    margin-bottom: 13px
}

.newlisttit:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 5px;
    width: 2px;
    background: #ff1c16;
    bottom: -12px
}

.newonebg01:before {
    content: '';
    top: 108px;
    right: 70px;
    position: absolute;
    background: url(../img/newonebg01.png) no-repeat left top;
    height: 45px;
    width: 394px;
    background-size: 394px;
    z-index: -1
}

@media (min-width: 1366px) {
    .newonebg01:before {
        width:473px;
        height: 53px;
        background-size: 473px;
        top: 130px;
        right: 83px
    }

    .newlisttit {
        font-size: 28px;
        padding-left: 30px
    }
}

@media (min-width: 1730px) {
    .newonebg01:before {
        width:601px;
        bottom: -17px;
        height: 69px;
        background-size: 601px;
        top: 166px;
        right: 106px
    }

    .newlisttit {
        font-size: 36px;
        padding-left: 40px;
        margin-bottom: 26px
    }
}

.newny_tit {
    clear: both;
    margin: 0px 40px;
    color: #fff;
    font-size: 28px;
    line-height: 1.4;
    position: relative
}

.newny_tit:before {
    position: absolute;
    content: '';
    width: 80px;
    height: 70px;
    background: url(../img/newny_titbg.png) no-repeat center center;
    background-size: 80px;
    left: -27px;
    top: -27px;
    z-index: -1
}

.newny_rq:before {
    background: #ff1c17;
    content: '';
    position: absolute;
    left: -60px;
    width: 40px;
    height: 1px;
    top: 50%;
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.newny_rq {
    clear: both;
    position: relative;
    margin: 35px 40px;
    line-height: 1;
    color: #666;
    font-size: 12px
}

.newny_cone {
    clear: both;
    margin: 0px 40px;
    background: #fff \0;
    background: rgba(255,255,255,0.8);
    filter: alpha(opacity=80);
    position: relative;
    box-shadow: 0px 0px 10px rgba(8,0,0,0.14);
    padding: 15px 25px
}

.newny_cone .newny_cone_top {
    clear: both;
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.newny_cone .newny_cone_bom {
    clear: both;
    font-size: 12px;
    margin-top: 15px;
    color: #666
}

.newny_cone .newny_cone_bom strong {
    color: #ff1c16;
    font-size: 14px
}

.newny_cone .newny_cone_bom p {
    position: relative;
    margin: 3px;
    display: inline-block;
    margin-left: 30px
}

.newny_cone .newny_cone_bom p:before {
    position: absolute;
    right: -3px;
    bottom: -3px;
    left: -3px;
    top: -3px;
    content: '';
    background: url(../img/newny_cone_bom01.png) no-repeat left center;
    z-index: 1
}

.newny_cone .newny_cone_bom span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    padding: 3px
}

.newny_cone .newny_cone_bom span img {
    float: left;
    width: 50px
}

.newny_cone .newny_cone_bom span i {
    float: left;
    font-style: normal;
    margin-left: 10px;
    background: url(../img/prooneicon03.png) no-repeat left top;
    background-size: 18px;
    padding-top: 23px;
    font-size: 12px;
    line-height: 1;
    margin-top: 8px
}

.newny_cone .newny_cone_telfr {
    position: absolute;
    right: -36px;
    width: 92px;
    border-radius: 0px 44px 0px 0px;
    overflow: hidden;
    top: 50%;
    box-shadow: 0px 0px 10px rgba(8,0,0,0.14);
    background: #fff;
    margin-top: -42px
}

.newny_cone .newny_cone_telfr a {
    clear: both;
    display: block;
    text-align: center;
    font-size: 12px
}

.newny_cone_telfr .baojia {
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    background: url(../img/newny_cone_telfricon01.png) no-repeat center top
}

.newny_cone_telfr .online {
    padding: 5px 0px 8px 0px;
    background: #ffffff;
    color: #333;
    cursor: pointer;
    line-height: 1
}

.newny_cone_telfr .online i {
    clear: both;
    display: block;
    width: 20px;
    margin: 0 auto;
    line-height: 1;
    margin-bottom: 5px
}

.newny_cone_telfr .baojia:hover {
    background: #12151d
}

.newny_cone_telfr .online:hover {
    background: #f5f5f5
}

#sf video {
    width: 100%;
    max-width: 400px
}

.newny_sxp {
    clear: both;
    padding-top: 15px
}

.newny_sxp b {
    clear: both;
    display: block;
    font-weight: 100
}

.newny_sxp b a {
    color: #666
}

.newny_sxp b a:hover {
    color: #f02d21
}

@media (min-width: 1366px) {
    .newny_tit {
        font-size:34px;
        margin: 0px 48px
    }

    .newny_tit:before {
        left: -34px;
        top: -27px;
        width: 100px;
        background-size: 100px
    }

    .newny_rq:before {
        width: 45px;
        left: -68px
    }

    .newny_cone .newny_cone_top,.newny_cone .newny_cone_bom {
        font-size: 14px
    }

    .newny_cone .newny_cone_bom {
        margin-top: 15px
    }

    .newny_rq {
        margin: 40px 48px 48px;
        font-size: 14px
    }

    .newny_cone .newny_cone_telfr {
        width: 140px;
        margin-top: -49px
    }

    .newny_cone .newny_cone_telfr a {
        font-size: 14px
    }

    .newny_cone_telfr .baojia {
        line-height: 45px
    }

    .newny_cone_telfr .online {
        padding: 8px 0px 7px 0px
    }

    .newny_cone_telfr .online i {
        width: 26px
    }

    .newny_cone {
        padding: 20px 25px
    }

    .newny_cone .newny_cone_bom strong {
        font-size: 22px
    }
}

@media (min-width: 1730px) {
    .newny_tit {
        font-size:44px;
        margin: 0px 60px
    }

    .newny_tit:before {
        left: -34px;
        top: -27px;
        width: 125px;
        background-size: 125px
    }

    .newny_rq:before {
        width: 60px;
        left: -100px
    }

    .newny_cone .newny_cone_top {
        font-size: 16px
    }

    .newny_cone .newny_cone_bom {
        font-size: 18px
    }

    .newny_cone .newny_cone_bom {
        margin-top: 25px
    }

    .newny_rq {
        margin: 50px 60px 60px 60px;
        font-size: 16px
    }

    .newny_cone .newny_cone_telfr {
        width: 140px;
        margin-top: -62px
    }

    .newny_cone .newny_cone_telfr a {
        font-size: 16px
    }

    .newny_cone_telfr .baojia {
        line-height: 60px
    }

    .newny_cone_telfr .online {
        padding: 10px 0px 12px 0px
    }

    .newny_cone_telfr .online i {
        width: 30px
    }

    .newny_cone {
        padding: 30px 40px
    }

    .newny_cone .newny_cone_bom strong {
        font-size: 28px
    }
}

.newny_det {
    margin: 50px auto;
    overflow: hidden;
    padding: 0px 70px 0px 107px
}

.newny_det_l {
    width: 615px;
    float: left
}

.newny_detxt {
    width: 100%;
    margin: 0px auto;
    overflow: hidden
}

.newny_detxt h2,.newny_detxt h3 {
    margin: 5px 0;
    color: #333;
    background: url(../img/h3icon01.jpg) no-repeat
}

.newny_detxt h2 {
    font-size: 20px;
    background-size: 40px;
    padding: 5px 0px 5px 50px;
    background-position: left 10px
}

.newny_detxt h3 {
    font-size: 16px;
    background-size: 30px;
    padding: 0px 0px 0px 40px;
    background-position: left 7px
}

.newny_detxt p {
    padding: 5px 0;
    line-height: 24px;
    font-size: 12px;
    color: #555
}

.newny_detxt p img,.newny_detxt div img {
    max-width: 100%;
    height: auto
}

.newny_detxt strong {
    color: #333
}

.mtb {
    padding: 5px 0px
}

.newny_detxt table td {
    font-size: 12px;
    padding: 5px 0px;
    line-height: 24px;
    word-break: break-word
}

.newny_detxt p a {
    color: #f02d21
}

.newny_detxt p a:hover {
    text-decoration: underline
}

.newny_detxt p video {
    width: 100%;
    max-width: 800px;
    height: auto;
    margin: 7px 0px 7px -2em
}

.newny_detxt ul,.caseny_det_l ul,.prony_detbox ul {
    padding: 5px 0px
}

.newny_detxt ul li,.caseny_det_l ul li,.prony_detbox ul li {
    background: url(../mobimages/uldot01.png) no-repeat left 6px;
    background-size: 10px;
    padding: 0px 0px 15px 20px;
    color: #555;
    line-height: 24px;
    font-size: 12px
}

.newny_detxt ul li:last-child,.caseny_det_l ul li:last-child,.prony_detbox ul li:last-child {
    padding-bottom: 0px
}

blockquote {
    clear: both;
    display: block;
    text-align: center;
    padding-bottom: 5px
}

blockquote p {
    color: #f79200 !important;
    display: inline-block;
    line-height: 1.6 !important;
    background: #fff5e8;
    border-radius: 40px;
    padding: 5px 20px !important
}

blockquote a {
    color: #f02d21
}

blockquote p a:hover {
    text-decoration: underline
}

@media (min-width: 1366px) {
    .newny_det {
        padding:0px 81px 0px 126px
    }

    .newny_det_l {
        width: 730px
    }

    .prony_det_r {
        width: 230px
    }

    .newny_detxt h2,.newny_detxt h3 {
        margin: 10px 0
    }

    .newny_detxt h2 {
        font-size: 22px;
        background-size: 55px;
        padding: 7px 0px 7px 68px;
        background-position: left 8px
    }

    .newny_detxt h3 {
        font-size: 18px;
        background-size: 45px;
        padding: 5px 0px 5px 58px;
        background-position: left 9px
    }

    .newny_detxt p {
        font-size: 14px;
        line-height: 30px;
        padding: 8px 0px
    }

    .newny_detxt ul,.caseny_det_l ul,.prony_detbox ul {
        padding: 8px 0px
    }

    .newny_detxt ul li,.caseny_det_l ul li,.prony_detbox ul li {
        font-size: 14px;
        line-height: 30px;
        background-position: left 10px
    }

    .mtb {
        padding: 8px 0px
    }

    .newny_detxt table td {
        font-size: 14px;
        padding: 8px 0px;
        line-height: 30px
    }

    blockquote {
        padding-bottom: 8px
    }
}

@media (min-width: 1730px) {
    .newny_det {
        padding:0px 105px 0px 148px
    }

    .newny_det_l {
        width: 1007px
    }

    .newny_detxt h2,.newny_detxt h3 {
        margin: 15px 0
    }

    .newny_detxt h2 {
        font-size: 26px;
        background-size: 67px;
        padding: 12px 0px 12px 87px;
        background-position: left 11px
    }

    .newny_detxt h3 {
        font-size: 22px;
        background-size: 55px;
        padding: 10px 0px 10px 71px;
        background-position: left 12px
    }

    .newny_detxt p {
        font-size: 16px;
        line-height: 35px;
        padding: 10px 0px
    }

    .newny_detxt ul,.caseny_det_l ul,.prony_detbox ul {
        padding: 10px 0px
    }

    .newny_detxt ul li,.caseny_det_l ul li,.prony_detbox ul li {
        font-size: 16px;
        line-height: 35px;
        background-position: left 13px
    }

    .mtb {
        padding: 10px 0px
    }

    .newny_detxt table td {
        font-size: 16px
    }

    blockquote {
        padding-bottom: 10px
    }
}

.caseclass {
    padding: 20px 54px;
    position: relative;
    z-index: 1
   
}

.caseclass li {
    float: left;
    width: 148px;
    margin-right: 15px;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    transition: all 0.1s;
    margin-left: 15px
}

.caseclass li:last-child {
    margin-right: 0px
}

.caseclass li a {
    clear: both;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
    background: #ebebeb;
    border-radius: 3px;
    line-height: 30px;
    padding: 5px 10px;
    font-size: 14px
}

.caseclass li.choose a,.caseclass li:hover a {
    background: #ff1c16;
    color: #fff;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    transition: all 0.1s
}

@media (min-width: 1366px) {
    .caseclass {
        padding:20px 63px 30px
    }

    .caseclass li {
        width: 174px;
        margin-right: 20px;
        margin-left: 20px
    }

    .caseclass li a {
        font-size: 16px;
        padding: 8px 10px
    }
}

@media (min-width: 1730px) {
    .caseclass {
        padding:20px 75px 40px;
            width: 1250px;
    }

    .caseclass li {
        width: 215px;
        margin-right: 30px;
        font-size: 18px;
        margin-left: 30px
    }

    .caseclass li a {
        font-size: 18px;
        padding: 10px 10px
    }
}

.caseone {
    padding: 120px 0px 0px 0px
}

.caseone .proonetopfl {
    padding-left: 140px
}

@media (min-width: 1366px) {
    .caseone {
        padding:146px 0px 0px 0px
    }

    .caseone .proonetopfl {
        padding-left: 170px
    }
}

@media (min-width: 1730px) {
    .caseone {
        padding:185px 0px 0px 0px
    }

    .caseone .proonetopfl {
        padding-left: 217px
    }
}

.casebox {
    padding: 0px 70px 58px 70px
}

.caselist {
    padding: 15px 0px 0px 0px;
    margin-left: -25px
}

.caselist li {
    float: left;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    width: 270px;
    margin-left: 25px;
    background: #ff1c16;
    background: -webkit-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -moz-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -ms-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    background: -o-linear-gradient(left, #ff1c16 50%, #ff5651 100%);
    padding-bottom: 20px;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 14px 27px rgba(7,7,7,0.14);
    margin-bottom: 25px
}

.caselist li:after {
    content: '';
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 38px;
    height: 24px;
    background: url(../img/prolisticon02.png) no-repeat left top;
    background-size: 38px;
    z-index: 2
}

.caselist li .caselistpic {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.caselist li .caselistpic:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: rgba(0,0,0,0.24);
    bottom: -100%;
    z-index: 1
}

.caselist li .caselistpic:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 150%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-image: url(../img/hovericon.png);
    background-position: center center;
    background-size: 39px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li:hover .caselistpic:before {
    top: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li .caselistpic img {
    width: 100%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li:hover .caselistpic img {
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li .caselisttit {
    clear: both;
    display: block;
    width: 100%;
    padding: 4px 15px;
    line-height: 24px;
    background: #000;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.caselist li .caselisttit:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: #ff6800;
    bottom: -100%;
    z-index: -1;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li:hover .caselistpic:after,.caselist li:hover .caselisttit:after {
    bottom: 0%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.caselist li p {
    clear: both;
    font-size: 12px;
    color: #fff;
    padding: 4px 15px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (min-width: 1366px) {
    .casebox {
        padding:0px 84px 71px 84px
    }

    .caselist {
        margin-left: -35px;
        padding-top: 10px
    }

    .caselist li {
        margin-left: 35px;
        width: 320px;
        margin-bottom: 35px
    }

    .caselist li .prolistultit {
        font-size: 15px;
        padding: 8px 18px
    }

    .caselist li p {
        font-size: 14px;
        padding: 4px 18px
    }

    .caselist li .caselistpic:before {
        width: 60px;
        height: 60px;
        background-size: 45px;
        margin-top: -30px;
        margin-left: -30px
    }
}

@media (min-width: 1730px) {
    .casebox {
        padding:0px 106px 90px 106px
    }

    .caselist {
        margin-left: -39px;
        padding-top: 0px
    }

    .caselist li {
        margin-left: 39px;
        width: 413px;
        padding-bottom: 25px
    }

    .caselist li .caselisttit {
        font-size: 18px;
        padding: 13px 23px;
        margin-bottom: 20px
    }

    .caselist li p {
        font-size: 16px;
        padding: 7px 23px
    }

    .caselist li .caselistpic:before {
        width: 70px;
        height: 70px;
        background-size: 55px;
        margin-top: -35px;
        margin-left: -35px
    }
}

.caseban {
    width: 100%;
    position: absolute;
    background: #1d2029;
    z-index: -1;
    left: 0px;
    right: 0px;
    top: 0px;
    overflow: hidden
}

@media (min-width: 1920px) {
    .caseban .casebanpic {
        width:1920px;
        margin: 0 auto
    }

    .caseban .casebanbom img {
        width: 100%;
        height: 847px
    }
}

.casebreak {
    float: none !important;
    clear: both;
    padding: 120px 0px 0px 140px;
    display: block;
    margin: 0 auto
}

.caseone {
    padding: 10px 44px 0px 44px;
    position: relative;
    z-index: 1
}

.caseone .caseoneitem {
    background: url(../img/caseonemidicon01.png) no-repeat right top #f5f5f5;
    padding: 32px 49px 25px 44px;
    border-radius: 0px 114px 0px 0px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 12px 20px rgba(0,0,0,0.06)
}

.caseone .caseoneitem:after,.caseone .caseoneitem:before {
    content: '';
    top: 87px;
    position: absolute;
    bottom: 93px;
    width: 1px;
    background: #dfdfdf
}

.caseone .caseoneitem:after {
    left: 44px
}

.caseone .caseoneitem:before {
    right: 174px
}

.caseone h1 {
    font-size: 26px;
    line-height: 1;
    color: #333;
    padding-bottom: 26px
}

.caseone .caseonefl {
    float: left;
    width: 175px;
    position: relative;
    padding-top: 20px
}

.caseone .caseonefl:before,.caseone .caseonefr:before {
    content: '';
    position: absolute;
    left: -4px;
    top: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #e6e6e7;
    border-bottom: 8px solid transparent
}

.caseone .caseonefl p {
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    padding: 0px 0px 0px 20px;
    margin-top: 20px
}

.caseone .caseonefl p span {
    color: #fd2623
}

.caseone .caseonefl p:before {
    content: '';
    background: #dfdfdf;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: -5px;
    top: 6px;
    position: absolute
}

.caseone .caseonemid {
    float: left;
    width: 425px;
    margin-left: 31px;
    position: relative
}

.caseone .caseonemid i {
    position: absolute;
    z-index: 1;
    right: -30px;
    top: -10px;
    width: 80px
}

.caseone .caseonemid i img {
    box-shadow: none;
    border-radius: 0px
}

.caseone .caseonemid img {
    position: relative;
    z-index: 4;
    border-radius: 5px;
    box-shadow: 0px 2px 7px 2px rgba(7,7,7,0.16)
}

.caseone .caseonemid:after,.caseone .caseonemid:before {
    content: '';
    position: absolute;
    border-radius: 5px
}

.caseone .caseonemid:after {
    z-index: 2;
    background: #fcfcfc;
    box-shadow: 0px 2px 18px rgba(7,7,7,0.03);
    left: -22px;
    right: -22px;
    bottom: -22px;
    top: 48px
}

.caseone .caseonemid:before {
    z-index: 3;
    background: #fff;
    box-shadow: 0px 2px 7px rgba(7,7,7,0.16);
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: 24px
}

.caseone .caseonefr {
    float: right;
    width: 126px;
    position: relative
}

.caseone .caseonefrtel {
    clear: both;
    display: block;
    line-height: 20px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-top: 60px;
    position: relative
}

.caseone .caseonefrtel:after {
    content: '';
    position: absolute;
    left: -4px;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16)
}

.caseone .caseonefrtel span {
    clear: both;
    display: block;
    font-size: 12px;
    color: #666;
    font-weight: normal
}

.caseone .caseonefrzx {
    clear: both;
    text-align: right;
    color: #666;
    font-size: 14px;
    margin: 35px 0px
}

.caseone .caseonefrzx a {
    clear: both;
    display: block;
    position: relative;
    line-height: 30px;
    color: #666;
    font-weight: bold
}

.caseone .caseonefrzx a:hover {
    color: #f00
}

.caseone .caseonefrzx i {
    position: absolute;
    z-index: 3;
    width: 34px;
    height: 34px;
    padding: 7px 6px 0px 9px;
    border-radius: 50%;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16);
    left: -17px;
    top: -2px
}

.caseone .caseonefrzx a:after,.caseone .caseonefrzx a:before {
    content: '';
    position: absolute
}

.caseone .caseonefrzx a:after {
    z-index: 1;
    width: 46px;
    height: 46px;
    left: -23px;
    top: -8px;
    background: url(../img/caseicon03.png) no-repeat left top;
    background-size: 46px;
    animation: casedeg01 3s linear infinite;
    -webkit-animation: casedeg01 3s linear infinite
}

.caseone .caseonefrzx a:before {
    z-index: 2;
    width: 39px;
    height: 39px;
    left: -20px;
    top: -4px;
    background: url(../img/caseicon02.png) no-repeat left top;
    background-size: 39px;
    animation: casedeg02 3s linear infinite;
    -webkit-animation: casedeg02 3s linear infinite
}

@keyframes casedeg01 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes casedeg01 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes casedeg02 {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes casedeg02 {
    0% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

.caseone .caseonefrcs {
    clear: both
}

.caseone .caseonefrcs span {
    clear: both;
    display: block;
    padding-left: 18px;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 15px;
    position: relative;
    color: #999
}

.caseone .caseonefrcs span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../img/prooneicon04.jpg) no-repeat center center;
    background-size: 10px;
    position: absolute;
    left: -5px;
    top: 0px
}

.caseone .caseonefrcs span:nth-child(3) {
    font-weight: bold
}

.caseonebom {
    clear: both;
    display: block;
    text-align: right;
    position: relative;
    z-index: 4
}

.caseonebom dl {
    clear: both;
    display: inline-block
}

.caseonebom dl dt {
    float: left;
    color: #fff;
    width: 40px;
    padding: 10px 10px;
    line-height: 17px;
    text-align: center;
    margin-top: 56px;
    background: #ff1c16;
    background: -webkit-linear-gradient(right top, #fd625e, #ff1c16);
    background: -moz-linear-gradient(right top, #fd625e, #ff1c16);
    background: -ms-linear-gradient(right top, #fd625e, #ff1c16);
    background: -o-linear-gradient(right top, #fd625e, #ff1c16)
}

.caseonebom dl dd {
    float: left;
    padding: 12px 6px 6px 6px;
    background: #1d2029;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4)
}

.caseonebom dl dd p {
    float: left;
    padding: 0px 6px 0px 6px
}

.caseonebom dl dd p a {
    clear: both;
    display: block
}

.caseonebom dl dd p .caseonebompic {
    width: 115px
}

.caseonebom dl dd p .caseonebomtit {
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px
}

@media (min-width: 1366px) {
    .casebreak {
        padding:146px 0px 0px 170px
    }

    .caseone {
        padding: 15px 52px 0px
    }

    .caseone .caseoneitem:after,.caseone .caseoneitem:before {
        top: 103px
    }

    .caseone .caseoneitem:after {
        left: 55px
    }

    .caseone .caseoneitem:before {
        right: 214px
    }

    .caseone .caseoneitem {
        padding: 40px 80px 30px 56px
    }

    .caseone h1 {
        font-size: 31px;
        padding-bottom: 32px;
        padding-left: 17px
    }

    .caseone .caseonefl {
        width: 204px;
        padding-top: 10px
    }

    .caseone .caseonefl:before,.caseone .caseonefr:before {
        border-width: 10px 5px;
        left: -5px
    }

    .caseone .caseonefl p {
        padding: 0px 0px 0px 20px;
        margin-top: 30px;
        font-size: 14px
    }

    .caseone .caseonefr {
        width: 135px
    }

    .caseone .caseonemid i {
        width: 100px;
        right: -50px;
        top: -18px
    }

    .caseone .caseonefrzx {
        margin: 50px 0px
    }

    .caseone .caseonefrzx i {
        width: 40px;
        height: 40px;
        left: -20px
    }

    .caseone .caseonefrzx a:after {
        width: 55px;
        height: 55px;
        background-size: 55px;
        left: -27px;
        top: -9px
    }

    .caseone .caseonefrzx a:before {
        width: 48px;
        height: 48px;
        background-size: 48px;
        left: -24px;
        top: -6px
    }

    .caseone .caseonemid {
        width: 510px;
        margin-left: 40px
    }

    .caseone .caseonemid:before {
        left: -12px;
        right: -12px;
        bottom: -24px;
        top: 25px
    }

    .caseone .caseonemid:after {
        left: -28px;
        top: 58px;
        right: -28px;
        bottom: -42px
    }

    .caseone .caseonefrcs span {
        font-size: 14px;
        margin-bottom: 18px
    }

    .caseone .caseonefrcs span:after {
        width: 12px;
        left: -6px;
        height: 12px;
        background-size: 12px
    }

    .caseonebom dl dt {
        margin-top: 69px;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 10px
    }

    .caseonebom dl dd {
        padding: 16px 8px 4px 8px
    }

    .caseonebom dl dd p {
        padding: 0px 8px
    }

    .caseonebom dl dd p .caseonebompic {
        width: 137px
    }

    .caseonebom dl dd p .caseonebomtit {
        font-size: 14px
    }
}

@media (min-width: 1730px) {
    .casebreak {
        padding:185px 0px 0px 217px
    }

    .caseone {
        padding: 25px 65px 0px
    }

    .caseone .caseoneitem:after,.caseone .caseoneitem:before {
        top: 130px
    }

    .caseone .caseoneitem:after {
        left: 69px
    }

    .caseone .caseoneitem:before {
        right: 269px
    }

    .caseone .caseoneitem {
        padding: 50px 100px 37px 70px;
        border-radius: 0px 114px 0px 0px
    }

    .caseone h1 {
        font-size: 40px;
        padding-bottom: 40px;
        padding-left: 30px
    }

    .caseone .caseonefl {
        width: 270px;
        padding-top: 10px
    }

    .caseone .caseonefl p {
        padding: 0px 0px 0px 30px;
        margin-top: 52px;
        font-size: 16px;
        line-height: 24px
    }

    .caseone .caseonefr {
        width: 170px
    }

    .caseone .caseonefrtel {
        font-size: 18px;
        line-height: 24px
    }

    .caseone .caseonefrtel:after {
        top: 6px;
        width: 12px;
        height: 12px;
        left: -5px
    }

    .caseone .caseonefrtel span {
        font-size: 14px
    }

    .caseone .caseonefrzx a {
        font-size: 18px
    }

    .caseone .caseonefrzx {
        margin: 70px 0px
    }

    .caseone .caseonemid i {
        width: 127px;
        height: 60px;
        right: -59px;
        top: -22px
    }

    .caseone .caseonefrzx i {
        width: 50px;
        height: 50px;
        left: -20px;
        padding: 12px 10px 0px 9px;
        top: -10px
    }

    .caseone .caseonefrzx a:after {
        width: 69px;
        height: 69px;
        background-size: 69px;
        left: -30px;
        top: -19px
    }

    .caseone .caseonefrzx a:before {
        width: 60px;
        height: 60px;
        background-size: 60px;
        left: -25px;
        top: -15px
    }

    .caseone .caseonemid {
        width: 650px;
        margin-left: 40px
    }

    .caseone .caseonemid:before {
        left: -15px;
        right: -15px;
        bottom: -32px;
        top: 32px
    }

    .caseone .caseonemid:after {
        left: -35px;
        top: 75px;
        right: -35px;
        bottom: -52px
    }

    .caseone .caseonefrcs span {
        font-size: 14px;
        margin-bottom: 24px;
        padding-left: 25px
    }

    .caseone .caseonefrcs span:after {
        width: 14px;
        left: -6px;
        height: 14px;
        background-size: 14px
    }

    .caseonebom dl dt {
        margin-top: 89px;
        font-size: 16px;
        line-height: 19px;
        padding: 15px 10px
    }

    .caseonebom dl dd {
        padding: 20px 10px 4px
    }

    .caseonebom dl dd p {
        padding: 0px 10px
    }

    .caseonebom dl dd p .caseonebompic {
        width: 174px
    }

    .caseonebom dl dd p .caseonebomtit {
        font-size: 16px
    }
}

.case_xgpro {
    padding: 20px 22px 20px 22px
}

.case_xgpro ul {
    margin-left: -24px;
    padding-top: 30px
}

.case_xgpro ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px
}

.case_xgpro li {
    width: 221px;
    float: left;
    text-align: center;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 24px;
    margin-bottom: 15px
}

.case_xgpro li:hover {
    -o-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -webkit-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5);
    -moz-box-shadow: 0 10px 20px -10px rgba(0,36,100,0.5)
}

.case_xgpro li .case_xgprotit {
    clear: both;
    display: block;
    font-size: 14px;
    padding: 10px 0px;
    line-height: 28px;
    display: block
}

.case_xgpro li .case_xgpropic {
    clear: both;
    display: block;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    position: relative
}

.case_xgpro li .case_xgpropic img {
    width: 100%
}

.case_xgpro li .case_xgpropic:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    background: rgba(0,0,0,0.24);
    bottom: -100%;
    z-index: 1
}

.case_xgpro li .case_xgpropic:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 150%;
    width: 50px;
    height: 50px;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/hovericon.png) no-repeat center center rgba(0,0,0,0.5);
    background-size: 39px;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.case_xgpro li:hover .case_xgpropic:before {
    top: 50%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.case_xgpro li:hover .case_xgpropic:after {
    bottom: 0%;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.case_xgpro li:hover a {
    color: #f02d21
}

.case_xgpro h3 {
    padding-left: 26px;
    line-height: 1;
    padding-bottom: 15px;
    position: relative;
    font-size: 24px;
    color: #1d2029;
    margin-right: 15px
}

.case_xgpro h3:after {
    width: 2px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #f00;
    content: ''
}

.case_xgpro h3:before {
    width: 64px;
    height: 24px;
    background: url(../img/prolisticon01.jpg) no-repeat left top;
    background-size: 64px;
    content: '';
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 10px
}

@media (min-width: 1360px) {
    .case_xgpro {
        padding:20px 74px 20px 74px
    }

    .case_xgpro ul {
        margin-left: -30px;
        padding-top: 35px
    }

    .case_xgpro li {
        margin-left: 30px;
        width: 235px
    }

    .case_xgpro li .case_xgprotit {
        font-size: 16px
    }

    .case_xgpro li:hover .case_xgpropic:before {
        width: 60px;
        height: 60px;
        background-size: 45px
    }

    .case_xgpro h3 {
        font-size: 28px
    }
}

@media (min-width: 1730px) {
    .case_xgpro {
        padding:20px 95px 20px 95px
    }

    .case_xgpro ul {
        margin-left: -40px;
        padding-top: 43px
    }

    .case_xgpro li {
        margin-left: 40px;
        width: 299px
    }

    .case_xgpro li .case_xgprotit {
        font-size: 18px
    }

    .case_xgpro li:hover .case_xgpropic:before {
        width: 70px;
        height: 70px;
        background-size: 55px
    }

    .case_xgpro h3 {
        font-size: 36px
    }
}

.caseny_det {
    margin: 0px auto 50px;
    overflow: hidden;
    padding: 28px 110px 0px;
    position: relative
}

.caseny_det:before {
    content: '';
    position: absolute;
    left: 65px;
    right: 65px;
    bottom: 0px;
    top: 0px;
    background: #fff
}

.caseny_det_l {
    float: left;
    width: 550px;
    position: relative;
    z-index: 2
}

.caseny_det_l h2,.caseny_det_l h3 {
    margin: 5px 0;
    color: #333;
    background: url(../img/h3icon01.jpg) no-repeat
}

.caseny_det_l h2 {
    font-size: 20px;
    background-size: 40px;
    padding: 5px 0px 5px 50px;
    background-position: left 10px
}

.caseny_det_l h3 {
    font-size: 16px;
    background-size: 30px;
    padding: 0px 0px 0px 40px;
    background-position: left 7px
}

.caseny_det_l p {
    text-align: left;
    padding: 10px 0;
    line-height: 30px;
    font-size: 12px;
    color: #555
}

.caseny_det_l strong {
    color: #333
}

.caseny_det_l table td {
    font-size: 14px;
    padding: 5px 0px;
    line-height: 24px
}

.caseny_det_l p img,.prony_detbox div img {
    max-width: 100%;
    height: auto;
    margin: 7px auto
}

.caseny_det_l p a {
    color: #f02d21
}

.caseny_det_l p video {
    max-width: 100%;
    height: auto;
    margin: 7px 0px 7px -2em
}

@media (min-width: 1366px) {
    .caseny_det_l h2,.caseny_det_l h3 {
        margin:10px 0
    }

    .caseny_det_l h2 {
        font-size: 22px;
        background-size: 55px;
        padding: 7px 0px 7px 68px;
        background-position: left 8px
    }

    .caseny_det_l h3 {
        font-size: 18px;
        background-size: 45px;
        padding: 5px 0px 5px 58px;
        background-position: left 9px
    }

    .caseny_det_l p {
        font-size: 14px;
        line-height: 30px;
        padding: 8px 0px
    }
}

@media (min-width: 1730px) {
    .caseny_det_l h2,.caseny_det_l h3 {
        margin:15px 0
    }

    .caseny_det_l h2 {
        font-size: 26px;
        background-size: 67px;
        padding: 12px 0px 12px 87px;
        background-position: left 11px
    }

    .caseny_det_l h3 {
        font-size: 22px;
        background-size: 55px;
        padding: 10px 0px 10px 71px;
        background-position: left 12px
    }

    .caseny_det_l p {
        font-size: 16px;
        line-height: 35px;
        padding: 10px 0px
    }
}

.caseny_det_r {
    width: 190px;
    float: right;
    position: relative;
    z-index: 2
}

.casepro {
    width: 100%;
    margin: auto;
    overflow: hidden;
    border: 1px solid #F0F0F0
}

.caseprotit a,.caseprotit {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    text-indent: 40px;
    background: #55566c
}

.casepro_list {
    display: block;
    overflow: hidden;
    margin: auto
}

.casepro_list ul {
    overflow: hidden;
    background: #fff;
    padding: 5px 0px
}

.casepro_list ul li {
    float: left;
    width: 48%;
    overflow: hidden;
    font-size: 14px
}

.casepro_list ul li a {
    color: #444;
    display: block;
    font-size: 12px;
    padding-left: 15px;
    height: 36px;
    line-height: 36px
}

.casepro_list ul li a:hover {
    color: #eb2d1e
}

.casepro_list .casepro_listtit a {
    padding-left: 15px;
    font-size: 16px;
    display: block;
    font-weight: bold;
    text-align: left;
    color: #eb2d1e;
    background: #f0f0f0;
    line-height: 40px
}

@media (min-width: 1366px) {
    .caseny_det {
        padding:35px 130px 30px
    }

    .caseny_det:before {
        right: 74px;
        left: 74px
    }

    .caseny_det_l {
        width: 670px
    }

    .caseny_det_r {
        width: 230px
    }

    .casepro_list ul {
        padding: 10px 0px
    }

    .casepro_list ul li a {
        font-size: 14px
    }
}

@media (min-width: 1730px) {
    .caseny_det {
        padding:45px 167px 30px
    }

    .caseny_det:before {
        right: 95px;
        left: 95px
    }

    .caseny_det_l {
        width: 916px
    }

    .casepro_list ul li a {
        font-size: 16px
    }
}

.fix-right {
    position: fixed;
    right: 0;
    top: 18%;
    z-index: 9999;
    width: 130px
}

.fix-right img {
    margin: auto;
    margin-bottom: 4px;
    max-width: 100%;
    border: none
}

.fix-right2 a {
    display: block;
    text-align: center;
    line-height: 35px
}

@media (min-width: 1730px) {
    .fix-right {
        width:210px
    }
}

#LRfloater0 {
    display: none
}

#pagetopBtn {
    position: fixed;
    right: -130px;
    bottom: 115%;
    width: 100px;
    height: 100px;
    z-index: 10;
    transition: right 1.2s, bottom 1.2s;
    cursor: pointer;
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#pagetopBtn p {
    position: relative;
    left: 0;
    top: 0;
    animation: swallow1 3s ease-in-out infinite, swallow2 6s ease-in-out 1.5s infinite;
    -o-transition: margin 0.2s;
    -webkit-transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    -ms-transition: margin 0.2s;
    transition: margin 0.2s;
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#pagetopBtn span {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#pagetopBtn span {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#pagetopBtn span.s1 {
    background: url(../img/btn_swallow_01.png) center center/80px auto no-repeat;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#pagetopBtn span.s2 {
    background: url(../img/btn_swallow_02.png) center center/90px auto no-repeat;
    opacity: 0;
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

#pagetopBtn span.s2 {
    opacity: 0;
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

#pagetopBtn span.s3 {
    background: url(../img/btn_swallow_03.png) center center/60px auto no-repeat;
    opacity: 0;
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#pagetopBtn span.s4 {
    opacity: 0
}

#pagetopBtn span.s4 {
    background: url(../img/btn_swallow_04.png) center center/80px auto no-repeat;
    opacity: 0;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#pagetopBtn.show {
    transition: right 1.2s 0.3s, bottom 1.2s 0.3s
}

#pagetopBtn.show {
    right: 1.5%;
    bottom: 100px
}

#pagetopBtn.wait span.s1 {
    opacity: 0
}

#pagetopBtn.wait span.s3 {
    opacity: 0
}

#pagetopBtn.wait span.s4 {
    opacity: 1
}

#pagetopBtn.wait p {
    animation-play-state: paused
}

#pagetopBtn.up span.s1 {
    opacity: 0;
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#pagetopBtn.up span.s2 {
    opacity: 0;
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

#pagetopBtn.up span.s3 {
    opacity: 1;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#pagetopBtn.up2 span.s1 {
    opacity: 0 !important;
    transform: scale(1.3) !important;
    -webkit-transform: scale(1.3) !important;
    cursor: default !important
}

#pagetopBtn.up2 span.s2 {
    opacity: 0 !important;
    transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    cursor: default !important
}

#pagetopBtn.up2 span.s3 {
    opacity: 1 !important;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    cursor: default !important
}

#pagetopBtn.up2 span.s4 {
    opacity: 0
}

#pagetopBtn.down span.s1 {
    opacity: 1
}

#pagetopBtn.down span.s3,#pagetopBtn.down span.s4 {
    opacity: 0
}

#pagetopBtn.down.up span.s3 {
    opacity: 1
}

#pagetopBtn.down.up span.s1,#pagetopBtn.down.up span.s4 {
    opacity: 0
}

#pagetopBtn:hover span.s1,#pagetopBtn.up:hover span.s1 {
    opacity: 0;
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#pagetopBtn:hover span.s2,#pagetopBtn.up:hover span.s2 {
    opacity: 1;
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#pagetopBtn:hover span.s3,#pagetopBtn.up:hover span.s3 {
    opacity: 0;
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#pagetopBtn:hover span.s4,#pagetopBtn.up:hover span.s4 {
    opacity: 0 !important;
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#pagetopBtn.down:hover span.s1 {
    opacity: 0
}

@keyframes swallow1 {
    0% {
        left: 30%
    }

    50% {
        left: -30%
    }

    100% {
        left: 30%
    }
}

@keyframes swallow2 {
    0% {
        top: -10%
    }

    50% {
        top: 10%
    }

    100% {
        top: -10%
    }
}

@-webkit-keyframes swallow1 {
    0% {
        left: 30%
    }

    50% {
        left: -30%
    }

    100% {
        left: 30%
    }
}

@-webkit-keyframes swallow2 {
    0% {
        top: -10%
    }

    50% {
        top: 10%
    }

    100% {
        top: -10%
    }
}

.forysswt,.bqonline {
    background: url(../img/btnbg.jpg) repeat-x center top #ff1d18;
    color: #fff !important;
    text-decoration: none !important;
    padding: 2px 10px;
    border-radius: 3px;
    margin: 0px 3px;
    display: inline-block;
    text-indent: 0;
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.forysswt span,.bqonline span {
    color: #fff !important;
    font-size: 14px !important
}

.forysswt b,.bqonline b {
    color: #fff !important;
    font-weight: normal;
    font-size: 14px !important
}

.forysswt:after,.bqonline:after {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -10px;
    height: 20px;
    border-radius: 50%;
    background: #ff615c;
    content: ''
}

.csdiv>h5 {
    cursor: pointer;
    padding: 0px 20px 0px 18px;
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.csdiv>h5:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: url(../img/tabicon03.png) no-repeat left center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px
}

.csdiv>h5.on {
    color: red
}

.csdiv>h5.on:before {
    background: url(../img/tabicon02.png) no-repeat left center
}

@media (min-width: 1366px) {
    .csdiv>h5 {
        font-size:14px
    }
}

@media (min-width: 1730px) {
    .csdiv>h5 {
        font-size:16px
    }
}

.newny_det_l .n2250 {
    clear: both
}

.newny_det_l .n2250 li {
    background: #f5faff;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 5px
}

.newny_det_l .n2250 li strong {
    display: inline-block;
    position: relative;
    border-radius: 30px;
    padding: 10px 20px 10px 45px;
    background: #84c9b7;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px
}

.newny_det_l .n2250 li strong i {
    font-style: normal;
    position: absolute;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    top: 10px;
    line-height: 26px;
    font-size: 22px;
    background: #6aa093
}

.newny_det_l .n2250 li:nth-child(2) {
    background: #f7e9e4
}

.newny_det_l .n2250 li:nth-child(2) strong {
    background: #f25a29
}

.newny_det_l .n2250 li:nth-child(2) strong i {
    background: #b33e18
}

.newny_det_l .n2250 li:nth-child(3) {
    background: #ecf6fb
}

.newny_det_l .n2250 li:nth-child(3) strong {
    background: #27aae2
}

.newny_det_l .n2250 li:nth-child(3) strong i {
    background: #166182
}

.newny_det_l .n2250 li:nth-child(4) {
    background: #f5fdeb
}

.newny_det_l .n2250 li:nth-child(4) strong {
    background: #8ec63f
}

.newny_det_l .n2250 li:nth-child(4) strong i {
    background: #517918
}

.newny_det_l .n2250 li:nth-child(5) {
    background: #f1f3f9
}

.newny_det_l .n2250 li:nth-child(5) strong {
    background: #697db4
}

.newny_det_l .n2250 li:nth-child(5) strong i {
    background: #2b3961
}

.newny_det_l .n1914 {
    padding-top: 30px
}

.newny_det_l .n1914 li {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px
}

.newny_det_l .n1914 li:last-child {
    margin-bottom: 0px
}

.newny_det_l .n1914 li p {
    position: relative;
    z-index: 3
}

.newny_det_l .n1914 li strong {
    clear: both;
    text-align: center;
    display: block;
    color: #8ec63f;
    position: relative;
    width: 150px;
    margin: 0 auto 63px;
    background: url(../img/smallstyle/smallstyle002.png) no-repeat center top;
    height: 40px;
    background-size: 638px
}

.newny_det_l .n1914 li strong i {
    font-style: normal;
    color: #333;
    display: inline-block;
    padding-right: 10px;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #f5eb4b;
    width: 100%;
    line-height: 40px;
    height: 40px
}

.newny_det_l .n1914 li strong:after {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../img/smallstyle/smallstyle001.gif) no-repeat center top;
    position: absolute;
    background-size: 60px;
    left: 50%;
    margin-left: -30px;
    bottom: -67px
}

.szpsj {
    padding: 30px 0px 25px 0px
}

.szpsj li {
    margin-bottom: 10px;
    position: relative
}

.szpsj li:last-child {
    margin-bottom: 0px
}

.szpsj li strong {
    clear: both;
    display: inline-block;
    text-align: center;
    background: #ff5b4b;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    font-size: 18px
}

.szpsj li strong i {
    font-style: normal;
    position: relative;
    padding: 0px 30px
}

.szpsj li strong i:after,.szpsj li strong i:before {
    content: '';
    position: absolute;
    top: 9px;
    width: 7px;
    height: 7px;
    background: #fff;
    display: block;
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.szpsj li strong i:after {
    left: 10px
}

.szpsj li strong i:before {
    right: 10px
}

.szpsj li p {
    text-indent: 0px
}

.zcjul {
    margin-top: 30px
}

.zcjul li {
    position: relative;
    margin-bottom: 6px;
    background: none !important;
    padding-left: 0px !important
}

.zcjul li strong {
    color: #fff;
    font-size: 18px;
    padding: 2px 20px 2px 47px;
    border-radius: 30px;
    position: relative;
    background: #f25a29;
    clear: both;
    display: inline-block;
    margin-bottom: 10px
}

.zcjul li strong span {
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #e8ebf1;
    text-align: center;
    line-height: 40px;
    margin-left: -1px;
    margin-right: 15px;
    font-weight: bold;
    position: absolute;
    top: -3px;
    left: 0px;
    bottom: -3px
}

.zcjul li strong span {
    background: #fff;
    color: #f25a29;
    border: 1px solid #f25a29
}

.newny_det_l .n1946 {
    margin-left: -2%;
    overflow: hidden
}

.newny_det_l .n1946 li {
    float: left;
    width: 48%;
    margin-left: 2%;
    border: 1px dashed #ccc;
    margin-bottom: 15px;
    padding: 20px;
    background: #fffafa;
    border-radius: 10px
}

.newny_det_l .n1946 li strong {
    position: relative;
    display: inline-block;
    padding: 5px 0px
}

.newny_det_l .n1946 li strong i {
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    padding: 0px 0px 0px 20px;
    position: relative;
    z-index: 3;
    line-height: 30px;
    color: #fff
}

.newny_det_l .n1946 li strong:after,.newny_det_l .n1946 li strong:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    height: 0px;
    left: 0px;
    border-radius: 20px 0px 0px 20px
}

.newny_det_l .n1946 li strong:after {
    border-width: 20px 30px 20px 0px;
    border-color: #ffe2e1 transparent #ffe2e1 #ffe2e1;
    border-style: solid;
    z-index: 1;
    right: -47px
}

.newny_det_l .n1946 li strong:before {
    border-width: 20px 30px 20px 0px;
    border-color: #ff5d59 transparent #ff5d59 #ff5d59;
    border-style: solid;
    z-index: 2;
    right: -39px
}

.n2284 {
    clear: both;
    display: block;
    background: url(../mobimages/smallstyle/n2284icon01.jpg) repeat left top;
    padding: 20px;
    position: relative;
    margin-top: 40px
}

.n2284:after {
    content: '';
    position: absolute;
    left: 50%;
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -40px;
    background: url(../mobimages/smallstyle/n2284h3pic04.jpg) no-repeat center top;
    width: 40px;
    height: 24px;
    background-size: 40px
}

.n2284 .n2284one {
    background: #efefef;
    padding: 15px 20px
}

.n2284 .n2284one p {
    padding: 10px 0px;
    color: #666666;
    line-height: 27px;
    text-indent: 0px
}

.n2284 .n2284one p:nth-child(1) {
    color: #3675a1;
    font-weight: bold
}

.n2284 .n2284two {
    clear: both;
    padding: 40px 0px
}

.n2284 .n2284two p {
    padding: 0px 20px;
    color: #1a66f7;
    text-indent: 0px
}

.n2284 .n2284pic {
    clear: both;
    width: 600px;
    margin: 0px auto;
    text-align: center
}

.n2284 .n2284pic img {
    width: 100%
}

.n2284 .n2284pic span {
    clear: both;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    font-size: 14px;
    color: #a8a8a8;
    line-height: 1;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px
}

.n2284 .n2284pic span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 0px;
    border-bottom: 13px solid #a8a8a8;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.n2284 .n2284h3 {
    clear: both;
    display: block;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px
}

.n2284 .n2284h3 p {
    clear: both;
    display: block;
    width: 147px;
    margin: 0 auto;
    padding: 0px
}

.n2284 .n2284h3 h3 {
    clear: both;
    display: block;
    text-align: center;
    background: none;
    margin: 0rem;
    padding: 30px 0px 0px 0px
}

.n2284 .n2284table {
    clear: both;
    display: block;
    margin-bottom: 70px
}

.n2240one {
    color: #666;
    background: #f7faff;
    border: 2px solid #ebf1fb;
    border-radius: 20px;
    padding-top: 60px;
    position: relative;
    max-width: 800px;
    margin: 51px auto 15px
}

.n2240one .n2240onep01 {
    font-size: 20px;
    top: -23px;
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    border-radius: 0px 0px 30px 30px;
    background: #33396f;
    background: -webkit-linear-gradient(#33396f, #201b39);
    background: -o-linear-gradient(#33396f, #201b39);
    background: -moz-linear-gradient(#33396f, #201b39);
    background: linear-gradient(#33396f, #201b39)
}

.n2240one .n2240onep01:after,.n2240one .n2240onep01:before {
    content: '';
    border-top: 0px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-bottom: 20px solid #08204b
}

.n2240one .n2240onep01:after {
    border-left: 0px;
    border-right: 6px solid transparent;
    right: -5.5px
}

.n2240one .n2240onep01:before {
    border-right: 0rem;
    border-left: 6px solid transparent;
    left: -5.5px
}

.n2240one .n2240onep02 {
    font-size: 18px;
    color: #282850;
    text-align: center;
    line-height: 1;
    padding: 0px
}

.n2240one .n2240onep02:after,.n2240one .n2240onep02:before {
    content: '';
    width: 30px;
    height: 17px;
    background: url(../img/smallstyle/n2240pic01.png) no-repeat center center;
    background-size: 30px;
    display: inline-block;
    margin: 0px 20px;
    vertical-align: middle
}

.n2240one .n2240onep02:after {
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.n2240one .n2240onebox {
    clear: both;
    margin: 32px 32px 45px 32px;
    position: relative;
    background: url(../img/smallstyle/n2240pic02.jpg) repeat left top;
    background-size: 15px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(1,5,57,0.19);
    padding-top: 22px
}

.n2240one .n2240onebox .n2240oneboxtime {
    position: absolute;
    background: #ff3e39;
    top: 28px;
    left: -12px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    padding: 0px 15px 0px 10px;
    border-radius: 0px 15px 15px 0px;
    text-indent: 0px
}

.n2240one .n2240onebox .n2240oneboxtime:before {
    content: '';
    position: absolute;
    left: 0px;
    border-top: 0px;
    border-left: 12px solid transparent;
    border-right: 0px;
    border-bottom: 6px solid #b91d19;
    top: -6px
}

.n2240one .n2240onebox .n2240oneboxpic {
    clear: both;
    text-align: center;
    background: url(../img/smallstyle/n2240pic03.png) no-repeat center center;
    background-size: 200px;
    padding: 0px
}

.n2240one .n2240onebox .n2240oneboxpic a {
    clear: both;
    display: block;
    overflow: hidden;
    width: 120px;
    margin: 0 auto;
    height: 120px;
    border: 5px solid #2d2f5c;
    border-radius: 50%
}

.n2240one .n2240oneboxbtn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    text-align: center;
    padding: 25px 0px 60px 0px;
    text-indent: 0px
}

.n2240one .n2240oneboxbtn span {
    border: 1px solid #ff3e39;
    border-radius: 10px;
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 0px 10px
}

.n2240one .n2240oneboxbtn span a {
    font-weight: bold;
    cursor: pointer
}

.n2240one .n2240oneboxbom {
    position: absolute;
    left: 0;
    white-space: nowrap;
    display: inline-block;
    padding: 0px;
    text-align: center;
    width: 100%;
    bottom: -19px;
    text-indent: 0px
}

.n2240one .n2240oneboxbom span {
    clear: both;
    display: inline-block;
    background: #e0201b;
    border: 1px solid #941c18;
    border-radius: 30px
}

.n2240one .n2240oneboxbom span a {
    background: #ff3e39;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    display: block;
    border-radius: 30px;
    margin-bottom: 5px;
    padding: 0px 30px;
    cursor: pointer
}

.ldspone {
    padding: 10px 0px
}

.ldsponetit {
    background: url(../img/smallstyle/ldsponepic01.jpg) no-repeat center center;
    background-size: 670px;
    text-align: center
}

.ldsponetit span {
    border: 2px solid #3c4578;
    border-radius: 20px;
    background: #fff;
    display: inline-block;
    padding-bottom: 1px
}

.ldsponetit span i {
    background: #3a4476;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    border-radius: 20px;
    padding: 10px 30px 10px 10px;
    line-height: 30px;
    margin: -12px 10px 5px 10px;
    display: block;
    position: relative
}

.ldsponetit span i:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff143;
    height: 24px;
    width: 2px
}

.ldsponebox {
    margin-top: 0.512rem;
    margin-bottom: 0.32rem
}

.ldsptwo .ldsptwotit {
    position: relative;
    padding-left: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-indent: 0px;
    text-align: center
}

.ldsptwo .ldsptwotit:before {
    content: '';
    background: url(../img/smallstyle/ldsponepic02.jpg) no-repeat left center;
    background-size: 24px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-bottom
}

.ldsptwo .ldsptwobom {
    position: relative;
    background: url(../img/smallstyle/ldsponepic03.jpg) no-repeat center bottom;
    background-size: 750px;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    height: 30px
}

.ldsptwo .ldsptwobom span {
    font-size: 18px;
    top: -30px;
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
    position: absolute;
    left: 50%;
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    border-radius: 0.64rem 0.64rem 0rem 0rem;
    background: #33396f;
    background: -webkit-linear-gradient(#33396f, #201b39);
    background: -o-linear-gradient(#33396f, #201b39);
    background: -moz-linear-gradient(#33396f, #201b39);
    background: linear-gradient(#33396f, #201b39);
    text-indent: 0px
}

.ldsptwo .ldsptwobom span:after,.ldsptwo .ldsptwobom span:before {
    content: '';
    border-bottom: 0rem;
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 20px solid #08204b;
    bottom: 0px
}

.ldsptwo .ldsptwobom span:after {
    border-left: 0px;
    border-right: 6px solid transparent;
    right: -6px
}

.ldsptwo .ldsptwobom span:before {
    border-right: 0px;
    border-left: 6px solid transparent;
    left: -6px
}

.ldsptwo .ldsptwobom span i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff143;
    height: 24px;
    width: 2px
}

.n2025one {
    clear: both;
    text-align: center;
    padding-top: 0rem !important
}

.n2025one span {
    clear: both;
    display: inline-block;
    font-weight: bold;
    color: #22306e;
    border-bottom: 1px solid #22306e;
    padding: 0px 0px 3px 0px;
    text-align: center;
    line-height: 1;
    text-indent: 0px
}

.n2025two .n2025twotit {
    clear: both;
    display: block;
    text-align: center;
    position: relative;
    width: 284px;
    margin: 20px auto;
    text-indent: 0px
}

.n2025two .n2025twotit:after,.n2025two .n2025twotit:before {
    content: '';
    position: absolute;
    left: 0rem;
    right: 0rem;
    height: 1px;
    background: url(../img/smallstyle/n2025icon02.jpg) repeat left center
}

.n2025two .n2025twotit:after {
    bottom: 0rem
}

.n2025two .n2025twotit:before {
    top: 0rem
}

.n2025two .n2025twotit span {
    text-indent: 0px;
    background: url(../img/smallstyle/n2025icon01.jpg) no-repeat left center;
    background-size: 40px;
    padding-left: 50px;
    color: #217ad4;
    font-weight: bold;
    display: inline-block;
    line-height: 34px;
    font-size: 20px
}

.n2025two .n2025twobom {
    display: none
}

.pzcjone {
    clear: both;
    display: block
}

.pzcjone .pzcjonebom {
    display: none
}

.ie8 .newone .newonefr ul li time:before,.ie8 .newone .newonefr ul li time:after,.ie8 .newone .newonefr ul li div:after,.ie8 .newtwoul li time:after,.ie8 .newtwoul li time:before,.ie8 .newtwoul li time:after,.ie8 .newtwoul li time:after,.ie8 .newtwoul li .newtwoulbox:after {
    display: none
}

.ie8 .newtwoul li .newtwoulbox,.ie8 .newone .newonefr ul li div {
    background: #f6f6f6
}

.ie8 .newtwoul li time {
    margin-top: 20px
}

.ie8 .prolist_hot dt .prolist_hotdtbox span:after {
    border: 0px
}

.ie8 .header .headerfr {
    background: none
}

.ie8 .proonebomnav span.active a:after,.ie8 .proonebomnav span a:hover:after,.ie8 .ly_form .button,.ie8 .ly_form .button:after,.ie8 .probom ul:before {
    background: none
}

.ie8 .ly_form ul li input {
    height: 58px
}

.ie8 .ly_form ul li textarea {
    height: 174px
}

.ie8 .ly_form ul li i {
    width: 32px;
    height: 30px;
    left: 12px;
    top: 47px
}

.ie8 .button input {
    padding-left: 0px
}

.ie8 .servicethree .servicethreedl dl i {
    padding-top: 2px
}

.ie8 .caseone .caseonefrzx a:before,.ie8 .caseone .caseonefrzx a:after {
    display: none
}
.pp {
        height: auto;
    overflow: hidden;
    line-height: 0;
}

 .fl{
    float: left;
    display: inline-block;
}
.pp .fl, .pp .fr{
    width: 50%;
}
.fr {
    float: right;
    display: inline-block;
}




.g_menu {
    width:100%;
    height:200px;
    background: #ededed;
    padding:40px 0 20px 0;
}
.g_menu_c {
    width:1200px;
    margin:0 auto
}
.g_menu_c .u_lst1 li {
    float: left;
  /*  width: 120px;*/
    padding:0 56px;
   /* background:url(../images/line1.jpg) no-repeat right top;*/
}
.g_menu_c .u_lst1 .lastli {
    background: none;
}
.g_menu_c .u_lst1 li i {
    display: block;
    margin:24px 0;

    padding:0 24px;
}
.g_menu_c .u_lst1 li em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding-top: 10px;
    font-style:normal;
}
.g_menu_c .u_lst1 li em b {
    display: block;
    font-size: 10px;
    color: #888888;
    text-transform: uppercase;
    font-weight: normal;
    font-style:normal;
    padding-top: 2px;
}
.content {
    width:1100px;
    height:901px;
    margin:0px auto;
    padding-top:20px;
}
.sy-products {
    padding:0 0;
}
.wd {
    width:1100px;
    margin:0 auto;
    box-sizing:border-box;
}
.sy-title {
    width:100%;
    font-size:30px;
    color:#df2f25;
    text-align:center;
    float:left;
}
#swta{
    float: right;z-index: 999;
    position: fixed !important;
    top: 320px;
    position: absolute;
    top: expression(offsetParent.scrollTop+200);
    right: 10px;
}

/*分页*/
.fenye {
    padding: 3px;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    float: left;
    height: 45px;
    line-height: 40px;
    width: 95%;
}
.fenye a {
    background: #fff none repeat scroll 0 0; 
    border: 1px solid #bcbcbc; 
    color: #999; 
    margin: 5px 5px 0 0; 
    padding: 10px 15px ; 
}
.fenye a:hover { 
    background: #e60012 none repeat scroll 0 0;
     border: 1px solid #c00; 
     color: #fff;
    text-decoration: none; }
.fenye  span {
 background: #e60012 none repeat scroll 0 0;
  border: 1px solid #c00; 
  color: #fff;  
  text-decoration: none;
  margin: 5px 5px 0 0;
   padding: 10px 15px ; 
}
/*翻页*/
.page {
    width:859px;
    height:40px;
    padding:10px 0;
    margin:0 auto;
}
.page ul {
    text-align:center
}
.page .firstPage {
    width: 30px;
}
.page ul li {
    display:inline-block;
    line-height: 25px;
    height: 25px;
    margin-left: 5px;
    font-size: 12px;
    border: 1px solid #E9E9E9;
    padding: 0px 10px;
    width: auto;
}
.page ul li a:hover {
    color: #ff0000;
    text-decoration: none;
}
.page ul li.thisclass, .page ul li.thisclass a, .page ul li.thisclass a:hover {
    background-color: #333;
    color: #FFF
}
.page .pageinfo {
    line-height: 25px;
    padding: 12px 5px 10px 5px;
    color: #999;
}
.page select {
    line-height: 25px;
    margin-top: 4px
}
.page .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}
.clear {
    clear:both;
}