@charset "UTF-8";
body { padding-top: 90px; }
a:hover { color: #e30016; }
.header { position: fixed; top: 0; left: 0; width: 100%; height: 90px; line-height: 90px; padding-left: 60px; z-index: 999; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; background: #fff; }
.header.fixed { box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1); }
.header .logo { position: relative; align-items: center; height: 100%; }
.nav-list>li { float: left; font-size: 0; position: relative; margin: 0 10px; }
.nav-list>li>a { display: block; font-size: 18px; color: #6e6f70; padding: 0 25px; position: relative; vertical-align: middle; -webkit-transition: .4s color; -o-transition: .4s color; transition: .4s color; }
.nav-list>li.on>a, .nav-list>li>a:hover { color: #e30016; }
.header-right { align-items: center; height: 90px; }
.header-right .tel { margin-right: 50px; font-size: 20px; color: #e30016; height: 33px; line-height: 33px; }
.header-right .search:hover { color: #e30016; }
.header-right .tel:before { content: "|"; display: inline-block; margin: 0 20px; color: #dddddd; font-weight: normal; font-family: "微软雅黑"; line-height: 33px; }
.header-right .tel i { font-size: 18px; color: #30343e; margin-right: 10px; }
.header-right .search i { font-size: 20px; color: #30343e; vertical-align: middle; }
.head_top_one .brand { width: 120px; height: 90px; background-color: #e30016; text-align: center; font-size: 16px; line-height: 90px; color: #ffffff; position: relative; overflow: visible; }
.head_top_one .brand .brand-list { position: absolute; right: 0; top: 90px; z-index: 2; width: 100%; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.head_top_one .brand:hover .brand-list { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1);}
.head_top_one .brand .brand-list a { display: block; line-height: 50px; }
.head_top_one .brand i { margin-left: 8px; }

/*新头部*/
.head_top.fixed { box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1); }
.head_top .logo { line-height: 90px; }
.head_top_one h2 { font-size: 20px; height: 90px; line-height: 90px; margin-right: 30px; color: #e6212a; }
.head_top_one h2 i { font-size: 24px; color: #e6212a; vertical-align: middle; margin-right: 6px; display: inline-block; margin-top: -2px; }
.head_top_one .serbtn { float: right; margin-top: 34px; width: 24px; height: 24px; font-size: 24px; line-height: 24px; color: #333; margin-right: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.head_top_one .serbtn:hover { color: #e6212a; }
.hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 14px; color: #444; background: none; border: none; font-family: "Microsoft Yahei"; }
.hidden_search .btn { display: block; cursor: pointer; position: absolute; right: 0; top: 0; height: 40px; width: 40px; border: none; border-radius: 50%; overflow: hidden; font-size: 24px; color: #e6212a; background: transparent; }
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95%; box-sizing: border-box; }
.hidden_search .close_btn { position: absolute; right: 20px; top: 50%; width: 26px; height: 26px; transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; font-size: 22px; line-height: 26px; color: #777 }
.hidden_search .close_btn:hover { color: #e6212a; }
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .7); visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0; }
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { box-sizing: border-box; position: relative; padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p { float: left; margin: 20px 0 0 5%; width: 90%; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
.sear_txt { float: left; height: 30px; font-size: 12px; line-height: 30px; border: none; width: calc(100% - 35px); background: none; color: #666; text-indent: 5px; }
@media screen and (max-width:600px) {
    .cd-popup-container { width: 90% }
    .hidden_search .text { font-size: 14px }
    .cd-popup-container { padding: 20px 50px 20px 10px }
}
.head_top { width: 100%; height: 90px; line-height: 90px; position: fixed; z-index: 999; background: #fff; top: 0; left: 0; }
.head_top_p { height: 90px; padding-left: 15px; border-left: 1px solid #dcdcdc; font-size: 16px; color: #333333; }
.head_top_p a { display: inline-block; position: relative; height: 90px; padding: 0 25px; font-size: 16px; color: #333333; }
.head_top_p a:hover { color: #e6212a; }
.head_top_p a:before { transition: 0.3s; content: ""; width: 18px; height: 0px; background-color: #e6212a; position: absolute; bottom: 0px; left: 50%; margin-left: -9px; }
.head_top_p a:hover:before { height: 11px; }
.head_top_p a.on:before { height: 11px; }
.head_top_p a.on { color: #e6212a; }
.head_top .logo img { padding-left: 40px; margin-right: 43px; }
.head_top .nav { line-height: 90px; height: 90px; margin-right: 120px; }
.head_top .nav li { transition: 0.3s; float: left; line-height: 90px; position: relative; }
.head_top .nav li span { display: block; width: 0; background-color: #d21010; height: 1px; transition: 0.3s; margin: 0 auto; position: relative; z-index: 9; }
.head_top .nav li:hover span { width: 100%; }
.head_top .nav li a { padding: 0 25px; transition: 0.3s; font-size: 16px; color: #333; display: inline-block; line-height: 36px; background-color: #fff; border-radius: 20px; }
.head_top .nav li:before { transition: 0.3s; content: ""; width: 18px; height: 0px; background-color: #e6212a; position: absolute; bottom: 0px; left: 50%; margin-left: -9px; }
.head_top .nav li:hover:before { height: 11px; }
.head_top .nav li:hover a { color: #e6212a; }
.head_top .nav li.on a { color: #e6212a; }
.head_top .nav li.on:before { height: 11px; }
.head_top .fours img { -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08); }
.head_top p .wx { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 28px; height: 28px; background: url(../images/top_xian2.jpg) no-repeat right center; display: table; margin-left: 40px; }
.head_top p .wx .qr { position: absolute; left: 50%; bottom: -85px; width: 105px; height: 105px; margin-left: -48px; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 9999; }
.head_top p .wx:hover .qr { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
@media (max-width:1800px) {
    .head_top .nav {
        margin-right: 60px;
    }
}
@media (max-width:1600px) {
    .head_top .nav { margin-right: 80px; }
    .head_top .nav {
        margin-right: 30px;
    }
    .head_top .nav li a {padding: 0 20px;}
}
@media (max-width:1500px) {
    .head_top_p a {padding: 0 20px;}
    .head_top .nav li a { padding: 0 15px; }
}
@media (max-width:1440px) {
    .head_top .nav li a { padding: 0 15px; }
    .head_top_one .serbtn { margin-right: 15px; }
    .head_top_one h2 {margin-right: 25px;}
}
@media (max-width:1400px) {
    .head_top .nav li a { padding: 0 12px; }
    .head_top_one .serbtn { margin-right: 13px; }
    .head_top_one h2 {margin-right: 20px;}
    .head_top_p a {
        padding: 0 15px;
    }
}
@media (max-width:1366px) {
    .head_top .logo img { margin-right: 20px; }
    .head_top_p { padding-left: 5px; }
}
@media (max-width:1330px) {
    .head_top_p a {
        padding: 0 10px;
    }
}
@media (max-width:1280px) {
    .head_top_one .brand {width: 110px;}
    .head_top_one h2 {font-size: 18px;}
}
@media (max-width:1230px) {
    .head_top .nav li a {
        padding: 0 10px;
    }
    .head_top .nav {
        margin-right: 20px;
    }
}
@media (max-width:1200px) {
    .head_top .nav,
    .head_top_one .brand { display: none; }
    .navTrigger { display: block; position: absolute; right: 4%; }
    .head_top_one h2 { margin-right: 100px; }
}
@media (max-width:768px) {
    .header { height: 60px; line-height: 60px; }
    .header-right { margin-right: 50px; }
    .header .logo img { height: 35px; max-width: none; width: auto; }
    .wapNav { top: 60px; border-top: 1px solid #eee; }
    .header.fixed { height: 60px; line-height: 60px; }
}

/*尾部*/
.footer { background-color: #1d1d1d; padding-top: 75px; }
.foot-top { padding-bottom: 90px; }
.footer .foot-nav { flex: 1; }
.footer .foot-nav .item ~ .item { margin-left: 90px; }
.footer .foot-nav .item h4 { font-size: 18px; line-height: 1; color: #ffffff; font-weight: bold; margin-bottom: 30px; }

/*.footer .foot-nav .item ul li ~ li {margin-top: 15px;}*/
.footer .foot-nav .item ul li a { font-size: 14px; line-height: 32px; color: rgba(201, 201, 202, .5); }
.footer .foot-nav .item ul li a:hover, .footer .copyright a:hover, .footer .links a:hover { color: rgba(255, 255, 255, .9); }
.footer .links { margin-bottom: 20px; color: rgba(156, 156, 156, .6); }
.footer .links a { position: relative; color: rgba(156, 156, 156, .6); margin: 0 10px; }
.footer .links a:first-child { margin-left: 0; }
.footer .copyright { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .06); color: rgba(156, 156, 156, .6); }
.footer .copyright a { color: rgba(156, 156, 156, .6); }
.foot-contact { padding-top: 6px; }
.foot-contact .qr { text-align: center; font-size: 14px; line-height: 24px; color: #e3e3e3; margin-right: 65px; }
.foot-contact .qr p { margin-top: 10px; }
.foot-contact ul li ~ li { margin-top: 40px; }
.foot-contact ul li i { display: inline-block; vertical-align: middle; border-radius: 50%; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; background-color: #292b34; font-size: 24px; margin-right: 16px; margin-top: 2px; }
.foot-contact ul li:first-child i { margin-top: 8px; background-color: #e30016; }
.foot-contact ul li .des { width: 224px; }
.foot-contact ul li .des h4 { font-size: 14px; line-height: 24px; color: #c9c9ca; opacity: 0.5; }
.foot-contact ul li .des .font-en { font-size: 32px; color: #e30016; line-height: 1; margin-top: 5px; }
.foot-contact ul li .des p { font-size: 16px; line-height: 24px; color: #c9c9ca; }

/*首页*/
.new-bar { height: 58px; background-color: #fafafa; border-bottom: 1px solid #e5e5e5; }
.new-bar .wp { align-items: center; height: 100%; }
.new-bar .news-scroll { width: 81.95%; overflow: hidden; height: 30px; line-height: 30px; }
.new-bar .news-scroll ul li { max-width: 32%; }
.new-bar .news-scroll ul li a { font-size: 16px; line-height: 30px; color: #6e6f70; display: block; }
.new-bar .news-scroll ul li a:hover { color: #e30016; }
.new-bar .tit { flex: 1; font-size: 16px; color: #e30016; padding-right: 40px; }
.new-bar .tit i { font-size: 18px; vertical-align: middle; display: inline-block; margin-right: 2px; line-height: 48px; margin-top: -2px; }
.new-bar .news-swp { flex: 1; text-align: right; padding-left: 50px; }
.new-bar .news-swp .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #6e6f70; opacity: 0.5; margin-left: 7px; }
.new-bar .news-swp .swiper-pagination-bullet-active { background-color: #e30016; opacity: 1; }
.index-tit.center { text-align: center; }
.index-tit h3 { font-size: 24px; line-height: 1; color: #e30016; font-weight: 400; }
.index-tit h4 { font-size: 42px; line-height: 48px; color: #272933; margin-top: 12px; font-weight: bold; }
.index-tit h4.f36 { font-size: 36px; line-height: 1.4; }
.index-tit p { font-size: 16px; line-height: 2; color: #888; margin-top: 20px; }
.index-tit.white h4 { color: #ffffff; }
.index-tit.white p { color: #ffffff; }
.index-tit .video-play-wrap {margin-top: 40px; text-align: center;font-size: 24px;color: #fff;}
.index-tit .video-play,
.about-ys .pic .video-cover .video-play {font-size: 100px; color: #e6212a; display: inline-block; vertical-align: middle; height: 100px; line-height: 100px; -webkit-animation: pulse 2s 0s ease both infinite; -moz-animation: pulse 2s 0s ease both infinite; animation: pulse 2s 0s ease both infinite; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 50%; background: #fff;margin-right: 10px;}
.index-tit .video-play:hover,
.about-ys .pic .video-cover .video-play:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.15)}
.indexa { padding-top: 90px; padding-bottom: 94px; background: url(../images/index/in-bg-1.jpg) no-repeat center; background-size: cover; }
.index-pro { margin-top: 50px; }
.in-market { margin-top: 60px; overflow: hidden; background: #000; }
.in-market .in-newpro { width: 66.26%; border-right: 1px solid #fff; }
.in-market .in-video { width: 33.74%; position: relative; height: 720px; }
.swiper-container-innewpro .swiper-slide { position: relative; height: 720px; }
.swiper-container-innewpro .swiper-slide .com-more { position: absolute; left: 4.5%; bottom: 50px; z-index: 2; background-color: #e30016; color: #fff; }
.swiper-pagination.swp-1 { width: auto; right: 4.5%; bottom: 50px; font-size: 0; left: auto; }
.swiper-pagination.swp-1 .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #6e6f70; opacity: 0.5; margin: 0; margin-left: 14px; }
.swiper-pagination.swp-1 .swiper-pagination-bullet-active { background-color: #e30016; opacity: 1; }
.in-market .in-video { overflow: hidden; }
.in-market .in-video>img { -webkit-animation: pulse 2s 0s ease both infinite; -moz-animation: pulse 2s 0s ease both infinite; animation: pulse 2s 0s ease both infinite; }

/*动画——呼吸效果*/
@-webkit-keyframes pulse {
    from {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
50% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
to {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
}
@keyframes pulse {
    from {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
50% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
to {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
}
.in-market .in-video .abox { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.in-market .in-video .abox i { font-size: 70px; color: #fff; line-height: 70px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-market .in-video:hover .abox i { color: #e30016; }
.in-market .in-video .abox h4 { font-size: 42px; line-height: 1; color: #ffffff; margin-top: 25px; }
.in-market .in-video .abox h5 { font-size: 20px; line-height: 1; color: #ffffff; opacity: 0.5; margin-top: 20px; }
.in-market .in-scroll { width: 33.74%; position: relative; padding: 40px 40px; background: url(../images/index-news-bg2.jpg) no-repeat center; background-size: cover;    /*background: rgb(227 0 22 / .7);*/ }
.in-market .in-scroll .tit-bar { align-items: flex-end; }
.in-market .in-scroll .tit-bar h3 { color: #fff; font-size: 24px; }
.in-market .in-scroll .tit-bar .more { font-size: 14px; color: #fff; }
.swiper-container-zxgc { margin-top: 40px; height: 560px; }
.swiper-container-zxgc .swiper-slide { align-items: center; line-height: 28px; }
.swiper-container-zxgc .swiper-slide .tit { font-size: 16px; padding-left: 20px; color: rgba(255, 255, 255, .8); display: block; position: relative; flex: 1; padding-right: 20px; }
.swiper-container-zxgc .swiper-slide .date { font-size: 14px; color: rgba(255, 255, 255, .8); width: 80px; }
.swiper-container-zxgc .swiper-slide .tit:before { content: ''; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; background: #fff; border-radius: 50%; }
.swiper-container-zxgc .swiper-slide .tit:hover,
.in-market .in-scroll .tit-bar .more:hover { color: #e6212a; }
.indexc { padding-top: 100px; padding-bottom: 105px; background: url(../images/index/in-bg-2.jpg) no-repeat center; background-size: cover; }
.swiper-container-insolution { margin-top: 100px; overflow: visible; }
.swiper-container-insolution .item { position: relative; height: 400px; text-align: center; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.15); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-insolution .item .abox { height: 100%; }
.swiper-container-insolution .item:hover { box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
.swiper-container-insolution .item .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px 30px 70px; background: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-insolution .item:hover .cont { background-color: rgba(227, 0, 22, .4); }
.swiper-container-insolution .item .cont .ico { display: inline-block; width: 132px; height: 132px; background-color: #f8f4f4; border-radius: 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-insolution .item:hover .cont .ico { background: #e30016; }
.swiper-container-insolution .item .cont .ico i { display: inline-block; width: 132px; height: 132px; background-repeat: no-repeat; background-size: 264px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-insolution .item:hover .cont .ico i { background-position: -132px; }
.swiper-container-insolution .item .cont h4 { font-size: 22px; line-height: 36px; color: #272933; margin-top: 22px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; height: 72px; }
.swiper-container-insolution .item:hover .cont h4 { color: #fff; }
.swiper-container-insolution .item .cont p { font-size: 16px; line-height: 1.5; color: #6e6f70; margin-top: 18px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-insolution .item:hover .cont p { color: #fff; opacity: 0.6; }
.indexd { padding: 92px 0; background-color: #f7f7f7; }
.indexd .left { width: 410px; padding-right: 50px; }
.indexd .right { flex: 1; overflow: hidden; }
.in-case-cate { margin-top: 65px; margin-bottom: 56px; width: 245px; }
.in-case-cate li { }
.in-case-cate li a { display: flex; align-items: center; justify-content: space-between; height: 60px; border-bottom: 1px solid #eeeeee; padding: 0 10px 0 5px; }
.in-case-cate li.on a { border-color: #e30016; }
.in-case-cate li a span { font-size: 18px; color: #272933; }
.in-case-cate li.on a span { color: #e30016; }
.in-case-cate li a i { display: inline-block; width: 26px; height: 26px; background-size: 52px; background-repeat: no-repeat; }
.in-case-cate li.on a i { background-position: -26px; }
.indexe { position: relative; }
.indexe>img { height: 940px; object-fit: cover; }
.indexe .indexe-cont { position: absolute; left: 0; top: 110px; width: 100%; z-index: 2; }
.indexe .indexe-cont .ys-num-list { padding: 0 130px; }
.indexe .indexe-cont .com-more-wrap { margin-top: 80px; }
.in-culture { margin-top: -140px; position: relative; z-index: 2; height: 280px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.15); }
.in-culture li { float: left; width: 14.27%; height: 100%; padding: 50px 30px 35px 40px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-culture li.on { width: 28.65%; }
.in-culture li~li { border-left: 1px solid #efefef }
.in-culture li .cont p { display: none; margin-top: 30px; font-size: 16px; line-height: 32px; color: #ffeaea; opacity: 0.8; width: 170px; }
.in-culture li .cont p br { display: none; }
.in-culture li .cont h4 { font-size: 24px; font-weight: bold; line-height: 1; color: #272933; }
.in-culture li .cont .font-en { font-size: 16px; font-weight: bold; line-height: 1; margin-top: 10px; display: block; color: #6e6f70;text-transform: uppercase; }
.in-culture li img { position: absolute; right: 5px; bottom: 15px; }
.in-culture li.on { background-color: #e30016; }
.in-culture li.on .cont p { display: block; }
.in-culture li.on .cont h4 { color: #f7f7f7; }
.in-culture li.on .cont .font-en { color: #f7f7f7; opacity: 0.5; }
.in-culture li.on img { width: 140px; height: 140px; background-color: #ffffff; border-radius: 50%; top: 50%; margin-top: -70px; right: 50px; }
.indexf { padding-top: 100px; padding-bottom: 100px; }
.news-bar { margin-bottom: 50px; align-items: flex-end; }
.news-bar .cate { border-bottom: 1px solid #ddd }
.news-bar .cate li ~ li { margin-left: 20px; }
.news-bar .cate li a { display: block; position: relative; line-height: 50px; padding: 0 14px; font-size: 18px; color: #272933; }
.news-bar .cate li a:before { content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; border-bottom: 1px solid #e30016; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.news-bar .cate li.on a, .news-bar .cate li a:hover { color: #e30016; }
.news-bar .cate li.on a:before, .news-bar .cate li a:hover:before { width: 100%; left: 0; opacity: 1; }
.news-slide { width: 49.39%; }
.news-slide .item .pic { height: 560px; border: solid 1px #eeeeee; border-bottom: none; margin-right: 1px;position: relative; }
.news-slide .item .pic .date {position: absolute; right: 10px; bottom: 10px; padding: 5px 15px; background: rgba(227,0,22,.7); color: #fff; z-index: 2; font-size: 20px;}
.news-slide .item .tit { height: 100px; border: solid 1px #eeeeee; display: flex; align-items: center; padding-left: 32px; margin-right: 1px; }
.news-slide .item .tit a { font-size: 24px; line-height: 48px; color: #272933; width: 75%; }
.news-slide .swiper-pagination.swp-1 { right: 30px; bottom: 44px; }
.news-show { flex: 1; padding-left: 70px; overflow: hidden; padding-top: 5px; }
.news-show .item ~ .item {margin-top: 8px;}
.news-show .item .s1 { font-size: 16px; line-height: 50px; color: #4c4645; }
.news-show .item .s1 a { display: block; width: 80%; }
.news-show .item .s1 span { font-size: 14px; line-height: 50px; color: #6e6f70; }
.news-show .item .s2 { display: none; padding-bottom: 35px; border-bottom: 1px solid #ddd; margin-bottom: 25px; }
.news-show .item.on .s2 { display: block; }
.news-show .item.on .s1 { display: none; }
.news-show .item .s2 h4 a { font-size: 24px; line-height: 1.2; color: #e30016; display: block; }
.news-show .item .s2 p { font-size: 16px; line-height: 32px; color: #6e6f70; margin-top: 10px; }
.news-show .item .s2 .date { display: block; font-size: 16px; line-height: 1; color: #6e6f70; margin-top: 20px; }

/*内页banner*/
.page-banner { position: relative; overflow: hidden; }
.page-banner .pic { overflow: hidden; height: 0; padding-bottom: 32.2916%; background: #f5f5f5; }
.page-banner .pic img { width: 100%;    /*-webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;*/ }
.page-banner .tit { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.page-banner .tit h4 { font-size: 60px; line-height: 1; color: #ffffff; }
.page-banner .tit p { font-size: 24px; line-height: 1.2; letter-spacing: 2px; color: #ffffff; margin-top: 30px; }
@-webkit-keyframes SlickIn {
    0% { -webkit-transform: scale(1.1, 1.1) }
    100% { -webkit-transform: scale(1, 1) }
}
@-webkit-keyframes SlickOut {
    0% { -webkit-transform: scale(1, 1) }
    100% { -webkit-transform: scale(.9, .9) }
}
@keyframes SlickIn {
    0% { transform: scale(1.1, 1.1) }
    100% { transform: scale(1, 1) }
}
@keyframes SlickOut {
    0% { transform: scale(1, 1) }
    100% { transform: scale(.9, .9) }
}
.bg-wrap { background: #f7f7f7; padding-top: 80px; padding-bottom: 130px; }
.bg-wrap.npt { padding-top: 0; }
.bg-wrap.detail { padding-bottom: 85px; }
.solution-list .item { background: #fff; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.08); }
.solution-list .item ~ .item { margin-top: 50px; }
.solution-list .item:nth-child(2n) { flex-direction: row-reverse; }
.solution-list .item .cont { flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-left: 75px; padding-right: 90px; }
.solution-list .item .cont h4 { font-size: 36px; line-height: 1.2; color: #2e3136; align-items: center; }
.solution-list .item .cont h4 i { display: inline-block; background-repeat: no-repeat; background-size: 168px; width: 84px; height: 84px; vertical-align: middle; margin-right: -2px; margin-left: -10px; margin-top: 4px; }
.solution-list .item .cont h4 span { flex: 1; }
.solution-list .item .cont p { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 15px; margin-bottom: 80px; }
.com-more-wrap { display: flex; justify-content: center; width: 100%; }
.com-more { display: flex; justify-content: space-between; width: 200px; height: 48px; border-radius: 2px; border: solid 1px #e30016; line-height: 46px; font-size: 18px; color: #e30016; padding: 0 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-more:hover { background-color: #e30016; color: #fff;border-color: #e30016!important; }
.com-more i { font-size: 34px; }
.com-more.white { color: #fff; border-color: #fff; }
.solution-list .item .pic { width: 54.21%; height: 560px; }
.page-cate-wrap { height: 200px; }
.page-cate { height: 200px; background: #fff url(../images/index/cate-bg.jpg) no-repeat center; background-size: cover; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); justify-content: space-around; padding: 0 20px; align-items: center; margin-top: -80px; position: relative; z-index: 2; transition: height, line-height .5s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-cate-pro {width: 100%;max-width: 100%;}
.page-cate-wrap.min { height: 100px; }
.page-cate.min { height: 100px; background-image: url(../images/page/cate-bg2.jpg); margin-top: -50px; }
.page-cate a { font-size: 18px; color: #272933; /*margin: 0 80px;*/ text-align: center; }
.page-cate a i { display: inline-block; width: 56px; height: 56px; background-repeat: no-repeat; background-size: 112px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-cate a.on i, .page-cate a:hover i { background-position: -56px; }
.page-cate.min a i, .page-cate-wrap.fixed .page-cate a i { width: 35px; height: 35px; background-size: 70px; vertical-align: middle; margin-top: -2px; margin-right: 10px; }
.page-cate.min a.on i, .page-cate.min a:hover i, .page-cate-wrap.fixed .page-cate a.on i, .page-cate-wrap.fixed .page-cate a:hover i { background-position: -35px; }
.page-cate a span { display: block; line-height: 1; margin-top: 8px; }
.page-cate a:hover, .page-cate a.on { color: #e30016; }
.page-cate-about { justify-content: space-around; padding: 0 50px; }
.page-cate-about.min a { margin: 0; }
.page-cate-wrap.fixed { position: fixed; left: 0; top: 90px; z-index: 99; width: 100%; max-width: none; margin-top: 0; border-bottom: 1px solid #eee; height: 60px; line-height: 60px; background: #fff url(../images/page/cate-bg2.jpg) no-repeat center; background-size: cover; opacity: .95; }
.page-cate-wrap.fixed .page-cate { padding: 0; }
.page-cate-wrap.fixed .page-cate a { font-size: 16px; }
.page-cate-wrap.fixed .page-cate { height: 60px; background: transparent; margin-top: 0; box-shadow: none; }
.page-cate-wrap.fixed .page-cate a span { display: inline-block; margin-top: 0; }

/*案例*/
.case-list-wrap { margin-top: 60px; }
.case-list { margin-bottom: -30px; }
.case-item { margin-bottom: 30px; }
.case-item .abox { background-color: #ffffff; border: solid 1px #eeeeee; }
.case-item .abox .pic { height: 260px; }
.case-item .abox .cont { padding: 20px 20px 25px; }
.case-item .abox .cont h4 { font-size: 18px; line-height: 1; color: #272933; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.case-item .abox:hover .cont h4 {color: #e6212a} 
.case-item .abox .cont span { font-size: 14px; line-height: 1; color: #6e6f70; margin-top: 15px; display: block; }

/*详情页*/
.mbx-bar { background-color: #fff; height: 60px; align-items: center; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; }
.mbx-bar.gray { background-color: #f5f5f5; }
.mbx-bar .wp { height: 60px; align-items: center; }
.mbx-bar .wp .mbx, .mbx-bar .wp .mbx a { color: #81868e; }
.mbx-bar .wp .mbx i { font-size: 20px; color: #81868e; display: inline-block; vertical-align: middle; margin-top: -4px; }
.mbx-bar .back { font-size: 16px; color: #81868e; }
.mbx-bar .back i { font-size: 18px; vertical-align: middle; margin-right: 8px; display: inline-block; margin-top: -2px; color: #81868e; }
.mbx-bar .back:hover, .mbx-bar .wp .mbx a:hover { color: #e30016; }
.back-btn { font-size: 14px; color: #81868e; }
.back-btn i { color: #3c3c3c; font-size: 15px; vertical-align: middle; margin-right: 8px; display: inline-block; margin-top: -2px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.detail-wrap { margin-top: 50px; align-items: flex-start; }
.detail-content { width: 74%; background: #fff; }
.detail-side { width: 24%; }
.detail-side h3 { font-size: 32px; line-height: 1; color: #272933; margin-bottom: 30px; margin-top: 15px; }
.detail-side h3:first-child { margin-top: 5px; margin-bottom: 35px; }
.detail-side .product-list { padding-bottom: 35px; }
.detail-content .detail-title { text-align: center; padding: 50px 20px 40px; border-bottom: 1px solid #ddd; }
.detail-content .detail-title h1 { font-size: 32px; line-height: 1.4; color: #272933; }
.detail-content .detail-title .info { font-size: 16px; color: #767676; margin-top: 15px; }
.detail-body { padding: 45px 65px 60px; }
.detail-body .body-tit { font-size: 24px; line-height: 1; color: #272933; padding-bottom: 22px; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.detail-body .body-tit:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #e30016; margin-right: 10px; vertical-align: middle; }
.detail-body .body-tit span { font-size: 14px; color: #6e6f70; }
.detail-body .body-tit.mt80 { margin-top: 60px; }
.detail-body .body-cont { font-size: 16px; line-height: 2; color: #6c6c6c; }
.detail-body .body-cont .news-title {display: none;}
.detail-body .body-cont p {
    margin-bottom: 10px;
}
.detail-body .body-cont table { width: 100%; }
.detail-body .body-cont table tr td, .detail-body .body-cont table tr th { border: 1px solid #dddddd; padding: 10px 20px; }
.detail-body .body-cont table tr:nth-child(2n) td { background-color: #fafafa; }
.detail-body .body-cont table tr th:first-child, .detail-body .body-cont table tr td:first-child { width: 160px; text-align: right; }
.detail-body .body-cont table tr th { text-align: center !important; background-color: #c3c6c9; border-color: #c3c6c9; color: #fff; }
.detail-page { align-items: center; padding: 20px 50px; border-top: 1px solid #ddd; }
.detail-page .page-left { width: 70%; font-size: 14px; line-height: 30px; color: #81868e; }
.detail-page .page-left a { color: #81868e; }
.detail-page .page-left a:hover { color: #e30016; }
.detail-page .back-btn { display: inline-block; vertical-align: middle; width: 120px; height: 35px; background-color: #ffffff; border: solid 1px #dddddd; text-align: center; line-height: 33px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.detail-page .back-btn:hover { border-color: #e30016; }
.detail-page .back-btn:hover i { color: #e30016; }

/*产品*/
.pb-130 { padding-bottom: 130px; }
.pro-item { text-align: center; margin-bottom: 40px; }
.pro-item .tit { font-size: 18px; line-height: 1.2; color: #272933; margin-top: 25px; }
.pro-item .pic { border: solid 1px #eeeeee; height: 335px;}
.pro-item .pic img {width: 100%;height: 100%;object-fit: cover;}
.product-list-wrap { margin-top: 70px; }
.product-list-wrap .product-list {margin-bottom: -60px;}
.product-list-wrap .product-list .pro-item { margin-bottom: 60px; }
.product-list-wrap .product-list .pro-item .tit { line-height: 80px; margin-top: 0; }

/*产品详情*/
.product-intro { padding: 60px 0; background: #fff; }
.product-intro .cont { flex: 1; padding-right: 140px; padding-top: 60px; position: relative; }
.product-intro .cont h1 { font-size: 36px; line-height: 1.3; color: #2e3136; }
.product-intro .cont .des { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 30px; min-height: 160px; /*overflow-y: scroll; */ }
.product-intro .cont .des::-webkit-scrollbar { width: 3px; height: 3px; }
.product-intro .cont .des::-webkit-scrollbar-button { background-color: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-track { background: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
.product-intro .cont .des::-webkit-scrollbar-corner { background: #999; }
.product-intro .cont .des::-webkit-scrollbar-resizer { background: #FF0BEE; }
.product-intro .cont .ys { margin-top: 50px; }
.product-intro .cont h3 { font-size: 18px; color: #2e3136; margin-bottom: 20px; }
.product-intro .cont .morebar { position: absolute; left: 0; bottom: 65px; }
.morebar a { display: inline-block; vertical-align: middle; width: 178px; height: 42px; background-color: #81868e; line-height: 42px; text-align: center; color: #ffffff; }
.morebar .chat { background-color: #e30016; margin-right: 6px; }
.morebar a i { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 21px; color: #fff; }
.morebar-big .zx { width: 178px; height: 42px; line-height: 42px; font-size: 18px; overflow: hidden; }
.morebar-big .zx i { margin-right: 10px; font-size: 24px; margin-top: -4px; }
.morebar-big .chat { margin-right: 10px; }
.morebar-big .tel { display: inline-block; vertical-align: middle; line-height: 42px; color: #4d4d4d; margin-left: 20px; }
.morebar-big .tel a { font-size: 18px; }
.morebar-big .tel i { font-size: 25px; color: #e30016; display: inline-block; vertical-align: middle; margin-right: 10px; }
.product-album { width: 57%; height: 638px; }
.swiper-container-big { float: left; width: 80%; height: 100%; }
.swiper-container-big .swiper-slide { display: flex; align-items: center; justify-content: center; }
.swiper-container-big .swiper-slide img { height: 100%; object-fit: contain; }
.album-small { position: relative; float: right; width: 120px; height: 100%; padding: 84px 0; text-align: center; }
.swiper-container-small { height: 100%; overflow: hidden; padding: 1px 0; }
.swiper-container-small .swiper-slide { width: 100%; border: solid 1px #dddddd; overflow: hidden; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; display: flex; align-items: center; justify-content: center; }
.swiper-container-small .on { border-color: #e30016; }
.swiper-container-small .swiper-slide img { width: 100%; object-fit: contain; }
.album-small .prev, .album-small .next { position: absolute; left: 50%; top: 20px; z-index: 2; display: block; width: 100%; background: #ddd; line-height: 30px; cursor: pointer; width: 30px; height: 30px; text-align: center; margin-left: -15px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.album-small .prev:hover, .album-small .next:hover { background: #e30016; }
.album-small .prev:focus, .album-small .next:focus { outline: none; }
.album-small .next { top: auto; bottom: 20px; }
.album-small .prev i, .album-small .next i { display: inline-block; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.album-small .next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.detail-tab { background: #f7f7f7; padding-bottom: 35px; line-height: 1; align-items: flex-end;    /*height: 67px;*/ -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.detail-tab-wrap { height: 67px; }
.detail-tab li { font-size: 24px; color: #6e6f70; cursor: pointer; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.detail-tab li.on { font-size: 32px; color: #272933; }
.detail-tab li:hover { color: #272933; }
.detail-tab li ~ li { margin-left: 80px; }
.detail-tab-wrap.fixed .detail-tab { position: fixed; top: 90px; z-index: 99; width: 100%; left: 0; text-align: center; border-bottom: 1px solid #eee; justify-content: center; align-items: center; padding-bottom: 0; height: 60px; background: rgba(247, 247, 247, .95); display: flex; }
.detail-tab-wrap.fixed .detail-tab {    /*width: 1660px;*//*margin: 0 auto;*/ }
.detail-tab-wrap.fixed .detail-tab li ~ li { margin-left: 0; }
.detail-tab-wrap.fixed .detail-tab li { font-size: 16px; margin: 0 50px; }
.detail-tab-wrap.fixed .detail-tab li.on { font-size: 16px; color: #e30016; }
.xg-bar {background: #f7f7f7;padding-top: 40px;}
.xg-bar h3 {font-size: 32px;
    line-height: 1;
    color: #272933;margin-bottom: 30px;}

/*新闻*/
.news-block { margin-top: 90px; }
.news-block-1 { margin-top: 75px; }
.news-block .title { margin-bottom: 45px; }
.news-block .title h3 { font-size: 42px; line-height: 1; color: #272933; }
.news-block .title .more { display: flex; justify-content: space-between; width: 160px; height: 42px; border-radius: 2px; border: solid 1px #aaaaaa; vertical-align: middle; line-height: 40px; font-size: 14px; color: #81868e; padding: 0 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-block .title .more i { font-size: 30px; color: #81868e; opacity: 0.8; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news-block .title .more:hover { color: #e30016; border-color: #e30016; }
.news-block .title .more:hover i { color: #e30016; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.news-one .pic { width: 54.21%; height: 560px; }
.news-one ul { width: 45.79%; background: #fff; padding: 60px 100px 30px 50px; }
.news-one ul li { padding-left: 40px; position: relative; }
.news-one ul li:before { content: ""; display: inline-block; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background-color: #81868e; }
.news-one ul li:nth-child(1):before, .news-one ul li:nth-child(2):before, .news-one ul li:nth-child(3):before { background-color: #e30016; }
.news-one ul li ~ li { margin-top: 30px; }
.news-one ul li a { display: block; font-size: 18px; line-height: 1; color: #30343e; }
.news-one ul li a:hover { color: #e30016; }
.news-one ul li span { display: block; font-size: 14px; line-height: 1; color: #81868e; margin-top: 15px; }
.news-two .item { width: 24%; background: #fff; }
.news-two .item .pic { height: 230px; }
.news-two .item .cont { padding: 30px 30px; }
.news-two .item .cont h4 a { font-size: 20px; line-height: 30px; color: #272933; display: block; }
.news-two .item .cont p { font-size: 14px; line-height: 24px; color: #6e6f70; height: 48px; margin-top: 16px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-two .item .cont h4 span { font-size: 16px; line-height: 1; color: #6e6f70; }
.news-three { margin-bottom: -20px; }
.news-three .item { width: 49.39%; background: #fff; padding: 20px; margin-bottom: 20px; }
.news-three .item .pic { width: 43.5%; height: 190px; }
.news-three .item .cont { flex: 1; padding: 10px 50px 0 35px; position: relative; }
.news-three .item .cont h4 a { display: block; font-size: 18px; line-height: 28px; color: #272933; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-two .item .cont h4 a:hover, .news-three .item .cont h4 a:hover { color: #e30016; }
.news-three .item .cont p { display: block; font-size: 14px; line-height: 24px; color: #6e6f70; height: 48px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-three .item .cont span { position: absolute; left: 35px; bottom: 5px; font-size: 14px; color: #6e6f70; }

/*关于*/
.about-ys { margin-top: 50px;}
.about-ys .item { width: 16.86%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; height: 560px; float: left; text-align: center; background-size: 100%; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; }
.about-ys .item.on { width: 66.28%; }
.about-ys .item>img { position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover; width: 100%; height: 100%; filter: grayscale(100%); }
.about-ys .item.on img { filter: grayscale(0); }
.about-ys .item .tit1 { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; text-align: center; font-family: WenYue; font-size: 42px; line-height: 60px; letter-spacing: 4px; color: #ffffff; display: flex; align-items: center; justify-content: center; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.about-ys .item.on .tit1 { opacity: 0; }
.about-ys .item .cont { position: absolute; left: 54px; top: 56px; z-index: 2; opacity: 0; text-align: left; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.about-ys .item.on .cont { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.about-ys .item .cont .tit2 { width: 150px; height: 42px; background-color: #99121e; border-radius: 21px; text-align: center; line-height: 42px; font-size: 20px; color: #ffffff; }
.about-ys .item .cont h4 { font-size: 42px; line-height: 60px; color: #ffffff; margin-top: 35px; font-weight: bold; }
.about-ys .item .cont p { font-size: 20px; line-height: 1.75; color: #ffffff; opacity: 0.8; margin-top: 20px; }
.about-tit { text-align: center; }
.about-tit.left { text-align: left; }
.about-tit h3 { font-size: 42px; line-height: 1; color: #272933; font-weight: bold; }
.about-tit p { font-size: 18px; line-height: 36px; color: #6e6f70; margin-top: 20px; }
.abouta { padding: 90px 0; }
.about-jj .tit { flex: 1; padding-top: 7px; }
.about-jj .tit p { font-size: 20px; line-height: 44px; color: #272933; margin-top: 50px; }
.about-jj .des { width: 54%; font-size: 16px; line-height: 32px; color: #6e6f70; }
.about-jj .des p ~ p { margin-top: 25px; }
.aboutb { padding-top: 85px; padding-bottom: 80px;}

.about-ys .pic {width: 66.25%;position: relative;}
.about-ys .pic .video-cover {position: absolute;left: 0;top: 50%;z-index: 2;width: 100%; margin-right: 0;text-align: center; margin-top: -50px;}
.about-ys .pic .video-cover span { color: #fff; text-align: center;
    font-size: 24px;}
.about-ys .cont {flex: 1;padding-left: 80px;padding-top: 15px;}
.about-ys .cont h4 {font-size: 20px;color: #272933;line-height: 32px;}
.about-ys .cont p {font-size: 16px;color: #6e6f70;line-height: 32px;margin-top: 30px;}

.about-founder {background: #f1f2f4;}
.about-founder .pic {width: 59.79%;height: 600px;}
.about-founder .cont {flex: 1;padding-right: 90px;padding-top: 100px;padding-left: 6.7%;position: relative;}
.about-founder .cont h3 {font-size: 42px;color: #272933;line-height: 1;}
.about-founder .cont .des {font-size: 16px;color: #6e6f70;line-height: 35px;margin-top: 30px;}
.about-founder .cont .des p {margin-bottom: 15px;}
.about-founder .cont .sight {position: absolute;right: 100px;bottom: 50px;}
.about-founder .cont .sight img {margin-left: 10px;margin-top: -20px;width: 80px;}

.culture-list { margin-top: 60px; margin-bottom: -40px; }
.culture-list li { width: 31.32%; height: 188px; background-color: #f1f2f4; margin-bottom: 40px; align-items: center; padding-left: 50px; padding-right: 15px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.culture-list li:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  }
.culture-list li .cont { flex: 1; }
.culture-list li .cont h4 { font-size: 24px; font-weight: bold; line-height: 1; color: #272933; }
.culture-list li .cont .font-en { display: block; font-size: 16px; line-height: 1; color: #6e6f70; margin-top: 10px; font-weight: bold; text-transform: uppercase;}
.culture-list li .cont p { font-size: 14px; line-height: 24px; color: #6e6f70; margin-top: 30px; }
.aboutc { padding-top: 80px; padding-bottom: 110px; }
.shijing { margin-top: 40px; }
.shijing .left { width: 74.6987%; }
.shijing .item { float: left; margin-bottom: 20px; overflow: hidden; }
.shijing .left .item1 { width: 66.129%; }
.shijing .left .item2 { height: 240px; width: 32.258%; }
.shijing .item img { width: 100%; height: 100%; object-fit: cover; }
.shijing .left .item-wrap { float: left; width: 100%; }
.shijing .left .item-wrap2 { float: left; width: 32.258%; }
.shijing .left .item-wrap2 .item3 { margin-bottom: 20px; height: 240px; }
.shijing .right { width: 24.0963%; }
.shijing .right .item4 { height: 370px; }
.shijing-cate { margin-top: 30px; text-align: center; }
.shijing-cate a, .honor-cate a { display: inline-block; position: relative; line-height: 50px; padding: 0 5px; font-size: 18px; color: #272933; margin: 0 20px; }
.shijing-cate a:before, .honor-cate a:before { content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; border-bottom: 1px solid #e30016; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.shijing-cate a.on, .shijing-cate a:hover, .honor-cate a:hover, .honor-cate a.on { color: #e30016; }
.shijing-cate a.on:before, .shijing-cate a:hover:before, .honor-cate a.on:before, .honor-cate a:hover:before { width: 100%; left: 0; opacity: 1; }
.honor-cate { margin-top: 30px; margin-bottom: 40px; text-align: center; }
.aboutd { padding-top: 110px; padding-bottom: 80px; }
.aboute { padding-top: 65px; padding-bottom: 75px; background-color: #f7f7f7; }
.honor-wrap .honor-item ~ .honor-item { display: none; }
.tese .item { position: relative; background-color: #f7f7f7; }
.tese .item:nth-child(2n) { flex-direction: row-reverse; }
.tese .item .pic { width: 50%; height: 520px; position: relative; z-index: 3; }
.tese .item .intro { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; }
.tese .item:nth-child(2n) .intro .wp { display: flex; flex-direction: row-reverse; }
.tese .item .intro .des { width: 50%; padding-right: 130px; }
.tese .item:nth-child(2n) .intro .des { padding-right: 0; padding-left: 90px; }
.tese .item .intro .des h4 { font-size: 36px; line-height: 1.3; color: #2e3136; font-weight: bold; }
.tese .item .intro .des p { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 20px; }
.tese .item:first-child .ys-num-list { padding-right: 40px; }
.ys-num-list { margin-top: 80px; }
.ys-num-list li .num { font-size: 60px; line-height: 1; letter-spacing: -3px; color: #272933; }
.ys-num-list li .num i { font-style: normal; line-height: 48px; vertical-align: middle; line-height: 1; }
.ys-num-list li .num span { font-size: 36px; line-height: 48px; letter-spacing: -2px; color: #272933; vertical-align: middle; margin-left: 10px; }
.ys-num-list li .num sup { font-size: 16px; line-height: 1; color: #6e6f70; vertical-align: super; margin-left: 10px; }
.ys-num-list li .tit { font-size: 16px; line-height: 1; color: #6e6f70; opacity: 0.8; margin-top: 14px; }
.ys-num-list.white li .num { color: #fff; }
.ys-num-list.white li .num sup { color: #fff; }
.ys-num-list.white li .tit { color: #fff; opacity: 0.8; }
.honor-intro { margin-top: 50px; margin-bottom: 40px; background: url(../images/page/honor-bg.jpg) no-repeat center; background-size: cover; height: 260px; padding: 40px 90px; position: relative; }
.honor-intro:before { content: ""; position: absolute; right: 40px; bottom: 0; width: 480px; height: 365px; background: url(../images/page/honor-ico.png) no-repeat center; background-size: contain; }
.honor-intro ul { margin-right: 130px; }
.honor-intro ul li { font-size: 16px; line-height: 36px; color: #595757; }
.swp-tool { position: relative; align-items: center; height: 40px; }
.swp-tool .swp-page { width: 94%; height: 2px; background-color: #dddddd; }
.swp-tool .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #e30016; }

/*.swp-tool .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after {
content: "";
position: absolute;
right: 0;
top: -8px;
display: block;
width: 16px;
height: 16px;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px 
    rgba(0, 0, 0, 0.1);
border-radius: 8px;
border: solid 2px #e30016;
vertical-align: middle;
}*/
.swp-tool .swp-next { position: absolute; right: 0; color: #aaaaaa; font-size: 20px; text-align: center; line-height: 38px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 40px; height: 40px; background-color: #ffffff; border: solid 1px #aaaaaa; text-align: center; border-radius: 50%; }
.swp-tool .swp-next:hover { color: #e30016; border-color: #e30016; }
.swp-honor { padding: 0 1px; }
.swp-honor .swiper-slide { background-color: #ffffff; border: solid 1px #dddddd; text-align: center; padding: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swp-honor .swiper-slide:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.swp-honor .swiper-slide .pic { height: auto; display: flex; align-items: center; justify-content: center; }
.swp-honor .swiper-slide .tit { font-size: 16px; line-height: 1; color: #595757; margin-top: 20px; }
.swp-honor .swp-tool { margin-top: 40px; }
.partner-list-wrap { margin-top: 50px; }
.partner-list { margin-bottom: -20px; }
.partner-list .item { margin-bottom: 20px; }
.partner-list .item .box { width: 100%; height: 140px; background-color: #ffffff; line-height: 140px; font-size: 0; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.partner-list .item .box:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.partner-list .item .box img { width: auto; height: auto; }
.com-more-wrap { margin-top: 50px; }
.aboutf { padding-top: 110px; padding-bottom: 110px; }
.aboutg { padding-bottom: 130px; }
.video-list { margin-top: 50px; margin-bottom: -30px; }
.video-list .item { margin-bottom: 30px; }
.video-list .item .abox .pic { position: relative; }
.video-list .item .abox .pic .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(227, 0, 22, .4); z-index: 2; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.video-list .item .abox:hover .pic .cover { opacity: 1; }
.video-list .item .abox .pic .cover i { color: #fff; font-size: 62px; }
.video-list .item .abox .tit { line-height: 26px; font-size: 16px; color: #383635; margin-top: 16px; }
.video-list .item .abox .tit i { font-size: 26px; margin-right: 10px; }
.video-list .item .abox .tit span {flex: 1;}
.down-list { margin-top: 50px; margin-bottom: -16px; }
.down-list .item { margin-bottom: 16px; }
.down-list .item .abox { height: 80px; background-color: #ffffff; border: solid 1px #eeeeee; align-items: center; padding: 0 32px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.down-list .item .abox:hover { border-color: #e30016; }
.down-list .item .abox .tit { display: flex; align-items: center; width: 90%;}
.down-list .item .abox .tit span { font-size: 18px; color: #272933; margin-left: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.down-list .item .abox .tit i, .down-list .item .abox .pdf { font-size: 29px; color: #8d8d8d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.down-list .item .abox:hover .tit span, .down-list .item .abox:hover .tit i, .down-list .item .abox:hover .pdf { color: #e30016; }

/*联系*/
.form-one { margin-top: 45px; }
.form-one input { width: 28%; height: 60px; border: 1px solid #ddd; background: #fff; font-size: 14px; color: #383635; padding: 0 25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.form-one input:nth-child(3) { width: 43%; }
.form-one textarea { width: 100%; height: 160px; border: 1px solid #ddd; margin-top: 10px; padding: 20px 25px; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.form-one input:hover, .form-one textarea:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.form-one .sub { width: 600px; height: 52px; background-color: #6e6f70; line-height: 52px; font-size: 18px; color: #ffffff; margin: 30px auto 0; display: block; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.form-one .sub:hover { width: 640px; background: #e30016; }
.detail-body .body-cont .form-one .sub { width: 100%; }
.contactc { margin-top: 90px; }
.contactb { margin-top: 75px; }
.contactb .qxpp { height: 240px; background-color: #ffffff; border: solid 1px #eeeeee; align-items: center; margin-top: 40px; padding: 0 100px; }
.contactb .qxpp ul { flex: 1; padding-left: 220px; }
.contactb .qxpp ul li h4 { font-size: 14px; line-height: 1; color: #6e6f70; }
.contactb .qxpp ul li p { font-size: 24px; color: #3e3e3e; line-height: 1; margin-top: 10px; }
.contacta { margin-top: 60px; background: #fff; padding: 50px 30px 30px; }
.contacta .intro .tit h3 { font-size: 36px; line-height: 48px; color: #272933; font-weight: bold; }
.contacta .intro .tit .tel { margin-top: 50px; align-items: center; }
.contacta .intro .tit .tel i { font-size: 30px; color: #30343e; }
.contacta .intro .tit .tel span { font-size: 14px; line-height: 16px; color: #81868e; margin-left: 5px; margin-right: 15px; }
.contacta .intro .tit .tel b { font-size: 36px; color: #e30016; line-height: 1; }
.contacta .intro .des { font-size: 16px; line-height: 23px; color: #6e6f70; }
.contacta .intro .des p ~ p { margin-top: 20px; }
.contacta .intro .qr { text-align: center; }
.contacta .intro .qr p { font-size: 14px; color: #81868e; margin-top: 5px; }
.contacta .map { height: 440px; background: #ddd; margin-top: 60px; }
.contacta .map img { max-width: none; max-height: none; }
.contactjr { padding-top: 75px; }
.jrwm-list { margin-top: 40px; }
.jrwm-list .item { background: #fff; border: solid 1px #eeeeee; padding: 30px 40px; width: 32%; }
.jrwm-list .item h4 { font-size: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.jrwm-list .item .des { line-height: 30px; margin-top: 20px; }

/*案例推荐*/
.tjcase { margin-top: 60px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.08); }
.tjcase .cont { flex: 1; padding: 70px 50px 50px 70px; position: relative; overflow: hidden; }
.tjcase .cont .ico { align-items: center; width: 100%; }
.tjcase .cont .ico span { display: block; position: relative; font-size: 34px; color: #2e3136; }
.tjcase .cont .ico span:before { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 54px; background-color: #dddddd; margin-left: 20px; margin-right: 25px; }
.tjcase .cont h3 { font-size: 20px; color: #e30016; margin-top: 45px; width: 100%; }
.tjcase .cont h3 a { color: #e30016; }
.tjcase .cont ul { margin-top: 20px; }
.tjcase .cont ul li { font-size: 16px; line-height: 32px; }
.tjcase .cont ul li h4 { line-height: 32px; color: #272933; }
.tjcase .cont ul li p { color: #81868e; flex: 1; }
.tjcase .cont .swp-next { position: absolute; right: 60px; bottom: 50px; width: 40px; height: 40px; background-color: #ffffff; border: solid 1px #aaaaaa; text-align: center; font-size: 20px; color: #bfbfbf; border-radius: 50%; line-height: 38px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.tjcase .cont .swp-next:hover { background: #e30016; border-color: #e30016; color: #fff; }
.tjcase .cont .swp-next:focus { outline: none; }
.tjcase .cont .swp-pg { position: absolute; bottom: 50px; left: 70px; }
.tjcase .cont .swp-pg .swiper-pagination-bullet { position: relative; margin: 0 15px; width: auto; height: auto; border-radius: 50%; background-color: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-family: "DINPro-Medium"; font-size: 20px; opacity: 0.5; color: #6e6f70; position: relative; }
.tjcase .cont .swp-pg .swiper-pagination-bullet:first-child { margin-left: 0; }
.tjcase .cont .swp-pg .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 !important; color: #6e6f70; }
.tjcase .cont .swp-pg .swiper-pagination-bullet ~ .swiper-pagination-bullet:before { content: ""; position: absolute; left: -24px; top: 50%; width: 14px; height: 1px; background-color: #6e6f70; opacity: 0.5; }
.tjcase .pic { width: 54.21%; }
.swiper-container-tjcasepic .swiper-slide { height: 560px; }

/*服务支持*/
.f42 {
    font-size: 42px;
    line-height: 1;
    color: #272933;
    font-weight: bold;
}
.servicea {
    margin-top: 70px;
    margin-bottom: 80px;
    padding: 70px 80px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px 
        rgba(0, 0, 0, 0.1);
}
.servicea .cont {
    flex: 1;
    padding-right: 120px;
    padding-top: 15px;
}
.servicea .pic {
    width: 48.55%;
}
.servicea .cont .des {
    font-size: 16px;
    line-height: 32px;
    color: #6e6f70;
    margin-top: 40px;
}
.servicea .cont .des p ~ p {
    margin-top: 25px;
}
.serviceb {
    padding-bottom: 76px;
}
.fwln {
    margin-top: 50px;
}
.fwln .item {
    width: 18.795%;
    height: 380px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px 
        rgba(0, 0, 0, 0.15);
    opacity: 0.8;
    text-align: center;
    padding: 58px 20px 50px;
}
.fwln .item h4 {
    font-size: 22px;
    line-height: 1;
    color: #272933;
    margin-top: 40px;
}
.fwln .item p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -1px;
    color: #6e6f70;
    margin-top: 20px;
}
.servicec {
    padding: 120px 0;
    background: url(../images/service/s3-bg.jpg) no-repeat center;
    background-size: cover;
}
.fwzc {
    margin-top: 110px;
}
.fwzc .item {
    width: 18.795%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.fwzc .item .tit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    width: 184px;
    height: 184px;
    background-color: #e30016;
    border-radius: 50%;
}
.fwzc .item .tit h4 {
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
}
.fwzc .item .tit span {
    font-size: 16px;
    line-height: 1;
    color: #ffffff;
    opacity: 0.5;
    margin-top: 8px;
}
.fwzc .item .des {
    margin-top: 70px;
    font-size: 14px;
    line-height: 24px;
    color: #6e6f70;
}
.page-message {
    margin-top: 0;
    padding-bottom: 110px;
}

/*加盟*/
.oem-title {text-align: center;}
.oem-title.left {text-align: left;}
.oem-title .en {
    font-size: 72px;
    line-height: 1;
    color: #e30016;
    opacity: 0.1;
}
.oem-title h3 {
    font-size: 48px;
    line-height: 1.2;
    color: #2e3136;
    margin-top: -35px;
}
.oem-title.noen h3 {
    margin-top: 0;
}
.oem-title h3:after {
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    background-color: #e30016;
    margin: 16px auto 0;
}
.oem-title.left h3:after {
    margin: 16px 0 0;
}
.oem-title p {
    font-size: 24px;
    line-height: 1;
    color: #4e4b49;
    margin-top: 24px;
}
.oem-title.white .en {
    color: #ecf3f6;
}
.oem-title.white h3 {
    color: #ffffff;
}
.oem-title.white p {
    color: #ecf3f6;
}
.oema {padding: 80px 0;}
.oem-nav {
    margin-top: 50px;
}
.oem-nav .item {
    width: 20.18%;
    height: 335px;
    background: url(../images/oem/1-bg.jpg) no-repeat center;
    background-size: cover;
    border-radius: 10px;
    border: solid 1px #dddddd;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.oem-nav .item.on,
.oem-nav .item:hover {
    border-color: transparent;
}
.oem-nav .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/oem/1-bg-on.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.oem-nav .item.on:before,
.oem-nav .item:hover:before {
    opacity: 1;
}
.oem-nav .item .icon {
    display: inline-block;
    width: 124px;
    height: 124px;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.oem-nav .item.on .icon,
.oem-nav .item:hover .icon {
    background-position: -124px;
}
.oem-nav .item .icon-1 {
    background-image: url(../images/oem/1-1.png);
}
.oem-nav .item .icon-2 {
    background-image: url(../images/oem/1-2.png);
}
.oem-nav .item .icon-3 {
    background-image: url(../images/oem/1-3.png);
}
.oem-nav .item .icon-4 {
    background-image: url(../images/oem/1-4.png);
}
.oem-nav .item h4 {
    font-size: 24px;
    line-height: 1;
    color: #30343e;
    margin-top: 40px;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.oem-nav .item.on h4,
.oem-nav .item:hover h4 {
    color: #fff;
}
.oemb {
    padding-top: 80px;
    padding-bottom: 120px;
    background: url(../images/oem/2-bg.jpg) no-repeat center;
    background-size: cover;
}
.ppys {
    margin-top: 120px;
}
.ppys .item {
    width: 21.68%;
}
.oemc {
    padding-top: 70px;
    padding-bottom: 100px;
}
.cpys {
    margin-top: 50px;
}
.cpys .item {
    text-align: center;
    width: 230px;
    height: 230px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px 
        rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cpys .item i {
    display: inline-block;
    width: 68px;
    height: 68px;
    background-size: 132px;
    vertical-align: middle;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.cpys .item:hover i {
    background-position: -66px;
}
.cpys .item h4 {
    font-size: 18px;
    line-height: 1;
    color: #595757;
    margin-top: 30px;
}
.oemd {
    padding-bottom: 95px;
}
.jsys {
    margin-top: 50px;
    padding: 0 130px;
}
.jsys .item {
    width: 23.92%;
    border: solid 1px #dddddd;
    text-align: center;
}
.jsys .item h4 {
    font-size: 16px;
    color: #4e4b49;
    height: 66px;
    border-top: solid 1px #dddddd;
    line-height: 64px;
}
.oeme {
    background-color: #bd2130;
}
.oeme .cont {
    position: relative;
    padding: 0 100px 0 130px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    flex: 1;
    overflow: hidden;
}
.oeme .cont .font-en {
    position: absolute;
    right: 52px;
    top: 55px;
    font-size: 72px;
    line-height: 1;
    color: #ffffff;
    opacity: 0.1;
}
.oeme .cont .oem-title {
    text-align: left;
}
.oeme .pic {
    width: 54.2%;
}
.oeme .pic img {
    height: 600px;
}
.oeme .cont .fwys {
    margin-top: 110px;
    margin-bottom: -60px;
}
.oeme .cont .fwys .item {
    width: 33.3333%;
    margin-bottom: 60px;
}
.oeme .cont .fwys .item:last-child {margin-right: 0;}
.oeme .cont .fwys .item h4 {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0px;
    color: #fff;
}
.oeme .cont .fwys .item h4 img {
    margin-right: 10px;
}
.oeme .cont .fwys .item p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-top: 10px;
    opacity: 0.7;
    padding-right: 40px;
}
.oeme .cont .fwys .item:nth-child(3n) p {padding-right: 0;}

.oemf {
    padding: 120px 0;
}
.jmlc {
    margin-top: 60px;
    padding: 0 170px;
}
.jmlc .item {
    position: relative;
    text-align: center;
} 
.jmlc .item .pic {
    position: relative;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px 
        rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.jmlc .item:hover .pic {
    box-shadow: 0px 5px 15px 0px 
        rgba(0, 0, 0, 0.15);
}
.jmlc .item ~ .item .pic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 22px;
    background: url(../images/oem/5-arrow.png) no-repeat center;
    background-size: contain;
}
.jmlc .item h4 {
    font-size: 20px;
    line-height: 1;
    color: #292c33;
    margin-top: 26px;
}

.foot-form .title .oem-title {text-align: left;}
.foot-form { padding: 72px 0; background: url(../images/oem/6-bg.jpg) no-repeat center; background-size: cover; }
.foot-form .title {flex: 1;}
.foot-form .cont { width: 51.265%; }
.foot-form .title .tel { margin-top:80px;display: inline-block;
width: 300px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #ffffff;
    line-height: 48px; padding: 0 20px;}
.foot-form .title .tel span {font-size: 18px;color: #fff;}
.foot-form .title .tel b { }
.foot-form .title .tel i { display: inline-block; vertical-align: middle; font-size: 22px; color: #fff;margin-right: 10px;     margin-top: -4px;}
.foot-form .cont .form-list .inp { width: 32.5%; height: 54px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0 25px; }
.foot-form .cont .form-list textarea { width: 100%; height: 120px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 12px 25px; margin-top: 5px; }
.foot-form .cont .form-list .sub {margin-top: 20px; width: 280px;
    height: 54px;
    line-height: 52px;
    border: solid 1px #ffffff; font-size: 20px; font-weight: bold; color: #ffffff; cursor: pointer; -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.foot-form .cont .form-list .sub:hover {
    background-color: #e6212a;
    color: #fff;
    border-color: #e6212a
}

.qr-tc {display: none;position: fixed;left: 50%;top: 50%;margin-left: -120px;margin-top: -100px;width: 260px;padding: 30px 15px;text-align: center;z-index: 99;font-size: 16px;line-height: 30px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.15);}
.qr-tc p {margin-top: 10px;}
.qr-tc p b { font-size: 22px; color: #333; }
.qr-tc p .chat {padding: 5px 10px;color: #fff;background: #e30016;font-size: 14px;}
.qr-tc p .chat i {
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
}
.qr-tc .close-btn {position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    color: #666;
    cursor: pointer;-webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.qr-tc .close-btn:hover { color: #e30016;-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }