.layout{width: 85.15%; margin: 0 auto;}
img{max-width: 100%;}
#fenping #tupian #tu {

}

.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: fixed; left: 0; top: 0; z-index: 1000;}
/* 全站顶部导航：鼠标未悬停时整体隐藏（logo+菜单+底色），悬停/固定时显示 */
@media (min-width: 769px) {
  .header{opacity: 1; transition: opacity .35s ease;}
  .header:hover, .header-hover, .header-hover1, .fixed-nav{opacity: 1;}
}
.logo{float: left; padding-top: 25px;}
.logo a{display: block; width: 300px; height: 50px; font-size:0; background-image: url( "../images/logo_w.png"); background-position: left center; background-size: contain; background-repeat: no-repeat;}
.nav{float: right; height: 100px;}
.nav ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 40px; position: relative;}
.nav ul li>a{display: block; font-size: 16px; color: #fff; height: 100px; line-height: 100px; position: relative;}
.nav ul li>a:after{content:""; display: block; width: 100%; height: 2px; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: 1; 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>a:after,.nav 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;}
.nav ul li .nav-body{display: none; width: auto; min-width: 200px; min-height: 0; height: auto; line-height: 40px; background-color: #fff; border-top:1px solid #e6e6e6; position: absolute; left: 0; top: 100px; z-index: 50; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07); overflow: hidden;}
.nav ul li .nav-body a{font-size: 14px; color: #666; margin-right: 0; display: block; line-height: 24px; padding: 8px 24px; white-space: nowrap;}
.nav ul li .nav-body a:hover{color: #104070;}
.nav ul li .nav-body a{margin-left: 10px; opacity: 0; transition: 0.5s;}
.nav ul li .nav-body a:nth-child(1){transition-delay: 150ms;}
.nav ul li .nav-body a:nth-child(2){transition-delay: 250ms;}
.nav ul li .nav-body a:nth-child(3){transition-delay: 350ms;}
.nav ul li .nav-body a:nth-child(4){transition-delay: 450ms;}
.nav ul li .nav-body a:nth-child(5){transition-delay: 550ms;}
.nav ul li .nav-body a:nth-child(6){transition-delay: 650ms;}
.nav ul li .nav-body a:nth-child(7){transition-delay: 750ms;}
.nav ul li .nav-body a:nth-child(8){transition-delay: 850ms;}
.nav ul li.ative .nav-body{display: block;}
.nav ul li.ative .nav-body a{margin-left: 0; opacity: 1;}
.nav ul li .box{width: 100%; float: none; padding: 10px 0;}
.nav ul li:nth-child(2) .box{width: 100%;}
.nav ul li:nth-child(3) .box{width: 100%;}
.nav ul li:nth-child(5) .box{margin-right: 0; text-align: left;}
.nav ul li:nth-child(6) .box{margin-right: 0; text-align: left;}
.nav ul li:last-child .box{margin-right: 0; text-align: left;}
.nav ul li .nav-body{transform-origin: 250% 0%; transform: perspective(1920px) rotateX(-40deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li.ative .nav-body{opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.callNum{float: right; height: 100px; line-height: 100px;}
.callNum span{font-family: "Arial"; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callNum.png) left center no-repeat;}
.search-box{float: right; height: 100px; line-height: 100px; margin-right: 25px; position: relative;}
.search-box input{width: 150px; height: 34px; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1); border-radius: 17px; padding: 0 35px 0 15px; color: #fff; font-size: 14px; outline: none; transition: all 0.3s ease; vertical-align: middle;}
.search-box input:focus{width: 190px; border-color: #104070; background: rgba(255,255,255,0.95); color: #333;}
.search-box input::placeholder{color: rgba(255,255,255,0.6);}
.search-box input:focus::placeholder{color: #999;}
.search-box button{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; cursor: pointer; font-size: 14px; padding: 5px;}
.header:hover .search-box input,.header-hover .search-box input,.header-hover1 .search-box input,.fixed-nav .search-box input{border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.04); color: #333;}
.header:hover .search-box input::placeholder,.header-hover .search-box input::placeholder,.fixed-nav .search-box input::placeholder{color: #999;}
.header:hover .search-box button,.header-hover .search-box button,.fixed-nav .search-box button{color: #666;}
.header:hover .search-box input:focus,.fixed-nav .search-box input:focus{background: #fff; border-color: #104070;}
.header:hover,.header-hover,.header-hover1,.fixed-nav{background-color: #fff; -webkit-box-shadow: 10px 0px 10px rgba(0,0,0,0.07); box-shadow: 10px 0px 10px rgba(0,0,0,0.07);}
.header:hover .logo a,.header-hover .logo a,.header-hover1 .logo a,.fixed-nav .logo a{
    background-image: url(../images/logo_b.png);
}
.header:hover .nav ul li>a,.header-hover .nav ul li>a,.header-hover1 .nav ul li>a,.fixed-nav .nav ul li>a{color: #000;}
.header:hover .callNum span,.header-hover .callNum span,.header-hover1 .callNum span,.fixed-nav .callNum span{color: #104070; background: url(../images/callNum_h.png) left center no-repeat;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 4px; 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: 21px; height: 1px; background-color: #000; 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: 15px;}
.btn-m-list .burger-3{top: 33px; width: 10px;}
.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,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.neirong{width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: auto; touch-action: pan-y;-webkit-user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.neirong .neirong-bd{padding: 50px 50px 20px 50px; visibility: hidden;}
.neirong li{border-bottom: 1px solid rgba(255,255,255,.15); -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong li>a{display: block; height: 47px; line-height: 47px; color: #fff; font-size: 16px;}
.neirong li.on>a{color: #fff;}
.neirong.neirong-on{left: 0;}
.neirong-close{width: 24px; height: 24px; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; left: 10px; visibility: hidden;}
.neirong.neirong-hide{
    background-color: rgba(15,35,70,.85);
    height: 0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    transition:background 0.35s linear,height 0.25s ease-in 200ms;}
.neirong.neirong-show{background-color: #0f2346; height: 100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide li,.neirong.neirong-hide .subcall span{
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
}
.neirong.neirong-show li,.neirong.neirong-show .subcall span{opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.neirong li:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong li:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong li:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong li:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong li:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong li:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong li:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong li:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong li:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong li:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}
.neirong .subnav{display: none;}
.neirong .subnav a{display: block; font-size: 14px; color: #aaa; padding: 10px 0;}
.neirong .subcall{padding: 0 50px; }
.neirong .subcall span{-webkit-transition-delay: 850ms,850ms; transition-delay: 850ms,850ms; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong .subcall span{font-family: "Arial"; display: block; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callNum.png) left center no-repeat;}

/* 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-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;}
.bannerBox{width: 100%; height: 100%; position: relative; z-index: 1;}
.banner{width: 100%; height: 100%; position: relative;}
.banner .slideshow{width: 100%; height: 100%; position: relative; z-index: 1;}
.banner .slideshow *{outline: none;}
.layout .h2 p {
	font-size: 3rem;
	color: #fff;
	font-weight: bold;
}
.offer-block.col-lg-3.col-md-6.col-sm-12.wow.fadeInUp .inner-box #red {
	color: #104070;
	font-size: 25px;
}


.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 .pimg{
	width: 100%;
	height: 100vh;
	/* [disabled]background-image: url(../images/banner2.png); */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.banner .banText{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; _margin-top: -124px; transform: translateY(-50%);}
.banner .banText .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.banner .banText .h2 i{color: #104070;}
.banner .banText .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.banner .banText .h2,.banner .banText .pn{
	opacity: 0;
	transform: translateY(-100%);
	transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.banner .banText .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.mouseIco{width: 52px; height: 52px; border: 1px solid #fff; border-radius: 50%; display: block; margin-top: 60px; position: relative; cursor: pointer;}
.mouseIco i{display: block; width: 8px; height: 15px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: url(../images/mouseIco_i.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.bannerNumBar{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;}
.bannerNumBar .digital{
    background-color: #fff;
    overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.bannerNumBar .digital.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);}
.bannerNumBar ul li{width: 33.333%; height: 130px; padding-top: 40px; float: left; text-align: center;}
.bannerNumBar ul li.item1{text-align: left;}
.bannerNumBar ul li .box{display: inline-block; text-align: left; margin: 0 100px;}
.bannerNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 60px; font-weight: bold; color: #104070; line-height: 1.1;}
.bannerNumBar ul li .pn{font-size: 16px; color: #666;}
.bannerNumBar ul li.item2{text-align: center;}
.bannerNumBar ul li.item2 .num{color: #0163d1;}
.bannerNumBar ul li.item3{text-align: right;}
.bannerNumBar ul li.item3 .num{color: #eca50b;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{
    width: 100%;
    background-color: #fff;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}
.section01{background-color: #fff; border-bottom: 1px solid #f4f4f4;}
.indexTitle{
    width: 100%;
    text-align: center;
    margin-top: 110px;
    font-size: 38px;
    color: #104070;
    clear: left;
}
.indexTitle h2{
	font-size: 40px;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
	padding-bottom: 10px;
	padding-top: 0px;
}
.indexTitle p{
    font-size: 18px;
    color: #666;
    margin-top: 30px;
}
.inBusiness{width: 100%; margin-top: 50px;}
.inBusiness ul li{
    width: 23%;
    float: left;
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: 1%;
    margin-right: 1%;
}
.inBusiness ul li.item1{
    background-color: #E0E0E0;
    background-image: url(../images/BRANDED01.png);
    /* [disabled]border-collapse: separate; */
}
.inBusiness ul li.item2{
    background-color: #E0E0E0;
    background-image: url(../images/BRANDED02.png);
}
.inBusiness ul li.item3{
    background-color: #E0E0E0;
    background-image: url(../images/BRANDED03.png);
}
.inBusiness ul li.item4{
    background-color: #E0E0E0;
    background-image: url(../images/BRANDED04.png);
}
.inBusiness ul li.item5{
	/* [disabled]background-color: #E0E0E0; */
	background-image: url(../images/BRANDED05.png);
}
.inBusiness ul li.item6{
	/* [disabled]background-color: #E0E0E0; */
	background-image: url(../images/BRANDED06.png);
}
.inBusiness ul li.item7{
	/* [disabled]background-color: #E0E0E0; */
	background-image: url(../images/BRANDED07.png);
}
.inBusiness ul li.item8{
	/* [disabled]background-color: #E0E0E0; */
	background-image: url(../images/BRANDED08.png);
}
.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.inBusiness ul li.item1:hover .box{
	background-color: rgba(160,160,160,0.85);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}

.inBusiness ul li.item2:hover .box{
	background-color: rgba(160,160,160,0.85);


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}

.inBusiness ul li.item3:hover .box{
	background-color: rgba(160,160,160,0.85);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}

.inBusiness ul li.item4:hover .box{
	background-color: rgba(160,160,160,0.85);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}

.inBusiness ul li.item4 .dl dd .a:hover{
    background-color: #104070;
    border-color: #104070;
    color: #fff;
}
.inBusiness ul li.item5:hover .box{
    background-color: rgba(85,85,85,0.75);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item5 .dl dd .a:hover{
    background-color: #104070;
    border-color: #104070;
    color: #fff;
}
.inBusiness ul li.item6:hover .box{
    background-color: rgba(85,85,85,0.75);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item6 .dl dd .a:hover{
    background-color: #104070;
    border-color: #104070;
    color: #fff;
}
.inBusiness ul li.item7:hover .box{
    background-color: rgba(85,85,85,0.75);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item7 .dl dd .a:hover{
    background-color: #104070;
    border-color: #104070;
    color: #fff;
}
.inBusiness ul li.item8:hover .box{
    background-color: rgba(85,85,85,0.75);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item8 .dl dd .a:hover{
    background-color: #104070;
    border-color: #104070;
    color: #fff;
}
.inBusiness ul li .tit{
    font-size: 28px;
    color: #000000;
    padding-right: 45px;
}
.inBusiness ul li .tit p{
	font-size: 14px;
	color: #555555;
	margin-top: 5px;
}
.inBusiness ul li.item3 .tit{color: #000;}
.inBusiness ul li.item3 .tit p{
	color: #555555;
	margin-top: 5px;
}
.inBusiness ul li:hover .tit{
	background: url(../images/inBusiness_more.png) right center no-repeat;
}
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}
.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #104070; border-color: #104070; color: #fff;}
.section02{background-color: #f4f4f4;}
.incaseTab{width: 100%; text-align: center; margin-top: 10px;}
.incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 25px; margin-right: 25px; background: url(../images/incaseTab_li.png) right center no-repeat;}
.incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;}
.incaseTab ul li a{font-size: 18px; color: #666;}
.incaseTab ul li.on a{color: #104070;}
.indexCase{width: 100%; margin-top: 50px; overflow: hidden;}
.indexCase .box{display: none;}
.indexCase ul li{width: 25%; float: left;}
.indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.indexCase ul li .pic img{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;}
.indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg{visibility: visible; opacity: 1;}
.indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg img{transform: translateY(0);}
.indexCase ul li .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexCase ul li h2{font-size: 18px; font-weight: bold; color: #000;}
.indexCase ul li p{font-size: 14px; color: #999;}
.indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;}
.indexCase ul li .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.indexCase ul li:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.indexBtns{width: 100%; margin-top: 55px; text-align: center;}
.indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{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;}
.indexPartner ul li: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);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.section04{background-color: #f4f4f4;}
.indexNews{width: 100%; margin-top: 50px;}
.indexNews .item{width: 100%; overflow: hidden;}
.indexNews .slick-dots{width: 100%; text-align: center; margin-top: 12px;}
.indexNews .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.indexNews .slick-dots li button{display: none;}
.indexNews .slick-dots li.slick-active{background-color: #104070;}
.indexnwHot{/*width: 530px;*/ width: 32.55%; background-color: #fff; float: left;}
.indexnwHot a{display: block; padding: 40px 30px 30px 30px;}
.indexnwHot .h2{font-size: 20px; color: #333;}
.indexnwHot .h2:hover{color: #104070;}
.indexnwHot .time{font-size: 14px; color: #999; margin: 5px 0 10px 0;}
.indexnwHot .pic{width: 100%; height: 493px; overflow: hidden; position: relative;}
.indexnwHot .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;}
.indexnwHot .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);}
.indexnwlist{/*width: 1100px;*/ width: 100%;}
.indexnwlist ul li{width: 31%; height: 307px; float: left; margin: 0 0 16px 1.8%; background-color: #fff;}
.indexnwlist ul li a{display: block; padding: 40px 30px 10px 30px;}
.indexnwlist ul li .h2{font-size: 20px; color: #333;}
.indexnwlist ul li:hover .h2{color: #104070;}
.indexnwlist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.indexnwlist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.indexnwlist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.indexnwlist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;}
.indexnwlist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;}
.indexnwlist ul li: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);}
.baiweiDemand{
    width: 100%;
    background-color: #fff;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}
.baiweiDemand .indexTitle{text-align: left;}
.baiweiDemand .indexTitle p{font-size: 14px;}
.baiweiform{margin: 30px 0 10px 0;}
.baiweiform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;}
.baiweiform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;}
.baiweiform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.baiweiform ul li .bwtext:focus{border-color: #104070;}
.baiweiform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;}
.baiweiform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.baiweiform ul li .bwsele::-ms-expand{display:none;}
.baiweiform ul li .submit{width: 100%; height: 55px; background-color: #104070; border: 2px solid #104070; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.baiweiform ul li .submit:hover{background-color: #000; border-color: #000;}
.italic{font-size: 12px; color: #999;}

/*website*/
#fp-nav{display: none;}
.section{overflow: hidden;zoom: 1;}
.section .webPic{width: 63.5%; height: 100%; float: right; position: relative;}
.section .webPic 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;}
.section .webTmain{width: 36.5%; text-align: right; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.section .webBox{max-width: 512px; margin: 0 40px; display: inline-block; text-align: left;}
.section .webTmain .h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;}
.section .webTmain .h3{font-size: 24px; color: #000;}
.section .webTmain .pn{font-size: 14px; color: #999; margin-top: 10px; height: 84px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.section .webBtns{width: 100%; margin-top: 60px;}
.section .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;}
.section .webBtns a:hover,.section .webBtns a.on{color: #fff;}
.section .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.section .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section .webBrand{width: 100%; margin-top: 65px;}
.section .webBrand ul li{width: 33.333%; float: left; margin-top: 1px;}
.section .webBrand ul li span{display: block; padding-top: 45%; margin-right: 1px; position: relative;}
.section .webBrand ul li span img{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;}
.i-wrap1,.i-wrap3,.i-wrap5,.i-wrap7{background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap2,.i-wrap4,.i-wrap6{background-color: #f2f2f2;}
.i-wrap3{background-image: url(../images/webBox03.jpg);}
.i-wrap3 .webPic,.i-wrap5 .webPic,.i-wrap7 .webPic{float: left;}
.i-wrap3 .webTmain,.i-wrap5 .webTmain,.i-wrap7 .webTmain{float: right; text-align: left; left: auto; right: 0;}
.i-wrap3 .webTmain .h2,.i-wrap3 .webTmain .h3,.i-wrap5 .webTmain .h3,.i-wrap5 .webTmain .h2,.i-wrap7 .webTmain .h3,.i-wrap7 .webTmain .h2{color: #fff;}
.i-wrap3 .webTmain .pn,.i-wrap5 .webTmain .pn,.i-wrap7 .webTmain .pn{color: #fff; opacity: .5;}
.i-wrap5{background-image: url(../images/webBox05.jpg);}
.i-wrap7{background-image: url(../images/webBox07.jpg);}
.active .banner .banText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .banner .banText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.2s; -webkit-animation-duration: 1.2s;}
/*.section .webPic{opacity: 0; transform: translateX(100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webPic{opacity: 1; transform: translateX(0);}
.section .webTmain{opacity: 0; transform: translateX(-100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webTmain{opacity: 1; transform: translateX(0);}*/
.active .webPic{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .webBox{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown1{-webkit-animation-name: slideInDown1; animation-name: slideInDown1;}
@-webkit-keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown2{-webkit-animation-name: slideInDown2; animation-name: slideInDown2;}
#wrapper #dowebok #linianbox {
	width: 100%;
	margin-top: 100px;
}
#dowebok #linianbox #linian01 {
	width: 100%;
}
#linianbox #linian01 img {
	width: 100%;
}




/*mobile*/
.m-wrap2,.m-wrap3,.m-wrap4{background-color: #eee; background-position: left bottom; background-size: cover; background-repeat: no-repeat;}

.m-wrap2{background-image: url(../images/mobile1.jpg);}
.m-wrap3{background-image: url(../images/mobile2.jpg);}
.m-wrap4{background-image: url(../images/mobile3.jpg);}
.mobText{width: 446px; padding-top: 210px;}
.mobText .h2{font-size: 46px; color: #000;}
.mobText .pn{font-size: 16px; color: #666; line-height: 30px; margin-top: 5px;}
.mobText .th{font-size: 24px; color: #000; margin-top: 30px;}
.mobText .dl,.myApplt{margin-top: 10px; overflow: hidden;}
.mobText .dl dd{width: 56px; text-align: center; font-size: 14px; color: #333; float: left; margin-right: 40px;}
.mobText .dl dd img{margin: 0 auto;}
.mobText .dl dd p{margin-top: 5px;}
.myApplt ul{margin-left: -9px; margin-right: -9px;}
.myApplt ul li{width: 20%; float: left;}
.myApplt ul li span{margin: 0 9px; display: block;}
.active .mobText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .mobText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2s; -webkit-animation-duration: 2s;}
.active .mobText .th{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 3s; -webkit-animation-duration: 3s;}
.active .mobText .dl{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 4s; -webkit-animation-duration: 4s;}
.active .mobText .myApplt{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 5s; -webkit-animation-duration: 5s;}
.active .indexTitle h2{animation-name: slideInDown1; -webkit-animation-name: slideInDown1; animation-duration: 0.2s; -webkit-animation-duration: 0.2s;}
.active .indexTitle p{animation-name: slideInDown2; -webkit-animation-name: slideInDown2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s;}

/*case*/
.nybanner{width: 100%; height: 760px; position: relative; overflow: hidden; background-image: url(../images/banner3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.nybanner .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.nybanner .h2 i{color: #104070;}
.nybanner .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.caseWrap{width: 100%; background-color: #fff; padding-top: 100px;}
.caseDetails{padding: 80px 0 56px 0;}
.caseTextBox{padding: 90px 190px; margin-bottom: 24px; background-color: #f6f6f6;}
.caseTextBox img{max-width: 100%; margin: 0 auto;}
.caseTextBox .caseTitle{width: 340px; float: left;}
.caseTextBox .caTit{font-size: 36px; font-weight: bold; color: #000;}
.caseTextBox .line{width: 33px; height: 3px; display: block; background-color: #000; margin-top: 5px;}
.caseTextBox .caseInfo{width: 590px; float: right;}
.caseTextBox .caText{font-size: 14px; color: #333; line-height: 30px; text-align: justify; text-justify: inter-ideograph;}
.caseTextBox .caTage{font-size: 12px; color: #999; line-height: 20px; margin-top: 40px;}
.caseTextBox .Btns{display: block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 2px solid #000; border-radius: 25px; margin-top: 15px; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.caseTextBox .Btns:hover{color: #fff;}
.caseTextBox .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.caseTextBox .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseTextBox .mobewm{width: 100px; text-align: center; font-size: 12px; color: #999; margin-top: 15px;}
.caseTextBox .mobewm img{width: 100%; margin-bottom: 3px;}
.caseDetailsBom{padding: 65px 0 80px 0; background-color: #f6f6f6;}
.caseRecoomlist{width: 100%; margin-top: 45px;}
.caseRecoomlist .box{display: block; margin: 0 15px; background-color: #fff;}
.caseRecoomlist .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.caseRecoomlist .pic img{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;}
.caseRecoomlist .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg{visibility: visible; opacity: 1;}
.caseRecoomlist .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg img{transform: translateY(0);}
.caseRecoomlist .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.caseRecoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.caseRecoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseRecoomlist h2{font-size: 18px; font-weight: bold; color: #000;}
.caseRecoomlist p{font-size: 14px; color: #999;}
.caseRecoomlist .box:hover h2,.caseRecoomlist .box:hover p{color: #fff;}
.caseRecoomlist .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.caseRecoomlist .box:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.caseRecoomlist .slick-dots{width: 100%; text-align: center; margin-top: 15px;}
.caseRecoomlist .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.caseRecoomlist .slick-dots li button{display: none;}
.caseRecoomlist .slick-dots li.slick-active{background-color: #104070;}
.app-list ul li .pic{padding-top: 56%;}
.app-list ul li .bg,.app-list ul li .hidden{display: none;}
.sl-overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; opacity: 1; display: none; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.sl-wrapper .sl-close{position: fixed; right: 30px; top: 30px; z-index: 4000; font-size: 0; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat;}
.sl-wrapper .sl-navigation button{position: fixed; top: 50%; margin-top: -23px; width: 50px; height: 46px; font-size: 0; z-index: 4000;}
.sl-wrapper .sl-navigation button.sl-prev{left: 30px; background: url(../images/app-prev.png) no-repeat;}
.sl-wrapper .sl-navigation button.sl-next{right: 30px; background: url(../images/app-next.png) no-repeat;}
.font-48{font-size: 48px; line-height: 1;}
.alert-action{position: fixed; top: 70px; left: 96px; z-index: 2000; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat; cursor: pointer;}
.lb-nav a.lb-prev{background: url(../images/app-prev.png) left 48% no-repeat;}
.lb-nav a.lb-next{background: url(../images/app-next.png) right 48% no-repeat;}

/*news*/
.newsTou{width: 100%; margin-top: 50px;}
.newslist ul{margin-left: -8px; margin-right: -8px; margin-bottom: -16px;}
.newslist ul li{width: 33.333%; float: left; margin-bottom: 16px;}
.newslist ul li a{display: block; padding: 40px 30px 10px 30px; margin: 0 8px; background-color: #fff;}
.newslist ul li .h2{font-size: 20px; color: #333;}
.newslist ul li:hover .h2{color: #104070;}
.newslist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.newslist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.newslist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.newslist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;}
.newslist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;}
.newslist ul li:hover a{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);}
.page{width: 100%; text-align: center; margin-top: 60px;}
.page a{display: inline-block; font-size: 16px; color: #999; background-color: #fff; padding: 7px 14px;}
.page a:hover,.page a.on{background-color: #104070; border-color: #104070; color: #fff;}
.newsleft{/*width: 1288px;*/ width: 79%; float: left;}
.newsdetail{background-color: #fff; padding: 50px 64px 100px 64px;}
.newsdetail h1{font-size: 36px; font-weight: bold; color: #000; text-align: center; word-wrap: break-word;}
.newsdetail .newsinfo{font-size: 14px; color: #999; padding: 10px 0; text-align: center;}
.newsdetail .newsinfo .admin,.newsdetail .newsinfo .time,.newsdetail .newsinfo .bdsharebuttonbox{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; display: inline-block; float: none; width: 27px; height: 27px; background-position: center; -webkit-transition: all 0s ease; transition: all 0s ease;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image: url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image: url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image: url(../images/nwwb.png);}
.newsdetail .newstext{border-top: 1px solid #ebebeb; padding: 40px 0; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;}
.newsdetail .newstext img{margin: 0 auto;}
.newsdetail .newsmore{width: 100%; height: 48px; line-height: 48px; background-color: #efefef;}
.newsdetail .newsmore ul li{width: 33.333%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsdetail .newsmore ul li a{font-size: 14px; color: #333; display: inline-block; margin: 0 20px;}
.newsdetail .newsmore ul li a:hover{color: #104070;}
.newsdetail .newsmore ul li.Prev{text-align: left;}
.newsdetail .newsmore ul li.Prev a{padding-left: 20px; background: url(../images/News_Prev.png) left center no-repeat;}
.newsdetail .newsmore ul li.Backlist a{padding-left: 20px; background: url(../images/Backlist.png) left center no-repeat;}
.newsdetail .newsmore ul li.Next a{padding-right: 20px; background: url(../images/News_Next.png) right center no-repeat;}
.newsdetail .newsmore ul li.Next{text-align: right;}
.newsright{/*width: 305px;*/ width: 19%; float: right;}
.nwNextlist{background-color: #fff; padding: 20px 0;}
.nwNextlist ul li{padding: 10px 30px;}
.nwNextlist ul li .th{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;}
.nwNextlist ul li .th i{display: inline-block; background-color: #fff; padding-right: 10px;}
.nwNextlist ul li .th:after{content:""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position: absolute; left: 0; top: 49%; z-index: -1;}
.nwNextlist ul li .time{font-size: 14px; color: #999; margin-top: 10px;}
.nwNextlist ul li .h2{font-size: 16px; color: #666;}
.nwNextlist ul li:hover .h2{color: #104070;}
.nwMyewm{margin-top: 15px; background-color: #fff; text-align: center; padding: 34px;}
.nwMyewm .th{display: block; font-size: 16px; color: #666; margin-bottom: 5px;}
.nwMyewm .ewm img{border: 1px solid #f5f5f5; margin: 0 auto;}

/*about*/
.abbanner{width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #000; background-image: url(../images/banner5.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutNumBar{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.aboutNumBar ul li{width: 33.333%; float: left; text-align: center;}
.aboutNumBar ul li .box{width: 226px; display: inline-block; text-align: left;}
.aboutNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 100px; font-weight: bold; color: #104070; line-height: 1.1;}
.aboutNumBar ul li .pn{font-size: 16px; color: #fff;}
.mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;}
.mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.aboutBox{width: 100%; padding: 80px 0; background-color: #fff;}
.aboutBox .layout{max-width: 1100px;}
.aboutTitle{width: 100%; text-align: center;}
.aboutTitle h2{font-size: 48px; color: #000; line-height: 1.1;}
.aboutTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.aboutUs{background-color: #f8f8f8; margin-top: 50px; padding: 70px 144px; border-radius: 10px;}
.aboutUs .h2{font-size: 36px; font-weight: bold; color: #104070; position: relative; z-index: 1;}
.aboutUs .h2:after,.aboutUs .h2:before{content:""; display: block; width: 37px; height: 34px; position: absolute; top: 10px; z-index: -1; background-size: cover; background-repeat: no-repeat;}
.aboutUs .h2:before{left: -65px; background-image: url(../images/abIcon_l.png);}
.aboutUs .h2:after{right: -20px; background-image: url(../images/abIcon_r.png);}
.aboutUs .pn{font-size: 16px; color: #666; text-align: justify;text-justify: inter-ideograph;}
.aboutBox02{width: 100%; min-height: 650px; background-image: url(../images/aboutBox02.jpg); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutBox02 .aboutTitle h2{color: #fff;}
.aboutSer{width: 100%; margin-top: 50px;}
.aboutSer ul li{margin-top: 1px; padding: 45px 60px; overflow: hidden; position: relative; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.aboutSer ul li .h2{width: 180px; padding: 20px 10px 0 0; float: left; font-size: 30px; color: #eca50b;}
.aboutSer ul li .pn{width: 402px; float: left; font-size: 16px; color: #fff; opacity: .6; text-align: justify;text-justify: inter-ideograph;}
.aboutSer ul li .icon{width: 35px; height: 35px; border-radius: 50%; background-color: #104070; display: block; position: absolute; right: 60px; top: 50%; margin-top: -17px;}
.aboutSer ul li .icon:after{content:""; width: 0; height: 0; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.aboutBox03{background-color: #f7f7f7;}
.abContact{width: 100%; border-top: 1px solid #e6e6e6; margin-top: 50px;}
.abContact ul li{border-bottom: 1px solid #e6e6e6; padding: 30px 140px 40px 0; position: relative;}
.abContact ul li .h2{font-size: 24px; color: #000; margin-bottom: 5px;}
.abContact ul li .h2 img{max-width: 51px; margin-right: 5px; vertical-align: bottom;}
.abContact ul li .pn{font-size: 16px; color: #666; line-height: 30px;}
.abContact ul li .Btns{width: 120px; height: 38px; line-height: 38px; text-align: center; background-color: #104070; font-size: 16px; color: #fff; overflow: hidden; display: block; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -19px;}
.abContact ul li .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.abContact ul li .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*contact*/
.contact-box01{width: 100%; background-color: #fff; padding: 230px 0 190px 0;}
.contact-box01 .h2{font-size: 24px; color: #333;}
.contact-box01 .pn{margin-top: 10px;}
.contact-box01 .pim img{max-width: 100%; display: block;}
.contact-box01 .line{width: 43px; height: 2px; display: block; background-color: #333; margin: 50px 0;}
.contact-box01 .pe{margin-bottom: 10px;}
.contact-box01 .btns{width: 188px; height: 55px; line-height: 55px; text-align: center; background-color: #333; font-size: 12px; color: #fff; overflow: hidden; display: block; margin-top: 90px; position: relative; z-index: 1;}
.contact-box01 .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #104070; position: absolute; left: 0; bottom: 0; z-index: -1; 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;}
.contact-box01 .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.contact-box02{width: 100%; padding: 190px 0 120px 0; background-color: #000; background-image: url(../images/contact-box02.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat;}
.cont-info{width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #1e1e1d; border-bottom: 1px solid rgba(255,255,255,.1);}
.cont-info ul li{width: 50%; float: left;}
.cont-info ul li{font-size: 16px; color: #fff;}
.cont-info ul li .tn{font-size: 14px; color: #ccc; display: block; margin: 5px 0;}
.cont-tips{font-size: 12px; color: #fff;}
.cont-tips span{color: #ccc;}
.cont-form{width: 100%; min-height: 575px; position: relative;}
.cont-form ul li{/*width: 755px;*/ width: 46.35%; margin-top: 30px;}
.cont-form ul li .tit{font-size: 14px; color: #fff; height: 30px; line-height: 30px;}
.cont-form ul li .tit i{color: #104070;}
.cont-form ul li .cont-text,.cont-form ul li .cont-teat,.cont-form ul li .cont-sele{width: 100%; height: 40px; line-height: 40px; background: none; border: 2px solid #808080; padding: 0 10px; font-size: 14px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.cont-form ul li .cont-teat{height: 540px; padding: 5px 10px; line-height: 24px;}
.cont-form ul li .cont-text:focus,.cont-form ul li .cont-teat:focus{border-color: #fff;}
.cont-form ul li.item-teat{position: absolute; right: 0; top: 0;}
.cont-form ul li .cont-sele{color: #999;}
.cont-form ul li.item-submit{margin-top: 40px;}
.cont-form ul li .btns{/*width: 364px;*/ width: 48.3%; height: 50px; border: none; background-color: #b8b8b8; font-size: 16px; color: #333; cursor: pointer; float: left;}
.cont-form ul li .btns:hover,.cont-form ul li .reset{background-color: #104070; color: #fff;}
.cont-form ul li .reset{float: right;}

.about-box01{width: 100%; background-color: #fff; padding: 120px 0;}
.about-box01 .about-tm{max-width: 910px; margin: 0 auto; text-align: center;}
.about-box01 .about-tm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box01 .about-tm .h3{font-size: 14px; color: #666; line-height: 30px;}
.about-box01 .IndexList{width: 70%; padding-top: 30px;}
.about-box02{
	width: 100%;
	height: 676px;
	background-image: url(../images/contact.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 100px;
}
.about-box02 .about-xzwm{max-width: 1295px; margin: 0 auto; padding-top: 70px; text-align: center;}
.about-box02 .about-xzwm .h2{font-size: 36px; color: #fff; margin-bottom: 10px;}
.about-box02 .about-xzwm .h3{font-size: 16px; color: #d9d9d9;}
.about-box02 .about-xzwm .abul li{width: 21%; max-width: 270px; float: left; margin-top: 120px; margin-right: 18%; margin-right: 11%\0;}
.about-box02 .about-xzwm .abul li .co{
	display: block;
	width: 120px;
	height: 120px;
	border: 1px solid #fff;
	border-radius: 100%;
	margin: 0 auto;
	background-image: url(../images/about04.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.about-box02 .about-xzwm .abul li:hover .co{
	background-position: 0 -120px;
	border-color: #0099FF;
}
.about-box02 .about-xzwm .abul li .c1{background-position: 0 0;}
.about-box02 .about-xzwm .abul li .c2{background-position: -120px 0;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position: -120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position: -240px 0;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position: -240px -120px;}
.about-box02 .about-xzwm .abul li .t{display: block; font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.about-box02 .about-xzwm .abul li p{font-size: 14px; color: #c4c4c4;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right: 0;}
.about-box03{width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; padding: 120px 0;}
.about-box03 .about-xzwm{max-width: 1295px; margin: 0 auto; text-align: center;}
.about-box03 .about-xzwm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box03 .about-xzwm .h3{font-size: 14px; color: #666; line-height: 30px;}
.ab-team ul li{width: 30%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-top: 5%; margin-right: 5%; margin-right: 3%\0;}
.ab-team ul li:nth-of-type(3n){margin-right: 0;}
.ab-team ul li .pic{width: 100%; overflow: hidden;}
.ab-team ul li .pic img{width: 100%; display: block;}
.ab-team ul li .tmask{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); -webkit-transition: all .5s ease;transition: all .5s ease;}
.ab-team ul li:hover .tmask{visibility: visible; opacity: 1;}
.ab-team ul li .tm{padding: 35px; text-align: left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease;transition: all .8s ease;}
.ab-team ul li:hover .tm{transform: translateX(0) translateY(0);}
.ab-team ul li .tm .n1{font-size: 24px; font-weight: bold; color: #fff;}
.ab-team ul li .tm .n2{font-size: 16px; color: #fff; display: block;}
.ab-team ul li .tm .line{display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 10px; margin-bottom: 30px;}
.ab-team ul li .tm p{font-size: 14px; color: #fff; margin-bottom: 10px;}
.IndexList{width: 440px; margin: 0 auto; display: table; position: relative; -webkit-transition: all .8s ease-out 0s;transition: all .8s ease-out 0s;}
.IndexList ul{font-size: 0; padding-top: 30px;}
.IndexList li{display: inline-block; width: 33.33%; text-align: center; position: relative;}
.IndexList li i{font-size: 16px; color: #000;}
.IndexList li span{display: block; font-size: 14px; color: #666; letter-spacing: 4px;}
.nub{font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block;}
.NumContent{height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.IndexList.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}

/*myTop*/
.myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 5%; z-index: 100;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #104070;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.myTop ul li:hover a{background-color: #104070;}*/
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../images/myMess.png);}
.myTop ul li.myNum .icon{
	background-image: url(../images/icon/callNum.png);
}
.myTop ul li.mySer .icon{background-image: url(../images/mySer.png);}
.myTop ul li.GoTop .icon{
	background-image: url(../images/icon/GoTop.png);
}
.myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #104070; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}

/*footer*/
.footer{
	width: 100%;
	background-color: #1a3a6b; /*background-image: url(../images/footerBg.jpg);*/
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer .layout{position:relative;}
.footer .footertext{z-index:10;position:relative;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:1;}
.footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;}
.footer .footTou{padding: 77px 0 60px 0;}
.footer .ftlogos{
	width: 350px;
	float: left;
	font-size: 2rem;
	color: #666;
}
.footer .ftlogos p{margin-top: 10px; color: rgba(255,255,255,0.7);}
.footer .ftlogos a img{height: 45px; width: auto; display: block; margin-bottom: 10px;}
/* 视安核心价值 */
.spirit-values{padding: 60px 0;}
.spirit-values .sv-item{padding: 35px 0; border-bottom: 2px dashed #e0e0e0;}
.spirit-values .sv-item:last-child{border-bottom: none;}
.spirit-values .sv-label{font-size: 22px; font-weight: bold; color: #1a3a6b; margin-bottom: 12px;}
.spirit-values .sv-label span{font-size: 14px; font-weight: normal; color: #999; margin-left: 10px; letter-spacing: 1px;}
.spirit-values .sv-cn{font-size: 18px; color: #333; line-height: 1.8; margin-bottom: 8px;}
.spirit-values .sv-en{font-size: 14px; color: #999; line-height: 1.7;}
.footer .ftewm{width: 119px; float: right; text-align: center; font-size: 14px; color: #666;}
.footer .ftlinks{/*width: 840px;*/ width: 60.6%; float: right; overflow: hidden; word-break: break-all; word-wrap: break-word; display: flex; justify-content: space-between; gap: 40px;}
.footer .dl{width: auto; float: none; flex: 1;}
.footer .dl dt{font-size: 16px; color: #fff; padding: 0 35px 10px 0; position: relative;}
.footer .dl dt:after{content:" / "; display: block; font-size: 16px; color: #fff; position: absolute; right: 45px; top: 0;}
.footer .dl:nth-last-child(1) dt:after{display: none;}
.footer .dl dd{margin-top: 10px; padding-right: 10px; font-size: 14px;}
.footer .dl dd a{color: #fff;}
.footer .dl dd a:hover{color: #104070;}
.footer .footBom{width: 100%; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.15); overflow: hidden;zoom: 1;}
.footer .ftCopy{width: 50%; float: left; text-align: left; font-size: 12px; color: rgba(255,255,255,0.6);}
.footer .bdsharebuttonbox{width: 40%; float: right; text-align: right;}
.footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 0 0 7px; padding: 0; float: none; display: inline-block; background-image: url(../images/Share.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}
.dowebok .section{
    width: 100%;
}
#fenping   {
    display: inline-block;
    padding-left: 22%;

}
#fenping #tupian  {
    width: 10%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    display: inline;
}

.layout .indexTitle #fenpingbox {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
#wrapper #dowebok .machine01 {
    padding-top: 30px;
    background-color: #EDEDED;
}
.layout .indexTitle #zhanshi {
}
.indexTitle #zhanshi #zhanshiul {
	width: 100%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
#zhanshi #zhanshiul #zhanshi01 {
    width: 30%;
    float: left;
}
#zhanshiul #zhanshi01 #tu08 {
    width: 50%;
    margin-top: 30%;
    margin-left: 35%;
}
#zhanshiul #zhanshi01 #tu09 {
    margin-left: 20%;
    width: 100%;
}
.layout .indexTitle #zhanshi {
    width: 100%;
    height: 7.1em;
    /* [disabled]min-height: 730px; */
}
.sectionBox.section00.machine02 .layout #tubox {
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.layout #tubox #xunhuanbofang01 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.sectionBox.section00.machine02 .layout .indexTitle.geshi {
    background-color: #EBEBEB;
    padding-top: 15px;
    padding-bottom: 15px;
}
.layout .indexTitle.geshi #duogeshibox {
    width: 100%;
}
.indexTitle.geshi #duogeshibox #duogeshi01 {
    width: 25%;
    float: left;
}
.layout .indexTitle.geshi #xunhuanbofang01 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}
.layout #tubox #xunhuanbofang02 {
    width: 100%;
}
#wrapper #dowebok .sectionBox.section00.machine03 {
    background-color: #090909;
}
.layout .indexTitle .h2.wow.slideInDown1.xingneng01 {
    color: #FFFFFF;
}
.sectionBox.section00.machine03 .layout .indexTitle.xingneng00 {
    padding-top: 100px;
}
.sectionBox.section00.machine02 .layout .indexTitle.canshu01 {
    padding-top: 135px;

}
.layout .indexTitle.canshu01 .h2.wow.slideInDown1 {
    font-size: 40px;
}
#tubox #canshu03  {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.sectionBox.section00 .layout #linianbox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}
.layout #linianbox #linian01 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#linianbox #linian01 img {
	width: 100%;
}
.myTop ul li.wechat a .icon {
	background-image: url(../images/icon/wechat.png) !important;
}
#tubox #xunhuanbofang01 img {
	width: 100%;
}
#tubox #canshu03 img {
	width: 100%;
}
.slider .item /* #banner01 背景图已由JavaScript动态设置 */
.slider .item /* #banner02 背景图已由JavaScript动态设置 */
.slider .item /* #banner03 背景图已由JavaScript动态设置 */
#wrapper #dowebok #aboutbox {
	width: 100%;
}
#dowebok #aboutbox #about01 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#dowebok #aboutbox {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#about01 #aboutimg #abouttext {
	font-size: 20px;
	text-indent: 40px;

}
#dowebok #xiushi #setiao {
	width: 80%;
	height: 5px;
	background-color: #000000;
	float: right;
}
#dowebok #xiushi #setiao02 {
	width: 75%;
	height: 5px;
	background-color: #000000;
}
#dowebok .indexTitle.pn.wow.slideInDown2 #wenhua {
	font-size: 26px;
	line-height: 40px;
}
.box-info.box-service-1 .box-content #youshi {
	color: #000000;
	font-size: 4rem;
	text-align: center;
}
/* 关于视安/招聘资讯两列居中 */
#what-we-do .row{display: flex; justify-content: center; flex-wrap: wrap;}
#what-we-do .row > .col-md-4{float: none;}
.row.wow.slideInDown1 .col-md-6.animate-box #abouttext {
	font-size: 2rem;
}
#wrapper #dowebok #zhaopin {
	width: 100%;
}
#dowebok #zhaopin #zhaopin01 {
	width: 70%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.footTou.clearfix .ftewm #erwei {
	color: #FFFFFF;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 20px;
}
.footTou.clearfix .ftlogos p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.footTou.clearfix .ftlogos #lianxi0 {
	height: 40px;
	color: #FFFFFF;
	font-size: 2rem;


}
.footTou.clearfix .ftlogos #lianxi1 {
	height: 40px;
	color: #104070;
	font-size: 2rem;
}
.auto-container .sec-title.text-center #red {
	color: #104070;
	font-weight: bold;
	font-size: 40px;
}





























































/*Mobile Css*/
@media screen and (max-width:1600px){
#dowebok #xiushi {
	width: 100%;
}
    .logo a{width: 280px;}


    .nav ul li{margin-right: 26px;}
    .nav ul li .box{width: 100%;}
    .nav ul li:nth-child(2) .box{width: 100%;}
    .nav ul li:nth-child(3) .box{width: 100%;}
    .nav ul li:nth-child(5) .box{margin-right: 0;}
    .nav ul li:nth-child(6) .box{margin-right: 0;}
    .nav ul li .nav-body a{margin-right: 0;}
    .bannerNumBar ul li{height: 110px; padding-top: 20px;}
    .inBusiness ul li .box{padding: 40px 30px;}
    .mobText{padding-top: 150px;}
#wrapper #dowebok #banner {
    width: 100%;

}


}
@media screen and ( min-width : 1200px ) and (max-width : 1519px ){
    .layout{ width: 1180px; }

    .header{height: 80px;}
    .logo{padding-top: 17px;}
    .nav ul li>a{height: 80px; line-height: 80px;}
    .nav ul li .nav-body{top: 80px; min-height: 50px; height: auto;}
    .callNum{height: 80px; line-height: 80px;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 50px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .bannerNumBar ul li .pn{font-size: 14px;}
    .inBusiness ul li .box{height: 380px;}
    .baiweiDemand{padding: 80px 0;}
    .dowebok .baiweiDemand{
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}
    .nybanner{height: 528px;}
    .nybanner .h2{font-size: 34px;}
    .footer .ftlinks{width: 640px; gap: 24px;}
    .footer .dl dt{font-size: 14px; padding-right: 20px;}
    .footer .dl dt:after{right: 20px;}
    .footer .dl dd{font-size: 12px;}
    .section .webTmain{width: 47.5%;}
    .section .webPic{width: 52.5%;}
    .section .webTmain .h2,.mobText .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .mobText{width: 400px;}
    .mobText .pn{font-size: 12px; line-height: 24px;}
    .mobText .th{font-size: 14px; font-weight: bold; margin-top: 15px;}
    .mobText .dl dd{font-size: 12px;}
    .caseTextBox{padding: 60px 40px;}
    .contact-box01{padding: 120px 0;}

}
@media screen and (min-width:769px) and (max-width:1199px){
    .layout { width: 750px; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{position: absolute; left: 3%; top: 0; padding-top: 0;}
    .logo a{width: 240px; height: 40px; background-image: url(../images/logo_b.png); background-position: left center; background-size: contain; background-repeat: no-repeat;}
    .nav,.callNum,.search-box,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 20px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .aboutNumBar ul li .num{font-size: 60px;}
    .indexTitle h2,.aboutTitle .h2,.nybanner .h2{font-size: 24px;}
    .aboutUs .h2{font-size: 20px;}
    .nybanner .pn,.aboutNumBar ul li .pn,.bannerNumBar ul li .pn{font-size: 14px;}
    .aboutUs .pn{font-size: 12px;}
	
    .inBusiness ul li .box{height: 380px;}
    .inBusiness ul li{
    width: 48%;
    margin-bottom: 2%;
}
    .indexCase ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.caseTextBox .caseTitle,.caseTextBox .caseInfo{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li:hover,.newslist ul li:hover a{box-shadow: none; transform: none; transition: none;}
    .indexnwlist ul li a{padding: 20px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont{font-size: 12px; height: 87px;}
    .indexnwlist ul li .time{margin-top: 20px;}
    .baiweiform ul li{width: 25.95%;}
    .baiweiform ul li.itemSub{width: 20%;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webTmain,.section .webPic{width: auto; float: none;}
    .section .webPic img{position: relative; max-width: 60%;}
    .section .webTmain{padding: 40px; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{margin: 0 auto; display: block;}
    .section .webTmain .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .nybanner,.abbanner{height: 600px !important;}
    .mobText{padding: 150px 0;}
    .caseWrap{padding-top: 60px;}
    .caseTextBox{padding: 40px 20px;}
    .caseTextBox .caseInfo{margin-top: 20px;}
    .newsTou .indexnwlist ul li a,.newslist ul li a{padding: 30px 20px;}
    .newslist ul li{width: 50%; margin: 16px 0 0 0;}
    .newsleft{width: 74%;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsright{width: 25%;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .contact-box01,.contact-box02{padding: 110px 0 120px 0;}
    .aboutNumBar ul li .box{width: 197px;}
    .aboutSer ul li .h2{width: 115px;}
    .aboutSer ul li .pn{width: 320px;}
}
@media screen and (max-width:768px){
    .layout { width: 95%; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{float: none; padding-top: 0;}
    .logo a{width: 200px; height: 33px; background-image: url(../images/logo_b.png); background-position: left center; background-size: contain; background-repeat: no-repeat;}
    .nav,.callNum,.search-box,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .banner .pimg{height: auto !important; padding-top: 56.25%; background-size: 100% auto !important; background-position: center top;}
    .nybanner,.abbanner{height: 400px !important;}
    .banner .banText{transform: translateY(-50%); margin-top: 40px;}
    .banner .banText .pn,.indexTitle p,.baiweiform ul li,.baiweiform ul li.itemSub{margin-top: 5px;}
    .mouseIco{width: 40px; height: 40px; margin-top: 10px; overflow: hidden;}
    .bannerNumBar .digital,.bannerNumBar .digital.active{transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);}
    .bannerNumBar{position: static; left: auto; bottom: auto;}
    .bannerNumBar ul li{height: 70px; padding-top: 20px;}
    .bannerNumBar ul li.item1,.bannerNumBar ul li.item2,.bannerNumBar ul li.item3,.bannerNumBar ul li .box{text-align: center;}
    .bannerNumBar ul li .box{margin: 0 5px;}
    .indexTitle h2,.aboutTitle .h2{font-size: 24px;}
    .banner .banText .h2,.bannerNumBar ul li .num,.nybanner .h2,.aboutNumBar ul li .num,.abContact ul li .h2,.indexnwlist ul li .time b{font-size: 20px;}
    .indexCase ul li h2,.indexnwHot .h2,.newslist ul li .h2,.newslist ul li .time b,.aboutUs .h2{font-size: 16px;}
    .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}
    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}
    .sectionBox,.baiweiDemand,.aboutBox{padding: 30px 0 40px 0;}
    .inBusiness,.indexCase,.indexPartner,.indexNews,.baiweiform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}
    .inBusiness ul li{
	width: 48%;
	margin-bottom: 2%;
}
    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}
    .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;}
    .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;}
    .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;}
    .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;}
    .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;}
    .indexCase ul li{width: 50%;}
    .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;}
    .indexCase ul li .icon{right: 10px;}
    .indexCase ul li .bg img{max-height: 80px;}
    .indexBtns{margin-top: 15px;}
    .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;}
    .indexPartner ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.baiweiform ul li,.baiweiform ul li.itemSub,.footer .ftlogos,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsleft,.newsright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont,.newslist ul li .pcont{height: 125px; margin-top: 5px;}
    .indexnwlist ul li .time,.newslist ul li .time{margin-top: 10px; padding-top: 10px;}
    .footer .footTou{padding: 45px 0 0 0;}
	.footer video{width:140%; display:none;}
    .footer .ftlogos{text-align: center;}
    .footer .ftlogos img{max-width: 120px;}
    .footer .ftewm{float: none; margin: 0 auto; padding: 15px 0;}
    .footer .ftCopy,.footer .bdsharebuttonbox{text-align: center;}
    .footer .bdsharebuttonbox{margin-top: 5px;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webPic img{position: relative; max-width: 95%;}
    .section .webTmain{padding: 20px 2.5% 40px 2.5%; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{max-width: 100%; margin: 0;}
    .section .webTmain .h2,.mobText .h2,.caseTextBox .caTit{font-size: 20px;}
    .section .webTmain .h3,.mobText .th{font-size: 14px;}
    .section .webTmain .pn,.mobText .pn,.mobText .dl dd{font-size: 12px; height: auto;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .section .webBtns a{width: 110px; height: 38px; line-height: 38px; font-size: 12px;}
    .mobText{width: auto; padding: 80px 0;}
    .mobText .th{margin-top: 15px;}
    .mobText .dl dd{margin-right: 10px;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 6px 10px;}
    .caseWrap{padding-top: 60px;}
    .caseDetails{padding: 40px 0 30px 0;}
    .caseTextBox{padding: 40px 20px;}
    .caseDetailsBom{padding: 40px 0;}
    .newslist ul{margin-left: -5px; margin-right: -5px; margin-bottom: 0;}
    .newslist ul li{width: 50%; margin: 10px 0 0 0;}
    .newslist ul li a{margin: 0 5px; padding: 20px 10px;}
    .newsleft,.newsright{margin-bottom: 5px;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsdetail .newstext{padding: 20px 0;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .aboutNumBar{margin-top: 10px;}
    .aboutNumBar ul li .box{width: auto; margin: 0 5px; text-align: center;}
    .aboutUs{padding: 30px 20px;}
    .aboutUs .h2{padding: 10px 45px 0 45px;}
    .aboutUs .h2:before{left: 0;}
    .aboutUs .h2:after{right: 0;}
    .about-box01 .about-tm .h2,.about-box03 .about-xzwm .h2{font-size: 20px; margin-bottom: 10px;}
	.about-box01 .IndexList{width: 95%; padding-top: 0;}
	.about-box01 .about-tm .h2{font-size: 26px;}
    .about-box01 .about-tm .nub{font-size: 30px; height: 34px; line-height: 34px;}
	.about-box02{height: auto; padding-bottom: 70px; overflow: hidden;}
	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width: 100%; width: auto; float: none; margin: 20px 0 0 0;}
    .about-box02 .about-xzwm .h2{font-size: 20px; margin-bottom: 5px;}
    .about-box02 .about-xzwm .h3{font-size: 14px;}
    .about-box02 .about-xzwm .abul li .co{width: 70px; height: 70px; background-size: 210px auto;}
    .about-box02 .about-xzwm .abul li:hover .c1{background-position: 0 -70px;}
    .about-box02 .about-xzwm .abul li .c2{background-position: -70px 0;}
    .about-box02 .about-xzwm .abul li:hover .c2{background-position: -70px -70px;}
    .about-box02 .about-xzwm .abul li .c3{background-position: -140px 0;}
    .about-box02 .about-xzwm .abul li:hover .c3{background-position: -140px -70px;}
    .about-box02 .about-xzwm .abul li .t{font-size: 16px; margin: 20px 0 5px 0;}
    .about-box02 .about-xzwm .abul li p{font-size: 12px;}
	.about-box01,.about-box03{padding:40px 0;}
	.ab-team ul li{width: 49%; margin-right: 2%;}
	.ab-team ul li:nth-of-type(3n){margin-right: 2%;}
	.ab-team ul li:nth-of-type(2n){margin-right: 0;}
	.ab-team ul li .tm{padding: 10px;}
	.ab-team ul li .tm .n1{font-size: 14px;}
	.ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size: 12px;}
	.ab-team ul li .tm .line{margin: 5px 0;}
	.ab-team ul li .tm p{margin-bottom: 0;}
    .aboutSer ul li{padding: 20px;}
    .aboutSer ul li .h2{text-align: center; font-size: 20px; padding: 0;}
    .aboutSer ul li .pn{padding: 15px 0;}
    .aboutSer ul li .icon{position: relative; margin: auto; right: auto; top: auto;}
    .abContact ul li{padding: 20px 0;}
    .abContact ul li .Btns{position: relative; right: auto; top: auto; margin-top: 15px;}
    .abContact ul li .pn{line-height: 22px;}

    .alert-action{left: 30px; top: 30px; width: 40px; height: 40px; background-size: cover;}
    .font-48{font-size: 20px;}
    .contact-box01{padding: 90px 0 40px 0;}
    .contact-box02{padding: 90px 0;}
    .contact-box01 .h2{font-size: 16px;}
    .contact-box01 .pn img{max-width: 110px;}
    .contact-box01 .pe img{max-width: 250px;}
    .contact-box01 .line{margin: 20px 0;}
    .contact-box01 .btns{width: 120px; height: 40px; line-height: 40px; margin-top: 30px;}
    .cont-info{padding-bottom: 20px; margin-bottom: 20px;}
    .cont-info ul li,.cont-form ul li{width: 100%;}
    .cont-form ul li{margin-top: 15px;}
    .cont-form ul li.item-teat{position: relative; right: auto; top: auto;}
    .cont-form ul li .cont-teat{height: 200px;}
}

/* 平板端（竖屏768~横屏1024）：banner 宣传图按 16:9 完整显示，不裁切两侧 */
@media screen and (min-width:769px) and (max-width:1024px){
    .banner .pimg{height: auto !important; padding-top: 56.25%; background-size: 100% auto !important; background-position: center top;}
}

@media screen and (min-width:1520px){
.layout .indexTitle #zhanshi {
    min-height: 12em;
}

}

@media screen and (min-width:769px){
#aboutbox #about01 #aboutimg {
	margin-right: 5%;
	width: 100%;
}
#aboutbox #about01 #abouttext {

}
#about01 #aboutimg img {
	width: 50%;
	float: left;
	margin-right: 5%;

}




}











li{
	list-style: none;
}
h4{
	font-size: 14px;
	color: #008ed6;
	text-transform: uppercase;
	margin-top: 65px;
	font-weight: 700;
}
h2{
	font-size: 36px;
	color: #1a1a1a;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 0;
}
.animated {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
}

/*features area*/
.features img{
	margin:auto;
	display: block;
	margin-bottom: 50px;
}
.features i.fa{
	font-size: 25px;
	color: #008ed6;
	font-weight: 700;
	width: 100px;
	  height: 100px;
	  border: 1px solid #e1e1e1;
	  line-height: 4;
	  border-radius: 50%;
	  cursor: pointer;
	  transition: all .7s ease 0s;
	  -webkit-transition: all .7s ease 0s;
	  -moz-transition: all .7s ease 0s;
	  -o-transition: all .7s ease 0s;
	  -ms-transition: all .7s ease 0s;
}
.features i.fa:hover{
	color: #fff;
	background: #008DD5;
}
.features h3{
	font-size: 24px;
	color: #1a1a1a;
}
.features p{
	font-size: 18px;
	color: #999999;
	margin-bottom: 70px;
}
/*details area*/
.details-phone{
	margin-top: 50px;
}
.details p{
	font-size: 18px;
	color: #999999;
	margin: 30px 0;
}
.details ul{
	margin: 0;
	padding: 0;
}
.details ul li{
	font-size: 18px;
	color: #1b1b1b;
}
.details ul li i.fa{
	font-size: 20px;
	color: #008ed6;
	height: 30px;
	width: 30px;
}

/*feature-detail area*/
.feature-detail{
	background: #f2f2f2;
}
.feature-detail h4{
	margin-top: 120px;
}
.feature-detail h2{
	margin-bottom: 10px;
}
.feature-detail p{
	font-size: 18px;
	color: #999999;
	margin-top: 20px;
}
.horizontal-phone img{
	margin:30px 0;
}

/* ============ 首页新板块样式 ============ */

/* 通用板块标题 */
.new-section{padding: 80px 0;}
.new-section .sec-title{text-align: center; margin-bottom: 50px;}
.new-section .sec-title h2{font-size: 36px; color: #1a1a1a; font-weight: bold; margin-bottom: 10px;}
.new-section .sec-title p{font-size: 16px; color: #999; letter-spacing: 3px; text-transform: uppercase;}

/* ============ AI产品中心 ============ */
.product-center{background: #fff;}
.product-tabs{display: flex; justify-content: center; gap: 60px; margin-bottom: 50px;}
.product-tabs .tab-item{padding: 12px 30px; font-size: 18px; color: #333; cursor: pointer; border: 2px solid transparent; border-radius: 30px; transition: all 0.3s;}
.product-tabs .tab-item.active{border-color: #1a3a6b; color: #1a3a6b; font-weight: bold;}
.product-tabs .tab-item:hover{color: #1a3a6b;}

.product-carousel-wrap{position: relative; max-width: 1400px; margin: 0 auto; padding: 0 60px;}
.product-carousel{overflow: hidden;}
.product-track{display: flex; gap: 30px; transition: transform 0.5s ease;}
.product-card{flex: 0 0 calc(25% - 23px); min-width: calc(25% - 23px);}
.product-card .prod-img{width: 100%; height: 240px; overflow: hidden; border-radius: 8px; margin-bottom: 20px;}
.product-card .prod-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;}
.product-card:hover .prod-img img{transform: scale(1.05);}
.product-card h3{font-size: 18px; color: #1a1a1a; margin-bottom: 10px; font-weight: bold;}
.product-card p{font-size: 14px; color: #666; line-height: 1.8;}

.prod-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 24px; color: #1a3a6b; z-index: 10; transition: all 0.3s; border: none;}
.prod-arrow:hover{background: #1a3a6b; color: #fff;}
.prod-arrow.prev{left: 0;}
.prod-arrow.next{right: 0;}

/* ============ 关于我们 ============ */
.about-section{position: relative; background: url(../images/bg_about.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 80px 0;}
.about-section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(10, 30, 70, 0.85);}
.about-section .container{position: relative; z-index: 2;}
.about-section .sec-title h2{color: #fff;}
.about-section .sec-title p{color: rgba(255,255,255,0.6);}
.about-content{max-width: 900px; margin: 0 auto 50px; text-align: center;}
.about-content p{font-size: 16px; line-height: 2; color: rgba(255,255,255,0.9); margin-bottom: 15px; text-align: left; text-indent: 2em;}
.about-btn{display: inline-block; padding: 12px 40px; background: #fff; color: #1a3a6b; font-size: 16px; border-radius: 4px; text-decoration: none; margin-top: 20px; transition: all 0.3s;}
.about-btn:hover{background: #1a3a6b; color: #fff;}

.about-stats{display: flex; justify-content: center; gap: 80px; margin-top: 60px; flex-wrap: wrap;}
.stat-item{text-align: center;}
.stat-item .stat-icon{width: 80px; height: 80px; border: 2px solid rgba(255,255,255,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px;}
.stat-item .stat-num{font-size: 48px; font-weight: bold; color: #fff; line-height: 1;}
.stat-item .stat-num span{font-size: 24px;}
.stat-item .stat-label{font-size: 16px; color: rgba(255,255,255,0.8); margin-top: 10px;}

/* ============ 新闻资讯 ============ */
.news-section{position: relative; background: url(../images/bg_news.jpg) center center no-repeat; background-size: cover; padding: 80px 0;}
.news-section:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(245, 248, 252, 0.95);}
.news-section .container{position: relative; z-index: 2;}
.news-grid{display: flex; gap: 40px; margin-bottom: 50px;}
.news-featured{flex: 0 0 35%;}
.news-featured .news-img{width: 100%; height: 280px; overflow: hidden; border-radius: 8px; margin-bottom: 20px;}
.news-featured .news-img img{width: 100%; height: 100%; object-fit: cover;}
.news-featured h3{font-size: 20px; color: #1a1a1a; margin-bottom: 10px; font-weight: bold; line-height: 1.5;}
.news-featured p{font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 10px;}
.news-featured .news-date{font-size: 14px; color: #999;}

.news-list{flex: 1; display: flex; flex-direction: column; gap: 30px;}
.news-item{display: flex; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0;}
.news-item:last-child{border-bottom: none;}
.news-item .news-text{flex: 1;}
.news-item h4{font-size: 17px; color: #1a1a1a; margin-bottom: 10px; font-weight: bold; line-height: 1.5;}
.news-item p{font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 8px;}
.news-item .news-date{font-size: 13px; color: #999;}

.news-bottom{display: flex; gap: 30px; margin-bottom: 50px;}
.news-bottom-item{flex: 1; display: flex; gap: 20px; padding: 25px; background: #fff; border-radius: 8px; box-shadow: 0 2px 15px rgba(0,0,0,0.05);}
.news-bottom-item .big-date{flex: 0 0 70px; text-align: center;}
.news-bottom-item .big-date .day{font-size: 42px; font-weight: bold; color: #1a3a6b; line-height: 1;}
.news-bottom-item .big-date .month{font-size: 14px; color: #1a3a6b; margin-top: 5px;}
.news-bottom-item .news-text h4{font-size: 16px; color: #1a1a1a; margin-bottom: 8px; font-weight: bold; line-height: 1.5;}
.news-bottom-item .news-text p{font-size: 13px; color: #666; line-height: 1.7;}

.news-more{text-align: center;}
.news-more a{display: inline-block; padding: 14px 60px; background: #1a3a6b; color: #fff; font-size: 16px; border-radius: 4px; text-decoration: none; transition: all 0.3s;}
.news-more a:hover{background: #152d52;}

/* 响应式 */
@media(max-width: 992px){
    .product-card{flex: 0 0 calc(50% - 15px); min-width: calc(50% - 15px);}
    .news-grid{flex-direction: column;}
    .news-featured{flex: none;}
    .news-bottom{flex-direction: column;}
    .about-stats{gap: 40px;}
    .product-tabs{gap: 20px; flex-wrap: wrap;}
}
@media(max-width: 576px){
    .product-card{flex: 0 0 100%; min-width: 100%;}
    .new-section{padding: 50px 0;}
    .new-section .sec-title h2{font-size: 28px;}
}

/* ============ 产品中心页面 ============ */
.product-center-page{padding: 80px 0; background: #f8f9fa;}
.product-center-page .container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.product-center-page .sec-title{text-align: center; margin-bottom: 50px;}
.product-center-page .sec-title h2{font-size: 36px; color: #1a3a6b; margin-bottom: 10px;}
.product-center-page .sec-title p{font-size: 16px; color: #999; letter-spacing: 3px;}
.product-card{background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.product-card:hover{transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15);}
.product-card .prod-img{width: 100%; height: 180px; overflow: hidden; background: #f0f0f0;}
.product-card .prod-img img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.product-card:hover .prod-img img{transform: scale(1.05);}
.product-card h3{font-size: 18px; color: #333; padding: 20px 20px 10px; margin: 0;}
.product-card p{font-size: 14px; color: #888; line-height: 1.6; padding: 0 20px 20px; margin: 0;}
@media (max-width: 992px){
	.product-card{flex: 0 0 calc(50% - 15px) !important; min-width: calc(50% - 15px) !important;}
}
@media (max-width: 576px){
	.product-card{flex: 0 0 100% !important; min-width: 100% !important;}
}
/* ============ 新闻资讯页面 ============ */
.news-center-page{padding: 80px 0; background: #f8f9fa;}
.news-center-page .container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.news-center-page .sec-title{text-align: center; margin-bottom: 50px;}
.news-center-page .sec-title h2{font-size: 36px; color: #1a3a6b; margin-bottom: 10px;}
.news-center-page .sec-title p{font-size: 16px; color: #999; letter-spacing: 3px;}
.news-item:hover{background: #fafafa;}
.news-item:hover h3{color: #1a3a6b;}
.news-item:hover .news-img img{transform: scale(1.05);}
.news-img img{transition: transform 0.3s ease;}
.hot-news-list a:hover{color: #1a3a6b;}
@media (max-width: 992px){
	.news-center-page > .container > div{flex-direction: column;}
	.news-center-page > .container > div > div:first-child{flex: 0 0 100% !important; min-width: 100% !important;}
	.news-center-page > .container > div > div:last-child{flex: 0 0 100% !important; min-width: 100% !important;}
	.news-item{flex-direction: column;}
	.news-img{flex: 0 0 100% !important; min-width: 100% !important; height: 200px !important;}
}
/* 确保Slick轮播图按钮文字隐藏 */
.slick-prev, .slick-next {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}
.slick-prev:before, .slick-next:before {
    font-size: 0 !important;
    color: transparent !important;
}


/* ============ 解决方案板块 ============ */
.solution-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.solution-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    cursor: pointer;
}

.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.solution-card .solution-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f5f5f5;
}

.solution-card .solution-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.solution-card:hover .solution-img img {
    transform: scale(1.05);
}

.solution-card .solution-info {
    padding: 25px;
}

.solution-card .solution-info h3 {
    font-size: 20px;
    color: #1a3a6b;
    margin-bottom: 8px;
    font-weight: bold;
}

.solution-card .solution-en {
    font-size: 13px;
    color: #999;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.solution-card .solution-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

.solution-card .solution-more {
    display: inline-block;
    color: #1a3a6b;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

.solution-card .solution-more:hover {
    color: #104070;
}

@media (max-width: 768px) {
    .solution-grid {
        grid-template-columns: 1fr;
    }
}


/* ============ 解决方案深色卡片样式 ============ */
.solution-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.solution-card-dark {
    background: linear-gradient(135deg, #0a1628 0%, #1a2a4a 50%, #0d1b2a 100%);
    border-radius: 12px;
    padding: 35px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
}

.solution-card-dark::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(26,58,107,0.3) 0%, transparent 70%);
    border-radius: 50%;
}

.solution-card-dark:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
    border-color: rgba(26,58,107,0.5);
}

.solution-card-dark .scd-header {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.solution-card-dark .scd-header h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: bold;
}

.solution-card-dark .scd-en {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.solution-card-dark .scd-line {
    width: 40px;
    height: 3px;
    background: #1a3a6b;
    border-radius: 2px;
}

.solution-card-dark .scd-items {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}

.solution-card-dark .scd-items li {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: relative;
    padding-left: 15px;
}

.solution-card-dark .scd-items li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #1a3a6b;
    border-radius: 50%;
}

.solution-card-dark .scd-items li:last-child {
    border-bottom: none;
}

@media (max-width: 768px) {
    .solution-grid {
        grid-template-columns: 1fr;
    }
}


/* 解决方案下拉菜单特殊样式：确保多子项换行时背景色完整 */
.nav ul li .nav-body .box {
    line-height: normal;
    padding: 10px 0;
}
.nav ul li .nav-body .box a {
    line-height: 24px;
    padding: 8px 0;
    white-space: nowrap;
}


/* ============ 导航下拉菜单背景修复（高优先级）- 竖版 ============ */
/* 强制设置白色背景，防止被其他CSS覆盖 */
.nav ul li .nav-body {
    background-color: #ffffff !important;
    background: #ffffff !important;
    min-height: 0 !important;
    height: auto !important;
    width: 260px !important;
    min-width: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15) !important;
    border-bottom: 1px solid #e6e6e6 !important;
    overflow: visible !important;
}

/* 下拉菜单内容容器 */
.nav ul li .nav-body .layout {
    width: 100% !important;
    max-width: none !important;
    padding: 8px 0 !important;
    min-height: 0 !important;
    background: #ffffff !important;
}

/* 下拉菜单盒子 - 竖版 */
.nav ul li .nav-body .box {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    text-align: left !important;
    padding: 0 0 !important;
    line-height: normal !important;
}

/* 下拉菜单链接 - 竖版（上下排列） */
.nav ul li .nav-body .box a {
    display: block !important;
    font-size: 14px !important;
    color: #333 !important;
    margin: 0 24px !important;
    padding: 9px 5px !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s !important;
    opacity: 1 !important;
    margin-left: 24px !important;
}

.nav ul li .nav-body .box a:hover {
    color: #1a3a6b !important;
    border-bottom-color: #1a3a6b !important;
    background: #f5f8fc !important;
}

/* 确保下拉菜单显示时不透明 */
.nav ul li.ative .nav-body {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #ffffff !important;
}

/* 解决方案下拉菜单特殊处理：竖版适配 */
.nav ul li:nth-child(3) .nav-body .box {
    max-width: none !important;
}
.nav ul li:nth-child(3) .nav-body .box a {
    margin: 0 24px !important;
    font-size: 14px !important;
}