@charset "utf-8";
@font-face {
    font-family: "fzltxh10";
    src: url("../font/fzltxh10.TTF");
}
@font-face {
    font-family: "hyk2gj";
    src: url("../font/hyk2gj.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family: "fzltxh10";color: #000;}
body{padding-top: 65px;}
input,textarea{ border:none;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
h3{font-family: "Microsoft YaHei";font-weight: 600;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
.relative{position: relative;}
.pc-show{display: block;}
.wap-show{display: none;}
.img100 img{width: 100%;vertical-align: bottom;}
.w1560{width: 1560px;margin: 0 auto;}
.w1500{width: 1500px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1040{width: 1040px;margin: 0 auto;}
p{line-height: 1.6em;}
footer p{line-height: normal;}
header p{line-height: normal;}
footer,header{font-family: "arial";}
.text-center{text-align: center;}
.padding-tb40{padding: 40px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.overhide{overflow: hidden;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.max100 img{max-width: 100%;vertical-align: bottom;}
.margin-top40{margin-top: 40px;}
.margin-top60{margin-top: 60px;}
.margin-top80{margin-top: 80px;}
.max1920{max-width: 1920px;margin: 0 auto;}
.max640{max-width: 640px;margin: auto;}
.w800{width: 800px;margin: 0 auto;}




header {
    height: 65px;
    position: fixed;
    background: #fff;
    overflow: hidden;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    max-width: 640px;
    margin: auto;
}

header .logo {
    width: 195px;
    overflow: hidden;
    margin-left: 13px;
    margin-top: 23px;
    float: left;
}

header .logo a {
    display: block;
    overflow: hidden;
}

header .logo img {
    width: 100%;
    float: left;
}

.hamburger__icon {
    position: relative;
    margin-top: 22px;
    margin-left: 8px;
}

.fat-nav {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 115, 192, 0.8);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.hamburger {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 9px;
    right: 6px;
    z-index: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.hamburger__icon,
.hamburger__icon:before,
.hamburger__icon:after {
    display: block;
    width: 35px;
    height: 4px;
    background-color: #0073c0;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 2px;
}

.hamburger__icon:before,
.hamburger__icon:after {
    position: absolute;
    content: "";
}

.hamburger__icon:before {
    top: -12px;
}

.hamburger__icon:after {
    top: 12px;
}

.hamburger.active .hamburger__icon {
    background-color: transparent;
}

.hamburger.active .hamburger__icon:before,
.hamburger.active .hamburger__icon:after {
    background-color: #0073c0;
}

.hamburger.active .hamburger__icon:before {
    -moz-transform: translateY(11px) rotate(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
    -webkit-transform: translateY(11px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
}

.hamburger.active .hamburger__icon:after {
    -moz-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -webkit-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
}

.fat-nav__wrapper {
    width: 100%;
    height: auto !important;
    display: table;
    table-layout: fixed;
}

.fat-nav.active {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.nav-box {
    overflow: hidden;
    background: url(../../images/main/nav-box.png) no-repeat center center;
    background-size: 95% 95%;
    height: 320px;
    width: 320px;
    margin: auto;
    margin-bottom: 25px;
}

.nav-box .navs {
    overflow: hidden;
    display: block;
    float: left;
    width: 50%;
    height: 160px;
    margin-bottom: 2px;
}

.nav-box .navs a {
    display: block;
    overflow: hidden;
    height: 100%;
}

.nav-box .navs .ioc {
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-size: 100% 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 29px;
    margin-bottom: 12px;
}

.nav-box .navs .txt {
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    color: #fff;
    text-align: center;
}

.main-box {
    overflow: hidden;
    /* margin-top: 65px; */
}

.nav-new {
    overflow: hidden;
    padding: 0px 19px;
    margin-bottom: 10px;
}

.nav-new-top {
    overflow: hidden;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    border-bottom: 1px solid #a2c8e4;
}

.nav-new-top .more {
    font-size: 15px;
    opacity: 0.6;
    float: right;
    color: #fff;
}

.nav-new-li {
    overflow: hidden;
    line-height: 40px;
}

.nav-new-li a {
    line-height: 42px;
    display: block;
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #a2c8e4;
    position: relative;
    padding-right: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-new-li a:before {
    content: '·';
    font-size: 30px;
    padding-right: 5px;
    float: left;
    line-height: 41px;
}

.nav-new-li .time {
    position: absolute;
    right: 0px;
}

.nav-new-li a:last-child {
    border-bottom: none;
}

.qh-yy {
    text-align: center;
    overflow: hidden;
    padding: 15px 0px;
    margin-top: 70px;
}

.qh-yy span {
    height: 18px;
    width: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
}

.qh-yy a {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    opacity: 0.6;
}

.qh-yy a.active {
    opacity: 1;
}

.fl-img,
.fl-img a {
    overflow: hidden;
    display: block;
}

.fl-img img {
    float: left;
    width: 100%;
}

.main-nav {
    overflow: hidden;
    height: 45px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.main-nav .to-back {
    background-image: url(../../images/main/to-back.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 45%;
    background-color: #0073c0;
    display: block;
    height: 45px;
    line-height: 45px;
    width: 55px;
    float: left;
}

.main-nav-box {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    overflow: hidden;
}

.main-nav-box a {
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #999999;
    height: 45px;
    line-height: 45px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    border-top: 1px solid #ccc;
}

.main-nav-box a:after {
    content: '';
    height: 20px;
    width: 1px;
    display: block;
    background: #cccccc;
    position: absolute;
    right: 0px;
    top: 13px;
}

.main-nav-box a.active {
    font-size: 17.5px;
    color: #0073c0;
}

.main-nav-box a:last-child:after {
    display: none;
}


/*底部*/

footer {
    overflow: hidden;
    background: #ffffff;
    border-top: 20px solid #eeeeee;
}

.footer-box {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    width: 100%;
    padding: 8% 0px;
}

.footer-boxs {
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 50%;
    text-align: center;
    color: #0073c0;
    font-size: 16px;
    position: relative
}

.footer-boxs select {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    opacity: 0;
}

.footer-boxs p {
    color: #0073c0;
    font-size: 16px;
}

.footer-boxs a {
    display: block;
    overflow: hidden;
}

.footer-boxs img {
    max-width: 45%;
}

.footer-box .footer-boxs:first-child {
    border-right: 1px solid #cccccc;
}

footer .cop {
    border-top: 1px solid #cccccc;
    text-align: center;
    font-size: 13px;
    color: #999999;
    line-height: 22px;
    overflow: hidden;
    background: #f5f5f5;
    padding: 14px 2px;
    margin-bottom: 65px;
}

.footer-fl {
    position: fixed;
    /*height: ;*/
}

.footer-flbox {
    width: 280px;
    height: 280px;
    background: url(../../images/footer-fl.png) no-repeat center center;
    background-size: 100% 100%;
    position: fixed;
    bottom: -92px;
    left: -97px;
    z-index: 80;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.footer-flbox.active {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.footer-fl-open {
    width: 50px;
    height: 50px;
    background: url(../../images/footer-fl-open.png) no-repeat center center;
    background-size: 100% 100%;
    position: fixed;
    bottom: 8px;
    left: 15px;
    z-index: 85;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    cursor: pointer;
}

.footer-fl-open.active {
    background: url(../../images/footer-fl-close.png) no-repeat center center;
    background-size: 80% 80%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    left: 18px;
    bottom: 22px;
}

.footer-flbox a {
    overflow: hidden;
    display: block;
}

.footer-flbox a.footer-a1 {
    height: 59px;
    width: 63px;
    position: absolute;
    top: 35px;
    right: 117px;
}

.footer-flbox a.footer-a2 {
    height: 59px;
    width: 63px;
    position: absolute;
    top: 60px;
    right: 41px;
}

.footer-flbox a.footer-a3 {
    height: 59px;
    width: 63px;
    position: absolute;
    top: 128px;
    right: 38px;
}

.pags-box {
    /* margin-bottom: 40px; */
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
}

.pags-box .pags-txt {
    /* float: right; */
    overflow: hidden;
}

.pags-box a {
    color: #999999;
    display: block;
    float: none;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    width: 30px;
    display: inline-block;
}

.pags-box .pags-a {
    background: rgba(0, 0, 0, 0) url("../../images/pag.png") no-repeat scroll -31px 0;
    margin-right: 10px;
}

.pags-box .prev {
    background: rgba(0, 0, 0, 0) url("../../images/pag.png") no-repeat scroll 0 0;
    margin-right: 10px;
    text-indent: -1000px;
}

.pags-box .next {
    background: rgba(0, 0, 0, 0) url("../../images/pag.png") no-repeat scroll -62px 0;
    text-indent: -1000px;
}

.pags-box a:hover,
.pags-box a.active {
    background-position-y: -30px;
    color: #0073c0;
}

.qq-mask {
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 115, 192, 0.8);
    z-index: 999;
    display: none;
}

.qq-boxs {
    width: 80%;
    height: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.qq-boxs .txt-box {
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    padding: 2% 1%;
    position: relative;
    margin: auto;
    height: -webkit-calc(100% - 130px);
}

.qq-boxs .txt-box a {
    background: #0073c0;
    display: block;
    float: left;
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    width: 45%;
    margin: 1.5% 2.5%;
    text-align: center;
    border-radius: 8px;
    height: 40px;
    overflow: hidden;
}

.qq-titles {
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 10px;
}

.qq-close {
    width: 50px;
    height: 50px;
    background: url(../../images/footer-fl-close.png) no-repeat center center;
    background-size: 80% 80%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    border-radius: 50%;
}


.fd-box {
    overflow: hidden;
    position: fixed;
    bottom: 12px;
    right: 0px;
    width: calc(100% - 85px);
    background: rgba(255, 255, 255, 0.6);
    height: 40px;
    line-height: 40px;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fd-box.active {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fd-box a {
    display: block;
    width: 33.3%;
    text-align: center;
    color: #333333;
    font-size: 15px;
    float: left;
    height: 40px;
    position: relative;
}

.fd-box a.qq-ioc:before {
    width: 1px;
    height: 22px;
    background: #cccccc;
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -11px;
}

.fd-box a.qq-ioc i {
    background: url(../../images/qq-ioc.png) no-repeat;
    width: 15px;
    height: 19px;
    display: inline-block;
    background-size: auto 100%;
    margin: -5px 10px 0px 4px;
    vertical-align: middle;
}

.fd-box a.phone-ioc i {
    background: url(../../images/phone-ioc.png) no-repeat;
    width: 18px;
    height: 20px;
    display: inline-block;
    background-size: 100% auto;
    margin: -1px 7px 0px 4px;
    vertical-align: middle;
}

@media only screen and (min-width:640px) {
    .hamburger {
        right: auto;
        left: 50%;
        margin-left: 265px;
    }
}










/*index*/
.gy{padding: 20px 0;}
.pagination1{position: absolute;z-index: 9;bottom:30px;left: 0;width: 100%;text-align: center;}
.pagination1 .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;}
.line1{height: 1px;background: url("../images/line1.png") no-repeat center;background-size: cover;position: relative;}
.line1 div{position: absolute;width: 200px;height: 6px;background: #0087ff;top:50%;left: 50%;margin-left: -100px;margin-top: -3px;}
.gy-warp{border:1px solid #dfdfdf;margin-top: 15px;background: #e9ecee;}
.cplm{border-right: 1px solid #dfdfdf;width: 30%;box-sizing: border-box;background: url("../images/bg1.jpg") no-repeat center bottom;background-size: cover;padding: 30px 0;}
.cplm h2{text-align: right;margin-right: 70px;color: #2b75b6;font-size: 35px;font-weight: bold;position: relative;font-family:"Microsoft YaHei";}
.cplm h2:after,.cplm-list h3:after{content: '';position: absolute; height: 100%;top:0;right: -15px;border-right: 2px solid #2b75b6;}
.cplm-list{margin-right: 70px;text-align: right;margin-top: 35px;}
.cplm-list li{margin-bottom: 15px;cursor: pointer;}
.cplm-list h3{font-size: 22px;color: #2b75b6;position: relative;margin-bottom: 8px;font-family:"fzltxh10";}
.cplm-list p{font-size: 18px;color: #8a8a8a;}
.cplm-list li.active h3{font-size: 27px;}
.gyrl{width: 70%;}
.gyrl-warp{padding-left: 45px;}
.gyrl-page{display: none;}
.gyrl-page.active{display: block;}
.gyrl-top{margin: 30px;}
.gyrl-top h4{font-size: 40px; color: #242424;font-family:"Microsoft YaHei";}
.gyrl-top h4 span{font-size: 20px; color: rgba(36,36,36,.5);}
.gyrl-text p{position: relative;font-size: 19px; color: #777;padding-left: 22px;margin-top: 15px;}
.gyrl-text p:before{content: "";width: 10px;height: 10px;background: #828282;border-radius: 100%;top:10px;left: 0;position: absolute;}
.gy-img{margin-right: 5px;margin-top: 47px;}
.gy-icon li{width: 68px;border-radius: 100%;overflow: hidden;position: absolute;right: -34px;}
.gy-icon li img{border-radius: 100%;}
.gy-icon li:nth-child(1){bottom:388px;}
.gy-icon li:nth-child(2){bottom:200px;}
.gy-icon li:nth-child(3){bottom:10px;}
.title74 h3{font-size: 74px;margin-bottom: 30px;}
.title74 span{display: block;text-transform: uppercase;font-size: 38px;}
.title74 .i{width: 120px;height: 10px;background: #444;margin: 0 auto;}
.title-fff h3{color: #fff;}
.title-fff span{color: rgba(255,255,255,.41);}
.title-fff .i{background: #fff;}
.technical{height: 657px;}
.advantages{padding: 20px 0;}
.advantages-warp{padding: 50px 50px 0;margin-top: -293px;background:#fff;box-shadow: 0 0 18px 0 rgba(92, 92, 92, 0.32);}
.advantages{border-top: 1px solid #fff;}
.advantages-warp li{float: left;width: 20%;text-align: center;margin-bottom: 60px;}
.advantages-warp img{max-width: 60%;}
.advantages-warp p{margin: 10px 5px;color: #333;}
.renlian{height: 812px;}
.renlian-top h3{margin: 10px 0;}
.renlian-top img{max-width: 100%;}
.product{padding: 20px 0;}
.product-warp{padding: 47px 35px 0;background: #fff;margin-top: -460px;box-shadow: 0 0 18px 0 rgba(92, 92, 92, 0.32);}
.product-warp li{float: left;width: 30%;margin-right: 5%;text-align: center;margin-bottom: 20px;}
.product-warp li:nth-child(3n){margin-right: 0;}
.product-warp .img100{border:1px solid #b2c6ff;}
.product-warp p{font-size: 22px;font-family:"Microsoft YaHei";margin-top: 10px;height: 3.2em;}
.product-warp li:hover p{color: #2b75b6;}

/*8200*/
.p8200-1 img{max-width: 90%;}
.p8200-img1{width: 62%;position: absolute;top:0;left: 0;height: 100%;}
.p8200-img2{width: 38%;padding-top: 70px;}
.dgn1{background: #171717;}
.title60{margin-bottom: 80px;}
.title60 span{display: block;text-transform: uppercase;color: #fff;font-family: "hyk2gj";font-size: 32px;font-style: italic;}
.title60 .i{margin: 35px auto;}
.title60 h3{font-size: 60px;color: #fff;margin-bottom: 10px;letter-spacing: 2px;}
.title60 p{font-size: 25px;color: #fff;}
.dgn1 p{font-size: 30px;}
.dgnList1{width: 88%;margin: 0 auto;font-size: 0;}
.dgnList1 li{display: inline-block;vertical-align: top; width: 10%; padding: 0 1% 20px;border-right: 1px solid #2b3c13;box-sizing: border-box;border-bottom: 1px solid #2b3c13;}
.dgnList1 li img{max-width: 80%;}
.dgnList1 li:nth-child(10n){border-right: none;}
.dgnList1 li:nth-child(11){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(12){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(13){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(14){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(15){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(16){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(17){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(18){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(19){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(20){border-bottom: none;padding-bottom: 0;}
.dgnList1 p{color: #fff;font-size: 12px;height: 3.2em;}
.dgnList1 .i{margin: 25px auto 10px;}
.mjjimg{width: 34%;text-align: right;}
.mjj{padding-top: 100px;}
.mjj-text{width: 63%;}
.i-style{width: 20px;height: 5px;background: #1790f3;}
.mjj-text .i{background: #6fc100;}
.title35 span{display: block;text-transform: uppercase;font-family: "hyk2gj";color: #fff;font-size: 32px;}
.title35 .i{margin: 35px auto;}
.title35 h3{font-size: 35px;color: #fff;margin-bottom: 30px;}
.title35 p{color: #fff;font-size: 23px;margin-top: 5px;}
.tip{background: #fff;color:#000;display: inline-block;font-size: 29px;font-family:"Microsoft YaHei";line-height: 43px;padding: 0 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.xspimg{width: 49.5%;}
.margin-top120{margin-top: 120px;}
.xsp-top{position: absolute;top:0;left: 0;width: 100%;height: 100%;animation-delay: 500ms !important;}
.text-left{position: absolute;top:0;left: 0;height: 100%;z-index: 3;}
/*.xsp-text{width: 38%;}*/
.xsp-text p{font-size: 23px;}
.xsp-text .i{margin: 45px 0;}
.xsp-text h3{margin-bottom: 0;font-size: 42px;}
.xsp-text span,.iden-text span{margin-bottom: 30px;}
.xsp{padding-top: 80px;}
.span-blue span{color: #1790f3;}
.iden-text{padding-top: 20px;}
.secend5{width: 448px;margin-left: 50px;}
.secend5 img{width: 100%;vertical-align: bottom;}
.secend5-text{text-align: center;position: absolute;width: 100%;height: 100%;top:0;line-height: 408px;}
.secend5-text span{color: #81ffff;font-family:"Microsoft YaHei";font-weight: bold;}
.secend5-text span:nth-child(1){font-size: 91px;}
.secend5-text span:nth-child(2){font-size: 122px;}
.secend5-text span:nth-child(3){font-size: 72px;}
/*.iden-top{margin: 0 40px;}*/
.iden-list{font-size: 0;}
.iden-text .title35 p{font-size: 18px;}
.iden-text .title35 span{margin: 30px 0;}
.iden-text .title35  .i{margin: 50px auto;}
.iden-list li{display: inline-block;text-align: left;margin: 0 12px;}
.iden-list span{font-size: 35px; color: #fff;font-family:"Microsoft YaHei";}
.iden-list p{font-size: 26px; color: #fff;}
.iden-list .i-style{margin: 15px 0;height: 3px;}
.iden-list li:nth-child(2){animation-delay: 300ms !important;}
.iden-list li:nth-child(3){animation-delay: 600ms !important;}
.iden-list li:nth-child(4){animation-delay: 900ms !important;}
.camera{background: #131313;}
.camera-text .i{margin: 40px 0;}
.margin-bot60{margin-bottom: 60px;}
.title60 .margin-bot60{margin-bottom: 60px;}
.camera-text{position: relative;z-index: 3;}
.camera-text .title60{margin-bottom: 0;}
.camera-text .title35 h3{margin-bottom: 50px;}
.camera-text .title35 p{font-size: 18px;}

.sxt2{position: relative;height: 462px;}
.sxt2-con{position: absolute;top:0;height: 100%;left: 0;}

.cam{width: 60%;right: -10%;top:0;position: absolute;}
.duoren{background: #f7f7f7;}
.title-black h3{color: #000;}
.title-black p{color: #000;}
.duoren{padding-top: 130px;}
.duoren-img{width: 45.5%;animation-delay: 300ms !important;}
.duoren-text{position: absolute;left: 0;top:0;height: 100%;z-index: 5;}
.duoren-text .title60{margin-bottom: 0;}
.duoren-text h3{margin: 30px auto 0;}
.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.cpu-l{position: absolute;width: 50%;height: 100%;top:0;left: 0;}
.cpu-r{width: 50%;position: relative;z-index: 5;}
.cpu{background: #000;color: #fff;padding: 40px 0;}
.cpu-warp h3{font-size: 60px;}
.cpu-cs{margin: 20px 0;}
.cpu-cs p{font-size: 25px;}
.cup-list{font-size: 0;}
.cup-list li{width: 48%;margin: 20px 1% 0;display: inline-block;vertical-align: top;}
.cup-list span{font-size: 28px;font-family:"Microsoft YaHei";}
.cup-list p{font-size: 20px;margin-top: 4px;}
.cup40 p{font-size: 40px;font-weight: bold;}
.cup40{padding-left: 160px;}
.cup40 li{margin: 40px 0;}
.cup40 span{font-size: 24px;color: #fff;background: #a40e0e;line-height: 40px;display: inline-block;padding: 0 20px;}
.dingzhi{display: inline-block;background: #a40e0e;font-size: 16px;line-height: 25px;padding: 0 8px;margin-top: 5px;}
.tcp{padding-top: 15px;}
.tcp-img{width: 70.8%;margin-right: -14%;}
.tcp-text{width: 67%;}
.tcp-text .img2{margin: 60px auto;}
.manage1{width: 47%;text-align: center;padding-top: 20px;margin-left: 3%;}
.manage1 span{display: block;text-transform: uppercase;color: #1790f3;font-family: "hyk2gj";font-size: 25px;font-style: italic;}
.manage1 h3{font-size: 53px; color: #3a3a3a;}
.manage2{position: absolute;top:0;right: 5%;width: 45.4%;background: #fff;box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;text-align: center;}
.manage2-wrap{padding:20px 40px 40px;}
.manage2-wrap h3{font-size: 35px;color: #3a3a3a;padding: 20px 0 5px;}
.manage2-wrap p{font-size: 20px;color: #3a3a3a;margin: 5px 0 10px;}
.manage2-wrap .tip{font-size: 18px;color: #fff;background: #1790f3;line-height: 32px;padding: 0 30px;}
.tip-blue .tip{color: #fff;background: #1790f3;}
.manage2-wrap li{margin-bottom:22px; }
.manage2-wrap li:last-child{margin-bottom: 0;}
.fearless{background: #cddfe5;}
.fearText{width: 60%;}
.fearImg{width: 35.5%;}
.fearText h3{margin: 30px 0 0;}
.fearText .tip{margin-top: 40px;}
.recognition{height: 716px;}
.recog-img .tip{font-size: 25px;padding: 0 40px;margin-top: 60px;}
.recog-img .img2{margin-top: 50px;}
.xijie{background: #0f1012;}
.title68 h3{font-size: 68px;color: #fff;}
.title68 span{font-size: 30px;font-weight: bold;font-style: italic;text-transform: uppercase;font-family: "arial";}
.title68 p{font-size: 20px;color: #fff;}
.xijie .w1400{width: 1600px;}
.xijie .title68 h3{margin-bottom: 0;}
.xijie .title68 .i{margin: 20px auto 0;width: 21px;height: 3px;}
.details li{float: left;width: 49%;margin-right: 2%;margin-top: 30px;}
.details li:nth-child(even){margin-right: 0;}
.details .img100{border:1px solid #535353;width: 44%}
.deta-con{width: 51%;}
.details .img{margin: 4px;}
.details li:nth-child(odd) .deta-con{float: left;}
.details li:nth-child(odd) .img100{float: right;}
.details li:nth-child(even) .deta-con{float: right;}
.details li:nth-child(even) .img100{float: left;}
.cpcs-condg{}
.w1600{width: 1600px;margin: 0 auto;}

.xijie8300 .details li:nth-child(odd){text-align: right;}
.xijie8300 .details li:nth-child(odd) .deta-top{display: inline-block;}
.diagram-img{margin: 0 15px;}
/*.max1920 .max-box{max-width: 1400px;}*/

.deta-top{width: 62px;max-width: 100%;background: #343635;margin-bottom: 30px;}
.deta-top .i{background: #1790f3;height: 15px;width: 100%;position: relative;}
.deta-top .i:after{content: '';position: absolute;border:5px solid transparent;bottom:-5px;left: 50%; margin-left: -5px; transform: rotate(45deg);border-bottom-color: #1790f3;border-right-color: #1790f3;}
.nop{line-height: 54px;text-align: center;font-size: 30px; color: #fff;font-family:"Microsoft YaHei";font-weight: bold;}
.deta-con h4{font-size: 28px; color: #fff;}
.deta-mid{margin: 20px 0;}
.deta-mid p{font-size: 20px; color: #fff;}
.deta-bot{font-size: 20px;color: rgba(255,255,2525,.3);text-transform: capitalize;}
.cpcs{background: #e3e3e3;}
.cpcs h3{font-weight: normal;font-size: 65px;}
.title65 .i{width: 21px;height: 3px;margin: 30px auto;}
.title65 p{font-size: 30px;color: rgba(60,60,60,.6);text-transform: uppercase;}
.cpcs-l{width: 42%;}
.cpcs-l li{border-bottom: 2px solid #717171;padding: 22px 0;}
.cpcs-page{float: left;}
.cpcs-page:nth-child(1){width: 51%;margin-right: 2%;}
.cpcs-page:nth-child(2){width: 47%;}
.cpcs-page span{display: block;color: rgba(60,60,60,.7);font-size: 16px;margin-bottom: 4px;}
.cpcs-page p{font-size: 16px;color: #000;font-family:"Microsoft YaHei";}
.cpcs-l li.last .cpcs-page{width: 100%;margin-right: 0;}
.cpcs-l li.last .cpcs-page p{font-size: 16px;}
.title65{margin-bottom: 80px;}
.cpcs-r{background: #f5f5f5;box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;width: 52%;margin-top: 40px;}
.cpcs-warp{padding: 55px 15px;}
.cpcs-warp h3{font-size: 57px;}
.cpcs-warp p{font-size: 26px;}
.cpcs-warp .i{margin: 20px auto;}
.butt-text h3{margin: 15px 0 8px;font-size: 50px;}
.butt-text p{font-size: 26px;}
.butt-text .tip{font-size: 20px;}
.butt-text .tip{margin-top: 30px;font-size: 22px;}
.buttImg{width: 48.66%;}
.scene{margin-bottom: 6px;}
.scene-top{padding: 30px 0;background: -webkit-linear-gradient(#d5d5d5, #b7b7b7); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#d5d5d5, #b7b7b7); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#d5d5d5, #b7b7b7); /* Firefox 3.6 - 15 */background: linear-gradient(#d5d5d5, #b7b7b7); /* 标准的语法 */}
.scene-top h3{color: #464847;font-size: 68px}
.scene-top p{color: #464847;font-size: 24px;text-transform: uppercase;}
.scene-con{background: #d3d3d3;}
.scene-mid{width: 980px;margin: 0 auto;max-width: 100%;}
.scene-mid p{font-size: 22px; color: #464847;}
.scene-list li{float: left;width: 24.4%;margin-right: 0.8%;margin-top: 0.8%;position: relative;}
.scene-list li:nth-child(4n){margin-right: 0;}
.scene-list p{line-height: 43px;position: absolute;left: 5px;right: 5px;bottom:5px;font-size: 25px;color: #fff;background: url("../images/redBg.png") no-repeat center;background-size: cover;}
.details2 li:nth-child(odd){text-align: right;}
.details2 .deta-top{display: inline-block;}
.cpcs-bot{text-align: center;}
.cpcs-bot img{max-width: 100%;}
/*8300*/
.a8300{padding-bottom: 0;}
.span-back span{color: #000;}
.c83006 .tip{color: #4a91e1;}
.m8300 .cpcs-r{margin-top: 0;}
.d8300 .xsp-text p{font-size: 18px;}
/*a8500*/
.a8500{padding-top: 35px;}
.a8500-2{position: absolute;top:20%;left: 50%;}
.b8500-con{position:absolute;top:80px;left:0;width:100%;}
.title-radius{text-align: center;line-height: 44px;display: inline-block;background: #1790f3;font-size: 22px; color: #fff;font-family:"Microsoft YaHei";font-weight: bold;border-radius: 44px;padding: 0 20px;margin-bottom: 20px;}
.c8500{background: #f4f4f4;}
.c8500-l{width:43%;border-radius:20px; background: #49adff;box-shadow: 0 0 10px 2px #ddd;overflow: hidden;}
.c8500-l-warp{margin: 40px 28px;}
.c8500-l-top h3{color: #fff;font-size: 43px;}
.c8500-l-top .i{width: 20px;height: 5px;background: #fff;margin: 18px auto;}
.c8500-l-top p{color: #fff;font-size: 18px;line-height: 1.8em;}
.c8500-list li{float: left;width: 48%;margin-right: 4%;margin-top: 4%;}
.c8500-list li:nth-child(1),.c8500-list li:nth-child(2){margin-top: 0;}
.c8500-list li:nth-child(even){margin-right: 0;}
.c8500-list li p{font-size: 22px;color: #fff;margin-top: 15px;font-family:"Microsoft YaHei";}
.span-black span{color: #000;}
.c8500-r{position:absolute;top:0;right:0;width:55%;height:100%;}
.c8500-r .title35 h3{font-size: 30px;}
.c8500-r .title35 p{margin: 0;line-height: normal;}
.c8500-r .title35 p:first-child{margin-top: 10px;}
.d8500{padding: 30px 0;}
.d8500-text{position: absolute;right: 0;width: 40%;height: 100%;}
.d8500-img{width: 53.5%;}
.d8500-img2{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.d8500-text .i{margin-left: 0;}
.d8500-text .tip{margin-top: 30px;}
.d8500-text span{margin-bottom: 30px;}
.title60.text-center .i{margin-left: auto;margin-right: auto;}
.e8500-text{width: 56%;}
.e8500{padding-top: 200px;}
.e8500-text .title60{margin-bottom: 0;margin-top: 50px;}
.e8500-img{float: right;width: 42.5%;}
.e8500-text h3{font-size: 40px;margin: 40px 0 70px;}
.e8500-text p{font-size: 20px;}
.f8500{padding-top: 180px;}
.f8500-r{width: 55%;position: relative;;z-index: 5;}
.f8500-r p{font-size:19px;}
.f8500-img{position: absolute;top:0;left: 0;width: 52%;height: 100%;}
.g8500 .tip{font-size: 23px;}
.title35 .clblue{color: #1790f3;}
.e8500-text .clblue{padding-top: 30px;}
.e8500-text .i{margin: 50px auto;}
/*.g8500 .duoren-img{position: absolute;bottom:0;right: 0;margin-right: 0;}*/
.h8500{padding: 135px 0;}
.h8500 .cpu-l{width: 63.5%;}
.i8500-text .title60{margin-bottom: 0;}
.i8500-text h3{margin-bottom: 50px;font-size: 42px;}
.i8500-img{width: 56.5%;margin-right: 4%;}
.i8500-text{position: absolute;top:0;left: 0;width: 57%;height: 100%;}
/*.i8500{padding-top: 50px;}*/
.manage3{padding: 25px 0;}
.j8500 .manage2{position: static;float: left;width: 46%;}
.j8500 .manage3{float: right;width: 51%;text-align: center;}
.manage3 p{font-size: 25px;font-weight: bold;margin: 20px 0;}
.manage3 .tip{font-size: 25px;}
.manage3{width: 46%;}
.manage3 .title35 h3{margin-bottom: 0;}
.manage3 span{margin-bottom: 20px;}
.recog-img .i{margin: 30px auto 0;}
.k8500{height: 790px;}
.k8500 .recog-img{margin-right: 50px;}
.k8500 .recog-img .img2{margin-top: 0;}
.k8500 .title-radius{line-height: 52px;background: #00b51b;font-size: 26px;margin-bottom: 70px;}
.cptitle70 span{display: inline-block;line-height: 33px; padding: 0 35px;border-radius: 4px; text-align: center;color: #fff;background: url("../images/850027.png") no-repeat center;background-size: cover;font-size: 16px;margin-bottom: 20px;}
.cptitle70 strong{display: block;font-size: 67px;font-family: "Arial";text-transform: uppercase;color: #d0d0d0;letter-spacing: -2px;line-height: 1em;}
.cptitle70 h3{font-size: 90px;font-family: "Arial";text-transform: uppercase;letter-spacing: -7px;}
.cptitle70{margin-bottom: 60px;}
.l8500-list{padding-top: 20px;}
.l8500-list li{float: left;width: 48%;margin-right: 4%;background: #fff;margin-top: 2%;border-radius: 6px;overflow: hidden;position: relative;}
.l8500-list li:nth-child(even){margin-right: 0;}
.l8500-list .img100{width: 50%;}
.l8500-des{position: absolute;height: 100%;top:0;width: 50%;}
.l8500-list li:nth-child(1){margin-top: 0;}
.l8500-list li:nth-child(2){margin-top: 0;}
.l8500-list li:nth-child(1) .l8500-des{right: 0;}
.l8500-list li:nth-child(2) .l8500-des{left: 0;}
.l8500-list li:nth-child(2) .img100{float:right;}
.l8500-list li:nth-child(3) .l8500-des{left: 0;}
.l8500-list li:nth-child(3) .img100{float:right;}
.l8500-list li:nth-child(4) .l8500-des{right: 0;}
.l8500-list li:nth-child(5) .l8500-des{right: 0;}
.l8500-list li:nth-child(6) .l8500-des{left: 0;}
.l8500-list li:nth-child(6) .img100{float:right;}
.l8500-warp{padding: 0 30px;}
.l8500-warp h4{font-size: 35px;line-height: 1.1em; font-family:"Microsoft YaHei";font-weight: bold;background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(23, 109, 250)), to(rgb(2, 161, 221)));-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */margin-bottom: 20px;}
.l8500-warp p{font-size: 20px; color: #3f3f3f;font-family:"Microsoft YaHei";line-height: 1.4em;}
.mqs{font-size: 20px;color: rgba(63,63,63,.3);margin-top: 16px;}
.m8500 .cpcs-r{background: none;box-shadow: none;}
.f8500-r .iden-list span{font-size: 23px;}
.f8500-r .i{margin: 60px auto;}
.f8500-r .iden-list{margin-top: 100px;}
/*8600*/
.a8600-page{width: 50%;}
.a8600-text{position: absolute;width: 89.2%;right: 4%;top:20%;}
.a8600-img{position: absolute;width: 39.375%;left: 27%;top: 8%;}
.c8600{padding: 80px 0 20px;}
.c8600-text{width: 54%;position: absolute;bottom: 10%;top:0;left: 0;}
.j8600 .manage2-wrap{padding:100px 60px;}
.j8600 .manage2-wrap h3{padding-top: 0;}
.j8600 .title68 h3{margin-bottom: 0;}
.k8600{height: 900px;}
.k8600 .recog-img{width: 64%;margin-top: 4%;margin-right: 2%;}
.cpcs-23 .cpcs-page span{font-size: 18px;}
.cpcs-23 .cpcs-page p{font-size: 18px;}
.cpcs-23 li{padding: 28px 0;}
.cpcs-23 li.last .cpcs-page p{font-size: 20px;}
.m8600 .cpcs-l{width: 44%;}
.m8600 .cpcs-r{margin-top: 0;}
.o8600{padding-top: 90px;}
.c8600 .mjjimg{width: 43%;}
.j8600 .manage3{text-align: left;width:38%;}
.j8600 .manage3 span{color: #1790f3;}
.j8600 .manage2{width: 49%;}
/*8700*/
.a8700-l{width: 39.7%;}
.a8700-r{width: 60.3%;}
.a8700 .img1{position: absolute;right: 6%;top:0;height: 100%; width: 60%;}
.c8700-img{width: 51.3%;}
.c8700-text{width: 48.7%;top:0;height: 100%;right: 0;position: absolute;}
.c8700-ms{margin-left: 50px;}
.radius-green .title-radius{background: #00b51b;padding: 0 40px;}
.c8700 .title68 h3{font-size: 65px; color: #3b414f;line-height: 1.2em;}
.c8700 .title68 h3:nth-of-type(1){margin-bottom: 0;}
.d8700 .c8500-r{right: auto;left: 0;}
.d8700 .title60{margin-bottom:40px;}
.d8700 .title60 span{font-size: 30px;}
.d8700 .title60 h3{font-size: 35px;line-height: 1.2em;}
.d8700 .title60 p{font-size: 23px;line-height: 1.2em;}
.d8700 .c8500-l{background: #80b1d2;}
.d8700 .title60 .i{margin: 25px auto;}
.d8700-img2{margin-top:10px;}
.e8700-img{width: 52%;}
.g8700-img img{max-width: 100%;vertical-align: bottom;}
.g8700-con{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
/*.j8700{padding: 130px 0;}*/
.j8700-con{position: absolute;height: 100%;left: 0;top:0;width: 62%;z-index: 5;}
.j8700-img{width: 60%;margin-right: 60px;}
.j8700 .title60{margin-bottom: 0;}
.k8700 .title35 h3{margin-bottom: 0;font-size: 30px;}
.k8700 .manage2{width:49.2%;position: relative;}
.k8700 .manage3{padding-top: 50px;}
.k8700 .manage2-wrap{padding: 60px;}
.k8700 .manage2-wrap h3{font-size: 42px;padding-top: 0;}
.k8700 .manage2-wrap p{margin: 25px 0;font-size: 26px;}
.k8700 .title68 .tip{font-size: 22px;margin-top: 20px;}
.k8700 .manage2-wrap .tip{font-size: 25px; line-height: 44px;}
/*.k8700{padding-bottom: 30px;}*/
.l8700-con{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.l8700-img{margin-bottom: 100px;margin-right: 30px;}
.l8700-img img{max-width: 100%;}
.xj-left-right .l8500-list .img100{float: left !important;}
.xj-left-right .l8500-des{right: 0; left: auto !important;}
.m8500 .cpcs-l{border-top: 2px solid #717171;}
.m8500 .cpcs-l li{padding: 28px 0;}
.m8500 .cpcs-l p{font-size: 20px;}
.m8500 .cpcs-l span,.m8500 .cpcs-l p{font-size: 18px;}
.m8500-img{margin-top: 100px;}
.c8700-text .title68 p{color: #3b414f;}
.c8700-text .title68 h3{font-size: 66px;}
.g8700-img{margin-right: 60px;}
.pp8700 .l8500-warp h4{font-size: 30px;}
/*8100*/
.a8100-l{width: 50%;}
.a8100-r{width: 50%;}
.a8100 .img3{position: absolute;width: 56.25%;top:23%;right: 9%;}
.a8100 .img4{position: absolute;width: 106%;bottom:0;left:-16%;}
.j8100-img div{width: 510px;max-width: 100%;}
.m8100 .cpcs-l{width: 47%;}
.padding-tb140{padding-bottom: 140px;}
.padding-tb160{padding-bottom: 160px;}
/*a351*/
.a351-page{width: 50%;position: relative;}
.a351-img1{position: absolute;top:0;bottom: -4%;right: 8%;width: 80.6%;}
.a351-img2{position: absolute;top:0;bottom: -4%;left: 8%;width: 70.9%;}
.a351-img1-bot2{margin-top: 20%;}
.b351-img{width: 38.2%;}
.b351-text{position: absolute;height: 100%;top:0;right: 0;width: 55%;}
.b351-text .title35 h3{margin-bottom: 60px;}
.b351-text .title35 p{font-size: 18px;}
.b351-text .title60 {margin-bottom: 0;}
/*.e351{padding-top: 60px;}*/
.e351-text{position: absolute;height: 100%;top:-60px;left: 0;width: 62%;}
.e351-text .tip{padding: 0 40px;background: #1790f3;}
.e351-img{width: 46%;}
.e351 h3{font-size: 35px;margin: 25px 0;}
.e351 p{font-size: 26px;}
.e351 .tip{font-size: 25px;}
.f351-text{position: absolute;height: 100%;top:0;right: 0;width: 48%;}
.f351-text p{font-weight: bold;font-size: 28px;}
.f351-img{width: 50%;}
.f351 h3{font-size: 50px;}
.g351{padding-top: 80px;}
.lgm{font-size: 30px; color: #ff0000;}
.h351{padding-top: 80px;}
.h351-img{width: 46%;}
.h351-text{width: 50%;position: absolute;top:0;height: 100%;left: 4.5%;}
.h351-text h3{font-size: 45px;}
.h351-text-bot{margin-top: 200px;}
.h351-text-bot img{max-width: 100%;vertical-align: bottom;}
.loogger .cpcs-page{width:100%;}
.i351-right{width: 35%;}
.i351-right .cpcs-l{width:100%;border-top: 2px solid #717171;}
.i351-right .cpcs-l li{padding: 15px 0;}
.i351-right .cpcs-l p{font-size: 15px;}
.i351-right .cpcs-l span{font-size: 15px;}
.i351-right .cptitle70 strong{font-size: 43px;}
.i351-right .cptitle70 h3{font-size: 43px;}
.i351-left{box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;background: #f4f4f4;width: 58%;}
.i351-left-wrap{padding: 60px;}
.j351{padding: 20px;}
.tlfarlj li{float: left;margin-right: 0.8%;width: 16%;}
.tlfarlj li:last-child{margin-right: 0;}
.tlfarlj{padding: 40px 0 30px;}
.text-right{text-align: right;}
.scene-top2{padding: 5px 0;}
/*FC-DV300*/
.zmdzd{display: inline-block;font-size: 25px;color: #fff;position: relative;padding: 0 38px;}
.zmdzd:before{content: "";position: absolute;left: 0;top:50%;border-top: 1px solid #fff;width: 28px;}
.zmdzd:after{content: "";position: absolute;right: 0;top:50%;border-top: 1px solid #fff;width: 28px;}
.b300{padding-top: 40px;}
.b300-text{position: absolute;left: 0;top:0;height: 100%;width: 52%;}
.b300-img{width: 49%;}
.double-line{display: inline-block;height: 3px;width: 38px;background: #001c2b;position: relative;margin-right: 16px;margin-top: 20px;}
.double-line:after{content: '';position: absolute;height: 100%;width: 5px;top:0;right: -16px;background: #001c2b;width: 7px;}
.c300-img{width: 54.86%;}
.c300-right{width:45.14%;}
.c300-text{position: absolute;width: 100%;top:0;left: 0;height: 100%;}
.c300-text h3{font-size: 35px;letter-spacing: -1px;}
.c300-text .title60{max-width: 95%;margin: 0 auto;}
.ye1{position: absolute;left: 0;top:-70px;z-index: 5;}
.ye2{position: absolute;right:0;top:-70px;z-index: 5;}
.e300{padding: 80px 0;}
.f300{background: #f1f2f5;}
.f3001{width: 40.6%;margin-left: 8.5%;}
.f3002{width: 42.42%;}
.g300-img{width: 57%;margin-right: 40px;}
.g300 .title60{margin-bottom: 0;}
.a300 .title68 h3{margin-bottom: 25px;}
.g300 h3{font-size: 49px;}

.k351 .title68{width: 50%;}


.cup-list,.manage2,.fearImg,.scene-list,.d8500-img2{animation-delay: 300ms !important;}
.imgscale .img100 img,.product-warp li p,.trans3{
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}

.slideUp{animation:up 2s both;-webkit-animation:up 2s both;}
@keyframes up{
    0%{
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.slideRight,.details li:nth-child(even){animation:slideRight 2s both;-webkit-animation:slideRight 2s both;}
@keyframes slideRight{
    0%{
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.slideLeft,.details li:nth-child(odd){animation:slideLeft 2s both;-webkit-animation:slideLeft 2s both;}
@keyframes slideLeft{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.rotate45{animation:rotate45 2s both;-webkit-animation:rotate45 2s both;}
@keyframes rotate45 {
    0%{transform: rotate(-45deg);}
    100%{transform: rotate(0deg);}
}
.toBig{animation:toBig 2s both;-webkit-animation:toBig 2s both;}
@keyframes toBig {
    0%{transform: scale(0);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}