/*.home_slide1_thumb{position:absolute;right:50px;top:50%;margin-top:-220px;z-index:1000;width:50%}*/
/*.home_slide1_thumb img{width:100%;height:auto}*/
/*.home_slide1_phone{margin-top:60px}*/
/*.slide1_online{width:190px;height:48px;line-height:48px;text-align:center;float:left;margin-right:30px;background:-webkit-linear-gradient(to top right,#002e66,#2b5299);background:-o-linear-gradient(to top right,#002e66,#2b5299);background:-moz-linear-gradient(to top right,#002e66,#2b5299);background:linear-gradient(to top right,#002e66,#2b5299);color:#fff;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-o-border-radius:48px}*/
/*.slide1_online a{color:#fff;display:block}*/
/*.slide1_online a.pclink{color:#fff;display:block}*/
/*.slide1_online a.mblink{color:#fff;display:none}*/
/*.slide1_online2{width:190px;height:48px;line-height:42px;text-align:center;float:left;border:2px #000 solid;color:#000;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-o-border-radius:48px}*/
/*.slide1_online2 a{color:#fff;display:block}*/
/*.slide1_online2 a.pclink{color:#fff;display:block}*/
/*.slide1_online2 a.mblink{color:#000;display:none}*/


.banner{width:100%;overflow:hidden;position:relative}
.home_slide_inner{position:relative;height:940px}
.swiper-slide{position:relative;overflow:hidden}
.home_slide_bg{width:100%;height:940px;position:absolute;background-size:cover;transition:all 4s cubic-bezier(.04,.79,1,1) !important;transform:scale(1.05)}
.home_slide_bg_m{display:none;width:100%;height:940px;position:absolute;background-size:cover;transition:all 4s cubic-bezier(.04,.79,1,1) !important;transform:scale(1.05)}
.home_slide1_info{position:absolute;left:200px;top:50%;margin-top:-160px;z-index:1000;width:70%}
.home_slide1_info img{width:100%;}
.home_slide1_info p{font-size:18px;color:#fff;margin-top:15px}
.home_slide1_info p.dtitle{font-size:80px;color:#fff;margin-top:15px}
.home_slide1_info p.color-white{color: #fff}
.home_slide1_info p.text_center{text-align: center}
.swiper-slide-active .home_slide_bg{transform:scale(1)}
.swiper-slide-active .home_slide_bg_m{transform:scale(1)}
.banner .pagination{position:absolute;left:0;text-align:center;bottom:25px;width:100%;z-index:999}
.banner .swiper-pagination-bullet{display:inline-block;opacity:1;background:#696f74;border-radius:0px;width:30px;height:4px;margin:5px;cursor:pointer;transition:width 0.3s ease-in-out}
.banner .swiper-pagination-bullet-active{background:#d61919;width:40px}
.arrow-left{position:absolute;left:80px;top:50%;margin-top:-16px;display:block;width:19px;height:32px;background:url(../image/prevArrow.png) no-repeat;z-index:1;cursor:pointer;filter:alpha(opacity=70);opacity:0.7}
.arrow-right{position:absolute;right:80px;top:50%;margin-top:-16px;display:block;width:19px;height:32px;background:url(../image/nextArrow.png) no-repeat;z-index:1;cursor:pointer;filter:alpha(opacity=70);opacity:0.7}
.scroll-icon{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2em;width:1.1em;font-size:22px;color:rgba(255,255,255,0.5);position:absolute;left:50%;margin-left:-0.55em;z-index:11;bottom:60px;border-radius:2em;border:solid 2px;-webkit-transition:.4s;transition:.4s}
.scroll-icon::after{content:'';width:5px;height:5px;background-color:#ffffff;border-radius:50%;-webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65,0.05,0.36,1);animation:scroll-icon 2.2s infinite cubic-bezier(0.65,0.05,0.36,1)}
@keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0}
    30%,70%{opacity:1}
    100%{-webkit-transform:translateY(12px);transform:translateY(12px);opacity:0}
}
.indextitle{text-align:center}
.indextitle .tit{font-size:38px;color:#000;font-weight:bold}
.indextitle p{font-size:16px;color:#333;margin-top:20px;line-height:30px}
.indextitle2{text-align:center}
.indextitle2 .tit{font-size:38px;color:#fff;font-weight:normal}
.indextitle2 p{font-size:16px;color:#fff;margin-top:20px;line-height:30px}
.indextitle3{text-align:center}
.indextitle3 .tit{font-size:36px;color:#0065c1;font-weight:normal}
.service{height:auto;margin-bottom:50px}
.service ul{display:flex;display:-webkit-flex;flex-direction:row;justify-content: center;}
.service li{text-align:center;padding-top:20px;padding-bottom:30px;margin:10px}
.service .itemempty{height:0px;width:18%}
.service:after{content:"";flex:auto}
.service li.wxxcx{display:none}
.service .tit{font-size:24px;margin-top:30px;color:#fff}
.service .tit a{font-size:24px;margin-top:30px;color:#222}
.service .tit a:hover{font-size:24px;margin-top:30px;color:#FFF}
.service p{font-size:14px;margin:0 30px;margin-top:15px;line-height:24px}
.service li:hover{margin:10px;background:-webkit-linear-gradient(to top right,#181818,#333);background:-o-linear-gradient(to top right,#181818,#333);background:-moz-linear-gradient(to top right,#181818,#333);background:linear-gradient(to top right,#181818,#333);color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px}
.baojia{width:125px;height:38px;border:1px #fff solid;text-align:center;margin:0 auto;margin-top:70px;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;-o-border-radius:38px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}
.baojia a{color:#fff;line-height:38px;display:block;font-size:16px}
.baojia a.pclink{color:#fff;display:block}
.baojia a.mblink{color:#fff;display:none}
.service li:hover .baojia{margin-top:40px}
.service li img{margin:0 auto}
.service li img.serimg2{display:none}
.service li:hover img.serimg1{display:none}
.service li:hover img.serimg2{display:block}
.service li:hover img.serimg2{display:block}
.service li:hover .tit a{color:#fff}
.ad_timer{width:100%;height:238px;margin:0 auto;z-index:999;background:#272826 url(../image/index-ys-bg.jpg) center center no-repeat}
.caseys{display:block;width:86%;max-width:1600px;margin:0 auto}
.caseys li{width:25%;height:238px;float:left;text-align:center;box-sizing:border-box;padding-bottom:20px;position:relative}
.caseys span{display:inline-block;font-size:50px;margin:60px 0px 10px 0px;color:#f7f7f7}
.caseys p{font-weight:normal;font-size:16px;margin:0;color:#f7f7f7}
.tran{transition:all .3s ease}
.case-list{margin-top:15px}
.case-list ul li{width:33.333333%;float:left;position:relative;overflow:hidden;display:block}
.case-list ul li img{width:100%;height:auto;display:block}
.case-list ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.case-list .case-summary{display:none;width:100%;height:100%;background:url(../image/black.png) repeat;top:0;left:0;position:absolute;padding:5%}
.case-list .case-summary p{color:#f9f9f9;position:absolute;left:0;font-size:20px}
.case-list .case-summary span{font-size:24px}
.case-list .case-summary span.syl2{font-size:14px}
.case-list .case-summary .p1{top:0}
.case-list .case-summary .p2{width:100%;bottom:0;font-size:16px}
.case-list .case-summary .p3{position:absolute;top:10px;font-size:14px;right:0;text-align:right}
.case-list .case-bt{display:none;position:absolute;z-index:5555;bottom:0px;width:100%;background:rgb(0 0 0 / 33%);text-align:center;height:30px;color:#fff;line-height:30px}
.case-list .case-more{display:block;width:148px;height:40px;margin:100px auto;border:2px solid #959595;text-align:center;line-height:40px}
.case-read{width:1800px;margin:0 auto;max-width:94%;padding:100px 0}
.case-read .news-tool{display:none}
.case-read img{width:100%;height:auto !important;float:left;display:block;}
.case-read img.small{width:50%}
.case-read-top{padding:70px 0;color:#fff;height:730px}
.case-read-top .left{width:36%;text-align:right;font-size:20px}
.case-read-top .right{width:40%;margin-right:11%;position:relative;height:100%}
.case-read-top .right p{font-size:20px;line-height:1.8em;margin-bottom:20px}
.case-read-top .right ul{position:absolute;bottom:0}
.case-read-top .right ul li{font-size:14px}
.case-fixed{position:fixed;width:28px;left:50%;margin-left:920px;top:35%;display:none}
.case-fixed li{position:relative;height:26px;margin-bottom:17px}
.case-fixed li .icon{background-repeat:no-repeat;display:block;width:28px;height:26px}
.case-fixed #close a{background-position:0 -117px}
.case-fixed #prev a{background-position:0 -155px}
.case-fixed #next a{background-position:0 -194px}
.case-fixed #close a:hover{background-position:-36px -117px}
.case-fixed #prev a:hover{background-position:-36px -155px}
.case-fixed #next a:hover{background-position:-36px -194px}
@media screen and (max-width:750px){.case-list ul li,.warp2 ul a{width:50%}
    .case-list ul a:nth-of-type(9){display:none}
    .case-list .case-bt{display:block;font-size:12px}
}
.dynamicbox .title{font-size:36px;font-weight:700;margin-bottom:21px;margin-top:20px;text-align:center}
.dynamicbox .sub-title{font-size:16px;color:#888;margin-bottom:20px;text-align:center}
.dynamicbox{width:100%;overflow:hidden;padding:80px 0px}
.dynamicbox .item{float:left;width:33%;padding:10px;transition:0.5s}
.dynamicbox .item .box{box-shadow:0 0 15px 1px rgba(0,0,0,.1);border-radius:3px;background:#fff;padding:12px;margin-top:30px;transition:0.5s}
.dynamicbox .item .tit{font-size:18px;color:#000000;margin-top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dynamicbox .item p{height:48px;font-size:14px;color:#888;line-height:24px}
.dynamicbox .item .box:hover{transform:translate(0px,-5px);box-shadow:0px 5px 20px rgba(0,0,0,0.2)}
.dynamicbox .item .box:hover h3{color:#d61a1a}
.slideBox{position:relative}
.slideBox .bd{position:relative;overflow:hidden}
.slideBox .bd ul{padding-bottom:1px!important}
.slideBox .bd li{width:100%;height:100%}
.dynamic_more{text-align:center}
.dynamic_more a{line-height:30px}
.dynamic_more:nth-child(2) a{padding:0 10px}
.dynamic_more .iconfont{font-size:30px}
.ytx-customer-evaluation{padding:100px 0 50px 0;margin:0 auto;overflow:hidden;width:100%;background:#f5f5f5}
.ytx-customer-evaluation .title{text-align:center;font-size:36px;font-weight:700;margin-bottom:21px}
.ytx-customer-evaluation .sub-title{text-align:center;font-size:16px;color:#888;margin-bottom:80px}
.ytx-customer-evaluation .sub-title a{color:#888}
.ytx-customer-evaluation .list-item{width:25%;padding:20px;display:inline-block}
.ytx-customer-evaluation .list-item .bg{display:inline-block;width:100%;height:271px;background:url(../image/ytx-customer-evaluation-bg1.png);background-position:0 100%;padding:40px 24px 0;box-sizing:border-box}
.ytx-customer-evaluation .list-item .bg-title{font-size:18px;font-weight:700;color:#343434;text-align:left;margin-bottom:26px}
.ytx-customer-evaluation .list-item .star{float:right}
.ytx-customer-evaluation .list-item .star label{color:#d61a1a}
.ytx-customer-evaluation .list-item .description{font-size:14px;color:#666;line-height:24px;text-align:left;white-space:normal}
.ytx-customer-evaluation .list-item .description a{color:#666}
.ytx-customer-evaluation .list-item .img{text-align:left;padding-bottom:27px}
.ytx-customer-evaluation .list-item .img img{display:inline-block;box-shadow:0 0 27px rgba(52,52,52,.27);border-radius:50%;margin-left:13px;width:50px;height:50px}
.ytx-customer-evaluation .swiper-pagination-bullet{width:10px;height:10px}
.ytx-customer-evaluation .swiper-pagination-bullet-active{background:#d61a1a}
.ytx-customer-evaluation .swiper-wrapper{margin-bottom:40px}
.effect-bubba{background:#000}
.effect-bubba img{opacity:1;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;display:block}
.effect-bubba:hover img{opacity:0.6}
.effect-bubba figcaption::before,.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.4s,transform 0.4s}
.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
.effect-bubba p{position:absolute;left:0px;top:0px;z-index:10;text-align:center;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);filter:alpha(opacity=0);opacity:0;text-align:center;width:100%;height:100%}
.effect-bubba:hover figcaption::before,.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.effect-bubba figcaption p a{width:100%;height:100%;display:block;border:1px #ddd solid;color:#fff;font-size:20px;padding-top:26%;font-weight:bolder}
.effect-bubba span{border:1px #fff solid;font-size:14px;height:30px;line-height:30px;display:inline-block;padding-left:15px;padding-right:15px;margin-top:20px;font-weight:normal;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}
.cases_more{width:220px;height:55px;line-height:55px;margin:0 auto;border:1px #333 solid;text-align:center;margin-top:50px}
.cases_more a{font-size:18px;font-weight:bolder}
.whybox{width:100%;background:url(../image/whybg.jpg) center center no-repeat;padding-top:30px;padding-bottom:80px;background-size:cover;background-attachment:fixed;color:#fff}
.whylist{margin-top:50px}
.whylist ul{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.whylist li{width:23%;margin-bottom:15px;padding:17px;background:url(../image/navbg.png);border-radius:10px}
.whylist .tit{font-size:24px;font-weight:normal;color:#fff}
.whylist img{margin-bottom:1px;-moz-transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.whylist li:hover img{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-moz-transition:all 1.5s;-ms-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}
.whylist p{margin-top:20px;line-height:24px;font-size:14px;color:#979696}
.whylist .itemempty{height:0px;width:23%}
.whylist:after{content:"";flex:auto}
.whylist li:hover{background:-webkit-linear-gradient(to top right,#d61919,#c316168c);background:-o-linear-gradient(to top right,#d61919,#c316168c);background:-moz-linear-gradient(to top right,#d61919,#c316168c);background:linear-gradient(to top right,#d61919,#c316168c)}
.process{height:auto;margin-top:40px;overflow:hidden;background:url(../image/process_libg.png) center center no-repeat;-moz-background-size:100% 100%;background-size:100% 100%}
.process ul{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.process li{width:16.6%;text-align:center;font-size:14px;color:#666;padding-top:40px;padding-bottom:30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all}
.process li .tit{font-size:16px;margin-bottom:15px;color:#222}
.process img{margin-bottom:10px;-moz-transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.process li:hover{padding-top:40px}
.process li:hover .tit{color:#d61e1e}
.process li p{font-size:14px;color:#666}
.process li:hover img{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-moz-transition:all 1.5s;-ms-transition:all 1.5s;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}
.process span{display:block;height:35px;width:35px;background:url(../image/processbg.png) no-repeat;text-align:center;line-height:35px;color:#fff;margin:0 auto;margin-top:25px}
.customerbox{width:100%;background-color:#3F3F3F;padding-top:30px;padding-bottom:24px;color:#fff}
.customer{height:auto;margin-top:40px}
.customer ul{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.customer li{position:relative;width:13%;border-radius: 11px;border:1px #ccc solid;overflow:hidden;margin-bottom:10px;background:#ffffff}
.customer li:before{content:"";position:absolute;overflow:hidden;width:80px;height:150px;left:0%;top:0;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);background:gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.2)),color-stop(100%,rgba(255,255,255,0)));-webkit-transform:skewX(-25deg) translateX(-149px);transform:skewX(-25deg) translateX(-149px);-webkit-transition:none 220ms ease 0s;transition:none 220ms ease 0s}
.customer li:hover:before{left:105%;-webkit-transform:skewX(-25deg) translateX(149px);transform:skewX(-25deg) translateX(149px);-webkit-transition:all 900ms ease 0s;transition:all 900ms ease 0s}
.customer img{display:block;vertical-align:middle;margin:0 auto;width:100%;height:auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85}
.customer li:hover img{-webkit-filter:none;filter:none;filter:none;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.customer li:hover{border:1px #d6191961 solid}
.newsbox{width:100%;height:auto;background-color:#fafafa;padding-top:30px;padding-bottom:80px}
.newscat{text-align:center;margin-top:30px}
.newscat li{display:inline-block;height:42px;line-height:40px;margin-left:15px;margin-right:15px;border:1px #ddd solid;padding:0 25px;cursor:pointer}
.newscat li a{display:block;padding:0 25px}
.newscat li a:hover{color:#fff;background-color:#111}
.newsbox .on{color:#fff;background-color:#111;border:1px #111 solid}
.newsbox .on a{color:#fff;background-color:#111}
.newscat2{text-align:center;margin-top:30px}
.newscat2 li{display:inline-block;height:42px;line-height:40px;margin-left:15px;margin-right:15px;cursor:pointer}
.newscat2 li a{display:block;padding:0 25px;border:1px #ddd solid}
.newscat2 li a:hover{color:#fff;background-color:#111;border:1px #111 solid}
.newscat2 .on{color:#fff}
.newscat2 .on a{color:#fff;background-color:#111;border:1px #111 solid}
.indexnews{height:auto;display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.news{width:32%;height:auto}
.news img{width:100%;height:auto;display:block}
.news span{display:inline-block;margin-top:10px;color:#666}
.news h2 a{font-size:18px;font-weight:normal}
.news h2 a:hover{color:#000}
.news p{margin-top:20px;font-size:14px;line-height:26px;color:#888}
.news ul{border-top:1px #e5e7e9 solid;margin-top:30px;padding-top:20px}
.news li{width:100%;height:38px;line-height:38px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news li a{color:#666}
.news li a:hover{color:#000}
.news li span{float:right;color:#888;margin-top:0px}
.news .newstext{border:1px #e3e3e3 solid;background-color:#f6f6f6;padding:20px;margin-bottom:15px;padding-bottom:25px}
.require h2{font-size:32px}
.require p{margin-top:30px;color:#666;line-height:32px}
.require p a{color:#2b5299}
.require_form{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:35px}
.require_txt{width:18%;height:50px;line-height:50px;box-shadow:0 0 5px #c9d3ff;padding-left:30px;font-size:16px}
.require_txt2{width:40%;height:50px;line-height:50px;box-shadow:0 0 5px #c9d3ff;padding-left:30px;font-size:16px}
.require_sub{width:19%;height:50px;line-height:50px;color:#fff;font-size:16px;cursor:pointer;background:-webkit-linear-gradient(to top right,#002e66,#2b5299);background:-o-linear-gradient(to top right,#002e66,#2b5299);background:-moz-linear-gradient(to top right,#002e66,#2b5299);background:linear-gradient(to top right,#002e66,#2b5299);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px}
.tx-adv{padding:30px 0 50px}
.tx-adv .tx-main-title{margin-bottom:30px;text-align:center}
.tx-main-title h3{font-size:34px;font-weight:600}
.tx-main-title h3 b{font-size:20px;font-style:normal}
.tx-main-title em{font-size:18px;color:#868686;line-height:30px;font-style:normal}
.tx-adv .swiper-box{position:relative;width:100%}
.tx-adv .swiper-box .swiper-container{width:100%}
.tx-adv .swiper-box .swiper-button-prev{left:-40px;top:50%;outline:none;color:#888}
.tx-adv .swiper-box .swiper-button-next{right:-40px;top:50%;outline:none;color:#888}
.tx-adv img{border:1px solid #f0f0f0;max-width:100%;height:auto;box-shadow:0px 5px 20px rgba(0,0,0,0.2);padding:10px}
.tx-adv .title{font-size:15px;text-align:center;padding-top:18px}
.index-news{overflow:hidden;width:100%;background:#f5f5f5;padding:80px 0}
.index-news .title{font-size:36px;font-weight:700;margin-bottom:21px;margin-top:20px;text-align:center}
.index-news .sub-title{font-size:16px;color:#888;margin-bottom:50px;text-align:center}
.index-news-menu{text-align:center;overflow:hidden}
.index-news-menu li{display:inline-block;overflow:hidden;padding:0 1px}
.index-news-menu li a{line-height:40px;padding:4px 12px;border:1px solid #ddd;font-size:14px;color:#666;border-radius:3px;transition:all ease .3s}
.index-news-menu li:hover a{color:#fff;background:#d61919;border-color:#b71414}
.index-news-menu li.on a{color:#fff;background:#d61919;border-color:#b71414}
.index-news .index-box{max-width:1400px;overflow:hidden;padding:0 5px;margin:0 auto}
.index-news-list{margin-top:2px;display:inline-block;left:0;position:relative;transition:all ease 1s;width:100%}
.index-news-list .lbox{display:none;padding-right:10px;max-width:100%;width:100%;float:left}
.index-news-list .active{display:block}
.index-news-list .lbox  .xwitem{width:23%;margin:1%;display:inline-block}
.index-news-list .lbox  .tbox{display:inline-block;width:100%;height:270px;box-sizing:border-box;padding:0 30px;background-color:#fff;border-radius:10px}
.index-news-list .lbox  .tbox .time{color:#999;font-family:'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;padding:22px 0 2px;transition:all ease .3s}
.index-news-list .lbox  .tbox .time span{font-size:16px;line-height:20px;font-weight:initial;display:block}
.index-news-list .lbox  .tbox .titles{font-size:16px;line-height:36px;margin-top:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-news-list .lbox  .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1000px){.index-news-list .lbox  .xwitem{width:43%;margin:1%;display:inline-block}
}@media screen and (max-width:750px){.index-news-list .lbox  .xwitem{width:98%;margin:1%;display:inline-block}
}.index-about{position:relative;overflow:hidden;padding:4.64583333% 3.64583333%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:start;align-content:flex-start}
.index-about:after{display:none}
.index-about .left{float:left;max-width:42.86516854%}
.index-about .left .dt{font-size:18px;color:#000;white-space:nowrap;padding-bottom:14px}
.index-about .left .dd{margin-top:2em;color:#000;font-size:14px}
.index-about .left .dd strong{font-size:26px}
.index-about .left .ds{margin-top:2.5em;color:#666;line-height:1.875}
.index-about .left .more{margin-top:3em;display:block;width:132px;height:32px;line-height:32px;text-align:center;color:#3F3F3F;border:#3F3F3F solid 2px;-webkit-transition:all 400ms ease 0s;transition:all 400ms ease 0s}
.index-about .left .more:hover{color:#fff;background-color:#3F3F3F}
.index-about .right{float:right;max-width:55.05617978%;text-align:right;color:#3F3F3F;-webkit-perspective:100px;perspective:100px}
.index-about .right .slogan{position:relative;max-width:100%;padding-top:1.5em;text-align:center;padding-bottom:2em}
.index-about .right .slogan .bg{background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat}
.index-about .right .slogan .q{max-width:77.34042553%}
.index-about .right .slogan .p1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px 5px;white-space:nowrap;background-color:#fff;text-align:center;color:#3F3F3F;width:80%;font-size:40px}
.index-about .right .slogan .p2{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:40px}
.index-about .right .keywords{margin-top:3%;text-align:center;line-height:1.5}
.index-about .right .keywords .link{vertical-align:top;display:inline-block;vertical-align:middle;padding-bottom:0;color:#3F3F3F;margin-bottom:.5em}
.com_banner{width:100%;height:auto;position:relative}
.com_banner img{width:100%;height:auto;display:block}
.com_banner_txt{position:absolute;left:0px;top:40%;color:#fff;width:100%}
.com_banner_txt h2{font-size:50px;margin-bottom:20px}
.com_banner_txt p{font-size:22px}
.com_banner_txt h1{font-size:36px;margin-bottom:20px}
.news_banner{overflow:hidden}
.artitle a{color:#fff}
.artitle p{color:#fff;font-size:18px}
.newsart{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.content{line-height:40px;width:68%;background-color:#fff;padding:40px}
.content pre{background-color:#f8f8f8;border:1px #ddd solid;padding:10px;font-size:14px;margin-bottom:15px;margin-top:15px}
.content img{max-width:100%!important;height:auto!important;width:expression(this.width > 1105 ? "1105px":this.width)!important;margin-bottom:10px}
.newsright{width:28%;background-color:#fff;padding:40px}
.newsright li{width:100%;height:auto;background-color:#f6f6f6;margin-bottom:30px;padding:40px 25px}
.newsright h2{font-size:22px;margin-bottom:25px;font-weight:normal}
.newsright p{line-height:30px;color:#666;margin-top:25px;font-size:14px}
.newsright span{color:#888;background:url(../image/timebg.jpg) left bottom no-repeat;display:inline-block;padding-bottom:15px}
.position{border-bottom:1px #ebebeb solid;padding-top:18px;padding-bottom:18px;color:#666}
.position span{background:url(../image/posibg.jpg) left center no-repeat;padding-left:25px}
.position a{color:#666;margin-left:3px;margin-right:3px}
.position a:hover{color:#333}
.website{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.website_pic{width:60%}
.website_pic img{width:100%;height:auto;display:block}
.website_txt{width:40%}
.aboutusbox{margin:100px 0 100px}
.aboutusbox .aboutus{display:flex;align-items: center}
.aboutusbox .aboutus .about_left{width:50%;flex-grow:1}
.aboutusbox .aboutus .about_left img{width:100%}
.aboutusbox .aboutus .about_right{width:50%;margin: 76px 30px;}
.aboutusbox .aboutus .about_right p{line-height:2em;text-indent:2em;margin-top:1em}
@media screen and (max-width:1620px){.aboutusbox .aboutus .about_left{width:40%}
    .aboutusbox .aboutus .about_right{width:60%}
}

@media screen and (max-width: 1400px) {
    .home_slide1_info{left:160px}
    .aboutusbox .aboutus .about_left {width: 60%;}
    .aboutusbox {margin: 60px 0 60px;}
    .aboutusbox .aboutus .about_right {width: 60%;height:500px;overflow: hidden;margin: 30px 20px;}
    .ytx-customer-evaluation .list-item .bg-title{display: flex;flex-direction: column;justify-content: space-between}
    .ytx-customer-evaluation .list-item .name{margin-bottom: 0.3rem;}
    .ytx-customer-evaluation .list-item .description{display: none}

}
@media screen and (max-width:1000px){.aboutusbox .aboutus .about_left{width:70%}
    .aboutusbox .aboutus .about_right{width:50%}
    .service p,.case-list .case-summary .p3,.dynamicbox .item p{}
    .service li{margin: 10px 2px;width: 20%;}
    .case-list .case-summary .syl2{display: none}
    .dynamicbox .item .tit{white-space: unset;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; }
    .process li p{display: none}


}@media screen and (max-width:640px){
    .home_slide_inner, .home_slide_bg_m{height:500px}

    .home_slide_bg{display:none}
    .home_slide1_info{left:10px;width:95%;top:72%}
    .slide1_online{width:45%}
    .slide1_online2{width:45%}
    .home_slide1_info img{width:75%;height:auto}
    .home_slide1_thumb{position:absolute;right:0;top:40%;margin-top:-220px;z-index:1000;width:100%}
    .home_slide1_thumb img{width:100%;height:auto}
    .home_slide1_info p.dtitle{font-size:24px}
    .home_slide_bg_m{display:block}
    .aboutusbox .aboutus .about_right{margin: 50px 20px 30px;}
    .aboutusbox .aboutus{display:flex;flex-direction:column}
    .aboutusbox .aboutus .about_left{width:100%}
    .aboutusbox .aboutus .about_right{width: 100%;height: 488px}
    .service ul {flex-wrap:wrap;justify-content: center;}
    .service ul li{width:48%;height:auto;padding-top:5px;padding-bottom:5px;box-sizing: border-box}
    .service ul li p{margin:0 5px}
    .service ul li:nth-of-type(5){display:none}
    .service li:hover{margin:0px}
    .caseys li{width:50%;height:auto;padding-bottom:10px}
    .caseys span{font-size:28px;margin:26px 0px 10px 0px}
    .dynamicbox{padding: 40px 0}
    .dynamicbox .item{width:100%}
    .dynamicbox .item .box{margin-top:1px}
    .ytx-customer-evaluation .list-item{width:100%}
    .process{background:none}
    .process li{padding-top:5px;padding-bottom:5px}
    .aboutusbox .aboutus .about_left img{height:auto}
    .whybox{padding-bottom: 30px}
    .whylist li{width:48%}
    .process li{width:22.6%}
    .arrow-left,.arrow-right, .indextitle p,.indextitle2 p{display: none}
    .ytx-customer-evaluation{padding: 50px 0 50px 0}
    .ytx-customer-evaluation .list-item{padding: 20px 0}
    .ytx-customer-evaluation .list-item .description{display: block}
    .customerbox{padding: 16px 0 60px}
    .customer li{width: 31%}
    .index-news{padding:16px 0px 44px}

    .mt100{margin-top: 60px}
    .mt80{margin-top: 60px}
    .tx-adv{padding: 30px 0 20px}
    .aboutusbox{margin: 30px 0 20px;}



}