<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.layout{/*max-width: 1650px;*/ width: 86.75%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../fonts/DINCondensedC.eot');
    src: local('â˜º'),
    url('../fonts/DINCondensedC.woff') format('woff'),
    url('../fonts/DINCondensedC.ttf') format('truetype'),
    url('../fonts/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}
/*.header.fixed{background-color: #38a073; -webkit-box-shadow: 10px 0 10px rgba(0,0,0,.07);box-shadow: 10px 0 10px rgba(0,0,0,.07);}*/
.logo{float: left; padding-top: 20px;}
.logo a{display: block; width: 214px; height: 60px; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{margin: 40px 0 0 50px; float: left; position: relative;}
.nav ul li&gt;a{display: block; font-size: 18px; color: #fff; padding-bottom: 10px; position: relative;}
.nav ul li&gt;a:after{content:""; display: block; width: 100%; height: 5px; background-color: #fff; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav ul li:hover&gt;a:after,.nav ul li.on&gt;a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li .nav-body{width: 194px; border: 2px solid #fff; background-color: #3c6353; position: absolute; left: 0; top: 37px;}
.nav ul li .nav-body a{display: block; margin-left: 25px; font-size: 16px; color: #fff; padding: 18px 20px 18px 0; border-top: 1px solid #6d8a7e;}
.nav ul li .nav-body a:hover{opacity: .8;}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li.active .nav-body{opacity:1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 2px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mask.on{z-index:500;}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #fff; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab&gt;li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab&gt;li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab&gt;li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab&gt;li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab&gt;li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab&gt;li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab&gt;li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab&gt;li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab&gt;li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab&gt;li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab&gt;li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab&gt;li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #333; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #38a073;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 15px 0; background-color: #fff; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #000;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #000;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(255,255,255,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content:'';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.banner{width: 100%; height: 100%; position: relative; z-index: 10;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline: none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg1{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 40px; z-index: 10;}
.banner .slick-dots li{display: inline-block;_display: inline;zoom: 1; margin: 0 5px; width: 40px; height: 13px; background-color: #fff; opacity: .2; cursor: pointer;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{opacity: 1;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; position: relative;}
.section01{padding: 60px 0 0 0;}
.index-title{width: 100%; text-align: center; color: #333;}
.index-title .h2{font-size: 40px; line-height: 1; margin-bottom: 5px;}
.index-title .pn{font-size: 18px; color: #666;}
.index-solution{width: 100%;}
.index-solution ul li{padding: 90px 0; border-top: 1px solid #f0f0f0; overflow: hidden;zoom: 1;}
.index-solution ul li:first-child{border-top: none; padding-top: 50px;}
.index-solution ul li .pic{/*width: 800px;*/ width: 48.5%; overflow: hidden; float: left;}
.index-solution ul li:nth-child(even) .pic,.index-solution ul li.on .pic{float: right;}
.index-solution ul li .pic img{width: 100%; display: block;}
.index-solution ul li .tmain{/*width: 710px;*/ width: 43.5%; float: right;}
.index-solution ul li:nth-child(even) .tmain,.index-solution ul li.on .tmain{float: left;}
.index-solution ul li .h2{font-size: 40px; font-weight: bold; line-height: 1; color: #38a073;}
.index-solution ul li .h3{font-size: 54px; font-weight: bold; line-height: 1; color: #333; margin-top: 50px;}
.index-solution ul li .tips{font-size: 18px; color: #333; margin-top: 5px;}
.index-solution ul li .num-item{font-size: 0;-webkit-text-size-adjust: none; margin-top: 20px;}
.index-solution ul li .num{display: inline-block;_display: inline;zoom: 1; width: 47%; font-size: 18px; color: #333;}
.index-solution ul li .num .n{font-family: 'Conv_DINCondensedC'; font-size: 80px; font-weight: bold; line-height: 1.2;}
.index-solution ul li .pcont{font-size: 18px; color: #999; /*height: 102px;*/ line-height: 34px; margin-top: 20px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.index-solution ul li .more{display: inline-block; min-width: 146px; height: 42px; line-height: 42px; padding: 0 10px; border: 1px solid #333; border-radius: 25px; text-align: center; font-size: 20px; color: #333; margin-top: 30px;}
.index-solution ul li .more:hover{background-color: #38a073; border-color: #38a073; color: #fff;}
.index-solution ul li .more i{display: inline-block; padding-right: 20px; background: url(../images/insolution-more.png) right center no-repeat;}
.index-solution ul li .more:hover i{background: url(../images/insolution-more-h.png) right center no-repeat;}
.section02{padding: 60px 0; background-color: #f0f4f5;}
.more-btns{width: 100%; text-align: center; margin-top: 50px;}
.more-btns a{display: inline-block; min-width: 146px; height: 42px; line-height: 42px; padding: 0 10px; border: 1px solid #333; border-radius: 25px; text-align: center; font-size: 20px; color: #333;}
.more-btns a:hover{background-color: #38a073; border-color: #38a073; color: #fff;}
.more-btns a i{display: inline-block; padding-right: 20px; background: url(../images/insolution-more.png) right center no-repeat;}
.more-btns a:hover i{background: url(../images/insolution-more-h.png) right center no-repeat;}
.index-pro-box{background-color: #fff; margin-top: 60px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);box-shadow: 0 0 20px rgba(0,0,0,.1);}
.index-pro-box .title{margin-top: 20px;}
.index-pro-box .title .h2{font-size: 24px; color: #333;}
.index-pro-box .title .h2:hover{color: #38a073;}
.index-pro-box .title .pn{font-size: 18px; color: #999; max-height: 54px; overflow: hidden;}
.in-pro-max{width: 25%; height: 720px; float: left;}
.in-pro-max a{display: block; padding: 130px 30px 0 30px; text-align: center;}
.in-pro-max .pic{width: 100%; height: 300px; overflow: hidden; position: relative;}
.in-pro-max .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.in-pro-max .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.in-pro-list{width: 75%; float: right;}
.in-pro-list ul li{width: 33.333%; height: 360px; float: left;}
.in-pro-list ul li:nth-child(odd),.in-pro-list ul li.on{background-color: #ecf1f2;}
.in-pro-list ul li a{display: block; padding: 30px 30px 0 30px; text-align: center;}
.in-pro-list ul li .pic{width: 100%; height: 200px; overflow: hidden; position: relative;}
.in-pro-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.in-pro-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.section03{padding: 60px 0;}
.index-case-box{background-color: #fff; margin-top: 60px; padding-bottom: 40px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);box-shadow: 0 0 20px rgba(0,0,0,.1);}
.in-case-num ul li{width: 25%; float: left; padding: 60px 20px 60px 75px; font-size: 24px; color: #333; -webkit-box-sizing: border-box;box-sizing: border-box;}
.in-case-num ul li .n{font-family: 'Conv_DINCondensedC'; font-size: 80px; font-weight: bold; color: #38a073; line-height: 1.2;}
.index-case{width: 100%;}
.index-case ul li{width: 33.333%; height: 612px; background-color: #f0f4f5; float: left; position: relative;}
.index-case ul li .pic{width: 100%; height: 362px; overflow: hidden; position: relative;}
.index-case ul li:nth-child(odd) .pic,.index-case ul li.on .pic{position: absolute; left: 0; bottom: 0;}
.index-case ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-case ul li:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-case ul li .pic:after{content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; margin-left: -5px; z-index: 5; border-bottom: 10px solid #f0f4f5; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.index-case ul li.on .pic:after{border-bottom: none; border-top: 10px solid #f0f4f5; bottom: auto; top: 0;}
.index-case ul li .tmain{padding: 40px 40px 0 40px;}
.index-case ul li .h2{font-size: 22px; color: #333;}
.index-case ul li:hover .h2{color: #38a073;}
.index-case ul li .pcont{font-size: 20px; color: #666; height: 90px; overflow: hidden; margin-top: 10px; text-align: justify;text-justify: inter-ideograph;}
.index-case ul li .time{display: block; margin-top: 20px; font-size: 20px; color: #999;}
.section04{padding: 60px 0 20px 0;}
.index-advan-num ul li{width: 20%; float: left; padding: 60px 20px; font-size: 24px; color: #333; text-align: center; -webkit-box-sizing: border-box;box-sizing: border-box;}
.index-advan-num ul li .n{font-family: 'Conv_DINCondensedC'; font-size: 80px; font-weight: bold; line-height: 1.1;}
.index-about{background-color: #f7f7f7;}
.index-about .pic{width: 50%; /*height: 861px;*/ padding-top: 45.3%; overflow: hidden; float: left; position: relative;}
.index-about .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-about .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-about .tmain{/*width: 634px;*/ width: 33.4%; float: left; margin: 180px 0 0 80px;}
.index-about .pcont{font-size: 20px; color: #333; margin: 50px 0 0 0; text-align: justify;text-justify: inter-ideograph;}
.index-about .index-title{text-align: left;}
.index-about .index-title .h2{font-size: 48px; font-weight: bold; color: #38a073;}
.index-about .more-btns{text-align: left;}
.section06{padding: 60px 0;}
.index-news-box{background-color: #fff; padding: 70px 50px; margin-top: 60px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);box-shadow: 0 0 20px rgba(0,0,0,.1);}
.index-news-hot{float: left; /*width: 890px;*/ width: 57.5%;}
.index-news-hot ul li{/*width: 378px;*/ width: 50%; float: left; padding: 0 33px; border-right: 1px solid #eee; -webkit-box-sizing: border-box;box-sizing: border-box;}
.index-news-hot ul li .h2{font-size: 20px; color: #000;}
.index-news-hot ul li .h2:hover{color: #38a073;}
.index-news-hot ul li .time{font-size: 16px; color: #999; margin-top: 5px;}
.index-news-hot ul li .pic{width: 100%; /*height: 234px;*/ padding-top: 62%; margin: 20px 0; overflow: hidden; position: relative;}
.index-news-hot ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-news-hot ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-news-hot ul li .pcont{font-size: 16px; color: #999; margin-bottom: 20px;}
.index-news-list{/*width: 572px;*/ width: 37%; float: right; border-bottom: 1px solid #eee;}
.index-news-list ul li{border-top: 1px solid #eee; height: 60px; line-height: 60px; position: relative;}
.index-news-list ul li:before{content:""; width: 2px; height: 2px; background-color: #666; position: absolute; left: -5px; top: 50%; margin-top: -1px;}
.index-news-list ul li .h2{float: left; font-size: 18px; color: #666; width: 60%;}
.index-news-list ul li .h2:hover{color: #38a073;}
.index-news-list ul li .time{float: right; font-size: 16px; color: #999;}
.index-news .slick-dots{width: 100%; text-align: center; margin-top: 40px;}
.index-news .slick-dots li{display: inline-block;_display: inline;zoom: 1; margin: 0 5px; width: 40px; height: 8px; background-color: #f4f4f4; cursor: pointer;}
.index-news .slick-dots li button{display: none;}
.index-news .slick-dots li.slick-active{background-color: #38a073;}

/*solution*/
.nybanner{width: 100%; padding-top: 29.5%; /*height: 560px;*/ background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.ny-title{width: 100%; position: absolute; left: 0; top: 50%; z-index: 5; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ny-title .h2{font-size: 90px; color: #fff;}
.ny-title .p{font-size: 48px;}
.solution-box01{width: 100%; background-color: #fff; padding: 105px 0 70px 0;}
.solution-text-box{max-width: 1126px; margin: 40px auto 0 auto;}
.solution-text-box p{font-size: 18px; color: #999; line-height: 34px; text-align: justify;text-justify: inter-ideograph;}
.solution-text-img{margin-top: 40px;}
.solution-box02{width: 100%; padding: 105px 0 70px 0; background-color: #f0f4f5; background-image: url(../images/solution-box02.jpg); background-position: center bottom; background-repeat: no-repeat;}
.solution-box03{padding: 105px 0 0 0; background-color: #fff;}
.solution-system ul li{padding: 60px 0; border-top: 1px solid #eee; overflow: hidden;zoom: 1;}
.solution-system ul li:first-child{border-top: none;}
.solution-system ul li .pic{/*width: 840px;*/ width: 51%; float: left;}
.solution-system ul li .pic img{width: 100%; display: block;}
.solution-system ul li:nth-child(even) .pic,.solution-system ul li.on .pic{float: right;}
.solution-system ul li .tmain{/*width: 675px;*/ width: 41%; float: right; margin: 100px 0 0 0;}
.solution-system ul li:nth-child(even) .tmain,.solution-system ul li.on .tmain{float: left;}
.solution-system ul li .h2{font-size: 54px; font-weight: bold; color: #333; line-height: 1;}
.solution-system ul li .pcont{font-size: 18px; color: #999; line-height: 34px; margin-top: 30px; text-align: justify;text-justify: inter-ideograph;}
.solution-box04{padding: 105px 0 0 0; background-color: #f0f4f5;}
.solution-benefit{width: 100%; margin-top: 40px; position: relative;}
.solution-benefit .box{width: 50%; height: 752px; float: left; color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat;}
.solution-benefit .text{max-width: 540px; margin: 80px 18% 0 18%;}
/*.solution-benefit .fl .text{float: right;}
.solution-benefit .fr .text{float: left;}*/
.solution-benefit .h2{font-size: 36px; font-weight: bold;}
.solution-benefit .ul li{margin-top: 60px; padding-left: 64px; position: relative;}
.solution-benefit .ul li .icon{position: absolute; left: 0; top: 0;}
.solution-benefit .ul li h3{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.solution-benefit .ul li p{font-size: 16px; text-align: justify;text-justify: inter-ideograph;}
.solution-benefit .solu-vs{width: 110px; height: 110px; line-height: 110px; text-align: center; font-size: 48px; font-weight: bold; color: #38a073; background-color: #fff; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.solution-box05{width: 100%; padding: 105px 0; background-color: #fff;}
.solution-case{width: 100%; margin-top: 40px;}
.solution-box06{width: 100%; padding: 105px 0; background-color: #f0f4f5;}
.solution-wisdom{width: 100%; margin-top: 40px;}
.solution-wisdom ul{margin-left: -20px; margin-right: -20px;}
.solution-wisdom ul li{width: 16.666%; float: left; margin-top: 20px;}
.solution-wisdom ul li .box{display: block; margin: 0 20px; padding: 20px 18px; background-color: #fff; text-align: center; transition: all 0.4s ease;}
.solution-wisdom ul li:hover .box{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.solution-wisdom ul li .h2{font-size: 17px; color: #333; height: 54px; overflow: hidden;}
.solution-wisdom ul li .icon{display: block; margin: 30px 0 18px 0; height: 76px;}
.solution-charact{max-width: 1380px; margin: 0 auto;}
.solution-charact ul li{width: 50%; float: left; margin-top: 40px;}
.solution-charact ul li .box{margin: 0 40px; text-align: center;}
.solution-charact ul li .icon{display: block; margin-bottom: 40px;}
.solution-charact ul li .h2{font-size: 30px; font-weight: bold; color: #38a073;}
.solution-charact ul li .pcont{font-size: 14px; color: #999; margin-top: 20px; min-height: 84px;}
.solution-box07{width: 100%; min-height: 686px; padding: 105px 0 0 ; background-color: #f0f4f5; background-image: url(../images/solution-box07.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.solution-platform{padding: 0 130px; margin-top: 40px; position: relative;}
.solution-platform .box img{width: 100%; display: block; margin: 0 auto;}
.solution-platform .box{display: block; margin-top: 80px;}
.solution-platform .slick-current .box{margin-top: 0;}
.solution-platform .slick-arrow{width: 68px; height: 68px; border: none; font-size: 0; outline: none; cursor: pointer; position: absolute; top: 50%; z-index: 5; margin-top: -34px; background-size: cover;}
.solution-platform .slick-prev{left: 0; background: url(../images/soplatform-prev.png) no-repeat;}
.solution-platform .slick-next{right: 0; background: url(../images/soplatform-next.png) no-repeat;}
.solution-platform-box{padding: 0 130px; margin-top: 40px;}
.solution-platform-box .swiper-button-prev,.solution-platform-box .swiper-button-next{width: 68px; height: 68px; border: none; font-size: 0; outline: none; cursor: pointer; position: absolute; top: 50%; z-index: 5; margin-top: -34px; background-size: cover;}
.solution-platform-box .swiper-button-prev{left: 0; background: url(../images/soplatform-prev.png) no-repeat;}
.solution-platform-box .swiper-button-prev:hover{background: url(../images/soplatform-prev-h.png) no-repeat;}
.solution-platform-box .swiper-button-next{right: 0; background: url(../images/soplatform-next.png) no-repeat;}
.solution-platform-box .swiper-button-next:hover{background: url(../images/soplatform-next-h.png) no-repeat;}
.solution-platform-box  .swiper-slide{width: 1000px; /*height: 478px;*/ box-shadow: 0 8px 30px #ddd;}
.solution-platform-box  .swiper-slide img{display:block;}
.solution-scene{width: 100%; margin-top: 40px; padding-bottom: 104px;}
.solution-scene .box{display: block; margin: 0 1px; /*height: 405px;*/ padding-top: 106%; overflow: hidden; position: relative;}
.solution-scene .box img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.solution-scene .box:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.solution-scene .slick-arrow{width: 68px; height: 68px; border: none; font-size: 0; outline: none; cursor: pointer; position: absolute; bottom: 0; z-index: 5; background-size: cover;}
.solution-scene .slick-prev{left: 40%; background: url(../images/soplatform-prev.png) no-repeat;}
.solution-scene .slick-prev:hover{background: url(../images/soplatform-prev-h.png) no-repeat;}
.solution-scene .slick-next{right: 40%; background: url(../images/soplatform-next.png) no-repeat;}
.solution-scene .slick-next:hover{background: url(../images/soplatform-next-h.png) no-repeat;}
.solution-box08{width: 100%; background-color: #000; position: relative;}
.solution-show-top{width: 100%; position: absolute; left: 0; top: 0; z-index: 10; background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.solution-show-top .index-title{padding: 90px 0 50px 0; color: #fff;}
.solution-show-top .index-title .pn{color: #f1f1f1;}
.solution-show-nav{max-width: 636px; margin: 0 auto;}
.solution-show-nav a{display: inline-block; font-size: 20px; color: #fff; position: relative; padding-bottom: 26px; margin: 0 10px;}
.solution-show-nav .slick-current a{color: #38a073;}
.solution-show-nav a:after{content:""; display: block; width: 100%; height: 4px; background-color: #38a073; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.solution-show-nav .slick-current a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.solution-show-box .item{width: 100%; height: 687px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.solution-show-box .layout{max-width: 1380px; height: 100%; position: relative;}
.solution-show-box .text{max-width: 380px; color: #fff; position: absolute; right: 0; bottom: 165px;}
.solution-show-box h2{font-size: 30px;}
.solution-show-box p{font-size: 14px; margin-top: 10px; text-align: justify;text-justify: inter-ideograph;}
.solution-erp-box{width: 100%; background-color: #f0f4f5; overflow: hidden;zoom: 1;}
.solution-erp-box .erp-left,.solution-erp-box .erp-right{-webkit-box-sizing: border-box;box-sizing: border-box;}
.solution-erp-box .erp-left{/*width: 1255px;*/ width: 66%; float: left; padding: 120px 95px 0 6.625%;}
.solution-erp-list{width: 100%;}
.solution-erp-list ul{margin-left: -24px; margin-right: -24px;}
.solution-erp-list ul li{width: 50%; margin-bottom: 58px; float: left;}
.solution-erp-list ul li .box{margin: 0 24px; background-color: #fff; padding: 26px 26px 26px 130px; position: relative; transition: all 0.4s ease;}
.solution-erp-list ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.solution-erp-list ul li .icon{position: absolute; left: 26px; top: 26px; width: 90px; text-align: center;}
.solution-erp-list ul li .text{border-left: 2px solid #119f66; padding-left: 10px; min-height: 135px; overflow: hidden;}
.solution-erp-list ul li .h2{font-size: 24px; color: #333;}
.solution-erp-list ul li .h3{font-size: 14px; color: #999; opacity: .6; margin: 0 0 10px 0;}
.solution-erp-list ul li p{font-size: 14px; color: #666;}
.solution-erp-box .erp-right{/*width: 643px;*/ width: 34%; height: 888px; float: right; padding: 120px 6.625% 0 0; background-image: url(../images/erp-right.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.solution-erp-box .erp-right .box{padding: 130px 110px 20px 85px; min-height: 530px; color: #fff; background-color: #119f66; background-image: url(../images/erp-right-box.jpg); background-position: right bottom; background-repeat: no-repeat;}
.solution-erp-box .erp-right .h2{font-size: 48px; font-weight: bold; line-height: 1.2;}
.solution-erp-box .erp-right .line{width: 54px; height: 5px; display: block; background-color: #fff; margin: 20px 0;}
.solution-erp-box .erp-right .pcont{font-size: 16px; text-align: justify;text-justify: inter-ideograph;}
.solution-erp-function ul li{border-color: #d1d1d1;}
.solution-erp-function ul li .tmain{margin: 196px 0 0 0;}
.solution-erp-advan{max-width: 1380px; margin: 40px auto 0 auto;}
.solution-erp-advan ul li{width: 33.333%; float: left; margin-top: 40px;}
.solution-erp-advan ul li .box{margin: 0 38px; text-align: center;}
.solution-erp-advan ul li .icon{display: block; margin-bottom: 40px;}
.solution-erp-advan ul li .h2{font-size: 30px; font-weight: bold; color: #38a073;}
.solution-erp-advan ul li .pcont{font-size: 14px; color: #999; margin-top: 20px; text-align: justify;text-justify: inter-ideograph;}
.solution-erp-platform{background-color: #f0f4f5; background-image: url(../images/solution-erp-platform.jpg); background-size: auto; background-position: center top; background-repeat: no-repeat;}
.solution-erp-platform .index-title,.solution-erp-platform .index-title p{color: #fff;}
.solution-erp-platform .swiper-slide{width: 826px;}
.solution-erp-scene{width: 100%; margin-top: 40px;}
.solution-erp-scene ul li{width: 20%; height: 450px; float: left; background-color: #333; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.solution-erp-scene ul li:after{content:""; display: block; width: 100%; height: 6px; background-color: #38a073; position: absolute; left: 0; bottom: -6px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.solution-erp-scene ul li:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.solution-erp-scene ul li .box{display: block; width: 100%; height: 100%; padding: 60px 30px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box; background-color: rgba(0,0,0,.66);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);}
.solution-erp-scene ul li:hover .box{background: none;}
.solution-erp-scene ul li .h2{font-size: 24px; margin-bottom: 2px;}
.solution-erp-scene ul li .pn{font-size: 12px;}

/*product*/
.pro-wrap{width: 100%; background-color: #f0f4f5; padding: 60px 0;}
.pro-left{/*width: 350px;*/ width: 21.25%; float: left;}
.pro-right{/*width: 1225px;*/ width: 74.25%; float: right;}
.pro-lf-box{background-color: #fff; padding: 60px 30px; min-height: 870px;}
.pro-lf-box .title{font-size: 22px; color: #333; text-align: center;}
.pro-lf-box .title span{font-size: 30px;}
.pro-nav-list{margin-top: 25px;}
.pro-nav-list ul li{border-top: 1px solid #ebebeb;}
.pro-nav-list ul li .btns{display: block; padding: 20px 30px 20px 10px; font-size: 16px; color: #333; position: relative;}
.pro-nav-list ul li .btns:hover{color: #38a073;}
.pro-nav-list ul li .btns:after{content: ""; display: block; width: 16px; height: 9px; position: absolute; right: 20px; top: 50%; margin-top: -4px; background: url(../images/pro-nav-list.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.pro-nav-list ul li.on .btns:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pro-sub-div{display: none;}
.pro-sub-div dl{padding: 0 0 20px 0;}
.pro-sub-div dl dd{padding: 10px 30px 10px 50px;}
.pro-sub-div dl dd a{font-size: 16px; color: #666;}
.pro-sub-div dl dd a:hover,.pro-sub-div dl dd.on a{color: #38a073;}
.navigation{float: left; font-size: 16px; color: #333; margin-top: 14px;}
.navigation a{color: #333; display: inline-block; position: relative;}
.navigation a:hover,.navigation a.on{color: #38a073;}
.navigation .home{padding-left: 10px;}
.navigation .home:after{content: ""; display: block; width: 3px; height: 16px; position: absolute; left: 0; top: 4px; background-color: #38a073;}
.navigation em{font-family: '\5B8B\4F53'; font-weight: bold; color: #38a073; margin:0 3px;}
.pro-search{width: 380px; height: 50px; background-color: #fff; float: right; position: relative;}
.pro-search .search-text{width: 100%; height: 50px; line-height: 50px; background-color: #fff; font-size: 16px; color: #333; border: none; padding: 0 60px 0 20px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.pro-search .search-btns{position: absolute; right: 0; top: 0; border: none; cursor: pointer; width: 70px; height: 50px; font-size: 0; background: #38a073 url(../images/search-btns.png) center no-repeat;}
.pro-list{width: 100%;}
.pro-list ul{margin-left: -21px; margin-right: -21px;}
.pro-list ul li{width: 33.333%; float: left; margin-top: 50px;}
.pro-list ul li .box{display: block; margin: 0 21px;}
.pro-list ul li .box:hover{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pro-list ul li .pic{width: 100%; /*height: 244px;*/ padding-top: 64%; overflow: hidden; position: relative;}
.pro-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.pro-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.pro-list ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(56,160,115,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8038a073, endColorstr=#8038a073); transition: all 0.6s ease;}
.pro-list ul li:hover .bg{visibility: visible; opacity: 1;}
.pro-list ul li .bg i{width: 50px; height: 27px; background: url(../images/case-more.png) no-repeat; position: absolute; left: 0; right: 0; top: 40%; bottom: 0; margin: auto; visibility: hidden; opacity: 0; transition: all 0.6s ease;}
.pro-list ul li:hover .bg i{visibility: visible; opacity: 1; top: 0;}
.pro-list ul li .title{padding: 30px 25px 60px 25px;}
.pro-list ul li h2{font-size: 22px; color: #333;}
.pro-list ul li .line{width: 100%; height: 1px; background-color: #ccc; display: block; margin-top: 10px; position: relative;}
.pro-list ul li .line:after{content: ""; display: block; width: 100px; height: 5px; position: absolute; left: 0; top: -2px; background-color: #38a073;}
.pro-right .page{text-align: left;}
.page{width: 100%; margin-top: 25px; text-align: center; font-size: 16px; color: #666;}
.page a,.page span{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.page a{color: #999; padding: 4px 11px;  border-radius: 25px;}
.page a.prev,.page a.next{font-family: '\5B8B\4F53'; font-weight: bold; color: #d3d4d4;}
.page a:hover,.page a.on{background-color: #38a073; color: #fff;}
.page .txt{margin: 0 10px;}
.page .pagesText{width: 52px; height: 26px; line-height: 26px; text-align: center; background-color: #fff; border: 1px solid #e6ecf0; vertical-align: middle;}
.pro-details-wrap{width: 100%; padding: 130px 0 80px 0; background-color: #f0f4f5; background-image: url(../images/pro-details.jpg); background-position: center top; background-repeat: no-repeat;}
.pro-details-cont{width: 902px; min-height: 550px; margin: 0 auto 40px auto; background-color: #fff; position: relative;}
.pro-details-cont .back-btns{width: 70px; height: 70px; background-color: #00b065; font-size: 0; position: absolute; left: -70px; top: 0;}
.pro-details-cont .back-btns i{width: 28px; height: 28px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/back-btns-i.png) no-repeat;}
.details-cont-box{padding: 60px 100px 50px 100px;}
.details-info-box .h2{float: left; font-size: 24px; font-weight: bold; color: #38a073; width: 50%;}
.details-info-box .ul-btns{float: right; font-size: 0;-webkit-text-size-adjust: none;}
.details-info-box .ul-btns .btns{width: 98px; height: 30px; line-height: 30px; border: 1px solid #333; border-radius: 25px; font-size: 16px; color: #333; text-align: center; display: inline-block;_display: inline;zoom: 1;}
.details-info-box .ul-btns .btns i{display: inline-block; padding-right: 23px; background: url(../images/vise.png) right center no-repeat;}
.details-info-box .ul-btns .vise:hover i{background: url(../images/vise-h.png) right center no-repeat;}
.details-info-box .ul-btns .down{margin-left: 10px;}
.details-info-box .ul-btns .down i{display: inline-block; padding-right: 23px; background: url(../images/down.png) right center no-repeat;}
.details-info-box .ul-btns .btns:hover,.details-info-box .ul-btns .down{background-color: #38a073; border-color: #38a073; color: #fff;}
.details-info-box .ul-btns .down i{background: url(../images/down-h.png) right center no-repeat;}
.details-info-box .more-list{float: left; width: 40%;}
.details-info-box .more-list ul li{margin: 5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.details-info-box .more-list ul li a{font-size: 14px; color: #999;}
.details-info-box .more-list ul li a:hover{color: #38a073;}
.details-info-box .news-time{float: left; font-size: 14px; color: #666; line-height: 1;}
.details-info-box .news-time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #38a073; margin-right: 5px;}
.details-info-box .sns-btns{float: right; font-size: 0;-webkit-text-size-adjust: none; margin-top: 13px;}
.details-info-box .sns-btns .btn{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.details-info-box .sns-btns .back{font-size: 14px; color: #999;}
.details-info-box .sns-btns .back i{display: inline-block; padding-left: 18px; background: url(../images/back.png) left center no-repeat;}
.details-info-box .bdsharebuttonbox a{width: auto; height: auto; margin: 0 0 0 15px; padding: 0; font-size: 14px; color: #999; background: none; float: none;}
.details-info-box .bdsharebuttonbox a{display: inline-block; padding-left: 18px; background: url(../images/share.png) left center no-repeat;}
.details-text{padding: 15px 0 35px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 35px;}
.details-text .h1{font-size: 34px; font-weight: bold; color: #333;}
.details-text .text{margin-top: 30px; text-align: justify;text-justify: inter-ideograph;color:#333;}
/*.details-text .text h1{
	display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details-text .text h2{
	display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details-text .text h3{
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details-text .text h4{
	display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details-text .text h5{
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details-text .text h6{
	display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}*/
.details-text .text b,.details-text .text strong{font-size:bold;}
.details-text .text em,.details-text .text i{font-style:italic;}


/*case*/
.case-nav-box{width: 100%; background-color: #fff;}
.case-nav-box .layout{max-width: 1380px;}
.case-nav-box ul li{width: 16.666%; float: left; text-align: center;}
.case-nav-box ul li a{display: block; padding: 50px 10px 20px 10px; border-bottom: 6px solid #fff;}
.case-nav-box ul li:hover a,.case-nav-box ul li.on a{background-color: #f6fbf9; border-color: #56b18a;}
.case-nav-box ul li .h2{font-size: 16px; color: #333; margin-top: 10px; height: 48px; overflow: hidden;}
.case-nav-box ul li:hover .h2,.case-nav-box ul li.on .h2{color: #026f3d;}
.case-list{width: 100%;}
.case-list ul{margin-left: -24px; margin-right: -24px;}
.case-list ul li{width: 25%; float: left;}
.case-list ul li .box{display: block; padding: 24px;}
.case-list ul li:hover .box{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.case-list ul li .pic{width: 100%; /*height: 243px;*/ padding-top: 64%; overflow: hidden; position: relative;}
.case-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.case-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.case-list ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(56,160,115,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8038a073, endColorstr=#8038a073); transition: all 0.6s ease;}
.case-list ul li:hover .bg{visibility: visible; opacity: 1;}
.case-list ul li .bg i{width: 50px; height: 27px; background: url(../images/case-more.png) no-repeat; position: absolute; left: 0; right: 0; top: 40%; bottom: 0; margin: auto; visibility: hidden; opacity: 0; transition: all 0.6s ease;}
.case-list ul li:hover .bg i{visibility: visible; opacity: 1; top: 0;}
.case-list ul li .tmain{margin-top: 25px;}
.case-list ul li .h2{font-size: 22px; color: #333;}
.case-list ul li .line{width: 100%; height: 1px; background-color: #ccc; display: block; margin-top: 10px; position: relative;}
.case-list ul li .line:after{content: ""; display: block; width: 100px; height: 5px; position: absolute; left: 0; top: -2px; background-color: #38a073;}
.case-list ul li .pn{font-size: 18px; color: #666; margin-top: 10px; position: relative; height:27px; overflow: hidden;}

/*parther*/
.parther-box01{width: 100%; background-color: #fff; padding: 167px 0;}
.parther-box01 .par-left{/*width: 420px;*/ width: 20%; float: left;}
.parther-box01 .par-right{/*width: 1229px;*/ width: 74.5%; float: right;}
.parther-title .h2{font-size: 120px; font-weight: bold; color: #e5e5e5; line-height: 1; margin-bottom: 20px;}
.parther-title .h3{font-size: 48px; font-weight: bold; color: #333; margin-bottom: 10px;}
.parther-title p{font-size: 16px; color: #666;}
.parther-list{width: 100%;}
.parther-list ul{margin-left: -15px; margin-right: -15px;}
.parther-list ul li{width: 33.333%; float: left;}
.parther-list ul li .box{margin: 0 15px;}
.parther-list ul li .pic{width: 100%; /*height: 244px;*/ padding-top: 63%; overflow: hidden; position: relative;}
.parther-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.parther-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.parther-list ul li .tmain{margin-top: 6px; padding: 34px 24px 24px 24px; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,.19);}
.parther-list ul li .h2{font-size: 24px; color: #333;}
.parther-list ul li .pcont{font-size: 14px; color: #666; height: 84px; overflow: hidden; margin-top: 5px; text-align: justify;text-justify: inter-ideograph;}
.parther-box02{width: 100%; background-color: #f0f4f5; overflow: hidden;zoom: 1;}
.parther-box02 .pic{width: 50%; height: 882px; overflow: hidden; position: relative; float: left;}
.parther-box02 .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.parther-box02 .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.parther-box02 .tmain{width: 50%; float: right; padding: 136px 6.625% 0 4%; -webkit-box-sizing: border-box;box-sizing: border-box;}
.parther-img{width: 100%; margin-top: 20px;}
.parther-img ul{margin-left: -15px; margin-right: -15px;}
.parther-img ul li{width: 33.333%; float: left; margin-top: 30px;}
.parther-img ul li .box{display: block; margin: 0 15px; /*height: 101px;*/ padding-top: 39%; overflow: hidden; position: relative;}
.parther-img ul li .box img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.parther-img ul li .box:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}

/*news*/
.news-nav-box{width: 100%; background-color: #fff; text-align: center;}
.news-nav-box ul{font-size: 0;-webkit-text-size-adjust: none;}
.news-nav-box ul li{display: inline-block;_display: inline;zoom: 1; margin: 0 60px;}
.news-nav-box ul li a{display: block; font-size: 24px; color: #999; height: 96px; line-height: 96px; position: relative;}
.news-nav-box ul li:hover a,.news-nav-box ul li.on a{color: #38a073;}
.news-nav-box ul li a:after{content:""; display: block; width: 100%; height: 4px; background-color: #38a073; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.news-nav-box ul li:hover a:after,.news-nav-box ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.news-list{width: 100%;}
.news-list ul{margin-left: -24px; margin-right: -24px;}
.news-list ul li{width: 25%; float: left;}
.news-list ul li .box{display: block; padding: 24px;}
.news-list ul li:hover .box{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.news-list ul li .pic{width: 100%; /*height: 243px;*/ padding-top: 64%; overflow: hidden; position: relative;}
.news-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.news-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.news-list ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(56,160,115,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8038a073, endColorstr=#8038a073); transition: all 0.6s ease;}
.news-list ul li:hover .bg{visibility: visible; opacity: 1;}
.news-list ul li .bg i{width: 50px; height: 27px; background: url(../images/case-more.png) no-repeat; position: absolute; left: 0; right: 0; top: 40%; bottom: 0; margin: auto; visibility: hidden; opacity: 0; transition: all 0.6s ease;}
.news-list ul li:hover .bg i{visibility: visible; opacity: 1; top: 0;}
.news-list ul li .tmain{padding: 24px 0;}
.news-list ul li .h2{font-size: 20px; color: #666; height: 60px; overflow: hidden;}
.news-list ul li .time{font-size: 14px; color: #666; margin-bottom: 10px;}
.news-list ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 30px; color: #333;}

/*about*/
.about-box01{width: 100%; background-color: #f0f4f5;}
.about-box01 ul li{width: 33.333%; padding: 160px 6.625% 40px 6.625%; min-height: 920px; text-align: center; float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.about-box01 ul li:nth-child(2),.about-box01 ul li.on{background-color: #fff;}
.about-box01 ul li .line{width: 50px; height: 2px; background-color: #ccc; display: block; margin: 0 auto;}
.about-box01 ul li .h2{font-size: 36px; font-weight: bold; color: #333; margin-top: 20px;}
.about-box01 ul li .h3{font-size: 12px; color: #999;}
.about-box01 ul li .icon{display: block; margin: 100px auto;}
.about-box01 ul li .pcont{font-size: 16px; color: #666; text-align: justify;text-justify: inter-ideograph;}
.about-box02{width: 100%; min-height: 674px; padding: 100px 0; background-color: #333; background-image: url(../images/about-box02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.about-box02 .index-title,.about-box02 .index-title .pn{color: #fff;}
.about-technology{max-width: 1380px; margin: 0 auto; padding-top: 30px;}
.about-technology ul{margin-left: -65px; margin-right: -65px;}
.about-technology ul li{width: 50%; float: left; margin-top: 20px;}
.about-technology ul li .box{margin: 0 65px; padding: 36px 36px 36px 150px; color: #fff; min-height: 84px; position: relative; transition: all 0.4s ease;}
.about-technology ul li .box:hover{background-color: rgba(255,255,255,.1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10ffffff, endColorstr=#10ffffff);}
.about-technology ul li .icon{position: absolute; left: 36px; top: 36px;}
.about-technology ul li .h2{font-size: 24px; margin-bottom: 10px;}
.about-technology ul li .pn{font-size: 16px; max-width: 340px; height: 48px; overflow: hidden;}
.about-box03{width: 100%; padding: 100px 0; background-color: #f0f4f5;}
.about-contact{width: 100%; margin-top: 40px;}
.contact-info{/*width: 690px;*/ width: 42%; min-height: 430px; background-color: #fff; float: left;}
.contact-info ul{padding: 10px 88px;}
.contact-info ul li{padding: 35px 0; border-bottom: 1px solid #f2f2f2;}
.contact-info ul li:last-child{border-bottom: none;}
.contact-info ul li .box{padding-left: 50px; min-height: 32px; position: relative; word-break: break-all;word-wrap: break-word;}
.contact-info ul li .img{position: absolute; left: 0; top: 6px; max-width: 32px;}
.contact-info ul li h2{font-size: 24px; color: #333;}
.contact-info ul li p{font-size: 18px; color: #666;}
.contact-map{/*width: 932px;*/ width: 56.5%; height: 430px; float: right;}
.contact-map img{height: 100%; display: block; margin: 0 auto;}
.about-box04{width: 100%; padding: 100px 0; background-color: #fff;}
.about-box04 .title{font-size: 40px; color: #333;}
.about-box04 .tips{font-size: 16px; color: #666;}
.mess-form{width: 100%; margin-top: 50px;}
.mess-form ul li{width: 100%; margin-top: 20px; float:left;}
.mess-form ul li.item1,.mess-form ul li.item2,.mess-form ul li.item3{width: 32%; margin-right: 2%;}
.mess-form ul li.item3{margin-right: 0;}
.mess-form ul li.item4{text-align: right; margin-top: 50px;}
.mess-form ul li .context,.mess-form ul li .conteat{width: 100%; height: 43px; line-height: 43px; border: none; border-bottom: 1px solid #7c8488; font-size: 16px; color: #333; -webkit-tbox-sizing:border-box;box-sizing: border-box;}
.mess-form ul li .context:focus,.mess-form ul li .conteat:focus{border-color: #38a073;}
.mess-form ul li .conteat{height: 140px; padding: 10px 0; line-height: 28px;}
.mess-form ul li .submit{height: 42px; padding: 0 50px 0 28px; background: url(../images/insolution-more.png) 85% center no-repeat; font-size: 20px; color: #333; border: 1px solid #333; border-radius: 25px; cursor: pointer;}
.mess-form ul li .submit:hover{color: #38a073; border-color: #38a073;}

/*GoTop*/
.GoTop{width: 46px; height: 46px; position: fixed; right: -40px; bottom: 5%; z-index: 50; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.GoTop a{display: block; width: 46px; height: 46px; overflow: hidden; font-size: 0; position: relative; background-color: #333; background-image: url(../images/GoTop.png); background-position: center; background-repeat: no-repeat;}
.GoTop a:after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #38a073 url(../images/GoTop.png) center no-repeat; -webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.GoTop a:hover:after{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.GoTop.active{right: 10px; visibility: visible; opacity: 1;}

/*ä¸­ç­‰å±å¹•pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .index-title .h2{font-size: 30px;}
    .index-title .pn{font-size: 14px;}
    .index-solution ul li .h2{font-size: 30px;}
    .index-solution ul li .num .n{font-size: 50px;}
    .index-solution ul li .h3{font-size: 35px;}
    .index-pro-box .title .h2{font-size: 18px;}
    .index-pro-box .title .pn{font-size: 14px;}
    .in-pro-list ul li a{padding: 50px 20px 0 20px;}
    .in-case-num ul li,.index-advan-num ul li{font-size: 16px;}
    .in-case-num ul li .n,.index-advan-num ul li .n{font-size: 60px;}
    .index-case ul li{height: 516px;}
    .index-case ul li .pic{height: 258px;}
    .index-about .index-title .h2{font-size: 36px;}
    .index-about .tmain{margin: 110px 0 0 60px;}
    .index-news-hot ul li{padding-top: 25px;}
    .index-news-list ul li{height: 52px; line-height: 52px;}
    .solution-system ul li .tmain{margin-top: 40px;}
    .solution-erp-function ul li .tmain{margin-top: 90px;}
    .solution-system ul li .h2{font-size: 36px;}
    .solution-wisdom ul{margin-left: -15px; margin-right: -15px;}
    .solution-wisdom ul li .box{margin: 0 15px;}
    .solution-box07{min-height: 610px;}
    .solution-platform-box .swiper-slide{width: 820px; /*height: 406px;*/}
    .solution-erp-platform .swiper-slide{width: 687px;}
    .nybanner{/*height: 460px;*/}
    .parther-box01{padding: 100px 0;}
    .contact-info ul{padding: 10px 50px;}
    .contact-info ul li{padding: 30px 0;}
}
/*å°å±å¹•pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top: 55px;}
    .header{width: 100%; height: 55px; position: fixed; background-color: #38a073; -webkit-box-shadow: 10px 0 10px rgba(0,0,0,.07);box-shadow: 10px 0 10px rgba(0,0,0,.07);}
    .logo{position: absolute; left: 2%; top: 0; padding-top: 0;}
    .logo a{width: 130px; height: 55px;}
    .btn-m-list{display: block;}
    .nav{display: none;}
    .index-title .h2{font-size: 30px;}
    .index-title .pn{font-size: 14px;}
    .index-solution ul li{padding: 40px 0;}
    .index-solution ul li .h2{font-size: 20px;}
    .index-solution ul li .h3{font-size: 16px; margin-top: 20px;}
    .index-solution ul li .tips{font-size: 12px;}
    .index-solution ul li .num{font-size: 12px;}
    .index-solution ul li .num .n{font-size: 30px;}
    .index-solution ul li .pcont{font-size: 12px; line-height: 23px; /*height: 92px;*/ margin-top: 15px;}
    .index-solution ul li .more{min-width: 100px; height: 34px; line-height: 34px; font-size: 14px; margin-top: 10px;}
    .index-solution ul li .pic{margin-top: 30px;}
    .index-pro-box{margin-top: 30px;}
    .index-pro-box .title .h2{font-size: 14px; font-weight: bold;}
    .index-pro-box .title .pn{font-size: 12px; max-height: 36px;}
    .in-pro-max{height: 480px;}
    .in-pro-max a{padding: 110px 15px 0 15px;}
    .in-pro-max .pic{height: 189px;}
    .in-pro-list ul li{height: 240px;}
    .in-pro-list ul li a{padding: 20px 15px 0 15px;}
    .in-pro-list ul li .pic{height: 120px;}
    .more-btns{margin-top: 40px;}
    .more-btns a{min-width: 100px; height: 34px; line-height: 34px; font-size: 14px;}
    .index-case-box{margin-top: 40px;}
    .in-case-num ul li{padding: 40px 20px; font-size: 14px;}
    .in-case-num ul li .n{font-size: 45px;}
    .index-case ul li{height: 328px;}
    .index-case ul li .pic{height: 164px;}
    .index-case ul li .tmain{padding: 20px 20px 0 20px;}
    .index-case ul li .h2{font-size: 14px;}
    .index-case ul li .pcont{font-size: 12px; height: 72px;}
    .index-case ul li .time{font-size: 12px; margin-top: 10px;}
    .section04{padding-top: 0;}
    .index-advan-num ul li{font-size: 14px;}
    .index-advan-num ul li .n{font-size: 45px;}
    .index-about .tmain{margin: 55px 0 0 40px;}
    .index-about .index-title .h2{font-size: 16px;}
    .index-about .index-title .pn{font-size: 12px;}
    .index-about .pcont{margin-top: 10px; font-size: 12px;}
    .index-about .more-btns{margin-top: 20px;}
    .index-news-box{margin-top: 40px; padding: 30px 20px;}
    .index-news-hot,.index-news-list{width: auto; float: none;}
    .index-news-hot ul li.item2{border-right: none;}
    .nybanner{/*height: 400px;*/}
    .ny-title .h2{font-size: 40px; text-align: center;}
    .ny-title .p{font-size: 20px;}
    .solution-box01,.solution-box02,.solution-box05,.solution-box06{padding: 80px 0;}
    .solution-box03,.solution-box04{padding: 80px 0 0 0;}
    .solution-system ul li .tmain{margin-top: 0;}
    .solution-system ul li .h2{font-size: 20px;}
    .solution-system ul li .pcont{font-size: 12px; line-height: 23px; margin-top: 10px;}
    .solution-benefit .text{margin: 50px 10% 0 10%;}
    .news-list ul,.case-list ul{margin: 0;}
    .news-list ul li,.case-list ul li{width: 50%;}
    .news-list ul li .box,.case-list ul li .box{padding: 20px;}
	.details-text .text video{max-width:100% !important;}
    .solution-wisdom ul li{width: 33.333%;}
    .solution-box07{min-height: 100px;}
    .solution-platform-box{padding: 0 80px;}
    .solution-platform-box .swiper-slide{width: 400px; /*height: 191px;*/}
    .solution-platform-box .swiper-button-prev,.solution-platform-box .swiper-button-next{width: 40px; height: 40px; background-size: cover; margin-top: -20px;}
    .solution-platform-box .swiper-button-prev:hover,.solution-platform-box .swiper-button-next:hover{background-size: cover;}
    .solution-scene{padding-bottom: 70px;}
    .solution-scene .slick-arrow{width: 40px; height: 40px; background-size: cover;}
    .solution-scene .slick-prev:hover,.solution-scene .slick-next:hover{background-size: cover;}
    .solution-show-box .text{bottom: 100px;}
    .solution-erp-box .erp-left,.solution-erp-box .erp-right{width: auto; height: auto; float: none; padding: 0;}
    .solution-erp-box .erp-left{width: 750px; margin: 0 auto;}
    .solution-erp-list{padding: 40px 0 10px 0;}
    .solution-erp-list ul{margin-left: -10px; margin-right: -10px;}
    .solution-erp-list ul li .box{margin: 0 10px;}
    .solution-erp-box .erp-right{padding: 5%;}
    .solution-erp-box .erp-right .box{min-height: 300px; padding: 100px 20px;}
    .solution-erp-function ul li .tmain{margin-top: 70px;}
    .solution-erp-advan ul li .box{margin: 0 10px;}
    .solution-erp-scene ul li{height: 380px;}
    .solution-erp-scene ul li .box{padding: 50px 15px;}
    .solution-erp-scene ul li .h2{font-size: 20px;}
    .pro-left,.pro-right{width: auto; float: none;}
    .pro-lf-box{min-height: 100px;}
    .pro-right{margin-top: 30px;}
    .pro-details-wrap{padding-top: 35px;}
    .pro-details-cont{width: 100%;}
    .pro-details-cont .back-btns{width: 50px; height: 50px; left: 0;}
    .details-cont-box{padding: 60px 50px;}
    .case-nav-box ul li .icon img{max-height: 45px;}
    .case-nav-box ul li .h2{font-size: 12px; height: 36px;}
    .parther-box01{padding: 80px 0;}
    .parther-title .h2{font-size: 40px;}
    .parther-title .h3{font-size: 20px;}
    .parther-title p{font-size: 12px;}
    .parther-list ul li .tmain{padding: 20px;}
    .parther-list ul li .h2{font-size: 14px;}
    .parther-list ul li .pcont{font-size: 12px; height: 126px;}
    .parther-box02 .pic{height: 500px;}
    .parther-img ul{margin-left: -5px; margin-right: -5px;}
    .parther-img ul li{margin-top: 10px;}
    .parther-img ul li .box{margin: 0 5px;}
    .news-nav-box ul li{margin: 0 20px;}
    .about-box01 ul li{padding: 50px 20px; min-height: 540px;}
    .about-box01 ul li .icon{margin: 50px 0;}
    .about-box01 ul li .h2{font-size: 20px;}
    .about-box01 ul li .pcont{font-size: 12px;}
    .about-technology{max-width: 70%;}
    .about-technology ul li{width: 100%;}
    .contact-info,.contact-map{width: auto; float: none;}
    .contact-map{margin-top: 20px;}
    .about-box04 .title{font-size: 30px;}
}
/*ç§»åŠ¨ç«¯*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%;}

    .contain{padding-top: 55px;}
    .header{width: 100%; height: 55px; position: fixed; background-color: #38a073; -webkit-box-shadow: 10px 0 10px rgba(0,0,0,.07);box-shadow: 10px 0 10px rgba(0,0,0,.07);}
    .logo{position: absolute; left: 2%; top: 0; padding-top: 0;}
    .logo a{width: 130px; height: 55px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .banner .slick-dots{bottom: 10px;}
    .banner .slick-dots li{width: 8px; height: 8px; border-right: 100%;}
    .section01{padding: 40px 0 0 0;}
    .index-title .h2{font-size: 20px;}
    .index-title .pn{font-size: 12px;}
    .index-solution ul li .pic,
    .index-solution ul li:nth-child(even) .pic,
    .index-solution ul li.on .pic,.index-solution ul li .tmain,
    .index-solution ul li:nth-child(even) .tmain,
    .index-solution ul li.on .tmain{width: auto; float: none; margin-top: 0;}
    .index-solution ul li .tmain{padding-top: 20px;}
    .index-solution ul li,.index-solution ul li:first-child{padding: 40px 0;}
    .index-solution ul li .h2{font-size: 20px;}
    .index-solution ul li .h3{font-size: 16px; margin-top: 20px;}
    .index-solution ul li .tips{font-size: 12px;}
    .index-solution ul li .num{font-size: 12px;}
    .index-solution ul li .num .n{font-size: 30px;}
    .index-solution ul li .pcont{font-size: 12px; line-height: 23px; /*height: 92px;*/ margin-top: 15px;}
    .index-solution ul li .more{min-width: 100px; height: 34px; line-height: 34px; font-size: 14px; margin-top: 10px;}
    .index-pro-box{margin-top: 30px;}
    .index-pro-box .title .h2{font-size: 14px; font-weight: bold;}
    .index-pro-box .title .pn{font-size: 12px; max-height: 36px;}
    .in-pro-max,.in-pro-list{width: auto; height: auto; float: none;}
    .in-pro-max a{padding: 20px;}
    .in-pro-max .pic{height: 189px;}
    .in-pro-list ul li{width: 50%; height: 240px;}
    .in-pro-list ul li a{padding: 20px 15px 0 15px;}
    .in-pro-list ul li .pic{height: 120px;}
    .more-btns{margin-top: 20px;}
    .more-btns a{min-width: 100px; height: 34px; line-height: 34px; font-size: 14px;}
    .index-case-box{margin-top: 40px;}
    .in-case-num{padding: 20px 0;}
    .in-case-num ul li{width: 50%; padding: 5px 10px; font-size: 12px; text-align: center;}
    .in-case-num ul li .n{font-size: 30px;}
    .index-case ul li{width: 100%; height: auto;}
    .index-case ul li .pic,.index-case ul li:nth-child(odd) .pic,.index-case ul li.on .pic{height: auto; padding-top: 66%; position: relative;}
    .index-case ul li .tmain{padding: 20px;}
    .index-case ul li .h2{font-size: 16px;}
    .index-case ul li .pcont{font-size: 12px; height: auto;}
    .index-case ul li .time{font-size: 12px; margin-top: 10px;}
    .section04{padding-top: 0;}
    .index-advan-num ul li{width: 33.333%; font-size: 12px; padding: 5px 10px;}
    .index-advan-num ul li .n{font-size: 30px;}
    .index-about .pic,.index-about .tmain{width: auto; float: none; padding-top: 90.3%;}
    .index-about .tmain{margin: 0; padding: 20px 4%;}
    .index-about .index-title .h2{font-size: 16px;}
    .index-about .index-title .pn{font-size: 12px;}
    .index-about .pcont{margin-top: 10px; font-size: 12px;}
    .index-about .more-btns{margin-top: 20px;}
    .index-news-box{margin-top: 20px; padding: 30px 20px;}
    .index-news-hot,.index-news-list,.index-news-hot ul li{width: auto; float: none;}
    .index-news-hot ul li{border-right: none; padding: 15px 0; border-bottom: 1px solid #eee;}
    .index-news-list ul li{height: 45px; line-height: 45px;}
    .index-news-list ul li .h2{font-size: 14px;}
    .index-news-list ul li .time{font-size: 12px;}
    .index-news .slick-dots{margin-top: 20px;}
    .index-news .slick-dots li{width: 8px; height: 8px; border-right: 100%;}
    .nybanner{/*height: 380px;*/}
    .ny-title .h2{font-size: 16px; text-align: center;}
    .ny-title .p{font-size: 16px;}
    .solution-box01,.solution-box02,.solution-box05,.solution-box06{padding: 40px 0;}
    .solution-box03,.solution-box04{padding: 40px 0 0 0;}
    .solution-text-box,.solution-text-img{margin-top: 20px;}
    .solution-system ul li{padding: 35px 0;}
    .solution-system ul li .pic,.solution-system ul li .tmain{width: auto; float: none;}
    .solution-system ul li .tmain{margin-top: 20px;}
    .solution-system ul li .h2{font-size: 20px;}
    .solution-system ul li .pcont{font-size: 12px; line-height: 23px; margin-top: 10px;}
    .solution-benefit{margin-top: 20px;}
    .solution-benefit .box{width: 100%; padding: 60px 0 100px 0; height: auto; min-height: 470px;}
    .solution-benefit .text{margin: 0 5%;}
    .solution-benefit .h2{font-size: 20px;}
    .solution-benefit .ul li{margin-top: 30px;}
    .solution-benefit .ul li h3{font-size: 18px;}
    .news-list ul,.case-list ul{margin: 0;}
    .news-list ul li,.case-list ul li{width: 100%;}
    .news-list ul li .box,.case-list ul li .box{padding: 20px;}
    .solution-wisdom{margin-top: 0;}
    .solution-wisdom ul{margin: 0 -5px;}
    .solution-wisdom ul li{width: 50%; margin-top: 10px;}
    .solution-wisdom ul li .box{margin: 0 5px;}
    .solution-wisdom ul li .h2{font-size: 14px;}
    .solution-charact ul li,.solution-erp-advan ul li{margin-top: 20px;}
    .solution-charact ul li .box,.solution-erp-advan ul li .box{margin: 0 10px;}
    .solution-charact ul li .icon,.solution-erp-advan ul li .icon{margin-bottom: 10px;}
    .solution-charact ul li .h2,.solution-erp-advan ul li .h2{font-size: 16px;}
    .solution-charact ul li .pcont,.solution-erp-advan ul li .pcont{font-size: 12px; margin-top: 5px; min-height: 110px;}
    /*.solution-charact ul{display: flex;flex-flow: row wrap;justify-content: space-between;}*/
    .solution-charact ul li{width: 100%;}
    .solution-charact ul li .pcont{min-height: 10px;}
    .solution-box07{padding: 40px 0 0 0; min-height: 100px;}
    .solution-platform-box{padding: 0;}
    .solution-platform-box .swiper-slide{width: 320px; /*height: 143px;*/}
    .solution-platform-box .swiper-button-prev,.solution-platform-box .swiper-button-next{width: 40px; height: 40px; background-size: cover; margin-top: -20px;}
    .solution-platform-box .swiper-button-prev:hover,.solution-platform-box .swiper-button-next:hover{background-size: cover;}
    .solution-scene{margin-top: 20px; padding-bottom: 60px;}
    .solution-scene .slick-arrow{width: 40px; height: 40px; background-size: cover;}
    .solution-scene .slick-prev:hover,.solution-scene .slick-next:hover{background-size: cover;}
    .solution-scene .slick-prev{left: 35%;}
    .solution-scene .slick-next{right: 35%;}
    .solution-show-top .index-title{padding: 40px 0 20px 0;}
    .solution-show-nav a{font-size: 13px; margin: 0 2px; padding-bottom: 10px;}
    .solution-show-box .item{height: 500px;}
    .solution-show-box .text{bottom: 50px;}
    .solution-show-box h2{font-size: 20px;}
    .solution-erp-box .erp-left,.solution-erp-box .erp-right{width: auto; height: auto; float: none; padding: 0;}
    .solution-erp-box .erp-left{padding: 0 2.5%;}
    .solution-erp-list{padding: 40px 0 10px 0;}
    .solution-erp-list ul{margin-left: -10px; margin-right: -10px;}
    .solution-erp-list ul li{width: 100%;}
    .solution-erp-list ul li .box{margin: 0 10px;}
    .solution-erp-box .erp-right{padding: 5%;}
    .solution-erp-box .erp-right .box{min-height: 300px; padding: 100px 20px;}
    .solution-erp-box .erp-right .h2{font-size: 20px;}
    .solution-erp-advan{margin-top: 0;}
    .solution-erp-advan ul li{width: 100%;}
    .solution-erp-advan ul li .pcont{min-height: 5px;}
    .solution-erp-scene,.solution-case{margin-top: 20px;}
    .solution-erp-scene ul li{width: 50%; height: 300px;}
    .solution-erp-scene ul li .box{padding: 50px 15px;}
    .solution-erp-scene ul li .h2{font-size: 20px;}
    .pro-wrap{padding: 40px 0;}
    .pro-left,.pro-right{width: auto; float: none;}
    .pro-lf-box{min-height: 100px; padding: 40px 20px;}
    .pro-right{margin-top: 30px;}
    .navigation{display: none;}
    .pro-search,.pro-list ul li{width: 100%;}
    .page{margin-top: 20px; font-size: 14px;}
    .pro-details-wrap{padding-top: 35px;}
    .pro-details-cont{width: 100%;}
    .pro-details-cont .back-btns{width: 50px; height: 50px; left: 0;}
    .details-cont-box{padding: 60px 20px 20px 20px;}
    .details-info-box .h2,.details-info-box .ul-btns,.details-info-box .more-list{width: auto; float: none;}
    .details-info-box .h2{margin-bottom: 10px; font-size: 18px;}
    .details-text{padding: 25px 0; margin-bottom: 20px;}
    .details-text h1{font-size: 20px;}
    .details-info-box .more-list{margin-bottom: 20px;}
	.details-text .text video{max-width:100% !important;}
    .case-nav-box ul li{width: 33.333%;}
    .case-nav-box ul li a{padding: 20px 10px;}
    .case-nav-box ul li .icon img{max-height: 45px;}
    .case-nav-box ul li .h2{font-size: 12px; height: 36px;}
    .parther-box01{padding: 40px 0;}
    .parther-box01 .par-left,.parther-box01 .par-right{width: auto; float: none;}
    .parther-title{text-align: center; width: 80%; margin: 0 auto;}
    .parther-title .h2{font-size: 30px; margin-bottom: 10px;}
    .parther-title .h3{font-size: 20px; margin-bottom: 0;}
    .parther-title p{font-size: 12px;}
    .parther-list ul li{width: 100%; margin-top: 20px;}
    .parther-list ul li .tmain{padding: 20px;}
    .parther-list ul li .h2{font-size: 14px;}
    .parther-list ul li .pcont{font-size: 12px; height: auto;}
    .parther-box02 .pic,.parther-box02 .tmain{width: auto; float: none;}
    .parther-box02 .pic{height: 366px;}
    .parther-box02 .tmain{padding: 40px 2.5%;}
    .parther-img ul{margin-left: -5px; margin-right: -5px;}
    .parther-img ul li{margin-top: 10px;}
    .parther-img ul li .box{margin: 0 5px;}
    .news-nav-box ul li{margin: 0 10px;}
    .news-nav-box ul li a{font-size: 14px; height: 50px; line-height: 50px;}
    .about-box01 ul li{width: 100%; padding: 50px; min-height: 50px;}
    .about-box01 ul li .icon{margin: 20px 0;}
    .about-box01 ul li .h2{font-size: 20px;}
    .about-box01 ul li .pcont{font-size: 12px;}
    .about-box02,.about-box03,.about-box04{padding: 50px 0;}
    .about-technology{padding-top: 0;}
    .about-technology ul li{width: 100%;}
    .about-technology ul li .box{padding: 20px 20px 20px 100px;}
    .about-technology ul li .icon{left: 20px; top: 20px; width: 50px;}
    .about-technology ul li .h2{font-size: 20px;}
    .about-technology ul li .pn{font-size: 14px; height: auto;}
    .about-contact{margin-top: 20px;}
    .contact-info,.contact-map{width: auto; float: none; min-height: 10px;}
    .contact-info ul{padding: 10px 20px;}
    .contact-info ul li{padding: 20px 0;}
    .contact-map{height: auto; margin-top: 20px;}
    .contact-map img{width: 100%; height: auto;}
    .about-box04 .title{font-size: 24px;}
    .about-box04 .tips{font-size: 12px;}
    .mess-form{margin-top: 10px;}
    .mess-form ul li.item1,.mess-form ul li.item2,.mess-form ul li.item3{width: 100%; margin-right: 0;}
}</pre></body></html>