@charset "utf-8";
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, div, span, a, aside, article, section, header, nav, footer, label, img { margin: 0; padding: 0; box-sizing: border-box; }
fieldset, img { border: 0; }
img { vertical-align: middle; max-width: 100%; }
ol, ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; word-break: break-all; }
button, input, select, textarea { font-family: inherit; margin: 0; outline: none; resize: none; border: none; background: none; }
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
body { font-size: 14px; color: #666; line-height: 1.5; font-family: 'PingFang SC', 'Microsoft YaHei', Arial, 'simsun', HELVETICA; min-width: 320px; }
a { color: #666; text-decoration: none; transition: all ease 0.3s; }
a:hover { color: #f6232e; }

/*去除苹果默认样式*/
input, textarea { -webkit-appearance: none; }

/*默认placeholder颜色*/
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }

/*简易栅格化*/
.col { margin-left: -10px; margin-right: -10px; zoom: 1; }
.col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col>li, .col .item { float: left; padding: 0 10px; }
.col li img, .col .item img { max-width: 100%; }
.col-2 li, .col-2 .item { width: 50%; }
.col-3 li, .col-3 .item { width: 33.3333%; }
.col-4>li, .col-4 .item { width: 25%; }
.col-5 li, .col-5 .item { width: 20%; }
.col-6 li, .col-6 .item { width: 16.6666%; }
.col-8 li, .col-8 .item { width: 12.5%; }
.col.k10 { margin-left: -5px; margin-right: -5px; }
.col.k10>li, .col.k10 .item { padding: 0 5px; }
.col.k16 { margin-left: -8px; margin-right: -8px; }
.col.k16>li, .col.k16 .item { padding: 0 8px; }
.col.k30 { margin-left: -15px; margin-right: -15px; }
.col.k30>li, .col.k30 .item { padding: 0 15px; }
.col.k90 { margin-left: -45px; margin-right: -45px; }
.col.k90>li, .col.k90 .item { padding: 0 45px; }
@media (max-width:1280px) {
  .col { margin-left: -10px; margin-right: -10px; }
  .col>li, .col .item { padding: 0 10px; }
}
@media (max-width:992px) {
  .col-4>li, .col-4 .item { width: 50%; }
  .col { margin-left: -8px; margin-right: -8px; }
  .col>li, .col .item { padding: 0 8px; }
}
@media (max-width:768px) { }

/* CSS活动的公共样式 */
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.ce { text-align: center; }
.oh { overflow: hidden; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.elp { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.elp2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wp { position: relative; min-width: 300px; width: 90%; max-width: 1600px; margin: 0 auto; }
.pImg { position: relative; padding-top: 100%; display: block; overflow: hidden; }
.pImg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }
.bgImg { background-position: center; background-size: cover; position: relative; transition: all 0.5s; display: block; width: 100%; height: 100%; }
.pd60 { padding: 70px 0; font-size: .875em; overflow: hidden; }
.mb40 { margin-bottom: 40px; }
.font14 { font-size: .875em; }
.gray { background: #efefef; }

/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
.abox { display: block; }
.icon, .v-middle { display: inline-block; vertical-align: middle; }
.flex-middle { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-left { display: flex; flex-wrap: wrap; }
.img-cover { object-fit: cover; width: 100%; height: 100%; }

/*浏览器更新提示*/
.browserupgrade { margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px; }
.browserupgrade a { font-weight: 600; color: red; text-decoration: underline; }

/*图片放大*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/*图片去色*/
.img-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

/*三角形*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; margin-top: -1px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }

/*英文字体*/
@font-face { font-family: "DINPro-Medium"; src: url("../fonts/dinpro-medium.woff2") format("woff2"), url("../fonts/dinpro-medium.woff") format("woff"), url("../fonts/dinpro-medium.ttf") format("truetype"), url("../fonts/dinpro-medium.eot") format("embedded-opentype"), url("../fonts/dinpro-medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.font-en { font-family: "DINPro-Medium"; }
@font-face { font-family: "Barlow-Bold"; src: url("../fonts/Barlow-Bold.woff2") format("woff2"), url("../fonts/Barlow-Bold.woff") format("woff"), url("../fonts/Barlow-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.font-en-2 { font-family: "Barlow-Bold"; }

/* 主导航 */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; line-height: 80px; z-index: 999; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.header .wp { height: 80px; }
.header .logo { position: relative; align-items: center; height: 100%; }
.header .logo img { height: 44px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.logo-hide { position: absolute; opacity: 0; visibility: hidden; }
.header .logo span { font-size: 13px; line-height: 20px; letter-spacing: 1px; color: #ffffff; padding-left: 15px; margin-left: 20px; border-left: solid 1px rgba(255, 255, 255, .5); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.nav-list>li { float: left; font-size: 0; position: relative; margin: 0 20px; padding: 0 10px; }
.nav-list>li>a { display: block; font-size: 16px; color: #fff; letter-spacing: 1px; position: relative; vertical-align: middle; -webkit-transition: .3s color; -o-transition: .3s color; transition: .3s color; }
.header .nav-list>li.on>a, .header .nav-list>li>a:hover { color: #f6232e !important; }
.nav-list>li>a:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #f6232e; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: scaleX(0); transform: scaleX(0); }
.nav-list>li .subnav { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 0; z-index: 2; padding: 10px 0; width: 100%; min-width: 120px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .06); text-align: center; line-height: 1.72; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.nav-list>li.cate-3 .subnav { width: 180px; }
.nav-list>li .subnav a { display: block; color: #454545; padding: 5px 0; }
.nav-list>li .subnav a:hover em { color: #f6232e }
.nav-list>li .subnav a em { display: inline-block; position: relative; font-style: normal; font-size: 14px; color: #454545; transition: .2s }
.nav-list>li:hover .subnav { opacity: 1; visibility: visible; pointer-events: all; }
.header-right { align-items: center; }
.header-right .tool a { font-size: 24px; line-height: 24px; height: 24px; color: #fff; margin-left: 20px; }
.header-right .tool a.wx,
.header-right .tool a.email { position: relative; }
.header-right .tool a.email .ebox {position: absolute;right: 0;
background: #fff;color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; margin-top: 28px;padding: 10px 15px;font-size: 14px;}
.header-right .tool a.wx .qr { font-size: 12px; text-align: center; position: absolute; width: 120px; left: 50%; margin-left: -60px; padding: 5px; margin-top: 28px; background: #fff; color: #333; padding-bottom: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.header-right .tool a.wx:hover .qr,
.header-right .tool a.email:hover .ebox { opacity: 1; visibility: visible; }
.search_box { height: 24px; line-height: 24px; position: relative; }
.search_cover { position: absolute; top: -10px; right: 2px; z-index: 1; width: 290px; height: 100%; display: none; }
.search_closed { background: #fff; color: #333; float: right; line-height: 40px !important; height: 40px !important; margin-left: 10px !important; width: 24px; }
.search_closed i { font-size: 18px; }
.search_fill { background: #fff; border: 1px solid rgba(0, 0, 0, .06); position: relative; overflow: hidden; }
.search_txt { display: block; width: 100%; height: 40px; padding: 12px; color: #333; }
.search_btn { position: absolute; top: 10px; right: 0; z-index: 1; color: #333; cursor: pointer; }
.search_btn i { font-size: 20px; }
.search_btn:hover { color: #f6232e; }
.header-right .search_fill { box-shadow: 0 0 6px 2px rgba(0, 0, 0, .06); }
.header.fixed, .header_open { box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); background: #fff; }
.header.fixed .nav-list>li>a, .header_open .nav-list>li>a, .header:hover .nav-list>li>a { color: #454545; }
.header:hover .nav-list>li:hover>a:before, .header.fixed .nav-list>li:hover>a:before, .hheader_open .nav-list>li:hover>a:before, .header:hover .nav-list>li.on>a:before, .header.fixed .nav-list>li.on>a:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }
.header.fixed .header-right .tool a, .header_open .header-right .tool a, .header:hover .header-right .tool a { color: #454545; }
.header.fixed .header-right .tool a:hover, .header:hover .header-right .tool a:hover { color: #f6232e; }
.header.fixed .logo span, .header_open .logo span, .header:hover .logo span { color: #666; border-color: #ddd; }
.header:hover { background: #fff; }
.header.fixed .logo-show, .header_open .logo-show, .header:hover .logo-show { opacity: 0; }
.header.fixed .logo-hide, .header_open .logo-hide, .header:hover .logo-hide { opacity: 1; visibility: visible; }

/* 广告轮播图 */
.banner { position: relative; overflow: hidden; }
.banner img { width: 100%; }
.banner .small { display: none; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide a { display: block; height: 0; padding-bottom: 54.0416%; }

/*.swiper-wrapper{transition-timing-function: ease-in-out;}*/
.banner .swiper-pagination { bottom: 30px !important; line-height: 1; font-size: 0; }
.banner .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; background-color: #e8edf2; opacity: 0.5; margin: 0 7px; }
.banner .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; border: solid 2px #ffffff; background-color: transparent; }
@media (max-width:1280px) {
  .banner .swiper-pagination { bottom: 20px !important; }
}
@media (max-width:768px) {
  .banner .swiper-pagination { bottom: 10px !important; }
}

/* 广告轮播图2 */
.bannerbox { height: 100vh; }
.bannerbox .img { width: 100%; height: 100%; object-fit: cover; background-position: center; background-size: cover; background-repeat: no-repeat; background: #fff }
.bannerbox .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 3s linear; }
.bannerbox .swiper-slide-active .img img { transform: scale(1.1); transition: all 6s linear; }
.bannerbox .img .m-img { display: none; }
.bannerbox .banner-prev, .bannerbox .banner-next { display: block; width: 17px; outline: none; height: 29px; }
@media (max-width:767px) {
  .bannerbox .banner-prev, .bannerbox .banner-next { display: none; }
}
.bannerbox .banner-prev { left: 40px; background: url(../images/bannerlt1.png) no-repeat center / contain; }
.bannerbox .banner-next { right: 40px; background: url(../images/bannergt1.png) no-repeat center / contain; }
.bannerbox .banner-pagin { bottom: 50px; width: 100%; display: flex; justify-content: center; align-items: center; height: 36px; line-height: 36px; }
.bannerbox .banner-pagin i { display: inline-block; font-style: normal; font-size: 16px; line-height: 36px; letter-spacing: 1px; color: #ffffff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.bannerbox .banner-pagin i:hover { color: #c7000b; }
.bannerbox .banner-pagin .bp-box { position: static; margin: 0 24px; }
.bannerbox .banner-pagin span { vertical-align: middle; margin: 0 !important; width: 76px; height: 3px; opacity: 1; border-radius: 0; background-color: rgba(255, 255, 255, 0.5); }
.bannerbox .banner-pagin span:after { content: ""; display: block; width: 100%; height: 100%; background-color: #FFFFFF; transform: scaleX(0); transform-origin: 0; }

/*.bannerbox .banner-pagin .swiper-pagination-bullet-active:after {width: 100%;}*/
.banner .swiper-slide { position: relative; }
.bannerbox .video, .mbannerbox .video { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bannerbox .video video, .mbannerbox .video video { width: 100%; height: 100%; object-fit: cover; }

/*.bannerbox .banner-pagin .swiper-pagination-bullet{ vertical-align: bottom; background: none!important; border-radius:0; margin: 0 3px; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  */

/*.bannerbox .banner-pagin .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}*/

/*.bannerbox .banner-pagin .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} */
.bannerbox .banner-pagin .swiper-pagination-bullet-active:after { -webkit-animation: 5s .2s move02 both; animation: 5s .2s move02 both; }
@-webkit-keyframes move02 {
  0% { transform: scaleX(0); }
  100% { transition: transform 5s linear; transform: scaleX(1); }
}
@keyframes move02 {
  0% { transform: scaleX(0); }
  100% { transition: transform 5s linear; transform: scaleX(1); }
}
.scroll-tips { position: absolute; left: 8%; bottom: 50px; z-index: 10; width: 62px; height: 26px; background: url(../images/scroll.png) no-repeat center; background-size: contain; cursor: pointer; animation: ani-svg 1.5s linear 0s alternate infinite; -webkit-animation: ani-svg 1.5s linear 0s alternate infinite }
@keyframes ani-svg {
  0% { opacity: .4; transform: translateY(-20px) }
  15% { opacity: .65; transform: translateY(-15px) }
  25% { opacity: .8; transform: translateY(-10px) }
  50% { opacity: 1; transform: translateY(0px) }
  65% { opacity: .8; transform: translateY(5px) }
  75% { opacity: .65; transform: translateY(10px) }
  100% { opacity: .4; transform: translateY(15px) }
}
@-webkit-keyframes ani-svg {
  0% { opacity: .4; -webkit-transform: translateY(-20px) }
  15% { opacity: .65; -webkit-transform: translateY(-15px) }
  25% { opacity: .8; -webkit-transform: translateY(-10px) }
  50% { opacity: 1; -webkit-transform: translateY(0px) }
  65% { opacity: .8; -webkit-transform: translateY(5px) }
  75% { opacity: .65; -webkit-transform: translateY(10px) }
  100% { opacity: .4; -webkit-transform: translateY(15px) }
}
@-moz-keyframes ani-svg {
  0% { opacity: .4; -moz-transform: translateY(-20px) }
  15% { opacity: .65; -moz-transform: translateY(-15px) }
  25% { opacity: .8; -moz-transform: translateY(-10px) }
  50% { opacity: 1; -moz-transform: translateY(0px) }
  65% { opacity: .8; -moz-transform: translateY(5px) }
  75% { opacity: .65; -moz-transform: translateY(10px) }
  100% { opacity: .4; -moz-transform: translateY(15px) }
}

/*尾部*/
.footer { background-color: #3a3a3d; padding-top: 60px; }
.foot-info { padding-bottom: 35px; }
.foot-contact { padding-right: 90px; border-right: solid 1px rgba(217, 219, 222, .1); max-width: 530px; }
.foot-contact .logo img { height: 63px; }
.foot-contact h4 { color: #ffffff; opacity: 0.6; margin-top: 20px; margin-bottom: 6px; }
.foot-contact .tel { font-size: 28px; line-height: 26px; letter-spacing: 1px; color: #f6232e; margin-bottom: 10px; }
.foot-contact .tel i { font-size: 26px; margin-right: 5px; }
.foot-contact p { line-height: 24px; letter-spacing: 1px; color: rgba(255, 255, 255, .8); }
.foot-contact p a { color: rgba(255, 255, 255, .8); }
.foot-contact p a:hover { color: #f6232e; }
.foot-contact p .p { flex: 1; }
.foot-nav { padding-left: 170px; flex: 1; overflow: hidden; }
.foot-nav .item h4 { font-size: 18px; line-height: 26px; color: #ffffff; }
.foot-nav .item ul { margin-top: 15px; }
.foot-nav .item ul li a { line-height: 28px; color: rgba(255, 255, 255, .7); }
.foot-nav .item ul li a:hover, .foot-copy a:hover { color: #f6232e; }
.foot-copy { padding: 20px 0; border-top: solid 1px rgba(217, 219, 222, .1); color: rgba(255, 255, 255, .5); }
.foot-copy a { color: rgba(255, 255, 255, .5); }
.foot-copy .right a { margin-left: 15px; }
.foot-copy .left span { margin: 0 5px; }
.links { margin-top: 10px; color: #fff; }
.links a { margin-right: 10px; }

/*通用更多按钮*/
.com-more { position: relative; display: inline-block; vertical-align: middle; width: 180px; height: 56px; border: solid 1px #cccccc; line-height: 54px; text-align: center; font-size: 16px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.com-more:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #c7000b; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-more:hover:before { height: 100%; }
.com-more span { color: #1f1e23; position: relative; webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-more:hover span { color: #fff; }

/*.com-more:hover { color: #c7000b; }*/
.com-more-white span { color: #fff !important; }

/*.com-more span { position: relative; }
.com-more:before { content: ""; position: absolute; left: 0; width: 0; height: 100%; background: #f6232e; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.com-more:hover:before { width: 100%; }
.com-more-white { border-color: #a5a3a3; color: #a5a3a3; }
.com-more-white2 { border-color: #fff; color: #fff; }*/

/*通用标题*/
.com-title { position: relative; padding-left: 35px; }
.com-title:before { content: ""; position: absolute; left: 0; top: 5px; width: 25px; height: 17px; background: url(../images/titi.png) no-repeat center; background-size: contain; }
.com-title .en { font-size: 50px; line-height: 38px; letter-spacing: 2px; color: #1f1e23; }
.com-title h3 { font-size: 30px; line-height: 1; letter-spacing: 1px; color: #1f1e23; margin-top: 18px; }

/*业务领域*/
.ywly { padding: 100px 0 90px;/* background: url(../images/ywly-bg.jpg) no-repeat center; background-size: cover;*/ position: relative; }
.ywly .cont { flex: 1; display: flex; flex-wrap: wrap; align-items: flex-end; }
.ywly .pic { width: 65%; }
.tab-ywly { position: relative; margin-top: 45px; }
.tab-ywly:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; border-bottom: 1px solid #e6e7e8; }
.tab-ywly:after { content: ""; position: absolute; left: 50%; top: 0; height: 100%; border-right: 1px solid #e6e7e8; }
.tab-ywly li { width: 50%; background-color: #f2f4f7; padding: 30px 25px; cursor: pointer; position: relative; }
.tab-ywly li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/tab-bg.jpg) no-repeat center; background-size: cover; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.tab-ywly li.on:before, .tab-ywly li:hover:before { opacity: 1; }
.tab-ywly li i { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-repeat: no-repeat; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.tab-ywly li.on i, .tab-ywly li:hover i { background-position: -50px; }
.tab-ywly li .en { line-height: 1.2; letter-spacing: 0.5px; color: #afb0b3; font-size: 13px; margin-top: 16px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.tab-ywly li.on .en, .tab-ywly li:hover .en { color: #ffffff; opacity: 0.6; }
.tab-ywly li h4 { font-size: 18px; line-height: 1; letter-spacing: 1px; color: #666666; margin-top: 10px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.tab-ywly li.on h4, .tab-ywly li:hover h4 { color: #fff; }
.swiper-container-ywly .swiper-slide .abox { position: relative; height: 630px; }
.swiper-container-ywly .swiper-slide .abox .tit { position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background-color: rgba(0, 0, 0, .5); padding: 0 60px; align-items: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .6s; -o-transition: .6s; transition: .6s; opacity: 0; }
.swiper-container-ywly .swiper-slide-active .abox .tit { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.swiper-container-ywly .swiper-slide .abox .tit h4 { font-size: 24px; line-height: 26px; letter-spacing: 1px; color: #fff; width: 60%; }
.swiper-container-ywly .swiper-slide .abox .tit i { font-size: 22px; color: #fff; }
.ywly .svg { position: absolute; left: 0; bottom: 0; z-index: -1; height: 70%; }
.parallax>use { animation: move-forever 30s linear infinite }
.parallax>use:nth-child(1) { animation-delay: -2s }
.parallax>use:nth-child(2) { animation-delay: -2s; animation-duration: 8s }
.parallax>use:nth-child(3) { animation-delay: -4s; animation-duration: 9s }
.parallax>use:nth-child(4) { animation-delay: -4s; animation-duration: 12s }
.parallax>use:nth-child(5) { animation-delay: 0; animation-duration: 9s }
.parallax>use:nth-child(6) { animation-delay: -6s; animation-duration: 11s }
.parallax>use:nth-child(7) { animation-delay: -3s; animation-duration: 9s }
.parallax>use:nth-child(8) { animation-delay: 0s; animation-duration: 7s }
@keyframes move-forever {
  0% { transform: translate(-90px, 0) }
  100% { transform: translate(85px, 0) }
}

/*案例*/
.case { padding: 90px 0 100px; background-color: #f8f9fb; }
.title-bar { align-items: center; margin-bottom: 60px; }
.swiper-container-case .swiper-slide .abox { position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-case .swiper-slide .abox:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) }
.swiper-container-case .swiper-slide .abox .pic { height: 450px; }
.swiper-container-case .swiper-slide .abox .cont { position: absolute; left: 0; bottom: 0; width: 424px; height: 100px; background-color: #ffffff; z-index: 2; padding: 20px 50px 20px 30px; }
.swiper-container-case .swiper-slide .abox .cont .area {height: 14px; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #999999; }
.swiper-container-case .swiper-slide .abox .cont h4 { font-size: 18px; line-height: 1; letter-spacing: 1px; color: #1f1e23; margin-top: 12px; }
.swiper-container-case .com-swp { margin-top: 50px; text-align: center; font-size: 0; }
.swiper-container-case .com-swp .swiper-pagination-bullet { width: 20px; height: 20px; opacity: 1; margin: 0 12px; border: solid 1px transparent; background: transparent; position: relative; }
.swiper-container-case .com-swp .swiper-pagination-bullet:before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; background-color: #d1d1d1; border-radius: 50%; }
.swiper-container-case .com-swp .swiper-pagination-bullet-active { border: solid 1px rgba(199, 0, 11, .5); }
.swiper-container-case .com-swp .swiper-pagination-bullet-active:before { background-color: #c7000b; }

/*关于*/
.about { position: relative; }
.about-info .item { height: 900px; }
.about-info .item .cover { position: absolute; left: 0; top: 0; width: 100%; }
.about-info .item .cover .cont { width: 50%; padding-right: 100px; padding-top: 135px; }
.about-info .item .cover .cont h3 { font-size: 40px; font-weight: bold; line-height: 36px; letter-spacing: 1px; color: #ffffff; }
.about-info .item .cover .cont h3:after { content: ""; display: block; width: 46px; height: 4px; background: #c7000b; margin-top: 30px; }
.about-info .item .cover .cont p { font-size: 18px; line-height: 32px; color: #ffffff; opacity: 0.8; margin-top: 30px; margin-bottom: 55px; }
.about-info .item .cover ul { width: 40.625%; margin-top: 200px; }
.about-info .item .cover ul li { padding: 25px 0; position: relative; border-bottom: solid 1px #ffffff; cursor: pointer; }
.about-info .item .cover ul li i { position: absolute; right: 0; color: #ffffff; font-size: 19px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.about-info .item .cover ul li.on .icon-jiahao:before { content: "\e729"; }
.about-info .item .cover ul li h4 { font-size: 20px; line-height: 1; letter-spacing: 1px; color: #ffffff; }
.about-info .item .cover ul li p { font-size: 16px; line-height: 1.25; letter-spacing: 1px; color: #ffffff; opacity: 0.8; margin-top: 16px; display: none; }
.about-info .item .cover ul li.on p { display: block; }
.about .tab-about { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; border-top: solid 1px rgba(255, 255, 255, .3) }
.tab-about .item { width: 25%; padding: 40px; position: relative; /*cursor: pointer; */ }
.tab-about .item ~ .item { border-left: solid 1px rgba(255, 255, 255, .3) }
.tab-about .item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/tab-about-bg.jpg) no-repeat center; background-size: cover; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.tab-about .item:hover:before { opacity: 1; }
.tab-about .item .pic { position: absolute; right: 50px; top: 50%; margin-top: -25px; }
.tab-about .item h4 { font-size: 13px; line-height: 36px; letter-spacing: 1px; color: #ffffff; position: relative; }
.tab-about .item h4 i { font-size: 40px; line-height: 36px; height: 48px; letter-spacing: 2px; color: #ffffff; font-style: normal; margin-right: 5px; display: inline-block; }
.tab-about .item h4 i.font-zh { font-size: 32px; font-weight: bold; }
.tab-about .item p { font-size: 18px; line-height: 36px; letter-spacing: 1px; color: #ffffff; opacity: 0.6; position: relative; }

/*核心技术*/
.technology { padding-top: 100px; }
.jstab-wrap { border-top: solid 1px #ebeced; border-bottom: solid 1px #ebeced; margin-bottom: 50px; position: relative; }
.jstab-wrap .btn { position: absolute; left: -60px; top: 50%; margin-top: -24px; width: 48px; height: 48px; opacity: 0.2; font-size: 28px; line-height: 48px; text-align: center; cursor: pointer; color: #333; outline: none; }
.jstab-wrap .btn-right { left: auto; right: -60px; }
.jstab-wrap .btn.swiper-button-disabled { opacity: .1; }
.jstab-wrap .btn.swiper-button-disabled:hover { opacity: .1; color: #333; }
.jstab-wrap .btn:hover { opacity: 1; color: #c7000b; }
.swiper-container-jsbox .swiper-slide { background: #fff; }
.swiper-container-jsbox .swiper-slide .cont { width: 45%; padding-top: 120px; padding-right: 120px; background: url(../images/js-bg.jpg) no-repeat right bottom; background-size: 465px; }
.swiper-container-jsbox .swiper-slide .cont h4 { font-size: 30px; line-height: 36px; letter-spacing: 1px; color: #1a1a1a; }
.swiper-container-jsbox .swiper-slide .cont p { font-size: 18px; line-height: 32px; letter-spacing: 1px; color: #838383; margin-top: 25px; }
.swiper-container-jsbox .swiper-slide .cont .more { font-size: 16px; line-height: 32px; letter-spacing: 1px; color: #c7000b; align-items: center; margin-top: 70px; display: inline-block; position: relative; }
.swiper-container-jsbox .swiper-slide .cont .more:before { content: ""; position: absolute; left: 0; bottom: -5px; width: 0; border-bottom: 1px solid #c7000b; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-jsbox .swiper-slide .cont .more:hover:before { width: 100%; visibility: visible; }
.swiper-container-jsbox .swiper-slide .cont .more i { font-size: 26px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.swiper-container-jsbox .swiper-slide .pic { width: 55%; height: 540px; }
.swiper-container-jstab .swiper-slide { text-align: center; padding: 30px 0; position: relative; cursor: pointer; }
.swiper-container-jstab .swiper-slide:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #c9101a; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-jstab .swiper-slide.on:before { width: 100%; opacity: 1; left: 0; }
.swiper-container-jstab .swiper-slide i { display: inline-block; vertical-align: middle; width: 260px; width: 44px; height: 44px; background-repeat: no-repeat; opacity: .7; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.swiper-container-jstab .swiper-slide h4 { font-size: 18px; line-height: 1.25; letter-spacing: 1px; color: #1a1a1a; margin-top: 15px; }
.swiper-container-jstab .swiper-slide.on { background-color: #f8f9fb; }
.swiper-container-jstab .swiper-slide.on i { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

/*新闻*/
.news { padding: 100px 0 70px; background-color: #f8f9fb; }
.news .news-one { }
.news .news-one .left { width: 48.5%; }
.news .news-one .left .abox { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news .news-one .left .abox:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.news .news-one .left .abox .pic { height: 410px; }
.news .news-one .left .abox .cont { height: 158px; background-color: #ffffff; padding: 30px 40px 40px; border-bottom: 3px solid #c7000b; }
.news .news-one .left .abox .cont h4 { font-size: 20px; line-height: 30px; letter-spacing: 1px; color: #000000; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news .news-one .left .abox .cont p { font-size: 16px; line-height: 26px; letter-spacing: 1px; color: #767676; margin-top: 8px; }
.news .news-one .right { width: 48.125%; }
.news .news-one .right .item .abox { height: 190px; border-bottom: solid 1px #e5e5e5; align-items: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news .news-one .right .item .abox:hover { background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.news .news-one .right .item .abox .date { text-align: center; width: 150px; }
.news .news-one .right .item .abox .date .d { font-size: 60px; line-height: 30px; color: #c7000b; }
.news .news-one .right .item .abox .date .y { font-size: 18px; line-height: 30px; color: #c7000b; margin-top: 25px; }
.news .news-one .right .item .abox .cont { flex: 1; overflow: hidden; padding-left: 10px; }
.news .news-one .right .item .abox .cont { flex: 1; overflow: hidden; }
.news .news-one .right .item .abox .cont h4 { font-size: 20px; line-height: 30px; letter-spacing: 1px; color: #000000; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news .news-one .right .item .abox .cont p { font-size: 16px; line-height: 26px; letter-spacing: 1px; color: #666666; margin-top: 8px; height: 52px; margin-bottom: 10px; }
.news .news-one .right .item .abox .cont .more { font-size: 14px; line-height: 26px; letter-spacing: 1px; color: #999999; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.news .news-one .right .item .abox:hover .cont h4, .news .news-one .right .item .abox:hover .cont .more, .news .news-one .left .abox:hover .cont h4, .news .news-two .item a:hover { color: #c7000b; }
.news .news-two { margin-top: 30px; }
.news .news-two:after { content: ""; width: 30%; }
.news .news-two .item { width: 30%; margin-bottom: 20px; }
.news .news-two .item a { font-size: 14px; line-height: 21px; color: #5b5b5b; flex: 1; padding-right: 45px; }
.news .news-two .item span { font-size: 13px; line-height: 21px; color: #999999; }

/*尾部表单*/
.foot-form { padding-top: 60px; padding-bottom: 80px; border-top: 2px solid #e62129; text-align: center; background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; }
.foot-form h3 { font-size: 30px; line-height: 24px; letter-spacing: 2px; color: #191919; }
.foot-form p { font-size: 16px; line-height: 24px; color: #191919; margin-top: 10px; }
.foot-form form { margin-top: 50px; }
.foot-form form input { width: 18.5%; height: 50px; background-color: #ffffff; padding: 0 20px; font-size: 13px; color: #999999; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.foot-form form input:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.foot-form form .sub { background-color: #e62129; font-size: 16px; letter-spacing: 2px; color: #ffffff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.foot-form form .sub:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }

/*内页banner*/
.page-banner { position: relative; overflow: hidden; }
.page-banner .pic { overflow: hidden; height: 0; padding-bottom: 39%; background: #f5f5f5; }
.page-banner .pic img { width: 100%; -webkit-animation: plus 12s; animation: plus 12s; }
.page-banner .tit { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; }
.page-banner .tit .en { font-size: 54px; line-height: 40px; font-family: Helvetica-Bold; color: #ffffff; font-weight: bold; text-transform: uppercase; }
.page-banner .tit .cn { font-size: 36px; line-height: 1.2; color: #ffffff; margin-top: 22px; }
@-webkit-keyframes plus {
  0% { -webkit-transform: scale(1, 1) }
  100% { -webkit-transform: scale(1.1, 1.1) }
}
@keyframes plus {
  0% { transform: scale(1, 1) }
  100% { transform: scale(1.1, 1.1) }
}
.page-banner .cate-box { position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 2; text-align: center; font-size: 0; }
.page-banner .cate-box a { display: inline-block; vertical-align: middle; margin: 0 15px; width: 160px; height: 70px; line-height: 68px; border-radius: 4px; border: solid 1px #ffffff; font-size: 20px; color: #ffffff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-banner .cate-box a:hover { border-color: #c7000b; color: #c7000b; background: rgba(255, 255, 255, .7); }
.page-banner .cate-box a.on { background: #c7000b url(../images/more-bg-2.png) no-repeat right bottom; background-size: cover; border-color: #c7000b; color: #fff; }

/*分页*/
.pages-wrap { width: 100%; padding-top: 60px; text-align: center; display: flex; justify-content: center; }
.pages { text-align: center; font-size: 0; display: inline-block; border: 1px solid #d9dde1; display: flex; }
.pages a, .pages span { display: inline-block; vertical-align: middle; min-width: 40px; line-height: 38px; font-size: 14px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; color: #8c8c9a; padding: 0 15px; border-right: 1px solid #d9dde1 }
.pages .page-num-current { color: #fff !important; background: #c7000b !important; }
.pages a.page-next { border-right: none; }
.pages a:hover { color: #c7000b }
.pages a:first-child, .pages a:last-child { width: auto; }
.pages a i { display: inline-block; vertical-align: middle; margin-top: -2px; }
.pages a.page-prev i { margin-right: 8px; }
.pages a.page-next i { margin-left: 8px; }
@media (max-width:768px) {
  .pages a, .pages span { width: 30px; line-height: 28px; font-size: 12px; min-width: 30px; padding: 0 10px; }
}

/*案例列表*/
.bg-gray { background: #f7f8fa; }
.list-wrap { padding: 90px 0; }
.list-case { margin-bottom: -30px; }
.list-case:after { content: ""; width: 32%; }
.list-case .item { width: 32%; background-color: #ffffff; margin-bottom: 30px; }
.list-case .item .abox .pic { height: 317px; }
.pic-cover { position: relative; }
.pic-cover:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background: url(../images/more-bg-1.png) no-repeat center; background-size: contain; opacity: 0; z-index: 1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.item .abox:hover .pic-cover:before { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.list-case .item .abox .cont { padding: 35px; }
.list-case .item .abox .cont .city { font-size: 14px; height: 14px; line-height: 1; letter-spacing: 1px; color: #999999; margin-bottom: 14px; }
.list-case .item .abox .cont h4 { font-size: 18px; line-height: 1; letter-spacing: 1px; color: #1f1e23; webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-case .item .abox:hover .cont h4 { color: #c7000b; }
.list-case .item .abox .cont .more { display: block; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #1f1e23; margin-top: 35px; }
.list-case .item .abox .cont .more i { font-size: 24px; height: 24px; line-height: 24px; margin-right: 8px; vertical-align: middle; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-case .item .abox:hover .cont .more i { color: #c7000b; }

/*案例详情*/
.detail-wrap { padding: 90px 0; }
.detail-wrap .content { width: 63.75%; }
.detail-wrap .side { width: 30%; }
.detail-wrap .content .tit-bar { padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
.detail-wrap .content .tit-bar h1 { font-size: 40px; line-height: 1.25; letter-spacing: 2px; color: #1f1e23; }
.detail-wrap .content .tit-bar .info { margin-top: 20px; }
.detail-wrap .content .tit-bar .info span { margin-right: 15px; }
.detail-wrap .content .content-box { padding-top: 30px; font-size: 16px; line-height: 2; letter-spacing: 1px; color: #666666; }
.detail-wrap .content .content-box p { margin-bottom: 20px; }
.content-page { height: 60px; background-color: #f5f7fa; border-radius: 4px; align-items: center; margin-top: 50px; padding: 0 50px; }
.content-page .menu { font-size: 20px; color: #c7000b; }
.content-page .page-btn { font-size: 14px; line-height: 32px; letter-spacing: 1px; color: #1f1e23; }
.content-page .page-btn:hover { color: #f6232e; }
.detail-wrap .side h3 { font-size: 24px; line-height: 32px; letter-spacing: 1px; color: #1f1e23; margin-bottom: 38px; }
.xg-case li { margin-bottom: 35px; }
.xg-case li .pic { height: 270px; background-color: #666666; border-radius: 4px 4px 0px 0px; }
.xg-case li .cont { height: 70px; background-color: #f6f8fa; border-radius: 0px 0px 4px 4px; padding: 0 30px; align-items: center; }
.xg-case li .cont h4 { flex: 1; padding-right: 20px; font-size: 16px; line-height: 36px; letter-spacing: 1px; color: #1f1e23; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.xg-case li .cont i { color: #1f1e23; font-size: 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.xg-case li:hover .cont h4, .xg-case li:hover .cont i { color: #c7000b; }

/*案例详情2*/
.case-wrap { background: #fff; padding: 48px 40px; }
.case-tit { margin-top: -114px; position: relative; height: 114px; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, .89) }
.case-tit h1 { font-size: 40px; line-height: 36px; letter-spacing: 2px; color: #1f1e23; }
.case-content { padding: 20px 80px; }
.case-content .content { font-size: 16px; line-height: 32px; letter-spacing: 1px; color: #666666; padding-bottom: 70px; border-bottom: 1px solid #e5e5e5; }
.case-content .content img { display: block; margin: 25px auto; }
.xg-wrap { margin-top: 85px; padding-bottom: 100px; }
.xg-wrap .xg-case { margin-top: 45px; }
.xg-wrap .xg-case li { width: 32%; }
.xg-wrap .xg-case li .cont { background: #fff; }
.case-jjfa { padding-top: 75px; padding-bottom: 90px; }
.value-list { margin-top: 60px; text-align: center; }
.value-list li { float: left; width: 25%; }
.value-list li .pic { display: inline-block; box-shadow: 0px 10px 20px 0px 
rgba(47, 113, 214, 0.15); border-radius: 50%; overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.liucheng-list li .pic { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.value-list li:hover .pic, .liucheng-list li:hover .pic { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.value-list li h4 { font-size: 24px; line-height: 1; color: #2e3136; margin-top: 30px; margin-bottom: 20px; }
.value-list li p { line-height: 24px; color: #5c5c5c; font-size: 15px; }
.liucheng-list { position: relative; margin-top: 60px; }
.liucheng-list:before { content: ''; position: absolute; left: 0; top: 133px; width: 100%; border-bottom: 1px solid #dbdbdb; }
.liucheng-list li { float: left; width: 10%; text-align: center; position: relative; }
.liucheng-list li h4 { margin-top: 70px; font-size: 18px; color: #2e3136; }
.liucheng-list li:before { content: ""; position: absolute; left: 50%; top: 120px; margin-left: -13px; width: 26px; height: 26px; background-color: #c7000b; border: 7px solid #fff; box-shadow: 0px 0px 20px 0px rgba(47, 113, 214, 0.15); border-radius: 50%; box-sizing: border-box; }
.zixun2 { display: block; margin: 50px auto 0; width: 200px; height: 48px; background-color: #ffffff; border-radius: 24px; border: solid 2px #c7000b; text-align: center; line-height: 44px; color: #c7000b; font-size: 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.zixun2:hover { background: #c7000b; color: #fff; width: 220px; }

/*新闻列表*/
.cate-bar { height: 70px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.1); line-height: 70px; }
.cate-bar .cate-list li { margin-right: 65px; width: auto; }
.cate-bar .cate-list li:last-child { margin-right: 0; }
.cate-bar .cate-list li a { font-size: 18px; color: #1f1e23; }
.cate-bar .cate-list li a:hover, .cate-bar .cate-list li.on a, .cate-bar .mbx a:hover { color: #c7000b; }
.cate-bar .mbx { font-size: 14px; color: #666; }
.cate-bar .mbx a { color: #666; }
.cate-bar .mbx i { font-size: 18px; margin-right: 8px; }
.list-news { margin-bottom: -60px; }
.list-news:after { content: ""; width: 32%; }
.list-news .item { margin-bottom: 60px; width: 32%; }
.list-news .item .abox .pic { height: 272px; }
.list-news .item .abox:hover .pic:before { opacity: 1; }
.list-news .item .abox .cont { padding-top: 30px; padding-bottom: 5px; border-bottom: 2px solid #e5e5e5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news .item .abox:hover .cont { border-color: #c7000b; }
.list-news .item .abox .cont .date { font-size: 14px; line-height: 1; letter-spacing: 1px; color: #999999; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news .item .abox .cont h4 { font-size: 18px; line-height: 1.25; letter-spacing: 1px; color: #1f1e23; height: 44px; margin-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news .item .abox .cont .more { font-size: 14px; line-height: 36px; letter-spacing: 1px; color: #666666; margin-top: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news .item .abox:hover .cont .date, .list-news .item .abox:hover .cont h4, .list-news .item .abox:hover .cont .more { color: #c7000b; }
.list-news.first-big .item:first-child { width: 66%; position: relative; }
.list-news.first-big .item:first-child .pic { height: 429px; }
.list-news.first-big .item:first-child .cont { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; border-bottom: none; padding: 18px 35px; background-color: rgba(0, 0, 0, .6); }
.list-news.first-big .item:first-child .cont .more { display: none; }
.list-news.first-big .item:first-child .abox .cont .date { color: rgba(255, 255, 255, .7); }
.list-news.first-big .item:first-child .abox .cont h4 { height: auto; color: #fff; }

/*page title*/
.page-title { text-align: center; }
.page-title h3 { font-size: 42px; line-height: 36px; letter-spacing: 2px; color: #1f1e23; display: inline-block; vertical-align: middle; position: relative; }
.page-title h3:before { content: ""; position: absolute; left: -20px; top: -10px; width: 44px; height: 44px; background: url(../images/tit-2.png) no-repeat center; background-size: contain; }
.page-title h3:after { content: ""; position: absolute; right: -15px; bottom: -3px; width: 10px; height: 10px; background-color: #c7000b; border-radius: 50%; }
.page-title.left { text-align: left; }
.page-title.left h3 { margin-left: 20px; }
.page-title p { font-size: 20px; line-height: 32px; letter-spacing: 1px; color: #c7000b; margin-top: 25px; }
.page-title .tab-tit { position: absolute; right: 0; bottom: 0; }
.page-title .tab-tit li { font-size: 18px; line-height: 36px; letter-spacing: 1px; color: #1f1e23; margin-left: 50px; position: relative; cursor: pointer; }
.page-title .tab-tit li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #c7000b; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-title .tab-tit li:hover:before, .page-title .tab-tit li.on:before { width: 100%; opacity: 1; visibility: visible; }
.page-title.white h3 { color: #ffffff; }
.page-title.white h3:before { background-image: url(../images/tit-3.png); }
.honor-wrap { margin-top: 70px; }

/*科研技术*/
.tech-des { font-size: 18px; line-height: 28px; letter-spacing: 1px; color: #666666; /*margin-top: 40px; */ margin-bottom: 70px; }
.tech-des p ~ p { margin-top: 20px; }
.tech-list { padding: 0 35px; }
.tech-list li { width: 20%; }
.tech-cont { background-color: #ebebeb; margin-top: 100px; padding: 50px; font-size: 16px; line-height: 32px; letter-spacing: 1px; }
.zyyw { background: #f6f8fa url(../images/zyyw-bg.jpg) no-repeat left top; padding-top: 90px; padding-bottom: 90px; }
.zyyw-content { margin-top: 60px; position: relative; }
.zyyw-item .cont { padding-top: 50px; width: 50%; padding-right: 50px; }
.zyyw-item .pic { width: 44.5%; height: 540px; padding-right: 88px; position: relative; }
.zyyw-item .pic img { position: relative; z-index: 3; }
.zyyw-item .pic:before { content: ""; position: absolute; right: 43px; top: 50%; z-index: 2; transform: translateY(-50%); width: 100%; height: 476px; background-color: #999999; opacity: 0.1; }
.zyyw-item .pic:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 411px; background-color: #999999; opacity: 0.1; }
.zyyw-item .cont h4 { font-size: 40px; font-weight: bold; line-height: 40px; letter-spacing: 1px; color: #1f1e23; }
.zyyw-item .cont h4 a { color: #1f1e23; }
.zyyw-item .cont h4:after { content: ""; display: block; margin-top: 35px; width: 56px; height: 4px; background: #c7000b; }
.zyyw-item .cont p { font-size: 18px; line-height: 40px; letter-spacing: 1px; color: #666666; margin-top: 35px; }
.zyyw-content .swp-wrap { position: absolute; bottom: 55px; left: 0; z-index: 2; align-items: center; }
.zyyw-content .swp-wrap button { display: inline-block; width: 72px; height: 72px; border: solid 1px #cccccc; border-radius: 50%; text-align: center; line-height: 70px; color: #cccccc; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.zyyw-content .swp-wrap button:hover { border-color: #c7000b; color: #333; }
.zyyw-content .swp-wrap .swp-page { margin: 0 30px; font-family: Gotham-Book; font-size: 18px; letter-spacing: 2px; color: #666666; width: auto; }
.zyyw-content .swp-wrap .swp-page .swiper-pagination-current { color: #c7000b; }

/*关于*/
.abouta { padding-top: 105px; padding-bottom: 100px; position: relative; background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; }
.abouta .cont { width: 45.6%; }
.abouta .cont .page-title p { font-size: 19px; }
.abouta .pic { position: absolute; right: 0; top: 0; width: 50%; height: 100%; }
.abouta .cont .tit-line { width: 99px; height: 18px; background: url(../images/tit-line-1.png) no-repeat center; margin: 35px 0; }
.abouta .cont .des { font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #5d5b63; }
.abouta .cont .des p ~ p { margin-top: 12px; }
.abouta .cont .des p:last-child br { display: none; }
.abouta .cont .video-btn { display: inline-block; vertical-align: middle; margin-top: 60px; width: 200px; height: 52px; border: solid 1px #c7000b; line-height: 50px; text-align: center; font-size: 14px; letter-spacing: 1px; color: #c7000b; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.abouta .cont .video-btn:hover { background: #c7000b; color: #fff; }
.abouta .cont .video-btn span { display: inline-block; position: relative; margin-left: 20px; -webkit-transition: margin-left .3s; -o-transition: margin-left .3s; transition: margin-left .3s; -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.1, 1.1); transform: scale3d(1.1, 1.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.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
}
.abouta .cont .video-btn:hover span { margin-left: 30px; }
.about-ys { background: url(../images/ys-bg.jpg) no-repeat center; background-size: cover; }
.about-ys .item { width: 25%; padding: 76px 45px; position: relative; }
.about-ys .item ~ .item { border-left: solid 1px rgba(255, 255, 255, .3) }
.about-ys .item .pic { position: absolute; right: 50px; top: 50%; margin-top: -25px; }
.about-ys .item h4 { font-size: 13px; line-height: 36px; letter-spacing: 1px; color: #ffffff; position: relative; }
.about-ys .item h4 i { font-size: 40px; line-height: 36px; letter-spacing: 2px; color: #ffffff; font-style: normal; margin-right: 5px; }
.about-ys .item h4 i.font-zh { font-size: 32px; font-weight: bold; }
.about-ys .item p { font-size: 18px; line-height: 28px; letter-spacing: 1px; color: #ffffff; opacity: 0.6; position: relative; }
.aboutb { padding: 100px 0; background: url(../images/honor-wrap-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.honor-item .abox { text-align: center; background: url(../images/honor-bg.jpg) no-repeat center top; background-size: cover; padding: 70px; border-radius: 16px; overflow: hidden; }
.honor-item .abox .pic { height: 307px; position: relative; }
.honor-item .abox .pic:before { content: ""; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; background: url(../images/more-bg-3.png) no-repeat center; background-size: contain; margin-left: -30px; margin-top: -30px; z-index: 2; opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.honor-item .abox:hover .pic:before { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.honor-item .abox .pic img { height: 100%; object-fit: contain; }
.honor-item .abox h4 { font-size: 16px; line-height: 1.5; letter-spacing: 1px; color: #454545; margin-top: 20px; }
.swiper-container-honor { padding: 0 30px; position: relative; margin: 0 -30px; }
.swiper-container-honor .honor-btn { position: absolute; left: -30px; top: 50%; z-index: 2; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; background-color: #e0e0e0; border-radius: 50%; text-align: center; font-size: 24px; color: #080808; text-align: center; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-honor .honor-btn:hover { color: #c7000b; }
.swiper-container-honor .honor-next { left: auto; right: -30px; }
.aboutc { padding-top: 100px; padding-bottom: 90px; }
.aboutc .pic { text-align: center; margin-top: 55px; }
.aboutd { padding: 105px 0; background: url(../images/history-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.aboute { padding: 100px 0; background: url(../images/culture-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.culture-list { margin-top: 60px; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.1); }
.culture-list .item { width: 50%; }
.culture-list .item .pic { width: 50%; }
.culture-list .item .cont { width: 50%; background: #fff; padding: 35px 40px; position: relative; }
.culture-list .item .cont:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c7000b; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.culture-list .item .cont:after { content: ""; position: absolute; left: -15px; z-index: 2; top: 50%; margin-top: -10px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 10px dashed #c7000b; border-right: 10px solid transparent; border-left: 10px solid transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
.culture-list .item:nth-child(3) .cont:after, .culture-list .item:nth-child(4) .cont:after { left: auto; right: -15px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.culture-list .item:hover .cont:before, .culture-list .item:hover .cont:after { opacity: 1; }
.culture-list .item .cont h4 { font-size: 24px; line-height: 25px; color: #000123; position: relative; }
.culture-list .item .cont h4:after { content: ""; display: block; width: 38px; height: 2px; background: #c7000b; margin-top: 18px; position: relative; }
.culture-list .item .cont .des { font-size: 16px; line-height: 28px; color: #707070; margin-top: 20px; position: relative; }
.culture-list .item:nth-child(3), .culture-list .item:nth-child(4) { flex-direction: row-reverse; }
.culture-list .item:nth-child(4) .cont { padding: 35px 10px 35px 20px; }
.culture-list .item:nth-child(4) .cont .des { font-size: 14px; }
.culture-list .item:hover .cont h4, .culture-list .item:hover .cont p { color: #fff; }
.culture-list .item:hover .cont h4:after { background: #fff; }

/*联系我们*/
.contact-list { padding-top: 70px; }
.contact-list .item:nth-child(2n) { flex-direction: row-reverse; }
.contact-list .item .cont { width: 50%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-left: 160px; padding-right: 80px; }
.contact-list .item:nth-child(2n) .cont { padding-left: 80px; padding-right: 160px; }
.contact-list .item .cont .des { margin-top: 40px; font-size: 16px; line-height: 32px; color: #666666; }
.contact-list .item .pic { width: 50%; height: 444px; overflow: hidden; }
.contact-list .item .pic-map { height: 750px; }
.contact-list .item .cont-map h3 { font-size: 40px; line-height: 32px; color: #c7000b; padding-bottom: 30px; border-bottom: solid 2px #c7000b; }
.contact-list .item .cont-map .list .subitem { padding: 35px 0 5px; position: relative; }
.contact-list .item .cont-map .list .subitem ~ .subitem { border-top: solid 1px #dcdee1; }
.contact-list .item .cont-map .list .subitem i { display: inline-block; width: 48px; height: 48px; border: solid 1px #cacfd6; font-size: 24px; color: #c7000b; line-height: 46px; text-align: center; margin-right: 20px; }
.contact-list .item .cont-map .list .subitem .info { flex: 1; }
.contact-list .item .cont-map .list .subitem .citem { margin-bottom: 30px; min-width: 300px; align-items: center; }
.contact-list .item .cont-map .list .subitem .info h4 { font-size: 16px; line-height: 1.25; color: #8a8e99; }
.contact-list .item .cont-map .list .subitem .info p { font-size: 16px; line-height: 1.5; color: #666e80; margin-top: 5px; }
.contact-list .item .cont-map .list .subitem .info p a { color: #666e80; }
.contact-list .item .cont-map .list .subitem .info p a:hover { color: #c7000b; }
.contact-list .item .cont-map .list .subitem .qrcode { position: absolute; right: 100px; top: 30px; width: 149px; }

/*加入我们*/
.job-wrap { padding-top: 80px; padding-bottom: 90px; }
.job-contnet { border: solid 1px #e6e8ed; border-top: solid 2px #c7000b; }
.gray-titbar { height: 64px; align-items: center; border-bottom: solid 1px #ededed; }
.gray-titbar span { font-size: 18px; color: #1f1e23; width: 20%; text-align: center; font-weight: bold; }
.job-list .item ~ .item { border-top: solid 1px #ededed; }
.job-list .item.on { border-top: none; }
.job-list .item .title { height: 90px; align-items: center; border-bottom: solid 1px #ededed; }
.job-list .item .title { cursor: pointer; }
.job-list .item.on .title { background-color: #f5f6f7; }
.job-list .item:hover .title { background-color: #f5f6f7; }
.job-list .item .title span { font-size: 16px; color: #1f1e23; width: 20%; text-align: center; }
.gray-titbar span:first-child, .job-list .item .title span:first-child { width: 25%; text-align: left; padding-left: 80px; }
.gray-titbar span:last-child, .job-list .item .title span:last-child { width: 15%; }
.job-list .item .content { padding: 70px 80px; display: none; }
.job-list .item:first-child .content { display: block; }
.job-list .item .content .cont { font-size: 16px; line-height: 40px; color: #3a393f; }
.job-list .item .content .cont p:last-child br { display: none; }
.job-list .item .content .more-wrap {margin-top: 40px; align-items: center;}
.job-list .item .content .more-wrap .szrk {display: none;}
.job-list .item .content .more-wrap .szrk p {margin: 2px 0;}
.job-list .item .content .more {display: inline-block; width: 120px; height: 42px; background-color: #c7000b; border-radius: 4px; line-height: 42px; text-align: center; font-size: 15px; color: #fff; transition: .3s; margin-right: 20px;}
.job-list .item .content .more i { font-size: 16px; margin-left: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.job-list .item .content .more:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.hremail {font-size: 16px;margin-top: 30px;}

/*业务领域*/
.c-red { color: #c7000b; }
.ywly-item { padding-top: 70px; padding-bottom: 90px; }
.ywly-item .wp { align-items: center; }
.ywly-item-1 .wp .pic { width: 50%; }
.ywly-item-1 .wp .cont { width: 50%; padding-left: 150px; }
.ywly-item-2 .wp .pic { width: 50%; }
.ywly-item-2 .wp .cont { width: 50%; padding-left: 40px; }
.ywly-item-4 .wp .pic { width: 56.25%; }
.ywly-item-4 .wp .cont { flex: 1; padding-left: 60px; }
.ywly-item .wp .cont h3 { font-size: 40px; font-weight: bold; line-height: 40px; letter-spacing: 1px; color: #1f1e23; }
.ywly-item .wp .cont h3:after { content: ""; display: block; width: 55px; height: 6px; background: #c7000b; margin-top: 35px; }
.ywly-item .wp .cont .des { font-size: 18px; line-height: 40px; letter-spacing: 1px; color: #666666; margin-top: 25px; }
.ywly-item-2 { background: url(../images/ywly/y2-1.jpg) no-repeat center; background-size: cover; padding-top: 120px; padding-bottom: 120px; }
.ywly-item .wp .cont .des p ~ p { margin-top: 15px; }
.ywly-item-2 .wp .pic img { visibility: hidden; }
.y-tit h3 { font-size: 40px; font-weight: bold; line-height: 40px; letter-spacing: 1px; color: #1f1e23; }
.y-tit h3:after { content: ""; display: block; width: 56px; height: 4px; background: #c7000b; margin-top: 32px; margin-bottom: 20px; }
.y-tit p { font-size: 18px; line-height: 32px; letter-spacing: 1px; color: #666666; }
.y2-2 { padding-top: 80px; padding-bottom: 85px; background: url(../images/ywly/y-bg.jpg) no-repeat left top; background-size: 782px; }
.y2-2 .item-1 { align-items: center; }
.y2-2 .item-1 .y-tit { flex: 1; padding-right: 20px; }
.y2-2 .item-1 .pic { width: 100%; max-width: 938px; }
.y2-2 .item-2 { margin-top: 40px; }
.y2-2 .item-2 img { max-width: 50%; }
.y2-list .item { padding: 80px 0; }
.y2-list .item:nth-child(2n+1) { background-color: #f6f8fa; }
.y2-list .item .wp { align-items: center; }
.y2-list .item:nth-child(2n+1) .wp { flex-direction: row-reverse; }
.y2-list .item:nth-child(2n+1) .wp .y-tit { text-align: right; }
.y2-list .item:nth-child(2n+1) .wp .y-tit h3:after { position: relative; right: -100%; margin-left: -56px; }
.y2-list .item .wp .y-tit { flex: 1; padding-left: 20px; }
.y2-list .item .wp .pic { width: 70%; max-width: 1115px; }
.y2-dc { background: #fff; padding-bottom: 60px; }
.y2-dc .item-1 { align-items: center; }
.y-tit { flex: 1; }
.y2-dc .item-one { margin-top: 40px; }
.ywly-item-3 { background: url(../images/ywly/y3-bg.jpg) no-repeat center; background-size: cover; }
.ywly-item-3 .pic { width: 47.5%; }
.ywly-item-3 .cont { flex: 1; padding-left: 80px; }
.y3-content { background-color: #f5f7fa; padding-top: 80px; padding-bottom: 4px; }
.y3-content .yyjs { margin-top: 60px; }
.yyjs .item { margin-bottom: 80px; align-items: center; position: relative; }
.yyjs .item:nth-child(2n) { flex-direction: row-reverse; }
.yyjs .item .cont { width: 32.3%; }
.yyjs .item .cont .y-tit { width: 790px; height: 460px; background-color: #ffffff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 140px 160px; }
.yyjs .item:nth-child(2n) .cont .y-tit { left: auto; right: 0; }
.yyjs .item .pic { width: 67.7%; }
.zyyw.bg-fff { background: #fff url(../images/ywly/y3-bg2.jpg) no-repeat left top; }
.swiper-container-year { margin-top: 70px; position: relative; padding-top: 10px; }
.swiper-container-year:before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; border-bottom: solid 2px #424345; }
.swiper-container-year:after { content: ""; position: absolute; right: 0; top: 3px; width: 8px; height: 15px; background: url(../images/history-jt.png) no-repeat center; background-size: contain; }
.swiper-container-year .swiper-slide { position: relative; font-size: 20px; line-height: 36px; letter-spacing: 1px; color: #333; padding-top: 15px; cursor: pointer; }
.swiper-container-year .swiper-slide:before { content: ""; position: absolute; left: 0; top: -7px; width: 14px; height: 14px; background-color: #2d2e30; border: solid 1px #424345; z-index: 2; border-radius: 50%; transition: .3s }
.swiper-container-year .swiper-slide.on:before { background-color: #c7000b; border: solid 1px #ffffff; }
.swiper-container-history { margin-top: 100px; padding: 10px; }
.swiper-container-history .swiper-slide .pic { width: 41.25%; height: 400px; background-color: #ffffff; overflow: hidden; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-radius: 16px; overflow: hidden; }
.swiper-container-history .swiper-slide .cont { flex: 1; padding-left: 140px; padding-top: 10px; }
.swiper-container-history .swiper-slide .cont h4 { font-family: Barlow-Bold; font-size: 48px; line-height: 36px; letter-spacing: 2px; color: #333; padding-bottom: 25px; border-bottom: solid 2px #59595b; position: relative; }
.swiper-container-history .swiper-slide .cont h4:before { content: ""; position: absolute; left: 0; bottom: -2px; width: 101px; height: 4px; background: #c7000b; }
.swiper-container-history .swiper-slide .cont .des { font-size: 18px; line-height: 36px; letter-spacing: 1px; color: #454545; margin-top: 20px; height: 220px; overflow: scroll; overflow-x: hidden; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar { width: 5px; height: 5px; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar-button { background-color: transparent; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar-track { background: transparent; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar-thumb { background: #7c7c7c; border-radius: 4px; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar-corner { background: #82AFFF; }
.swiper-container-history .swiper-slide .cont .des::-webkit-scrollbar-resizer { background: #FF0BEE; }
.history-btn-wrap { position: absolute; left: 41.25%; margin-left: 140px; bottom: 15px; z-index: 2; }
.history-btn-wrap .history-btn { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-color: #ffffff; line-height: 50px; text-align: center; font-size: 24px; border-radius: 50%; color: #676767; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) }
.history-btn-wrap .history-btn:hover { background-color: #c7000b; color: #fff; }
.history-btn-wrap .history-next { margin-left: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/*float_menu*/
.float_menu { position: fixed; bottom: 10%; right: 2%; z-index: 1004; }
.float_menu li { position: relative; margin-top: 12px; }
.float_menu li a.f_m_a0 { display: block; border-radius: 50%; background: #fff; color: #f6232e; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .10); text-align: center; width: 50px; height: 50px; line-height: 50px; }
.float_menu li a.f_m_a0 .iconfont { font-size: 26px; }
.f_m_cover { position: absolute; top: 50%; padding-right: 16px; right: 100%; transform: translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 240px; }
.f_m_cover.min { width: 200px; }
.f_m_cover_inner { position: relative; background: #fff; color: #333; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0, 0, 0, .10); padding: 3.56%; }
.f_m_cover_inner:before { content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%) rotate(-90deg); border-width: 6px; border-style: solid solid solid; border-color: #fff transparent transparent; }
.float_menu li .f_m_cover b { letter-spacing: -0.03em; font-family: "Arail"; color: #f6232e; }
.float_menu li:hover a.f_m_a0 { background-color: #f6232e; color: #fff; }
.float_menu li:hover .f_m_cover { opacity: 1; visibility: visible; pointer-events: all; }
@media (max-width:640px) {
  .float_menu { bottom: 6%; }
  .float_menu li a.f_m_a0 { width: 32px; height: 32px; line-height: 32px; }
  .float_menu li a.f_m_a0 .iconfont { font-size: 18px; }
  .float_menu li { margin-top: 8px; }
}

/*联系*/
.contact-a { margin-top: 53px; margin-bottom: 34px; background-color: #ffffff; box-shadow: 0px 7px 35px 0px 
rgba(177, 177, 164, 0.33); border-radius: 10px; }
.contact-a .cont { padding: 70px 110px; flex: 1; }
.contact-a .cont h3 { font-size: 32px; line-height: 36px; color: #272933; }
.contact-a .cont h3:after { content: ""; display: block; width: 100%; height: 1px; background-color: #dddddd; margin-top: 40px; margin-bottom: 40px; }
.contact-a .cont .des { font-size: 16px; line-height: 42px; color: #81868e; }
.contact-a .cont .des p strong { color: #30343e; font-weight: normal; }
.contact-a .cont .cbox { margin-top: 100px; font-size: 0; }
.contact-a .cont .cbox a { width: 120px; height: 36px; background-color: #aeb4bd; border-radius: 18px; display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; text-align: center; line-height: 36px; }
.contact-a .cont .cbox a i { font-size: 19px; margin-right: 5px; }
.contact-a .cont .cbox .zx { margin-right: 13px; background-color: #dc0008; }
.contact-a .pic { width: 49.3%; }
.contact-b .item { width: 31.94%;    /*height: 450px;*/ background-color: #ffffff; border-radius: 10px; border: solid 1px #e5e5e5; text-align: center; padding: 68px 30px 45px; }
.contact-b .item .pic { height: 160px; line-height: 160px; font-size: 0; }
.contact-b .item h4 { margin-top: 25px; font-size: 16px; line-height: 32px; color: #81868e; }
.contact-b .item p { font-size: 36px; line-height: 36px; color: #272933; margin-top: 5px; }
.contact-b .item:nth-child(2) p { font-size: 32px; }
.contact-b .item .zx { margin-top: 38px; display: inline-block; line-height: 34px; width: 160px; height: 36px; background-color: #ffffff; border-radius: 18px; border: solid 1px transparent; }
.contact-b .item a { border-color: #ddd !important; }
.contact-c { padding-top: 125px; padding-bottom: 100px; }
.form-one { margin-top: 45px; }
.form-one input { width: 27%; height: 60px; border-radius: 10px; border: 1px solid #e5e5e5; background: #fff; font-size: 14px; color: #383635; line-height: 58px; 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: 200px; border: 1px solid #e5e5e5; border-radius: 10px; margin-top: 20px; 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: 450px; height: 52px; background-color: #dc0008; border-radius: 26px; line-height: 50px; font-size: 18px; color: #ffffff; margin: 55px auto 0; display: block; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.form-one .sub:hover { width: 480px; background: #e30016; }

/*网站地图*/
.font24 {
    font-size: 24px;
}
.sitmapbox .cont { padding: 0 2rem; }
@media (max-width: 1580px) {
  .font24 {
      font-size: 20px;
  }
}
@media (max-width:1199px) {
  .sitmapbox .cont { padding: 0 1rem; }
}
@media (max-width:991px) {
  .sitmapbox .cont { padding: 0 0.4rem; }
}
@media (max-width:767px) {
  .sitmapbox .cont { padding: 0; }
  .font24 {
      font-size: 0.34rem;
  }
}
.sitmapbox .cont .item { width: 100%; padding-bottom: 0.34rem; margin-bottom: 0.26rem; border-bottom: 1px solid #f0f0f0; }
.sitmapbox .cont .item .tit { color: #333; }
.sitmapbox .cont .item .jut { padding-top: 0.18rem; display: flex; flex-wrap: wrap; width: 100%; }
.sitmapbox .cont .item .jut .li { width: 20%; padding-right: 10px; margin-bottom: 16px; }

@media (max-width:767px) {
  .sitmapbox .cont .item .jut .li { width: 50%; }
}
.sitmapbox .cont .item .jut .li .name { font-size: 16px; color: #333; }
@media (max-width:767px) {
  .sitmapbox .cont .item .jut .li .name { font-size: 14px; }
}
.sitmapbox .cont .item .jut .li .nei { margin-top: 10px; }
.sitmapbox .cont .item .jut .li .nei a { display: block; color: #999; font-size: 14px; margin-bottom: 8px; }
@media (max-width:767px) {
  .sitmapbox .cont .item .jut .li .nei a { font-size: 12px; }
}
.sitmapbox .cont .item .jut .li .nei a:last-child { margin-bottom: 0; }
@media (min-width:1200px) {
  .sitmapbox .cont .item .jut .li .nei a:hover { color: #e30016; }
}