/* 20210816 */
body{background: #fff;}
.homepage-black .layout {background: #fff;}
.bglightgray {background-color: #005BAC;}
.menu-list-wrapper ul.hasicon{max-width:calc(100vw - 200px)!important;}
.menu-list-wrapper ul.hasicon>li{position: relative;min-width: 200px;}
.menu-list-wrapper ul.hasicon>li>a .iconmenu{width: 100%;text-align: center;position: absolute;left: 0;right: 0;}
.menu-list-wrapper ul.hasicon .iconmenu img{width: 30px;height: 30px; margin:-30px auto 0;}
.menu-list-wrapper ul.hasicon>li>a p{color: #005bac;text-align: center;width: 100%;padding-top: 40px;}
.nav-list{margin: 100px auto; width: 765px; border:1px solid #ddd; border-radius: 5px; overflow: hidden;}
.nav-list a{display: inline-block; height: 50px; text-decoration: none; color: #666; font-size: 16px; text-align: center; width:20%; float:left; line-height: 50px; border-right: 1px solid #ddd; box-sizing: border-box;}
.nav-list a:hover,.nav-list a.active{background-color: #1D50A3; color: #fff; border-right: 1px solid #1D50A3;box-sizing: border-box;}
.nav-list a:last-child{border-right: 0;}
.entry-content ol, .entry-content ul{margin-top: 0;}
.entry-content ol li, .entry-content ul li{line-height: 2.2;}
.case-imglist{}
.case-imglist img{width: 20%;display:block;float: left; box-shadow: inset 0 0 3px #fff;}
.index-total{width: 1200px;margin: 120px auto;overflow: auto;}
.index-total li{width: 25%;float: left;position: relative;}
.index-total li div{text-align: center;}
.index-total h1,.index-total h2,.index-total h3{display: inline-block;}
.index-total h1{font-size: 60px;color: #1d50a3;}
.index-total h2{font-size: 30px;color: #1d50a3;font-weight: bold;}
.index-total h3{font-size: 36px;color: #111;font-weight: bold;position: relative;top: -30px;}
.index-total p{font-size: 16px;color: #333;text-align: center;margin-top: 15px;}
.index-case{background: #fff;overflow: auto;margin-top: 80px;}
.index-case li{width: 25%;float: left;position: relative;}
.index-case li img{display: block;}
.index-case li p{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: #222;z-index:3;text-align:center; opacity:0; filter:alpha(opacity=0);
transition:1s all; -webkit-transition:1s all;}
.index-case li:hover p { opacity:0.9; filter:alpha(opacity=95);}
.index-case li span{position:absolute; width:80%; left:10%; color:#fff;  top:50%; margin-top:-29px; display:block; font-size:22px; }
.homepage-black .layout .sectionmenu.style-2.sdv .sectionmenu-pic{background-position: center top!important;}
.pc{display: block;}
.wap{display: none;}
.content {text-align: left;line-height: 2;margin:70px 10% 100px 10%;}
.content h2 {line-height: 1.1; padding-left: 10px; font-weight: 400; border-left-color: #004898; border-left-width: 4px; border-left-style: solid;font-size: 22px;margin-bottom: 22px;}
.content h1 {line-height: 1.1;  font-weight: 400;font-size: 22px;margin-bottom: 22px;text-align: center;}
.content p{font-size: 16px;margin-bottom: 70px;}
.content p span{font-weight: bold;}
@media (min-width: 800px){
.content {min-height: calc(100vh - 800px);}
}
.breadcrumb .wrap ul li{text-shadow: 1px 1px 2px rgba(0,0,0,0.2);color: #fff;}
@media (max-width: 1200px)
{
.index-total{width: 100%; margin: 50px auto;}
}
@media (max-width: 800px)
{
.nav-list{margin: 5vh auto; width:100%;}
.nav-list a{height: 40px;font-size: 14px;line-height: 40px;}
.case-imglist img{width: 33%;}
.index-total{width: 100%; margin: 50px auto;}
.index-total li{width: 100%;margin: 20px auto;}
.index-total h1{font-size: 30px;}
.index-total h2{font-size: 16px;}
.index-total h3{font-size: 20px;top: -16px;}
.index-case li{width: 100%;}
.index-case li img{width: 100%;}
}
@media (max-width: 900px)
{
.index-platform-section .cols-2 .left{width: 100%;height: 100vw;}
.index-platform-section .cols-2 .left .item{width: 100%;height: 100vw;}
.index-platform-section .cols-2 .left .figure {width: 100%;height:50%;}
.index-platform-section .cols-2 .left .text {width:100%;height:50%;top: 50%;}
.index-platform-section .cols-2 .right{width: 100%;height: 100vw;}
.index-platform-section .cols-2 .right .figure {width: 100%;height:50%;top: 0!important;bottom: 50%!important;}
.index-platform-section .cols-2 .right .text {width:100%;height:50%;top: 50%!important;bottom: 0!important;}
.homepage-black .layout .sectionmenu .sectionmenu-text h2{font-weight: normal;}
.homepage-black .layout .sectionmenu .sectionmenu-text{padding: 40px 20px;min-height: auto;}
.homepage-black .layout .sectionmenu.style-2.sdv{padding-top: 60vw!important;}
}
@media (min-width: 1200px)
{
	.index-platform-section .cols-2 .item .figure::before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);opacity: 0;}
	.index-platform-section .cols-2 .item:hover .figure::before {opacity: 0.8;transition:0.5s;}
	.index-platform-section .cols-2 .item:hover .text{opacity: 0.8;}
}
@media screen and (orientation: portrait) and (max-width:900px){
.pc{display: none;}
.wap{display: block;}
}


/* ...foot... */
/* body{overflow-x: hidden;} */
*{margin: 0;padding: 0;}
/* 大屏 */
.syicon{background:url(../images/icons-home.png) no-repeat;}
.section-bt{margin: 80px auto;}
.section-bt span{display: block;line-height: 2em;text-align: center;}
.section-bt span:first-child{font-size: 40px;font-weight: bold;color: #0156C7;}
.section-bt span:last-child{font-size: 18px;color: #333333;}
/* 选择我们 */
.sychoice{text-align: center;position: relative;width: 100%;overflow: hidden;}
.sychoice .col-lg-6{width: 50%;float: left;position: relative;}
.sychoice i{display: block; width: 84px;height: 84px;position: relative;margin: 0 auto 20px;}
.sychoice .imgc-icon1{background-position: -1px  -1px;}
.sychoice .imgc-icon2{background-position: -1px -91px;}
.sychoice .imgc-icon3{background-position: -1px  -181px;}
.sychoice .imgc-icon4{background-position: -1px  -271px;}
.sychoice .imgc-icon5{background-position: -1px  -361px;}
.sychoice .imgc-icon6{background-position: -1px  -451px;}
.sychoice h2{color: #333333;font-size: 20px;position: relative;height: 30px;}
.sychoice h2 span{font-size: 16px;}
.sychoice p{text-align: center;line-height: 22px;font-size: 14px;padding-bottom: 30px;}
.sychoice .p2{display: none;}
.sychoice .p1{display: block;}
.sychoice a{display: none;}
/* 免费获取 */
.syfree{padding: 50px 0;background: url(../images/index/home-free.jpg) no-repeat center 10px;background-size: cover; text-align: center;margin-top: 40px;}
.syfree h2{font-size: 36px;color: #FFFFFF;line-height: 150px;}
.syfree a{font-size: 16px;width: 240px;height: 48px;line-height: 48px; display: block;margin: 40px auto 20px;border: 1px solid #FFFFFF;border-radius: 24px;color: #FFFFFF;text-decoration: none;}
.syfree a:hover{background: #fff;color: #0156C7;}
/* 底部 */
.syfoot{background: #f5f5f5;color: #8B939D;padding: 50px 0;overflow: auto;}
.syfoot .imgf-icon1{display: block; width: 30px;height: 30px;background-position:-239px -645px;}
.syfoot .imgf-icon2{display: block;width: 30px;height: 30px;background-position: -286px -645px;}
.syfoot .imgf-icon3{display: block;width: 30px;height: 30px;background-position: -332px -645px;}
.syfoot .imgf-icon4{display: block;width: 30px;height: 30px;background-position: -379px -645px;}
.syfoot i{float: left;}
.syfoot i + p{color: #8B939D;float: left;margin-left: 20px;line-height: 30px;}
.syfoot2{background: #f5f5f5;color: #8B939D;text-align: center;border-top: 1px solid #e5e5e5;padding: 25px 0;}
.syfoot2 a{color: #8B939D;margin: 0 30px 15px;line-height: 2;display: inline-block;}
/**/
/* 领域 */
/* .index-platform-section .cols-2 .right .item:first-child{height: 100%;}
.index-platform-section .cols-2 .right .item:first-child .text{width: 100%;height: 50%;}
.index-platform-section .cols-2 .right .item:first-child .figure{width: 100%;height: 50%;bottom: 0;top: 50%;} */
.index-platform-section .cols-2 .right .item:first-child{height: 100%;display: none;}
.index-platform-section .cols-2 .right .item{height: 100%; background: #fafafa;}
.index-platform-section .cols-2 .right .item .text{width: 100%;height: 50%;color: #333;}
.index-platform-section .cols-2 .right .item .figure{width: 100%;height: 50%;bottom: 0;top: 50%;}
/**/
@media (min-width: 768px){
.syfoot .row > div  i + p{line-height: 2.6;position: relative;top: -3px;}
}
@media (min-width: 1200px){
.sychoice{padding: 0 6%;}
.sychoice p{width: 350px;margin: 0 auto;}
.sychoice .col-lg-6:nth-child(3){position: relative; left: -15%;}
.sychoice .col-lg-6:nth-child(4){position: relative; right: -15%;}
.sychoice-center{width: 500px;height: 240px;position: absolute;bottom: 160px;left: 50%;transform: translate(-50% ,0);z-index: 100;}
.sycenter{background:url(../images/index/icon-center.png) no-repeat;}
.sychoice-center .top{position: absolute;width: 500px;height: 100px;background-position: center 0px;z-index: 10;top: 20px;}
.sychoice-center .mid1{position: absolute;width: 500px;height: 160px;background-position: -6px -460px;z-index: 9;}
.sychoice-center .mid2{position: absolute;width: 500px;height: 160px;background-position: -6px -671px;z-index: 9;}
.sychoice-center .bottom{position: absolute;width: 500px;height: 80px;background-position: center -137px;z-index: 8;bottom: 0;}
.sychoice-center .shadow{position: absolute;width: 500px;height: 120px;background-position: center -258px;z-index: 8;bottom: 0;}
.syfoot{padding: 65px 0 60px;}
.syfoot2{padding: 25px 0;}
.syfoot .row > div:first-child{display: block;}
.syfoot .row > div:first-child i + p{position: relative;/* top: -13px; */width: 200px;line-height: 1.6;}
.syfoot .row > div:last-child i + p{position: relative;/* top: -13px; */width: 200px;line-height: 1.6;}
}
@media (min-width: 1400px){
.sychoice .col-lg-6:nth-child(3){position: relative; left: -20%;}
.sychoice .col-lg-6:nth-child(4){position: relative; right: -20%;}
}
@media (max-width: 1024px){
.section-bt{margin: 40px auto;}
}
@media (max-width: 768px){
/* 小屏 */
.sychoice p{height:90px;font-size: 18px;line-height: 1.6;}
.sychoice .p1{display: none;}
.sychoice .p2{display: block;}
.syfoot2 a{margin: 0 20px 10px;}
.section-bt span:first-child{font-size: 24px;}
.section-bt span:last-child{font-size: 15px;}
}
@media screen and (orientation: portrait) {
/* 手机竖屏 css */
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(-160deg);}
    to {-webkit-transform: rotate(-160deg);}
}
.syproduct i::after{
    -webkit-transform: rotate(-160deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;
}
.sychoice p{padding-bottom: 0;}
.sychoice .col-lg-6 .light{display: none;}
.sychoice .p2{font-size: 12px;}
.syfoot2 a{display: inline-block;}
.syfree{margin-top: 10px;padding: 10px 0 30px;}
.syfree h2{font-size: 18px;line-height: 4;}
.syfree a{margin: 10px auto 0;}
.syfoot {padding: 30px 0 20px;}
.syfoot i{transform:scale(0.7);}
}
/* 动效 */
.light{ position:absolute; left:-170px; top:0px; width:141px; height:131px;/* 根据图像高度自行修改 */
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);}
.sychoice .col-lg-6 .light{top: 0px;left: 0;}
.sychoice .col-lg-6:hover .light{ left:250px;/* 根据图像宽度自行修改 */ -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }

@-webkit-keyframes sycenter{
    0% {top: 20px;}
    25% {top: 15px;}
    50% {top: 20px;}
    75% {top: 25px;}
    100% {top: 20px;}
}
.sychoice-center .top{
    -webkit-transform:top: 20px;
    animation: sycenter 5s linear infinite;
    -moz-animation: sycenter 5s linear infinite;
    -webkit-animation: sycenter 5s linear infinite;
    -o-animation: sycenter 5s linear infinite;
}
@-webkit-keyframes syshadow{
    0% {transform:scaleX(1);}
    25% {transform:scaleX(0.95);}
    50% {transform:scaleX(1);}
    75% {transform:scaleX(1.1);}
    100% {transform:scaleX(1);}
}
.sychoice-center .shadow{
    -webkit-transform:scaleX(1);
    animation: syshadow 5s linear infinite;
    -moz-animation: syshadow 5s linear infinite;
    -webkit-animation: syshadow 5s linear infinite;
    -o-animation: syshadow 5s linear infinite;
}
@-webkit-keyframes symid1{
    0% {opacity:1;}
    25% {opacity:0.5;}
    50% {opacity:0.1;}
    75% {opacity:0.3;}
    100% {opacity:1;}
}
.sychoice-center .mid1{
    -webkit-transform:opacity:1;
    animation: symid1 2s linear infinite;
    -moz-animation: symid1 2s linear infinite;
    -webkit-animation: symid1 2s linear infinite;
    -o-animation: symid1 2s linear infinite;
}
@-webkit-keyframes symid2{
    0% {opacity:0.1;}
    25% {opacity:0.3;}
    50% {opacity:1;}
    75% {opacity:0.5;}
    100% {opacity:0.1;}
}
.sychoice-center .mid2{
    -webkit-transform:opacity:0;
    animation: symid2 2s linear infinite;
    -moz-animation: symid2 2s linear infinite;
    -webkit-animation: symid2 2s linear infinite;
    -o-animation: symid2 2s linear infinite;
}
/*  */
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}
.col-xs-12{width: 100%;float: left;}
@media (min-width: 768px){
.col-sm-6{width: 50%;float: left;}
}
@media (min-width: 1200px){
.col-lg-3{width: 25%;float: left;}
}
/* .../foot... */