@charset "utf-8";
/* CSS Document */
html, body {
    height: 100%;
}
body { font-size:15px; font-family:"microsoft yahei"; color: #333; background: #fff; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; -webkit-tap-highlight-color:transparent; color: #333; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;font-weight:bold;}
a:hover{ color:#da251d;}
* { padding: 0px; margin: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:80%; margin: 0 auto; }


/***head***/
.head-warp{ background:rgba(51,51,51,0.3); width:100%; height:70px; position:fixed; left:0; top:0; z-index:999;}
.head-warp .w{ position:relative;}
.head-warp .mt-logo{  width:179px; display:block; float:left; margin-top:11px;}
.head-warp .mt-logo .ph-logo{ display:none;}


.mt-nav{ width:64%; margin-left:22%; display: table;}
.mt-nav li{ position:relative; width:1%; display:table-cell; vertical-align:middle; z-index:1; }
.mt-nav li a.far{ position:relative; display:block; height:100%; line-height:62px; font-size:15px; font-weight:bold; white-space:nowrap; padding:0 40px; color:#fff; }
.mt-nav li .change{ color:white; margin: 0px 5px;}
.mt-nav .lan{ display: flex;width: 200px;align-items: center;margin-left: 66px;height: 62px;color:white; }
.mt-nav li a.far:before{ content:''; background:#dc3029; width:0; height:2px; position:absolute; left:50%; bottom:0; transition:all 0.5s;}
.mt-nav li a.far:hover:before, .mt-nav li.active a.far:before{ width:70%; left:15%;}
.mt-nav li .navSub{ background:rgba(51,51,51,.95); width:100%; position:absolute; left:0; top:100%; display:none;}
.mt-nav li .navSub a{ display:block; padding:8px 0; line-height:22px; color:rgba(255,255,255,.8); text-align:center;}
.mt-nav li .navSub a:hover{ background:#dc3029; color:#fff;}
.mt-tool{ position:absolute; right:0; top:50%; margin-top:-10px; z-index:2;}
.mt-tool .t-tel{  background:url(../images/t-tel.png) no-repeat left center; font-size:16px; line-height:22px; float:left; font-weight:lighter; color:#fff; padding-left:30px; margin-top:-10px;}
.mt-tool a{ width:24px; height:20px; display:inline-block; float:left; margin-left:20px;}
.mt-tool a.t-search{ background:url(../images/t-search.png) no-repeat;}
.mt-tool a.t-weix{ background:url(../images/t-weix.png) no-repeat;}
.mt-tool a.t-sina{ background:url(../images/t-sina.png) no-repeat;}


.searchBox { background:#333; position:absolute; width:81%; height:62px; top:-200px; right: 0; z-index:3; opacity:0; transition:all 0.6s ease 0s;}
.searchBox.searchShow { top:0; opacity:1; visibility:visible; }
.searchBox .inpt { background:none; width:750px; height:30px; line-height:30px; margin-top:16px; padding-left:43px; color:#fff; font-size:14px; }
.searchBox .btn{ background:url(../images/t-search.png) no-repeat center; width:62px; height:62px; position:absolute; right:70px; top:0; cursor:pointer;}
.searchBox .search-close { background:url(../images/search-close.png) no-repeat center; position:absolute; width:62px; height:62px; top:0; right:0; cursor:pointer; color:#fff; }


.module-list{ padding:50px 0; animation-name:fadeInUp; animation-delay:0.2s;}
.module-list li{ width:25%; float:left; text-align:center;  font-weight:lighter; font-size:16px;}
.module-list li .number .timer{ line-height:80px; display:inline-block; font-weight:lighter; font-size:66px; color:#444;}
.module-list li .number .timerA{ line-height:80px; display:inline-block; font-weight:lighter; font-size:66px; color:#444;}
.module-list li .number .unit { position: relative; top:0px; left:5px; color: #444; vertical-align: 40px; font-size:18px; font-weight:lighter; }

.telBtn{  background:url(../images/telBtn.png) no-repeat center; background-size:25px auto; width:40px; height:62px; position:absolute; right:62px; top:0; display:none;}
.menuBtn{ background:url(../images/menuBtn.png) no-repeat center; width:62px; height:62px; position:absolute; right:0; top:0; z-index:2; cursor:pointer; display:none;}
.menuBox { background:rgba(51,51,51,.95); width:100%; right: -100%; opacity: 0; visibility: hidden; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; position: fixed; top: 0; bottom: 0;  z-index: 1010; overflow: hidden; }
.menu-logo { width:180px; height:40px; position: absolute; top:20px; left:15px;}
.menuClose { background: url(../images/menuBtn-close.png) no-repeat; background-size:34px auto; transition: 400ms; -webkit-transition: 400ms; width:34px; height:34px; position: absolute; top:20px; right:15px; cursor: pointer; }
.menuClose:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.menuBox.menuShow { right: 0; opacity: 1; visibility: visible; }
.navMobile { padding-top:90px; }
.navMobile dd { padding:13px 0 13px 15px;}
.navMobile dd a{ font-size:16px; line-height:1.6; color:#fff; }
.navMobile dd a.act, .navMobile dd a:hover{ color:#0066cc;}
.weChat { padding:20px 0 0 15px; color:#fff;}
.weChat img{ width:92px; height:92px; display:block; margin-bottom:10px;}

.banner{ width:100%; position:relative; height:900px; overflow:hidden; margin-bottom:0 !important;}
.banner .banner-item{ background-position:center; background-size:cover; width:100%; height:900px; transition:ease 2.5s;  animation:zoomOut linear 2s; position:relative;s}
.banner .banner-item a{ width:100%; height:100%; display:block;}
.banner .slick-dots{ bottom:40px;}
.banner .slick-dots li{ width:40px; height:2px;}
.banner .slick-dots li button{ background:rgba(255,255,255,.4); width:40px; height:2px; padding:0;}
.banner .slick-dots li button:before{ display:none;s}
.banner .slick-dots li.slick-active button{background:rgba(255,255,255,.75);}


/***服务项目***/
.ServicePage{ background-image:url(../images/Service-Bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; min-height:910px; position:relative;}
.Service-word{ background:url(../images/Service-wordBg.png) no-repeat; width:35%; height:100%; position:absolute; left:0; top:0; }
.Service-word .iboxt{ text-align:center; display:inline-block; color:#fff; padding:11% 32% 0 22%;  font-weight:lighter; position:relative; z-index:5;}
.Service-word .iboxt .en{ font-size:70px; animation-name:fadeInUp; animation-delay:0.2s; }
.Service-word .iboxt .cn{ font-size:50px; animation-name:fadeInUp; animation-delay:0.2s;}
.Service-word .iboxt .c{ line-height:30px; padding-top:25px; animation-name:fadeInUp; animation-delay:0.2s;}
.Service-word .iboxt .mo{ width:100px; height:30px; line-height:30px; display:inline-block; position:relative; color:#da251d; margin-top:20px; border:1px #da251d solid; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; animation-name:fadeInUp; animation-delay:0.2s;}
.Service-word .iboxt .mo span{ position:relative; z-index:2; display:inline-block;}

.Service-list{ position:relative; z-index:2; padding:11% 8% 0 28%;}
.Service-list ul{ background:#fff; -webkit-box-shadow:0 0 30px rgba(0,0,0,.3); -moz-box-shadow:0 0 30px rgba(0,0,0,.3); box-shadow:0 0 30px rgba(0,0,0,.3);}
.Service-list li{ width:33.3%; float:left; text-align:center; height:285px; position:relative; perspective: 500px; overflow:hidden; animation-name:fadeInUp; animation-delay:0.2s;}
.Service-list li:nth-child(1){ animation-delay:0.1s;}
.Service-list li:nth-child(2){ animation-delay:0.2s;}
.Service-list li:nth-child(3){ animation-delay:0.3s;}
.Service-list li:nth-child(4){ animation-delay:0.4s;}
.Service-list li:nth-child(5){ animation-delay:0.5s;}
.Service-list li:nth-child(6){ animation-delay:0.6s;}
.Service-list li .linkA{ display:block; width:100%; height:100%;}
.Service-list li .word{ padding:23px 0 0 0; height:100%; transition: 0.5s;}
.Service-list li .word .img{ width:70px; height:70px; display:inline-block;}
.Service-list li .word .t{ font-size:20px; padding-top:15px;}
.Service-list li .word .c{ font-size:16px; font-weight:lighter; line-height:30px; padding-top:8px; color:#444;}
.Service-list li .cover{ width:100%; height:100%; position:absolute; left:0; bottom:0; transition:0.5s; transform:rotateX(40deg); z-index:-1; transform-origin:center bottom 0; opacity:0; visibility:hidden;}
.Service-list li .cover .bg{ background:rgba(218,37,29,.95); width:100%; height:100%; display:block;  position:absolute; left:0; top:0; right:0; bottom:0;}
.Service-list li .cover .ico{ background:url(../images/se-more.png) no-repeat; width:50px; height:50px; display:inline-block; margin-top:100px; position:relative; z-index:1;}
.Service-list li .cover .tit{ display:block; color:#fff; position:relative; z-index:1; padding-top:14px;}
.Service-list li:hover .word{ transform:translateY(-100%);}
.Service-list li:hover .cover{ transform:none; opacity:1; visibility:visible; }


.ph-Service-list{ background:#fff; display:none !important; margin-bottom:0 !important;}
.ph-Service-list .word{ padding:20px 0; height:100%; transition: 0.5s; text-align:center;}
.ph-Service-list .word .img{ width:70px; height:70px; display:inline-block; vertical-align:top;}
.ph-Service-list .word .t{ font-size:20px; padding-top:10px;}
.ph-Service-list .word .c{ font-size:15px; font-weight:lighter; line-height:28px; padding-top:5px; color:#444;}
.ph-Service-list .slick-prev, .ph-Service-list .slick-next{ background:#da251d; width:25px; height:40px; margin-top:-12px;}
.ph-Service-list .slick-prev{ left:0;}
.ph-Service-list .slick-prev:before{content:''; height:10px; width:10px; display:block; border:1px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:15px; left:9px;}
.ph-Service-list .slick-next{ right:0;}
.ph-Service-list .slick-next:before{content:''; height:10px; width:10px; display:block; border:1px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:15px; right:9px;}


/***作品案例***/
.casePage{  background:url(../images/case-wordBg.jpg) no-repeat left top; min-height:810px; position:relative;}
.case-word{ background:url(../images/case-img.png) no-repeat left bottom; width:40%; text-align:right; padding:110px 55px 0 0; min-height:810px; height:100%;}
.case-word .en{ font-size:70px; font-weight:lighter; text-transform:capitalize; animation-name:fadeInUp; animation-delay:0.2s;}
.case-word .cn{ font-size:50px; font-weight:lighter; padding-bottom:20px; animation-name:fadeInUp; animation-delay:0.2s;}
.case-word .menu{ animation-name:fadeInUp; animation-delay:0.2s;}
.case-word .menu a{ padding:10px 0; display:block; line-height:26px; font-size:18px; position:relative; transition:all 0.6s ease 0s;}
.case-word .menu a .i1{ background:#da251d; width:40px; height:2px; display:inline-block; vertical-align:middle; margin-right:10px; width:0; opacity: 0; transition:all 0.6s ease 0s;}
.case-word .menu a:hover{  -webkit-transform:translateX(-5px); -ms-transform:translateX(-5px); transform:translateX(-5px);}
.case-word .menu a:hover .i1{ width:40px; opacity:1;}

.case-list{ background:#fff; position:absolute; right:0; top:0; width:60%; height:100%; }
.case-list ul{ height:100%;}
.case-list li{ width:50%; height:50%; float:left; position:relative; text-align:center; animation-name:fadeInUp; animation-delay:0.2s;}
.case-list li:nth-child(1){ animation-delay:0.1s;}
.case-list li:nth-child(2){ animation-delay:0.2s;}
.case-list li:nth-child(3){ animation-delay:0.3s;}
.case-list li:nth-child(4){ animation-delay:0.4s;}
.case-list li .aImg{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:100%;}
.case-list li .aIboxt{ background:rgba(0,0,0,.65); width:60%; height:60%; font-weight:lighter; color:#fff; position:absolute; left:20%; top:20%; z-index:2; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0;}
.case-list li .aIboxt .line{ background:#da251d; width:100%; height:5px;}
.case-list li .aIboxt .t{ font-size:20px; line-height:30px; padding:20% 14% 10% 14%;}
.case-list li .aIboxt .m{ width:100px; line-height:24px; display:inline-block; border-radius:20px; border:1px #fff solid;}
.case-list li:nth-child(1){ border-bottom:1px #fff solid; border-right:1px #fff solid;}
.case-list li:nth-child(2){ border-bottom:1px #fff solid;}
.case-list li:nth-child(3){ border-right:1px #fff solid;}
.case-list li:hover .aIboxt{-webkit-animation:flipInX .8s ease-in-out both; -moz-animation:flipInX .8s ease-in-out both; -ms-animation:flipInX .8s ease-in-out both; animation:flipInX .8s ease-in-out both;}
@-webkit-keyframes flipInX
{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
 @keyframes flipInX
 {
  0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}

.case-more{ width:100%; position:absolute; left:0; bottom:-35px; z-index:2; text-align:center;}
.case-more a{ background:#fff; width:240px; line-height:70px; display:inline-block; font-size:18px; color:#da251d; font-weight:lighter; -webkit-box-shadow:0 0 20px rgba(0,0,0,.25); -moz-box-shadow:0 0 20px rgba(0,0,0,.25); box-shadow:0 0 20px rgba(0,0,0,.25);}
.case-more a i{ display:inline-block; transition:440ms 0ms ease-in-out; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
.case-more a:hover{ background:#da251d; color:#fff;}
.case-more a:hover i{ margin-left:15px; transition:440ms 240ms; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); visibility:visible;}



/***新闻动态***/
.newsPage{ padding:55px 0 40px 0;}
.news-title{ text-align:center; font-weight:lighter; animation-name:fadeInUp; animation-delay:0.2s;}
.news-title .en{ font-size:70px; text-transform:capitalize;}
.news-title .cn{ font-size:50px; padding-bottom:15px;}

.news-iboxt{ background:#eee; padding:65px 0; position:relative;  transition:all .36s ease; }
.news-iboxt .figure{ background:#505355; width:29%; height:370px; position:absolute; left:8%; top:-105px; overflow:hidden; -webkit-box-shadow:0 0 20px rgba(0,0,0,.25); -moz-box-shadow:0 0 20px rgba(0,0,0,.25); box-shadow:0 0 20px rgba(0,0,0,.25);  animation-name:fadeInUp; animation-delay:0.2s;}
.news-iboxt .figure .img{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:100%; transform:scale(1); transition:all .6s ease;}
.news-iboxt .word{ width:63%; float:right;  transition:all .36s ease;}
.news-iboxt .word .t{ font-size:18px; line-height:24px; position:relative; padding-right:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  animation-name:fadeInUp; animation-delay:0.2s;}
.news-iboxt .word .t .date{ position:absolute; right:0; top:0; display:inline-block; font-weight:lighter;}
.news-iboxt .word .c{ line-height:30px; font-weight:lighter; text-align:justify; margin-top:19px; max-height:120px; overflow:hidden;  animation-name:fadeInUp; animation-delay:0.2s; }
.news-iboxt .word .m{ text-align:right; padding-top:35px; animation-name:fadeInUp; animation-delay:0.2s;}
.news-iboxt .word .m a{ display:inline-block; width:100px; line-height:30px; color:#da251d; text-align:center; border:1px #da251d solid; border-radius:20px;}
.news-iboxt:hover .figure .img{ transform:scale(1.08);}
.news-iboxt:hover .word{ -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px); }

.news-list{ padding:30px 0 20px 0; border-bottom:1px #e5e5e5 dashed;}
.news-list li{ width:31.3%; padding:10px 20px 10px 0; margin-right:3%; float:left;  animation-name:fadeInUp; animation-delay:0.2s;}
.news-list li:nth-child(1){ animation-delay:0.1s;}
.news-list li:nth-child(2){ animation-delay:0.2s;}
.news-list li:nth-child(3){ animation-delay:0.3s;}
.news-list li:nth-child(4){ animation-delay:0.4s;}
.news-list li .t{ font-size:15px;  position:relative; padding:0 80px 0 19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .36s ease;}
.news-list li .t:before{ content:''; background:#707070; width:6px; height:6px; position:absolute; left:0; top:7px; border-radius:50%;}
.news-list li .t .date{ font-weight:lighter; position:absolute; right:0; top:0; display:inline-block;}
.news-list li .c{ margin-top:15px; position:relative; padding:0 20% 0 19px; font-size:13px; line-height:26px; font-weight:lighter; text-align:justify; max-height:52px; overflow:hidden; transition:all .36s ease;}
.news-list li .c:before{ content:''; background:#b5b5b5; width:1px; height:37px; position:absolute; left:84%; top:8px;}
.news-list li .c .arrow{ background:url(../images/news-arrow.png) no-repeat; background-position:0 -19px; width:31px; height:15px; display:inline-block; position:absolute; left:88%; top:50%; transition:all .36s ease;-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.news-list li:last-child{ margin-right:0;}
.news-list li:hover{ box-shadow: 0 10px 30px rgba(0,0,0,.08);}
.news-list li:hover .t{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); }
.news-list li:hover .t a{ color:#da251d;}
.news-list li:hover .t:before{ background:#da251d;}
.news-list li:hover .c{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
.news-list li:hover .c .arrow{ background-position:0 0;}

.news-more{ font-size:18px; font-weight:lighter; display:block; text-align:center; padding-top:30px;  animation-name:fadeInUp; animation-delay:0.2s;}
.news-more i{ transition:all ease-out .3s;}
.news-more:hover i{ margin-left:15px;}


/***footer***/
.footer { overflow: visible !important; position: relative; }
.footer-contact{ background-image:url(../images/footer-contactBg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; width:50%; padding-left:10%; height:200px;  animation-name:fadeInUp; animation-delay:0.2s;}
.footer-contact .iboxt{ padding-top:40px; color:#fff; font-size:18px; font-weight:lighter;}
.footer-contact .iboxt .num{ font-size:40px; padding:5px 0 15px 0;}
.footer-contact .menu{ padding:102px 0 0 70px;}
.footer-contact .menu a{ float:left; color:#333; min-width:100px; line-height:30px; text-align:center; margin-right:16px; border:1px #333 solid; border-radius:20px;}
.footer-contact .menu a:hover{ background:#da251d; border-color:#da251d;}
.footer-join{ background-image:url(../images/footer-joinBg.jpg); background-repeat:no-repeat; background-position:top center; text-align:center; background-size:cover; width:50%; height:200px;  animation-name:fadeInUp; animation-delay:0.2s;}
.footer-join .cn{ font-size:34px; display:block; line-height:200px; font-weight:lighter; color:#fff;}
.footer-copy{ background:#eee; font-weight:lighter; padding:30px 0 20px 0; line-height:26px; text-align:center;  animation-name:fadeInUp; animation-delay:0.2s;}
.footer-copy .t{ font-size:18px; padding-bottom:10px;}
.footer-copy ul li{ display:inline-block; vertical-align:top; padding-top:20px; margin:0 6px; font-size:16px;}
.footer-copy ul li img{ width:92px; height:92px; display:block; margin-bottom:8px; border:1px #8c8c8c solid;}


/***内页-新闻动态***/
.pbanner{ width:100%; height:440px; position:relative;}
.pbanner .aImg{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:100%;}
.pro-banner{ height:894px;}

.p-category{ padding:45px 0 20px 0; position:relative; animation-name:fadeInUp; animation-delay:0.2s;}
.p-category .title .en{ font-size:30px; font-weight:lighter; text-transform:capitalize;}
.p-category .title .cn{ font-size:24px;}
.p-category .menu{ position:absolute; right:0; bottom:20px;}
.p-category .menu a{ background:#eee; padding:8px 17px; float:left; display:inline-block; font-weight:lighter; margin-left:10px; border:1px #dcdcdc solid;}
.p-category .menu a.active, .p-category .menu a:hover{ background:#da251d; color:#fff; border-color:#da251d;}
.p-category .fica{ position:absolute; right:0; bottom:20px;}
.p-category .fica li{ float:left; margin-left:10px;}
.p-category .fica li a{ min-width:100px; display:inline-block; text-align:center; font-weight:lighter; padding:8px; border-bottom:1px #dcdcdc solid;}
.p-category .fica li a.active, .p-category .fica li a:hover{ background:#da251d; color:#fff; border-color:#da251d;}

.Pnews-list{ padding:65px 0; position:relative;  border-top:1px #dcdcdc solid; }
.Pnews-list:after { content: ''; height:100%; border-left:1px solid #dcdcdc; position:absolute; top:0; z-index:0; margin-left:20%; }
.Pnews-list li{ margin-top:50px; height:202px; vertical-align:middle; position:relative; animation-name:fadeInUp; animation-delay:0.2s;  }
.Pnews-list li .word{ width:54%; float:right; position:relative; padding-top:20px;}
.Pnews-list li .word .t{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.Pnews-list li .word .c{ font-size:13px; line-height:26px; font-weight:lighter; padding-top:20px;}
.Pnews-list li .date { width:20%; font-weight:lighter; padding:15px 50px 0 0; position:absolute; top:0px; left:0; text-align:right;}
.Pnews-list li .date:after { content: ''; height:10px; width:10px; background:#fff; display:block; border-radius:16px; position:absolute; top:34%; right:-7px; z-index:2; border:2px solid #959595; }
.Pnews-list li .date .md{ font-size:26px; display:block;}
.Pnews-list li .date .year{ font-size:16px; color:#444; display:block;}
.Pnews-list li .img{ height:202px; width:20%; float:left; margin-left:23%; background-position:center; background-size:cover;}
.Pnews-list li a:hover .date:after{ border-color:#ff0606;}
.Pnews-list li a:hover .date .year{ color:#da251d;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.Pnews-list li:nth-child(1){ animation-delay: 0.5s;}
.Pnews-list li:nth-child(2){ animation-delay: 0.2s;}
.Pnews-list li:nth-child(3){ animation-delay: 0.4s;}
.Pnews-list li:nth-child(4){ animation-delay: 0.6s;}
.Pnews-list li:nth-child(5){ animation-delay: 0.8s;}
.Pnews-list li:nth-child(6){ animation-delay: 0.10s;}
.Pnews-list li:nth-child(7){ animation-delay: 0.12s;}
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*.Ppages{ padding:50px 0 50px 23%; font-size:0;}
.Ppages a{ width:32px; height:32px; line-height:32px; vertical-align:top; display:inline-block; font-size:14px; color:#444; text-align:center; margin-right:8px; border:1px #c8c8c8 solid;}
.Ppages a.active, .Ppages a:hover{ background:#da251d; color:#fff; border-color:#da251d;}
*/
.Ppages{ padding:50px 0 50px 23%; font-size:0;}
.Ppages a{ padding:10px; height:38px; vertical-align:top; display:inline-block; font-size:14px; color:#444; text-align:center; margin-right:8px; border:1px #c8c8c8 solid;}
.Ppages a.active, .Ppages a:hover{ background:#da251d; color:#fff; border-color:#da251d;}
.nowpage{padding: 10px;height: 38px; vertical-align:top;display:inline-block;font-size:14px;background:#da251d; color:#fff; border-color:#da251d; text-align:center; margin-right:8px; border:1px #c8c8c8 solid;}



.Ppro-list { padding:10px 0;}
.Ppro-list li{ width:32.4%; float:left; position:relative; margin:30px 1.4% 0 0; transition:all 0.6s; animation-name:fadeInUp; animation-delay:0.2s; }
.Ppro-list li .aImg{ width:100%; height:340px; overflow:hidden;}
.Ppro-list li .aImg > div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Ppro-list li .aInfo{ height:70px; line-height:70px; text-align:center; font-size:16px; font-weight:lighter; position:relative;}
.Ppro-list li .aInfo:before{ content:''; background:#da251d; width:0; height:1px; position:absolute; left:0; top:0; transition:all 0.6s; }
.Ppro-list li:hover{ -webkit-box-shadow:0 0 20px rgba(0,0,0,.2); -moz-box-shadow:0 0 20px rgba(0,0,0,.2); box-shadow:0 0 20px rgba(0,0,0,.2);}
.Ppro-list li:hover .aImg > div{  transform: scale(1.2, 1.2);}
.Ppro-list li:hover .aInfo:before{ width:100%;}
.Ppro-list li:nth-child(3n+3){ margin-right:0;}
.Ppro-list li:nth-child(1){  animation-delay:0.1s;}
.Ppro-list li:nth-child(2){  animation-delay:0.2s;}
.Ppro-list li:nth-child(3){  animation-delay:0.3s;}
.Ppro-list li:nth-child(4){  animation-delay:0.4s;}
.Ppro-list li:nth-child(5){  animation-delay:0.5s;}
.Ppro-list li:nth-child(6){  animation-delay:0.6s;}
.Ppro-list li:nth-child(7){  animation-delay:0.7s;}
.Ppro-list li:nth-child(8){  animation-delay:0.8s;}
.Ppro-list li:nth-child(9){  animation-delay:0.9s;}

.Ppro-list .Ppages{ text-align:center; padding-left:0;}
.Pproject-warp{ background:#f2f2f2; padding:120px 6% 58px 6%;}
.Pproject-body{ background:#fff; padding:59px; text-align:center; width:calc(100% - 390px); -webkit-box-shadow:0 0 8px rgba(0,0,0,.1); -moz-box-shadow:0 0 8px rgba(0,0,0,.1); box-shadow:0 0 8px rgba(0,0,0,.1);}
.Pproject-body .tit{ font-size:16px; font-weight:lighter; padding-bottom:38px; text-align:left;}
.Pproject-info{ width:340px; float:right;}
.Pproject-info .describ .tit{ font-size:20px; font-weight:bold; padding-bottom:10px;}
.Pproject-info .describ .des{ text-align:justify; line-height:28px; padding-top:30px; font-weight:lighter;}
.Pproject-info .describ .access{ background:#da251d; line-height:40px; text-align:center; display:block; font-size:16px; font-weight:lighter; color:#fff; margin-top:30px;}
.Pproject-info .tags{ padding-top:20px; margin-top:50px; border-top:1px #d2d2d2 solid;}
.Pproject-info .tags a{ background:#dcdcdc; line-height:28px; display:inline-block; float:left; font-size:13px; font-weight:lighter; padding:0 9px; margin:10px 5px 0 0;}
.Pproject-info .tags a.active, .Pproject-info .tags a:hover{ background:#da251d; color:#fff;}
.Pproject-info .tib{ margin-left:-12px; position:relative;}
.Pproject-info .tib li{ width:164px; float:left; margin:30px 0 0 12px;}
.Pproject-info .tib li .aImg{ background-repeat:no-repeat; background-size:cover; background-position:center; width:100%; height:138px;}
.Pproject-info .tib li .aTit{ height:44px; overflow:hidden; text-align:justify; margin-top:10px; line-height:22px; font-weight:lighter;}



.Pnews-page{  padding:120px 10% 60px 10%; }
.Pnews-page aside .title{ font-size:24px; text-align:center; }
.Pnews-page aside .subtitle{ text-align:center; font-weight:lighter; margin-top:5px; color:#a5a5a5;}
.Pnews-page .postbody{ text-align:justify; font-size:13px; line-height:24px; padding-top:50px; color:#838383;}

.Pnews-page .postbody table td{
	    box-sizing: border-box;
    padding: 0px 20px 0px 0px;

}
/**关于我们**/
.mt-banner{ width:100%; position:relative;}
.mt-banner .aPic img{ width:100%; display:block;}
.mt-banner .aWord{ background:#9E9E9E; width:1200px; text-align:center; color:#fff; font-weight:lighter; padding:20px 0; font-size:20px; position:absolute; left:50%; bottom:0; margin-left:-600px; z-index:2;background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 25px; box-shadow:inset 0 0 6px rgba(255, 255, 255, 0.2); } 
.mt-banner .aWord .t{ font-size:60px; font-weight:lighter; padding-bottom:15px;}

.mt-about .aPic{ width:45%; height:650px; background-repeat:no-repeat; background-size:cover; background-position:center; animation-name:fadeInUp; animation-delay:0.2s;}
.mt-about .aText{ width:55%; position:relative; padding:60px 3% 0 4%;}
.mt-about .aText-title{ animation-name:fadeInUp; animation-delay:0.2s;}
.mt-about .aText-title .cn{ font-size:40px; font-weight:bold;}
.mt-about .aText-title .en{ font-size:16px; padding-top:14px;}
.mt-about .aText-word{ font-weight:bold; line-height:31px; margin-top:35px; position:relative; text-align:justify; padding-right:45px; height:364px; overflow:hidden; animation-name:fadeInUp; animation-delay:0.2s;}

.mt-phil .aPic{ width:55%; height:580px; background-repeat:no-repeat; background-size:cover; background-position:center;  animation-name:fadeInUp; animation-delay:0.2s;}
.mt-phil .aText{ width:45%; position:relative; padding:60px 3% 0 4%; }
.mt-phil .aText-title{ position:relative; padding-bottom:20px;  animation-name:fadeInUp; animation-delay:0.2s;}
.mt-phil .aText-title:before{ content:''; background:#da251d; width:70px; height:3px; position:absolute; left:0; bottom:0;}
.mt-phil .aText-title .cn { font-size:40px; font-weight:bold;}
.mt-phil .aText-title .en{ font-size:30px; font-weight:lighter; padding-left:10px;}
.mt-phil .aText-word{ font-weight:bold; line-height:28px; text-align:justify; padding-right:40px; margin-top:40px; height:310px; overflow:hidden; animation-name:fadeInUp; animation-delay:0.2s;}
.mt-phil .aText-word b{ font-weight:normal; font-size:16px;}

.mt-team{ position:relative;}
.mt-team:before{ content:''; background:url(../images/mt-teamBg.jpg) repeat; width:100%; height:420px; position:absolute; left:0; top:0;}
.mt-team-title{ text-align:center; color:#fff; padding:45px 0 20px 0; position:relative; z-index:2;animation-name:fadeInUp; animation-delay:0.2s;}
.mt-team-title .cn{ font-size:40px; font-weight:bold;}
.mt-team-title .en{ font-size:30px; font-weight:lighter;}
.mt-team-list{ background:#f5f5f5; width:1200px; margin:auto; position:relative; margin-bottom:0 !important; z-index:2; -webkit-box-shadow:0 0 20px rgba(0,0,0,.2); -moz-box-shadow:0 0 20px rgba(0,0,0,.2); box-shadow:0 0 20px rgba(0,0,0,.2);}
.mt-team-list .item{ animation-name:fadeInUp; animation-delay:0.2s;}
/*.mt-team-list .item-img{ background-position:center; background-size:cover; width:300px; height:340px; overflow:hidden; float:left;}
.mt-team-list .item-img img{width:100%;height: 100%;display:block;transition:all 0.6s ease 0s;}*/

.mt-team-list .item-img{ width:100%;}

.mt-team-list .item-summary{ width:900px; padding:60px 45px 0 45px; display:none;}
.mt-team-list .item-summary .title{ font-size:24px;}
.mt-team-list .item-summary .title .en{ font-size:18px; font-weight:lighter; color:#444; padding-left:15px;}
.mt-team-list .item-summary .text{ font-size:16px; line-height:26px; font-weight:lighter; margin-top:15px; color:#444;}
.mt-team-list .slick-prev, .mt-team-list .slick-next{ background:url(../images/mt-team-arrow.png) no-repeat; width:80px; height:56px; font-size:0; top:auto; left:auto; bottom:0;}
.mt-team-list .slick-prev:before, .mt-team-list .slick-next:before{ display:none;}
.mt-team-list .slick-prev{ background-position:0 0; right:80px;}
.mt-team-list .slick-next{ background-position:-80px 0; right:0;}
.mt-team-list .slick-prev:hover{ background-position:0 -58px;}
.mt-team-list .slick-next:hover{ background-position:-80px -58px;}
.mt-team-list .slick-dots{ bottom:24px; width:auto; left:350px; font-size:0; text-align:left;}
.mt-team-list .slick-dots li{ width:10px; height:10px; margin:0 3px; border:1px #f5f5f5 solid;}
.mt-team-list .slick-dots li button{ content:inherit; background:#b5b5b5; width:4px; height:4px; position:absolute; left:2px; top:2px; opacity:1; padding:0;}
.mt-team-list .slick-dots li button:before{ display:none;}
.mt-team-list li.slick-active{ border-color:#da251d;}
.mt-team-list li.slick-active button{ background:#da251d;}

.mt-category{  background-position:bottom center; background-size:initial; background-repeat:no-repeat; background-image:url(../images/mt-category-bg.png); position:relative; overflow:hidden;}
.mt-category .mt-team-title{ color:#333; padding-bottom:0; animation-name:fadeInUp; animation-delay:0.2s;}
.mt-category-wrapper{ width:100%; position:relative;}
.mt-category-wrapper:before { content: ""; position: absolute; border-top: 1px solid #d9d9d9; width:2000px; top:89px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.mt-category-wrapper .item-list-ibox { width:1350px; margin:auto; padding:0 0 270px 0; position:relative; animation-name:fadeInUp; animation-delay:0.2s; }
.mt-category-wrapper .item-list-ibox .slick-list{ padding:0 15px;}
.mt-category-wrapper .item-wrapper{ width:calc(100% / 5 - 0px); height:auto; float:left;  position:relative;  }
.mt-category-wrapper .item-wrapper .item{ padding:10px 0 15px 0;}
.mt-category-wrapper .item-wrapper .item .linkA{ width:100%; height:100%; display:block; padding:30px 0; transition:all .36s ease;}
.mt-category-wrapper .item-wrapper .item .linkA:hover{  box-shadow:0 5px 15px rgba(0,0,0,.15);}
.mt-category-wrapper .item-wrapper .item:before { content: ""; width: 0; height: 0; border-left: 1px solid #da251d; position: absolute; top:94px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .36s ease; z-index: 10; }
.mt-category-wrapper .item-wrapper .item:after { content: ""; width: 3px; height: 3px; border: 3px solid #fff; border-radius: 50%; background: #a0a0a0; position: absolute; top:89px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .36s ease; z-index: 10; }
.mt-category-wrapper .item-wrapper .item-tit { font-size: 26px; line-height: 1; color: #737373; text-align: center; position: relative; font-weight: lighter; height:50px; transition: all .36s ease; }
.mt-category-wrapper .item-wrapper .item-des { margin-top:40px;  padding:0 35px; text-align:center; line-height:24px; height:48px; overflow:hidden; font-weight:lighter; transition: all .36s ease; }
.mt-category-wrapper .item-wrapper .item:hover:before { height: 30px; }
.mt-category-wrapper .item-wrapper .item:hover:after { width: 6px; height: 6px; border: 2px solid #da251d; background: #fff; }
.mt-category-wrapper .item-wrapper .item:hover .item-tit { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); color: #da251d; }
.mt-category-wrapper .item-wrapper .item:hover .item-des { -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); color: #da251d; }
.mt-category-wrapper .slick-prev, .mt-category-wrapper .slick-next{ width:40px; height:40px; top:48px; opacity:0; transition:all ease-out .3s;}
.mt-category-wrapper .slick-prev{ left:-80px;}
.mt-category-wrapper .slick-next{ right:-80px;}
.mt-category-wrapper .slick-prev:hover, .mt-category-wrapper .slick-next:hover{ background:#da251d;}
.mt-category-wrapper .slick-prev:before, .mt-category-wrapper .slick-next:before{ content:''; background:url(../images/category-arrow.png) no-repeat; width:16px; height:14px; position:absolute; left:12px; top:13px; opacity:1;}
.mt-category-wrapper .slick-prev:before{ background-position:0 0;}
.mt-category-wrapper .slick-prev:hover:before{ background-position:0 -18px;}
.mt-category-wrapper .slick-next:before{ background-position:-27px 0;}
.mt-category-wrapper .slick-next:hover:before{ background-position:-27px -18px;}
.mt-category-wrapper .item-list-ibox:hover .slick-prev{ left:-40px; opacity:1;}
.mt-category-wrapper .item-list-ibox:hover .slick-next{ right:-40px; opacity:1;}


/**服务项目**/
.rowbox { position:fixed; left:0px; top:0px; width:100%;}
.row{position:relative;overflow:hidden;height: 100%;}
.sidedot { position: fixed; right:2%; top: 50%; margin-top:-140px; z-index: 1000; }
.sidedot li { margin-bottom: 20px; border-radius: 10px; width: 15px; height: 15px; display: block; position: relative; text-indent: -9999px; transition: all 0.3s ease-out 0s; border: 2px solid transparent; }
.sidedot li:before { position: absolute; content: ""; height: 3px; background: #a8a8a8; width: 3px; left: 0px; margin: 4px 0 0 4px; border-radius: 3px; }
.sidedot li:after { position: absolute; content: ""; height: 24px; background: rgba(155, 155, 155, .2); width: 1px; left: 0px; margin: 11px 0 0 5px; }
.sidedot li.active { background-color: transparent; border: 2px solid #5a5a5a; }
.sidedot li.active:before { position: absolute; content: ""; background: transparent; right: 20px; }


.Make-sucTxt{ width:100%; height:100%; position:relative; z-index:2; display:table; }
.align-vertical{ display:table-cell; vertical-align:middle;}

.se-banner{ position:relative; overflow:hidden; height:100%; text-align:center;}
.se-banner video{ min-height:100%; min-width:100%; position:absolute; left:0; top:0;}
.se-banner .cover{ color:#fff; display:inline-block;}
.se-banner .cover .en{ font-size:70px; font-weight:lighter; animation-name:fadeInUp; animation-delay:0.2s;}
.se-banner .cover .cn{ font-size:50px; font-weight:bold; color:#da251d; animation-name:fadeInUp; animation-delay:0.2s;}
.se-banner .cover .ct{ line-height:30px; font-weight:lighter; padding-top:10px; animation-name:fadeInUp; animation-delay:0.2s;}


.pcustom-img{ background-image:url(../images/pcustom-imgBg.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom center; width:50%; height:100%; }
.pcustom-img .small-i, .pcustom-img .larger-i{ display:inline-block; vertical-align:top;}
.pcustom-img .small-i{ position:relative; z-index:1;  -webkit-transform:translateX(70px); -ms-transform:translateX(70px); transform:translateX(70px);}
.pcustom-word{ width:50%; height:100%; padding:0 7%;}
.pcustom-word .c-ico{ background:url(../images/cus-ico.png) no-repeat; width:116px; height:100px; display:inline-block; vertical-align:top;}
.pcustom-word .t{ font-size:36px; padding:5% 0 0 0;}
.pcustom-word .c li{ position:relative; margin-top:5%; padding-left:50px;}
.pcustom-word .c li label{ font-size:56px; font-weight:lighter; color:#b4b4b4; width:50px; display:inline-block; line-height:1; position:absolute; left:0; top:0;}
.pcustom-word .c li .tit{ font-size:18px;}
.pcustom-word .c li .des{ line-height:30px; font-weight:lighter; padding-top:5px; max-height:60px; overflow:hidden;}
.pcustom-word .c li .des:hover{ color:#da251d;}
.pcustom-word .more{ display:block; position:relative; margin-top:6%; padding-top:1px;}
.pcustom-word .more:before{ content:''; background:#dcdcdc; width:100%; height:1px; position:absolute; left:0; top:0;}
.pcustom-word .more .fa{ background:#da251d; width:240px; line-height:40px; text-align:center; color:#fff;}

.psolut-waper{  background-image:url(../images/psolut-headBg.jpg); background-repeat:no-repeat; background-position:top center; height:100%;}
.psolut-head{ height:44%; text-align:center;}
.psolut-head .s-ico{ background:url(../images/solut-ico.png) no-repeat; width:77px; height:120px; display:inline-block; vertical-align:top;}
.psolut-head .s-t{ font-size:36px; color:#fff; padding-top:40px;}
.psolut-list{ position:relative; width:1122px; margin:auto; height:56%; z-index:2;}
.psolut-list .s-item{ background:#f2f2f2; width:354px; float:left; height:100%; margin:0 10px; display:inline-block;margin-top:-20px;}
.psolut-list .s-itemImg{ width:100%; height:220px; overflow:hidden; position:relative;}
.psolut-list .s-itemImg img{ width:100%; height:auto; display:block; transition: all ease-out .3s;}
.psolut-list .s-itemImg:before { content:""; position:absolute; width:90%; height:180px; margin-top:5%; z-index:10; border:1px solid transparent; margin-left:5%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.psolut-list .s-itemImg:after { content:''; background:url(../images/jia.png); width:40px; height:40px; line-height:40px; display: inline-block; position:absolute; top:0%; left:50%; margin-left:-20px; margin-top:-20px; z-index:10; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; }
.psolut-list .s-itemImg .t{ width:100%; color:#fff; position:absolute; left:0; z-index:10; top:0%; display:block; text-align:center; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;}
.psolut-list .s-itemTit{ font-size:18px; color:#333; padding:27px 25px; border-bottom:1px #d2d2d2 solid;}
.psolut-list .s-itemCot{ font-weight:lighter; line-height:40px; padding:20px 25px; text-align:justify; color:#444;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.psolut-list .s-item:hover .s-itemImg:before { background-color:rgba(218, 37, 29, 0.9); text-align:center; }
.psolut-list .s-item:hover .s-itemImg:after { opacity: 1; top:50%; }
.psolut-list .s-item:hover .s-itemImg .t{ opacity: 1; top:65%; }
.psolut-list .s-item:hover .s-itemImg img { transform:scale(1.1, 1.1);}


.WeChat-cover{ background-image:url(../images/WeChat-Bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:right center; width:50%;  height:100%; position:absolute; right:0; top:0;}
.WeChat-head{ position:relative; z-index:2; width:1130px; margin:auto; padding-top:10%;}
.WeChat-head .iboxt{ width:450px; text-align:right; float:left;}
.WeChat-head .iboxt .w-ico{ background:url(../images/WeChat-ico.png) no-repeat; width:123px; height:106px; display:inline-block; vertical-align:top;}
.WeChat-head .iboxt .w-t{ font-size:36px; padding-top:40px;}
.WeChat-list{ width:1130px; margin:auto; margin-bottom:0 !important; position:relative; height:335px; overflow:hidden; z-index:2;}
.WeChat-list .item-word{ width:450px; text-align:right; padding-top:65px;}
.WeChat-list .item-word .t{ font-size:18px; padding-bottom:20px; position:relative; color:#333; border-bottom:1px #dcdcdc solid;}
.WeChat-list .item-word .t:before{ content:''; background:#959595; width:90px; height:1px; position:absolute; right:0; bottom:-1px;}
.WeChat-list .item-word .c{ font-weight:lighter; line-height:30px; text-align:right; color:#333; padding-top:20px; max-height:150px; overflow:hidden;}
.WeChat-list .item-img{ width:600px; height:335px; position:relative; overflow:hidden;}
.WeChat-list .item-img img{ width:100%; height:auto; display:block;}
.WeChat-list .item-img label{ background:#da251d; width:160px; line-height:40px; text-align:center; color:#fff; position:absolute; right:0; top:0; z-index:2;}


.pmall-head{ background-image:url(../images/pmall-headBg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; height:44%; text-align:center;}
.pmall-head .m-ico{ background:url(../images/mall-ico.png) no-repeat; width:99px; height:106px; display:inline-block; vertical-align:top;}
.pmall-head .m-t{ font-size:36px; font-weight:lighter; color:#fff; padding-top:1%;}
.pmall-list{ height:56%;}
.pmall-list li{ width:50%; height:100%; float:left; text-align:center; position:relative;}
.pmall-list li .t{ font-size:18px; position:relative; z-index:2; transition:0.7s cubic-bezier(.77,0,.175,1);}
.pmall-list li .c{ font-weight:lighter; line-height:30px; margin-top:3%; height:120px; overflow:hidden;  position:relative; z-index:2;    box-sizing: border-box;    padding: 0px 15px;}
.pmall-list li .more{ background:#da251d; width:160px; line-height:40px; color:#fff; display:inline-block; margin-top:15px; position:relative; z-index:2; border-radius:20px;}
.pmall-list li .storeh { background:url(../images/pmall-bg.jpg) no-repeat left  bottom #4b80d9; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .65s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .65s cubic-bezier(.4,0,.2,1); transition: transform .65s cubic-bezier(.4,0,.2,1); transition: transform .65s cubic-bezier(.4,0,.2,1),-webkit-transform .65s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; }
.pmall-list li.selected .storeh{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible; }
.pmall-list li.selected a{ color:#fff;}
.pmall-list li.selected .t{ margin-top:-5%;}
.pmall-list li.selected .more{ background:#d8e7ff; color:#4b80d9;}


.pbase-head{ text-align:center; height:36%;}
.pbase-head .b-ico{ background:url(../images/base-ico.png) no-repeat; width:98px; height:95px; display:inline-block; vertical-align:top;}
.pbase-head .b-t{ font-size:36px; font-weight:lighter; padding-top:1%;}
.pbass-list{ height:64%; padding-bottom:15%;}
.pbass-list li{ height:100%; width:16.6%; float:left; display:inline-block; position:relative;}
.pbass-list li .fDes{ width:100%; height:50%; padding:35px 45px 0 45px; min-height:255px;}
.pbass-list li .fDes .t{ font-size:18px; color:#333; transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pbass-list li .fDes .c{ font-weight:lighter; line-height:20px; margin-top:20px; word-break:break-all; color:#333; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pbass-list li .fImg{ background-position:center; background-size:cover; width:100%; height:auto; min-height:255px; position:relative; overflow:hidden; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pbass-list li .fImg:before { content:''; position:absolute; width:calc(100% - 14px); height:calc(100% - 14px); top:0px; left:0px; border:1px solid rgba(255,255,255,.0); -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:6px; left:6px;}
.pbass-list li:hover .fDes .t{  -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
.pbass-list li:hover .fDes .c{  -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
.pbass-list li:hover .fImg { background-size:transform: scale(0.96, 0.96); -moz-transform:scale(0.96, 0.96); -webkit-transform:scale(0.96, 0.96); -o-transform:scale(0.96, 0.96); }
.pbass-list li:hover .fImg:before { border: 1px solid rgba(255,255,255,1); animation-name: zoomIn; top:6px; left:6px;}

@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}


.other-head{ background-image:url(../images/other-headBg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; height:46%; text-align:center; }
.other-head .o-ico{ background:url(../images/other-ico.png) no-repeat; width:104px; height:86px; display:inline-block;}
.other-head .o-t{ font-size:36px; color:#fff; padding-top:2%;}
.other-list{ height:54%; position:relative; margin-top:-80px; z-index:1;}
.other-list:after{ content: '';  background:#e5e5e5; position:absolute; top:345px; width:100%; height:1px; }
.other-list ul{ width:1122px; margin:auto; height:100%;}
.other-list li{ height:100%; float:left; width:354px; margin:0 10px; position:relative;}
.other-list li .itemImg{ position:relative; overflow:hidden; height:345px; }
.other-list li .itemImg .img-box { width:100%; height:100%; background-position:center; background-size:cover; -webkit-transition: all .5s cubic-bezier(.38,.04,.18,.97) 0s; transition: all .5s cubic-bezier(.38,.04,.18,.97) 0s; vertical-align: top; max-width:100%; opacity:1; }
.other-list li .itemImg .img-des { background:#da251d; height:100%; width:100%; -webkit-transition: all .5s cubic-bezier(.38,.04,.18,.97) 0s; transition:all .5s cubic-bezier(.38,.04,.18,.97) 0s; padding:30px 35px; position:absolute; top:-100%; z-index:1; opacity:0; }
.other-list li .itemImg .img-des .iboxt{ font-weight:lighter; line-height:28px; color:#fff; text-align:justify; max-height:252px; overflow:hidden;}
.other-list li .itemThum { width:90px; height:90px; border-radius: 50px; overflow:hidden; position:absolute; top:130px; left:50%; margin-left:-45px; z-index:9; opacity:0; -webkit-transition:all .6s cubic-bezier(.38,.04,.18,.97) 0s; transition:all .6s cubic-bezier(.38,.04,.18,.97) 0s; transform:scale(.9); }
.other-list li .itemThum img { display:block; width:100%; height:100%; }
.other-list li .itemInfo { background:#f2f2f2; text-align:center; padding:30px; }
.other-list li .itemInfo .title { font-size:18px; color:#333; transition:all .6s ease; }
.other-list li .line { background:#e5e5e5; width:1px; height:26px; position:absolute; left:50%; top:279px; transition:all .6s ease; opacity:0; z-index:8; }
.other-list li:hover .itemImg .img-des{opacity:1;top:0}
.other-list li:hover .itemImg .img-box{transform:scale(.2);opacity:0}
.other-list li:hover .itemThum{ z-index:6;opacity:1;transform:scale(1);top:300px;}
.other-list li:hover .itemInfo{ background:none;}
.other-list li:hover .itemInfo .title{padding-top:40px; color:#da251d;}
.other-list li:hover .line{top:380px;opacity:1;}

/***浮动客服***/
#o_do1{ display:none;}
.right_m{ height:245px; position:fixed; right:0; bottom:50%; z-index:999; margin-bottom:-122.5px;}
.mo_m{width:54px; height:245px; position:relative; z-index:9999;}
.right_li{ display:block; height:48px; line-height:48px; font-size:14px; margin-bottom:1px;color:#FFFFFF; text-indent:54px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; overflow:hidden; transition: all 400ms ease 0s; font-family:"微软雅黑";}
.right_li:hover{ color:#FFFFFF !important;}
.qq{width:134px; background:url(../images/p11.png) left center no-repeat #333333; overflow:hidden; position:absolute; right:-80px; top:49px; }
.m_top{ width:134px; background:url(../images/p10.png) left center no-repeat #333333; position:absolute; /*bottom:-1px;*/ right:-80px; }
.kf{ width:134px; background:url(../images/p13.png) left center no-repeat #cc0033; position:absolute; right:-80px; top:108px; }
.r_tell{width:225px; font-size:18px; background:url(../images/p12.png) left center no-repeat #333333; position:absolute; right:-171px; top:168px; }
.ewm{width:54px; background:url(../images/p16.png) left center no-repeat #333333; position:absolute; bottom:0;}
.ewm_hover{width:126px; height:126px; border:1px solid #BBBBBB; -moz-border-radius:5px; border-radius:5px; overflow:hidden; position:absolute; right:55px; bottom:0; background:url(../images/wx.png) center center no-repeat; display:none;}

.qq:hover{ right:0; background:url(../images/p11.png) left center no-repeat #cc0033;}
.m_top:hover{ right:0; background:url(../images/p10.png) left center no-repeat #cc0033;}
.kf:hover{ right:0; background:url(../images/p13.png) left center no-repeat #cc0033;}
.r_tell:hover{ right:0; background:url(../images/p12.png) left center no-repeat #cc0033;}
.ewm:hover{ right:0; background:url(../images/p16.png) left center no-repeat #cc0033;}



/**app推广展示**/
.w1200{ width:1200px; margin:auto;}
.hide{ display:none;}
.c-red{ color:#d61515 !important;}

.app-banner img{ width:100%; display:block;}
.app-custom{ padding:60px 0;}
.app-customTitle{ text-align:center;}
.app-customTitle .cn{ font-size:30px; line-height:30px; position:relative; padding-bottom:5px;}
.app-customTitle .line{ background:#d61515; width:56px; height:5px; display:block; margin:auto; margin-top:10px; vertical-align:top;}
.app-customTitle .en{ font-size:16px; padding-top:10px; color:#636363; text-transform:uppercase;}
.app-customTitle .tips{ color:#fff; margin-top:20px;}

.app-customList{ padding-top:45px; margin-left:-33px; position:relative; font-size:0; text-align:center;}
.app-customList li{ width:242px; display:inline-block; vertical-align:top; margin:25px 33px 0 33px; display:inline-block; transition:all 0.4s; }
.app-customList li .icon{ width:128px; display:inline-block; vertical-align:top;}
.app-customList li .tit{ font-size:26px; font-weight:bold; padding:15px 0;}
.app-customList li .txt{ font-size:16px; line-height:24px; text-align:justify;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}

.app-customText{ line-height:46px; text-align:center; padding-top:50px; color:#666;}


.app-solut{ background:#f2f2f2; padding:50px 0 75px 0;}
.app-solutList{ margin-left:-30px; position:relative; padding-top:10px;}
.app-solutList li{ background:#fff; width:calc(50% - 30px); float:left; margin:30px 0 0 30px; display:inline-block; transition:all 0.4s;}
.app-solutList li .li-boxt{ padding:45px 30px 45px 25px; }
.app-solutList li .icon{ background:url(../images/solut-liBg.png) no-repeat; width:104px; height:120px; margin-top:6px; text-align:center; transition:all 0.3s; padding-top:25px;}
.app-solutList li .icon img.img-hide{ display:none;}
.app-solutList li .word{ width:380px; color:#fff;}
.app-solutList li .word .t{ font-size:24px; font-weight:bold;}
.app-solutList li .word .st{ padding:10px 0 15px 0; position:relative; line-height:25px;}
.app-solutList li .word .st:before{ content:''; background:#fff; width:61px; height:5px; position:absolute; left:0; bottom:0;}
.app-solutList li .word .c{ line-height:25px; color:#fff; margin-top:15px; padding-right:30px;}
.app-solutList li:hover{ -webkit-box-shadow:0 0 24px rgba(140,140,140,.15); -moz-box-shadow:0 0 24px rgba(140,140,140,.15); box-shadow:0 0 24px rgba(140,140,140,.15);}
/*.app-solutList li:hover .icon{ background:url(../images/solut-liBgh.png) no-repeat; }
.app-solutList li:hover .icon img.img-show{ display:none;}
.app-solutList li:hover .icon img.img-hide{ display:inline-block;}*/
.app-solutList li:nth-child(1){ background:#29b62c;}
.app-solutList li:nth-child(2){ background:#1e99d2;}
.app-solutList li:nth-child(3){ background:#5258da;}
.app-solutList li:nth-child(4){ background:#7643b4;}
.app-solutList li:nth-child(5){ background:#3d71b8;}
.app-solutList li:nth-child(6){ background:#ff8d13;}

.app-NewsolutList{ margin-left:-40px; position:relative; padding-top:10px;}
.app-NewsolutList li{ background:#fff; width:268px; height:268px; float:left; margin:50px 0 0 40px; padding:16px 13px 0 13px; display:inline-block; transition:all 0.4s; border-radius:50%; box-shadow:0 4px 6px rgba(0,0,0,.2);}
.app-NewsolutList li .pic{ width:241px;}
.app-NewsolutList li .tit{ font-size:16px; text-align:center; padding-top:20px;}



.app-solutMore{ background:#fff; margin-top:30px; text-align:center; padding:50px 0;}
.app-solutMore .t{ font-size:24px; font-weight:bold;}
.app-solutMore .c{ font-size:16px; color:#787878; padding:20px 0 35px 0;}

.app-case{ padding:70px 0 90px 0;}
.app-caseList{ margin-left:-30px; position:relative;}
.app-caseList li{ width:calc(33.3% - 30px); margin:30px 0 0 30px; float:left; display:inline-block;}
.app-caseList li .pic img{ width:100%;height:225px;}
.app-caseList li .tit{ background:#eaeaea; line-height:50px; padding-left:25px; position:relative; transition:all 0.4s;}
.app-caseList li .tit .icon{ position:absolute; right:23px; top:0; opacity:0;}
.app-caseList li:hover .tit{ background:#d61515; color:#fff;}
.app-caseList li:hover .tit .icon{ opacity:1;}

.app-caseMore{ text-align:center; padding-top:80px;}
.app-caseMore a{ background:#d61515; width:161px; height:46px; line-height:46px; font-size:16px; color:#fff; border-radius:5px; display:inline-block;}


.app-process{ background-image:url(../images/app-processBg.jpg); background-position:center; background-size:cover; padding:50px 0;}
.app-process .app-customTitle{ color:#fff;}
.app-process .app-customTitle .en{ color:#fff !important;}

.app-processTab{ text-align:center; margin-top:60px;}
.app-processTab a{ background:#969696; width:155px; height:155px; padding-top:30px; display:inline-block; margin:0 120px; vertical-align:top; border:3px #969696 solid; border-radius:50%;}
.app-processTab a .tit{ font-size:24px; color:#fff; margin-top:15px;}
.app-processTab a.active{ background:#d61515; border-color:#fff;}

.app-processListBox{ padding-top:50px; margin-top:60px; position:relative;}
.app-processList{ background:#fff; padding:40px 0 55px 0; overflow:hidden;}
.app-processList li{ padding:0 55px; border-right:1px #eef1f3 solid;}
.app-processList li .t{ font-size:18px; line-height:48px; font-weight:bold;}
.app-processList li .t label{ color:#d61515; font-size:48px; display:inline-block; vertical-align:top; margin-right:15px;}
.app-processList li .c{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.app-processList .swiper-button-next, .app-processList .swiper-button-prev{ background:#a11b20; width:87px; height:35px; line-height:35px; text-align:center; top:0; margin-top:auto;}
.app-processList .swiper-button-next:hover, .app-processList .swiper-button-prev:hover{ background:#d61515;}
.app-processList .swiper-pagination{ width:calc(100% - 180px); left:90px; color:#fff; top:0; font-size:16px; line-height:35px;}
.app-processList .swiper-pagination-current{ font-size:24px;}

.wzjs-process{ margin-top:80px;}
.wzjs-process li{ float:left; position:relative; width:263px;}
.wzjs-process li:before{ content:''; background:url(../images/Nprocess-line.png) no-repeat; width:117px; height:16px; position:absolute; top:65px; right:0;}
.wzjs-process li:last-child{ width:146px;}
.wzjs-process li:last-child:before{ display:none;}
.wzjs-process li .title{ max-width:185px; text-align:center; font-size:16px; margin-top:20px;}


.weix-customList{ margin-top:40px; margin-left:-15px; position:relative;}
.weix-customList li{ background:#fff; width:calc(25% - 15px); margin-left:15px; float:left; display:inline-block; padding:68px 0 90px 0; position:relative; text-align:center; border:1px #e1e1e1 solid; overflow:hidden;}
.weix-customList li .icon{ display:inline-block; vertical-align:top;}
.weix-customList li .tit{ font-size:24px; font-weight:bold; margin-top:20px;}
.weix-customList li .cover{ background:#3d71b8; width:100%; height:100%; position:absolute; left:0; top:100%; color:#fff; padding:65px 30px 0 30px; text-align:left; transition:all 0.4s;}
.weix-customList li .cover .t{ font-size:24px; font-weight:bold; position:relative; padding-bottom:15px;}
.weix-customList li .cover .t:before{ content:''; background:#fff; width:67px; height:2px; position:absolute; left:0; bottom:0;}
.weix-customList li .cover .c{ line-height:24px; text-align:justify; margin-top:10px;}
.weix-customList li:hover .cover{ top:0;}

.weix-solutList{ margin-left:-20px; position:relative;}
.weix-solutList li{ width:calc(33.33% - 20px); min-height:269px; margin:20px 0 0 20px; padding:35px 35px 35px 20px; float:left; display:inline-block;}
.weix-solutList li .icon{ width:98px;}
.weix-solutList li .word{ width:calc(100% - 98px); padding-left:17px; color:#fff;}
.weix-solutList li .word .t{ font-size:24px; position:relative; padding-bottom:12px;}
.weix-solutList li .word .t:before{ content:''; background:#fff; width:44px; height:2px; position:absolute; left:0; bottom:0;}
.weix-solutList li .word .c{ line-height:24px; text-align:justify; margin-top:12px;}

.weix-processTab{ background:#fff; margin-top:25px;}
.weix-processTab a{ width:33.333%; float:left; font-size:24px; text-align:center; position:relative; line-height:63px;}
.weix-processTab a.active, .weix-processTab a:hover{ background:#1d40c3; color:#fff;}
.weix-processTab a.active:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#1d40c3; position:absolute; bottom:-10px; left:50%; margin-left:-10px; }

.weix-processList{ background:#fff; margin-top:27px; padding:45px 140px; position:relative; max-height:385px; overflow:auto; }
.weix-processList::-webkit-scrollbar{width:10px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.weix-processList::-webkit-scrollbar-button{  background-color:#eaeaea;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.weix-processList::-webkit-scrollbar-track{background:#eaeaea;}/*外层轨道*/
.weix-processList::-webkit-scrollbar-track-piece {background:#eaeaea);}/*内层轨道，滚动条中间部分（除去）*/
.weix-processList::-webkit-scrollbar-thumb{background:#546ecc; }/*滚动条里面可以拖动的那部分*/
.weix-processList::-webkit-scrollbar-corner {background:#eaeaea;}/*边角*/
.weix-processList::-webkit-scrollbar-resizer  {background:#eaeaea;}/* 定义右下角拖动块的样式*/
.weix-processList ul{ position:relative; padding-left:30px;}
.weix-processList ul li{ padding:0 0 30px 30px; position:relative; border-left:2px #c27474 solid;}
.weix-processList ul li:before{ content:''; background:#c27474; width:15px; height:15px; position:absolute; left:-8px; top:5px; border-radius:50%;}
.weix-processList ul li .t{ font-size:18px; font-weight:bold;}
.weix-processList ul li .c{ font-size:16px; line-height:30px; padding-top:5px;}


.baojia{ background:url(../images/baojia-Bg.jpg) repeat; border-top:5px #d61515 solid; text-align:center; padding:30px 0 38px 0;}
.baojia-tips{ font-size:24px; color:#e30101;}
.baojia-tel{ font-size:18px; line-height:32px; margin-top:15px;}
.baojia-tel img{ vertical-align:top; margin-right:10px;}
.baojia-btn{ background:#d61515; padding:0 35px; line-height:50px; display:inline-block; font-size:18px; color:#fff !important; margin-top:15px; border-radius:20px;}
.baojia-btn img{ margin-right:10px;}


.common-gud {display: flex;background: url(../images/bto-shadow.png) repeat-x 0 0 / auto 100%;position: fixed;z-index: 9;bottom: 0;left: 0;width: 100%; display:none;}
.common-gud a { flex: 1; text-align: center; padding:1px 0;}
.common-gud img { height:25px; }
.common-gud p { color: #aaa; font-size:12px; }


.footer-baojiaBox{ height:205px;}
.footer-baojia{ background:rgba(0, 0, 0, 0.5); width:100%; position:fixed; left:0; bottom:0; z-index:99; padding:25px 0;
   color: #fff;
  text-align:left;
  font-size:12px;
}
.footer-baojia .close{ background:#333; padding:0 20px; color:#fff; line-height:38px; position:absolute; left:50%; margin-left:530px; top:-40px;}
.footer-baojia .title {
  font-size:22px;
  
}

.baojia_form { padding:20px 0 10px 0;}
.baojia_form .input {
  background: #fff;

  width: 24%;
  margin-right: 1%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height:38px;
  height: 40px;
  padding: 0 10px;
  float:left;
  border:1px #f2f2f2 solid;
}
.baojia_form .input.large {
  width:30%;
 
}
.baojia_form .btn_tijiao {
  width: 18%;
  background:#333;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  line-height:40px;
  height:40px;
  text-align: center;
  color: #fff;
  font-size:15px;
 
}


/**咯咯短视频**/
.gege-advantage{ padding:95px 0 65px 0;}
.gege-advantage-title{ text-align:center;}
.gege-advantage-title .tit{ position:relative;}
.gege-advantage-title .tit:before{ content:''; background:#dadada; width:100%; height:1px; position:absolute; left:0; top:50%;}
.gege-advantage-title .tit span{ background:#fff; display:inline-block; font-size:30px; position:relative; z-index:2; padding:0 60px;}
.gege-advantage-title .txt{ font-size:16px; color:#666; text-transform:uppercase; margin-top:20px;}
.gege-advantage-list{ margin-left:-56px; margin-top:50px; position:relative;}
.gege-advantage-list li{ width:calc(20% - 56px); float:left; margin-left:56px; position:relative;}
.gege-advantage-list li .pic img{ width:100%;}
.gege-advantage-list li .tit{ background:url(../images/advantage-bg.png) no-repeat; width:91px; height:98px; font-size:20px; color:#fff; text-align:center; position:absolute; left:50%; bottom:84px; margin-left:-45px;}
.gege-advantage-list li .tit span{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); line-height:24px;}
.gege-advantage-list li .txt{ background:#9ec1e1; font-size:16px; line-height:30px; text-align:center; color:#fff; padding:45px 20px 15px 20px;}


.gege-scenario{ background:#f2f2f2; padding:50px 0 70px 0;}
.gege-scenario .gege-advantage-title .tit span{ background:#f2f2f2;}
.gege-scenario-list{ text-align:center; margin-top:80px; font-size:0;}
.gege-scenario-list li{ width:218px; display:inline-block; vertical-align:top; margin:0 80px;}
.gege-scenario-list li .icon{ width:218px; display:inline-block; vertical-align:top;}
.gege-scenario-list li .tit{ font-size:24px; margin-top:30px;}
.gege-scenario-button{ text-align:center; margin-top:80px;}
.gege-scenario-button .zixun{ background:#ea3131; width:335px; height:70px; line-height:70px; display:inline-block; border-radius:35px; font-size:24px; color:#fff;}


.gege-process{ padding:70px 0 80px 0;}
.gege-process .gege-scenario-button{ margin-top:60px;}
.gege-process-list{ margin-top:45px;}
.gege-process-list li{ width:196px; float:left; text-align:center; position:relative;}
.gege-process-list li.arrow{ width:55px; padding-top:60px;}
.gege-process-list li .tit{ font-size:20px; margin-top:20px;}
.gege-process-list li .txt{ line-height:24px; color:#666; text-align:left; margin-top:20px;}


.gege-case{ background:#f2f2f2; padding:80px 0 145px 0;}
.gege-case .gege-advantage-title .tit span{ background:#f2f2f2;}
.gege-case-list{ padding-top:50px;}
.gege-case-list li{ width:570px; min-height:519px; float:left; position:relative; margin-top:10px;}
.gege-case-list li:nth-child(2n+2){ float:right;}
.gege-case-list li .icon{ position:relative; z-index:1;}
.gege-case-list li .icon video{ width:270px; height:470px; object-fit: fill;}
.gege-case-list li .icon .play{ background:url(../images/play.png) no-repeat #ea3131; background-size:100% auto; width:45px; height:45px; position:absolute; left:90px;  top:50%; transform:translateY(-50%); z-index:2; border-radius:50%;}
.gege-case-list li .word{ background:#6489f5; width:360px; min-height:360px; position:absolute; left:210px; top:45px; padding:35px 30px 0 65px; color:#fff;}
.gege-case-list li .word .t{ font-size:30px; font-weight:bold; padding-bottom:15px;}
.gege-case-list li .word .c{ font-size:16px; line-height:34px;}
.gege-case-list li .word:before{ content:''; background:#d6ddf3; width:calc(100% - 50px); height:40px; position:absolute; left:0; bottom:-40px;}
.gege-case-list li:nth-child(2) .word{ background:#ff9c0e;}
.gege-case-list li:nth-child(2) .word:before{ background:#f5e1c4;}
.gege-case-list li:nth-child(3) .word{ background:#3dcb87;}
.gege-case-list li:nth-child(3) .word:before{ background:#ceeadd;}
.gege-case-list li:nth-child(4) .word{ background:#ad74d4;}
.gege-case-list li:nth-child(4) .word:before{ background:#e4d9ec;}
.gege-case-list li:nth-child(5) .word{ background:#94b543;}
.gege-case-list li:nth-child(5) .word:before{ background:#dfe6cf;}
.gege-case-list li .view-box{ background:#6489f5; width:100%; height:360px; margin-top:45px; display:block; padding:50px 60px; position:relative;}
.gege-case-list li .view-box:before{ content:''; background:#d6ddf3; width:calc(100% - 50px); height:40px; position:absolute; left:0; bottom:-40px;}
.gege-case-list li .view-box:after{ content:''; background:#d6ddf3; width:18px; height:calc(100% - 40px); position:absolute; left:-18px; bottom:0;}
.gege-case-list li .view-box .v-cont{ background:#5a7bdc; text-align:center; height:260px; padding-top:45px; border:2px #99b1f8 dashed; }
.gege-case-list li .view-box .v-cont .t{ font-size:24px; color:#fff; margin-top:20px;}


.gege-obtain{ background-image:url(../images/gege-obtainBg.png); background-position:center; background-size:cover; padding:30px 0 50px 0;}
.gege-obtain-tit{ font-size:36px; font-weight:bold; color:#fff; text-align:center;}
.gege-obtain-filed{ margin-left:-30px; position:relative; margin-top:60px;}
.gege-obtain-filed li{ width:calc(33.33% - 30px); float:left; margin-left:30px;}
.gege-obtain-filed li .inpt{ background:#fff; width:100%; font-size:18px; padding:15px 20px; height:60px; line-height:30px; color:#999; border-radius:5px;}

.gege-obtain-button{ text-align:center; padding-top:68px;}
.gege-obtain-button .sbtn{ background:#f0a400; width:420px; height:60px; line-height:60px; font-size:24px; color:#fff; border-radius:5px; cursor:pointer;}


.penfor-second-marsk{ background:rgba(0,0,0,.7); width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:998; display:none;}
.penfor-second-pup{ position:fixed; left:50%; top:50%; height:80%; transform:translate(-50%,-50%); z-index:999; display:none;}
.penfor-second-pup .p-close{ background:url(../images/close.png) no-repeat #ea3131; width:48px; height:48px; position:absolute;  right:0; top:-50px; border-radius:50px;}
.penfor-second-pup .p-video{ background:#ea3131; padding:13px; height:100%; border-radius:5px;}
.penfor-second-pup .p-video video{ height:100%; object-fit: fill;}


.News-plan{ background-image:url(../images/News-planBg.jpg); background-position:center; background-size:cover; width:100%; padding:50px 0 65px 0;}
.News-plan .app-customTitle .cn{ color:#fff;}
.News-plan .app-customTitle .line{ color:#fff;}
.News-plan .app-customTitle .en{ color:#fff;}
.News-planList{ border:2px #ccd4d6 solid; border-right:0; border-bottom:0; margin-top:50px;    display: flex;
    flex-wrap: wrap;}
.News-planList li{ width:50%; float:left; padding:35px; border-right:2px #ccd4d6 solid; border-bottom:2px #ccd4d6 solid; transition:all 0.4s;    border: 2px #ccd4d6 solid;}
.News-planList li .pic{ width:78px;}
.News-planList li .word{ width:calc(100% - 78px); padding-left:20px; color:#fff;}
.News-planList li .word .t{ font-size:24px; font-weight:bold;}
.News-planList li .word .d{ padding:8px 0 17px 0; position:relative;}
.News-planList li .word .d:before{ content:''; background:#ccd4d6; width:60px; height:1px; position:absolute; left:0; bottom:0;}
.News-planList li .word .c{ font-size:16px; line-height:24px; margin-top:15px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.News-planList li:hover{ background:#ff6702;}
#boxsider{display:none}