* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif; font-size: 20px; }
a, a:hover, a:focus, a:visited { text-decoration: none; outline: none !important; outline: 0; }
ul, ul li, ol, li { list-style: none outside none; }
input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; }
textarea { resize: none; }
a { text-decoration: none; }
img { vertical-align: middle; border: none; width: 100%; height: 100%; }
i { font: inherit; }
.x-img { overflow: hidden; }
/*单行溢出*/
.one-txt-cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*多行溢出 手机端使用*/
.txt-cut { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#delbox { margin-right: 0; }
.flex { display: box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.flex-j { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.flex-w { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex-s { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; }
.flex-c { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.flex-cm { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.trs { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.content { width: 100%; max-width: 1200px; margin: auto; }
.ani-delay { animation-delay: .4s; }
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
/* 顶部 */
.top { background-color: #3a3c4b; }
.topbox { line-height: 1.75rem; }
.top-wel p {
 font-size: .6rem; color: rgba(255, 255, 255, .6); }
.top-wel p a { color: rgba(255, 255, 255, .6); font-weight: bold; }
.top-r a, .top-lx {
 font-size: .6rem; color: #808080;  margin-left: .75rem;
}
.top-r a .iconfont, .top-lx .iconfont {  font-size: .55rem;
}
.top-r a p, .top-lx p {  margin-left: .25rem;
}
.top-lx { position: relative; }
.top-ewm { visibility: hidden; opacity: 0; position: absolute; top: 110%; left: 50%; width: 6rem; height: 6rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 0 1rem rgba(0, 0, 0, .1); background-color: #fff; z-index: 600; }
.top-ewm img { -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); -o-transform: scale(.85); transform: scale(.85); }
.top-wel p a:hover { color: #4f41bd; text-decoration: underline; }
.top a:hover, .top-lx:hover { color: #4f41bd; }
.top .top-lx:hover .top-ewm { visibility: visible; opacity: 1; }
/* 头部 */
.header { width: 100%; background: #fff; }
.headerbox { height: 5rem; }
.header-l { width: 70%; }
.header-l .logo { width: 22%; }
.header-font { padding-left: 1.25rem; margin: 1.25rem; border-left: 1px solid #ebebeb; }
.header-font h1 { color: #444; font-size: 1rem; }
.header-font p {
 padding-top: .25rem; color: #999;  font-size: .7rem;
}
.header-r .icon { font-size: 2.3rem; }
.header-r .telbox p {
 font-size: .6rem; color: #808080;  margin-left: .75rem;
}
.header-r .telbox h1 { font-size: 1.3rem; color: #fb8967;  margin-left: .75rem;
}
/* 导航 */
.nav { background-color: #4f41bd; width: 100%; }
.nav .nav1li { flex: 1; margin: 0 1px; position: relative; text-align: center; }
.nav .nav1li .nav1a {
 font-size: .8rem; color: #fff; font-weight: bold; line-height: 2.5rem; }
.nav1a .iconfont {
 font-size: .6rem;
 padding-left:.5rem; color: rgba(255, 255, 255, .7); }
.nav .nav1li.active { background-color: #382b9e; }
.nav .nav1li.active .nav1a { color: #fff; }
.nav .nav1li:hover { background-color: #382b9e; }
.nav .nav1li:hover .nav1a { color: #fff; }
.nav .nav2ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; width: 100%; background-color: white; z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 15px 30px rgba(0, 0, 0, .05); }
.nav .nav2li { padding: 0 1rem; }
.nav .nav2li a {
 font-size: .7rem; color: #444; text-align: center; display: block;  padding: .5rem 0;
}
.nav ul>li:hover .nav2ul { visibility: visible; opacity: 1; }
.nav .nav2li:hover { background-color: #4f41bd; }
.nav .nav2li:hover a { color: #fff; }
.nav.on { top: 0; position: fixed; left: 0; z-index: 500; }
/* 搜索框 */
.search, .bread { background-color: #fff; line-height: 3.5rem; border-bottom: 1px solid #e4e3f0; }
.search .hot-s span, .search a {  font-size: .8rem;
}
.search .hot-s span { color: #808080; margin-right: 1rem; font-weight: bold; }
.search .hot-s a { color: #444;  padding: 0 .25rem;
}
.search .hot-s a:hover { color: #fb8967; text-decoration: underline; font-weight: bold; }
.search-b1 { border-bottom: 1px solid transparent; background: linear-gradient(left, rgb(79, 65, 189), rgb(251, 137, 103) 100%); background: -o-linear-gradient(left, rgb(79, 65, 189), rgb(251, 137, 103) 100%); background: -ms-linear-gradient(left, rgb(79, 65, 189), rgb(251, 137, 103) 100%); background: -moz-linear-gradient(left, rgb(79, 65, 189), rgb(251, 137, 103) 100%); background: -webkit-linear-gradient(left, rgb(79, 65, 189), rgb(251, 137, 103) 100%); }
.search-b .inp { color: #444;  font-size: .7rem;
 padding-left: .75rem;
line-height: 1.75rem; width: 15rem; outline: none; border-radius: 0; }
.search-b .but { padding: 0 1.75rem; background: url(../image/fdj.png) center center no-repeat; cursor: pointer; line-height: 1.75rem; background-color: #fff;  font-size: .8rem;
border-radius: 0; }
.search-b .but:hover { background: url(../image/fdj2.png) center center no-repeat; background-color: #fff; }
/* 内页面包屑 */
.bread-l { font-size: 12px; color: #808080 }
.bread-l span { font-weight: bold; color: #333; }
.bread-l span, .bread-l a, .bread-l p {  font-size: .7rem;
}
.bread-l .iconfont {  font-size: .6rem;
}
.bread-l a { color: #808080; padding: 0 3px }
.bread-l .iconfont { color: #999; }
.bread-l .iconfont {  padding: 0 .35rem;
}
.bread-l p { color: #4f41bd; font-weight: bold; }
.bread-l a:hover { font-weight: bold; color: #4f41bd; }
/* PC底部 */
.footer { background: #242424; }
.f-t { padding: 3rem 0; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }
.f-l { width: 45%; }
.f-l>ul>li>a {
 font-size: .7rem; color: rgba(255, 255, 255, .8); padding-right: 1.5rem; display: inline-block }
.f-nav2 {
 font-size: .6rem; color: rgba(255, 255, 255, .6); line-height: 1.2rem; }
.f-c { border-left: 1px solid rgba(255, 255, 255, .15); border-right: 1px solid rgba(255, 255, 255, .15); padding: 0 2rem; margin-left: 2rem; width: 30%; }
.f-c h6 {
 font-size: .7rem; color: rgba(255, 255, 255, .8); padding-bottom: 1rem; }
.f-c p {
 font-size: .6rem; color: rgba(255, 255, 255, .6); line-height: 1.5rem; }
.f-r { flex: 1; }
.f-r .ewm { width: 4.5rem; height: 4.5rem; background-color: #fff;  padding: .25rem;
margin-left: 2rem; }
.f-r .ewm p {
 font-size: .6rem; color: rgba(255, 255, 255, .6); text-align: center;  padding-top: .5rem;
}
.f-b { border-top: 1px solid rgba(255, 255, 255, .15); }
.f-b a { color: #808080 }
.f-b p { text-align: center;  font-size: .6rem;
 padding: .5rem 0;
color: rgba(255, 255, 255, .4); }
.f-l>ul>li>a:hover { color: rgba(255, 255, 255, 1); }
.f-nav2:hover { color: rgba(255, 255, 255, 1); }
/* 内页分页 */
.pages { text-align: center; justify-content: center; padding-top: 2rem; }
.pages .iconjiantou {
 font-size: .8rem; color: #999; display: block; }
.pages a {  margin: 0 .25rem;
}
.pages .page { width: 1.5rem; height: 1.5rem; border: 1px solid #e6e6e6; background: #fff; line-height: 1.5rem; color: #808080;  font-size: .8rem;
}
.pages a.active { background: #fb8967; color: #fff; }
.pages a.page-num-current { background: #fb8967; color: #fff; }
.pages a.prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pages .page:hover { background: #fb8967; color: #fff; }
.pages .iconjiantou:hover { color: #fb8967; }
/* 返回顶部 */
.go-top { position: fixed; right: 0; top: 70%; z-index: 500; }
.go-top .item { width: 2rem; height: 2rem; background: #fb8967;  margin-bottom: .1rem;
box-shadow: 0 0 10px rgba(255, 255, 255, .05); }
.go-top .dh, .go-top .ewm { position: relative; }
.go-top .iconfont { color: #fff; font-size: 1.4rem; text-align: center; line-height: 2rem; }
.go-top .dh-active { background: #fb8967; width: 6rem; height: 2rem; position: absolute; left: -6.5rem; top: 0; color: #fff; text-align: center; line-height: 2rem; opacity: 0; visibility: hidden; }
.go-top .dh-active p {  font-size: .75rem;
}
.go-top .code img { width: 85%; height: 85%; margin: auto; display: block;  padding-top: .25rem;
}
.go-top .ewm-active { position: absolute;  padding: .15rem;
width: 6rem; height: 7.5rem; left: -6.5rem; top: 50%; opacity: 0; visibility: hidden;  box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);
background: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.go-top .ewm-active .wenzi { width: 100%; height: 2rem; text-align: center; line-height: 1rem; border-top: 1px solid rgba(0, 0, 0, .1); ;  padding-top: .25rem;
 margin-top: .25rem;
}
.go-top .wenzi p {
 font-size: .6rem; color: #fb8967; }
.go-top .ewm-active::after { content: ""; position: absolute; left: 100%; top: 50%; width: 0; height: 0; border-width: 10px 12px 10px 10px; border-style: solid; border-color: transparent transparent transparent #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.go-top .item:hover { background: #ec592c }
.go-top .item:hover .ewm-active, .go-top .item:hover .dh-active { opacity: 1; visibility: visible; }
.go-top .backtotop { display: none; }
/* 移动端导航 */
.mo-top { display: none; width: 100%; background: white; position: fixed; box-shadow: 0 5px 10px rgba(108, 128, 111, .1); z-index: 500; top: 0; left: 0; border-bottom: 1px solid rgba(77, 95, 238, .8); }
.mo-top a { display: block; overflow: hidden; width: 25%; line-height: 60px; }
.mo-top a img { max-width: 100%; }
.mo-nav .s1, .mo-top .s2, .mo-top .s3 { width: 22px; height: 2px; display: block; background-color: rgba(77, 95, 238); position: relative; overflow: hidden; }
.su::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #4f41bd; transform: translateX(-100%); transition: all 0.25s ease; }
.mo-nav:hover .su::after { transform: translateX(0); }
.s1::after { transition-delay: .2s; }
.s2::after { transition-delay: .4s; }
.s3::after { transition-delay: .6s; }
.mo-nav .s2 { margin-top: 6px; }
.mo-nav .s3 { margin-top: 6px; }
.mo-nav.on .s1 { -webkit-transform: matrix(1, 0, 0, 1, 0, 8) rotate(45deg); transform: matrix(1, 0, 0, 1, 0, 18), rotate(45deg); }
.mo-nav.on .s2 { opacity: 0; }
.mo-nav.on .s3 { -webkit-transform: matrix(1, 0, 0, 1, 0, -8) rotate(-45deg); transform: matrix(1, 0, 0, 1, 0, -18), rotate(-45deg); }
/* 移动端导航下拉 */
.navdown { display: none; width: 100%; background: #fff; z-index: 500; position: fixed; top: 3rem; left: 0; }
.navdown ul li { width: 100%; border-bottom: 1px dashed #eee; }
.navdown ul li a { padding: 1rem; color: #444; width: 100%; display: block;  font-size: .8rem;
}
.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 499; position: fixed; top: 0; left: 0; display: none; }
/* 移动端状态栏 */
.mo-footer { height: 3rem; width: 100%; background-color: #4f41bd; z-index: 100; position: fixed; bottom: 0; left: 0; box-shadow: 0 -5px 10px rgba(0, 0, 0, .05); display: none; }
.mo-footerbox { height: 100%; }
.mo-footer a { display: block; width: 25%; text-align: center; border-right: 1px solid rgba(255, 255, 255, .32); }
.mo-footer a:nth-child(4) { border: none; }
.mo-footer p, .mo-footer .iconfont { color: #fff; }
.mo-footer .iconfont { font-size: 1.25rem; }
.mo-footer p {  font-size: .7rem;
}
/* 移动端底部 */
.mo-copyright { background: #3b3b3b; width: 100%; text-align: center; line-height: 2.5rem; display: none; margin-bottom: 3rem; }
.mo-copyright p {
 font-size: .6rem; color: rgba(255, 255, 255, .6); }
/* 首页banner */
.swiper1 { width: 100%; height: 30rem; position: relative; }
.swiper1 .swiper-slide { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.swiper1 .swiper-button-prev { left: 10%; }
.swiper1 .swiper-button-next { right: 10%; }
.swiper1 .iconfont { font-size: 2rem; color: rgba(255, 255, 255, .6); z-index: 100; }
.swiper1 .iconfont:hover { color: #fff; }
.swiper1 .swiper-button-prev:after, .swiper1 .swiper-button-next:after { content: ''!important; }
.swiper1 .swiper-button-prev .iconjiantou { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.banner .swiper1 .swiper-pagination { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.banner .swiper1 .swiper-pagination-bullet {
 width: .8rem;
 height:.8rem; opacity: 1; border: 2px solid rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, 0) !important;  margin: 0 .625rem !important;
border-radius: 50%; }
.banner .swiper1 .swiper-pagination-bullet-active { background-color: #4f41bd !important; border: none; }
/* 首页标题 */
.tit { text-align: center; }
.tit h1 { font-size: 2.1rem; color: #0f0a33; position: relative;  padding: .25rem 0 1rem;
}
.tit h2 {
 font-size: .9rem; color: #999; text-transform: uppercase; font-weight: normal; }
.tit-b span {
 height: .2rem; background-color: #4f41bd;  border-radius: .1rem;
}
.tit-b span:nth-child(1), .tit-b span:nth-child(3) { width: 1rem; }
.tit-b span:nth-child(2) {  width:.5rem;
 margin: 0 .5rem;
}
/* 首页了解更多 */
.morebox { padding-top: 2rem; text-align: center; }
.more {
 font-size: .8rem; color: #fb8967; border: 1px solid #fb8967;  padding: .5rem 1.5rem;
border-radius: 1.5rem; overflow: hidden; position: relative; }
.more p, .more .iconfont { display: inline-block; }
.more p {  padding-right: .25rem;
}
.more .iconfont { font-size: 1rem; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
.more:hover { color: #fff; background-color: #fb8967; }
.more:hover p { padding-right: 1.25rem; font-weight: bold; }
.more:hover .iconfont { left: 80%; opacity: 1; }
/* 产品展示 */
.product { padding: 4rem 0; }
.nav-content { padding: 2rem 0 1rem; }
.nav-content ul { flex: 1; }
.nav-content ul li a {
 font-size: .8rem; color: #444;  padding: .5rem 1.25rem;
border-radius: 1rem;  margin: .5rem 1rem;
display: block; }
.nav-content ul li a.active { background-color: #4f41bd; color: #fff; font-weight: bold; }
.nav-content ul li a:hover { background-color: #4f41bd; color: #fff; font-weight: bold; }
.p-cowbox {  margin: 0 -.75rem;
}
.p-row {
 padding: .75rem; width: 33.33%; }
.p-rowbox { background-color: white; display: block; overflow: hidden; border: 1px solid #e4e3f0; padding: 1rem; }
.p-img { width: 340px; height: 255px; }
.p-font { padding-top: 1.25rem; }
.p-font h1 {
 font-size: .9rem; color: #444;  padding-bottom: .5rem;
}
.p-font p {
 font-size: .8rem; color: #808080; line-height: 1.2rem; -webkit-line-clamp: 2; }
.p-rowbox:hover { box-shadow: 0 10px 20px rgba(79, 65, 189, .1); border: 1px solid #fff; -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }
.p-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.p-font:hover h1 { color: #fb8967; }
/* 产品展示内页 */
.product-ny { background-color: #f0f2f5; }
.nav-ny { width: 100%; }
.nav-ny { padding-bottom: 2rem; }
.nav-ny ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
/* 关于我们 */
.about { position: relative; padding-bottom: 4rem; padding-top: 2rem; }
.about-l { width: 50%; }
.about-lbox { position: relative; }
.about-r { position: absolute; top: 5rem; right: 0; background-color: #f8f7fd; width: 50%; }
.about-rbox { padding: 4rem; margin-left: 5%; position: relative; }
.about-rbox::before { content: ''; width: 1.5rem; height: 2.2rem; border: 4px solid #fb8967; position: absolute; right: 25%; top: -1.3rem; }
.about-r .tit { text-align: left; }
.about-r .tit p { font-size: 1rem; color: #333; padding-bottom: 1.5rem; }
.about-font { margin-top: 3rem; width: 90%; -webkit-line-clamp: 4; }
.about-font p {
 font-size: .8rem; color: #808080; line-height: 1.8rem; }
.morebox1 { position: absolute; bottom: -4rem; right: 0; z-index: 1; }
.more1 {
 font-size: .8rem; color: #fff; background-color: #fb8967; width: 10rem; height: 4rem; }
.more1 p {  padding-right: .5rem;
}
.about-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.more1:hover { background-color: #ec592c; }
.more1:hover p { font-weight: bold; }
/* 案例展示 */
.case { padding: 4rem 0; }
.case .tit { text-align: left; }
.swiper-father { position: relative; }
.c-cow { padding-top: 3rem; position: relative; overflow: hidden; }
.c-cowbox {  margin: 0 -.75rem;
}
.c-row {
 padding: .75rem; width: 25%; }
.c-rowbox { width: 277px; height: 415px; position: relative; display: block; }
.swiper-father .swiper-pagination1 { position: absolute; left: 50%; bottom: -3rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.swiper-father .swiper-pagination-bullet { margin: 0 6px; border-radius: 0; }
.swiper-father .swiper-pagination-bullet-active { background-color: #382b9e; }
.c-img { width: 100%; height: 100%; }
.c-font { position: absolute; padding: 1rem; bottom: 0; left: 0; width: 100%; background: linear-gradient(bottom, rgb(79, 65, 189, .6), rgba(79, 65, 189, 0) 100%); background: -o-linear-gradient(bottom, rgb(79, 65, 189, .6), rgba(79, 65, 189, 0) 100%); background: -ms-linear-gradient(bottom, rgb(79, 65, 189, .6), rgba(79, 65, 189, 0) 100%); background: -moz-linear-gradient(bottom, rgb(79, 65, 189, .6), rgba(79, 65, 189, 0) 100%); background: -webkit-linear-gradient(bottom, rgb(79, 65, 189, .6), rgba(79, 65, 189, 0) 100%); }
.c-font h1 { color: #fff;  font-size: .9rem;
padding-bottom: 1rem; -webkit-transform: translateY(80%); -moz-transform: translateY(80%); -ms-transform: translateY(80%); -o-transform: translateY(80%); transform: translateY(80%); }
.c-more { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); }
.c-more p, .c-more .iconfont { color: #fff; }
.c-more p {  font-size: .7rem;
}
.c-more p {  padding-right: .5rem;
}
.c-row:hover .c-more { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.c-row:hover .c-font h1 { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); }
.c-more:hover p, .c-more:hover .iconfont { color: #fb8967; }
.case-m { display: none; }
/* 我们的优势 */
.adva { padding: 4rem 0; }
.adva-top { background: linear-gradient(top, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -o-linear-gradient(top, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -ms-linear-gradient(top, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -moz-linear-gradient(top, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -webkit-linear-gradient(top, rgb(79, 65, 189), rgb(57, 47, 138) 100%); }
.adva-topbox { background: url(../image/advan-bg.png) no-repeat 25% bottom, url(../image/advan-bg.png) no-repeat 75% bottom; padding: 2rem 0; background-size: auto; position: relative; }
.adva-topbox::after { content: ''; position: absolute; bottom: -2.25rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 1.25rem solid transparent; border-top: 1rem solid rgba(57, 47, 138,1) }
.adva .tit h2, .adva .tit h1, .adva .tit p { color: #fff; }
.adva .tit p {
 font-size: .8rem; opacity: .7; padding-bottom: 1.5rem; width: 40rem; margin: auto; line-height: 1.4rem; }
.adva .tit-b span { background-color: #fb8967; }
.adva-cow { padding: 4rem 0; }
.adva-cowbox { margin: -1rem 0; position: relative; }
.adva-cowbox::after { content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; background-color: #d9d9d9; z-index: -1; }
.adva-row { padding: 1rem; width: 100%; }
.adva-rowbox { position: relative; }
.adva-rowbox::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: .7rem;
height: 3rem; background-color: #36c3c1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.adva-l, .adva-font { width: 50%; }
.adva-img { padding-right: 2rem; }
.adva-font { padding-left: 2rem; }
.adva-l1 { padding-right: 0; padding-left: 2rem; }
.adva-font1 { padding-left: 0; padding-right: 2rem; text-align: right; }
.adva-img { position: relative; width: 486px; height: 243px; background-color: white; }
.adva-img::after { content: ''; position: absolute; bottom: -5%; right: -2.5%; border: 1px solid #36c3c1; width: 100%; height: 100%; z-index: -1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.adva-img1::after { left: -2.5%; }
.adva-img img { position: absolute; top: 0; left: 0; z-index: 1; }
.adva-font h1 { font-size: 1.4rem; color: #333; padding-bottom: 1rem; }
.adva-font p {
 font-size: .8rem; color: #666; line-height: 1.6rem; }
.adva-row:hover .adva-rowbox::after { background-color: #fb8967; }
.adva-row:hover .adva-img::after { background-color: #fb8967; border-color: #fb8967; }
/* 咨询热线模块 */
.advi { background: radial-gradient(40%, circle cover, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -o-radial-gradient(40%, circle cover, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -ms-radial-gradient(40%, circle cover, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -moz-radial-gradient(40%, circle cover, rgb(79, 65, 189), rgb(57, 47, 138) 100%); background: -webkit-radial-gradient(40%, circle cover, rgb(79, 65, 189), rgb(57, 47, 138) 100%); height: 15rem; overflow: hidden; }
.advibox { background: url(../image/advi-l.png) no-repeat left bottom, url(http://localhost:2046/theme/vip46/images/advi-r.png) no-repeat right center; background-size: auto; height: 100%; position: relative; z-index: 1; }
.advibox1 { height: 100%; }
.advi-l { padding-left: 10%; }
.advi-img { position: absolute; top: 50%; right: 30%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }
.advi-font { color: white; }
.advi-font .iconfont { font-size: 3.5rem; padding-right: 1rem; }
.advi-font h1 { font-size: 1.4rem;  padding-bottom: .5rem;
}
.advi-font p { font-size: 1.2rem; }
.advi .morebox { text-align: left; }
.advi .more { color: white; border-color: #fb8967; background-color: #fb8967; }
/* 新闻中心 */
.news { padding: 4rem 0; background-color: #f8f7fd; }
.n-cowbox {  margin: 0 -.75rem;
}
.n-row {
 padding:.75rem; width: 25%; }
.n-rowbox { border: 1px solid #e4e3f0; padding: 1rem; display: block; background-color: white; }
.n-img { width: 236px; height: 177px; }
.n-font h1 {
 font-size: .8rem; color: #333; padding-top: 1rem; }
.n-time, .n-more {
 font-size: .7rem; color: #999 }
.n-more p {  padding-right: .25rem;
}
.n-font>p {
 font-size: .7rem; color: #808080; line-height: 1rem; -webkit-line-clamp: 2;  margin: .5rem 0;
}
.n-font h1:hover { color: #fb8967; }
.n-more:hover { color: #fb8967; }
.n-more:hover .iconfont {  margin-left: .25rem;
}
.n-row:hover .n-rowbox { box-shadow: 0 10px 20px rgba(79, 65, 189, .1); border: 1px solid #fff; -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }
.n-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* 合作伙伴 */
.parn { padding: 4rem 0; }
.parn .tit { text-align: left; }
.parn-cow { padding-top: 2rem; }
.parn-cowbox {  margin: 0 -.75rem;
}
.parn-row { width: 16.66%;  padding: .75rem;
}
.parn-rowbox { width: 175px; height: 87.5px; border: 1px solid #f8f7fd; position: relative; z-index: 1; }
.parn-rowbox::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(79, 65, 189, .6); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 0; }
.parn-rowbox:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.parn-img { width: 80%; height: 80%; }
.parn-font { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; text-align: center; padding: 0 1rem; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
.parn-font h1 { line-height: 87.5px;  font-size: .8rem;
color: white; opacity: 0; -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); -o-transform: translateY(25%); transform: translateY(25%); }
.parn-rowbox:hover { border: 1px solid #e4e2f1; }
.parn-rowbox:hover .parn-font h1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.parn .m-morebox { display: none; }
/* 内页banner */
.banner-ny { position: relative; }
.banner-ny::after { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .3); z-index: 1; display: block; width: 100%; height: 100%; }
.banner-nybox { overflow: hidden; }
.banner-nybox img { max-width: 100%; }
.b-ny-font { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; }
.b-ny-font h1 { font-size: 2rem; color: white;  padding-bottom: .5rem;
}
.b-ny-font p {
 font-size: .8rem; color: white; text-transform: uppercase; }
/* 内页列表 */
.ny-lb, .contact-ny { padding: 3rem 0 4rem; }
.ny-lb .nav-content, .ny-xq .nav-content { padding: 0; padding-bottom: 1.5rem; }
.ny-lb .c-cow, .ny-lb .parn-cow { padding: 0; }
/* 联系我们 */
.contact-nybox1 { padding: 2rem; background-color: white; border: 1px solid #e4e3f0; }
.contact-nybox p {
 font-size: .7rem; color: #444; line-height: 1.5rem; }
.map { height: 20rem; }
#map { height: 100%; }
.BMap_cpyCtrl { display: none; }
.anchorBL { display: none; }
#map img { width: auto; }
/* 内页详情 */
.ny-xq { padding: 3rem 0 4rem; }
.xqbox { padding: 2rem; background-color: white; border: 1px solid #e4e3f0; }
.cqn-t h1 { font-size: 1.6rem; color: #444; margin-bottom: 1rem; }
.cqn-tb { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ebebeb; }
.cqn-tb .time { margin-right: 1.5rem; }
.cqn-tb .time p, .cqn-tb .clike p {
 font-size: .7rem; color: #808080; }
.cqn-c { border-bottom: 1px solid #ebebeb; padding: 2rem 0; }
.cqn-clb { margin-bottom: 2rem; }
.xqbox .about-cqn { border-bottom: none; padding-bottom: 0; }
.cqn-cimg img { max-width: 32rem; margin-bottom: 1rem; }
.cqn-cimg p {
 font-size: .9rem; color: #444; line-height: 1.8rem; text-indent: 1.8rem; }
.cqn-cimg p:last-child { margin-bottom: 0; }
/* 内页详情底部 */
.xq-blf .iconfont, .xq-blf p, .xq-br .iconfont, .xq-br p {
 font-size:.8rem; color: #808080; line-height: 1.2rem; }
.xq-blf p span { color: #444; }
.xq-blt {  margin-bottom: .5rem;
}
.xq-blt .iconfont { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.xq-blb .iconfont { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.xq-br p { color: #444;  margin-left: .5rem;
}
.xq-blf:hover p span, .xq-br:hover p { color: #fb8967; }
@media screen and (max-width:1280px) {
.about { padding-bottom: 9rem; }
.advi-img { right: 20%; }
}
@media screen and (max-width:1024px) {
.content { max-width: 95%; }
.header-l .logo { width: 30%; }
.swiper1 { height: 20rem; }
.banner .swiper1 .swiper-pagination { bottom: 30px; }
.banner .swiper1 .swiper-pagination-bullet { width: .6rem;
height: .6rem;
margin: 0 .5rem !important;
}
.f-l { display: none; }
.f-c { border-left: none; }
.top-ewm { width: 5rem; height: 5rem; }
.tit h1 { font-size: 1.6rem; }
.p-img { width: 262px; height: 196px; }
.c-rowbox { width: 220px; height: 330px; }
.adva-img { width: 430px; height: 215px; }
.n-img { width: 188px; height: 141px; }
.parn-rowbox { width: 137px; height: 68.5px; }
.parn-font h1 { line-height: 68.5px; }
.about-rbox { padding: 2rem; }
.advi { height: 13rem; }
.advi-img { right: 10%; }
.n-rowbox { padding: .75rem;
}
}
 @media screen and (max-width:768px) {
.header1, .go-top .dh, .go-top .ewm, .hot-s, .footer, .swiper-button-prev, .swiper-button-next, .banner-ny, .top, .nav, .link, .p-font p, .p-top, .n-llbox, .bread-l, .case { display: none !important; }
.mo-top, .mo-footer, .mo-copyright, body .m-nynav, .case-m { display: block !important; }
.ny-lb, .contact-ny, .ny-xq { min-height: 38rem; }
.banner { padding-top: 3rem; }
.bread { margin-top: 4rem; }
.swiper1 { height: 20rem; }
.search, .bread { padding: 1rem 0; }
.search-b .inp { width: 33rem; }
.cxq-b { flex-wrap: wrap; }
.xq-bl { width: 100%; }
.xq-br { padding-top: .5rem;
}
.cqn-cimg img { max-width: 100%; }
.p-img { width: 191px; height: 143px; }
.c-rowbox { width: 160px; height: 240px; }
.adva-img { width: 304px; height: 152px; }
.n-img { width: 317px; height: 237px; }
.parn-rowbox { width: 175px; height: 87.5px; }
.parn-font h1 { line-height: 87.5px; }
.about-l, .about-r { width: 100%; }
.p-rowbox { box-shadow: 0 0px 20px rgba(79, 65, 189, .1); border: none; }
.p-font h1 { padding-bottom: 0; }
.p-font { padding-top: .75rem;
}
.p-rowbox { padding: .75rem;
}
.about { padding-bottom: 25rem; }
.about-r { top: calc(100% - 25rem); }
.about-rbox::before { right: 0; left: 5%; }
.c-font { padding: .75rem .5rem;
}
.c-font h1 { font-size: .8rem;
padding-bottom: .25rem;
}
.c-more { opacity: 1; }
.c-more, .c-font h1 { transform: translateY(0); }
.adva-topbox { background: url(../image/advan-bg.png) no-repeat 10% bottom, url(../image/advan-bg.png) no-repeat 90% bottom; }
.advi-img { right: -10%; }
.n-cowbox, .parn-cowbox { flex-wrap: wrap; }
.n-row { width: 50%; }
.parn-row { width: 33.33%; }
.nav-content ul li a { margin: .5rem;
}
.adva .tit p { width: calc(100% - 5%); }
.more { color: #fff; background-color: #fb8967; }
.more p { padding-right: 1.25rem; -weight: bold; }
.more .iconfont { left: 80%; opacity: 1; }
}
 @media screen and (max-width:414px) {
.content {
padding: 0 .75rem; max-width: 100%; }
body .mo-top a { width: 45%; }
.swiper-container { height: 12rem; }
body .banner .swiper1 .swiper-pagination { bottom: .5rem;
}
.search-b .inp { width: 15.5rem; }
.nav-content ul li a { padding: .25rem .75rem;
}
.product, .news, .parn, .adva-cow { padding: 2rem 0; }
.ny-lb, .contact-ny, .ny-xq { padding: 2rem 0; }
.cqn-cimg { padding: 0; }
.xqbox { padding: 1rem; }
.cqn-c { padding: 1rem 0; margin-bottom: 1rem; }
.ny-lb, .contact-ny, .ny-xq { min-height: 31rem; }
.xq-br { padding: .5rem;
}
.p-img { width: 167px; height: 125px; }
.c-rowbox { width: 187px; height: 280px; }
.adva-img { width: 374px; height: 187px; }
.n-img { width: 165px; height: 123px; }
.parn-rowbox { width: 108px; height: 54px; }
.parn-font h1 { line-height: 54px; }
.p-row, .c-row { width: 50%; padding: .25rem;
}
.p-cowbox, .c-cowbox, .n-cowbox { margin: 0 -.25rem;
}
.n-row { padding: .25rem;
}
.p-font h1 { font-size: .8rem;
}
.more { padding: .5rem 1.5rem;;
}
.more1 { width: 6rem; height: 3rem; }
.morebox1 { bottom: -3rem; }
.about-rbox { padding: 2rem 1rem 1rem 1rem; }
.about-font { margin-top: 2rem; }
.about { padding-bottom: 22rem; }
.about-r { top: calc(100% - 22rem); }
.c-cow { padding-top: 2rem; }
.adva-topbox { background: url(../image/advan-bg.png) no-repeat -50% bottom, url(../image/advan-bg.png) no-repeat 150% bottom }
.adva-rowbox { flex-wrap: wrap; }
.adva-l, .adva-font { width: 100%; }
.adva-l { padding-bottom: 2rem; }
.adva-font, .adva-l1 { padding: 0; }
.adva-row { padding: 2rem 0; border-bottom: 1px solid #e4e3f0; }
.adva-row:last-child { border-bottom: none; }
.adva-font1 { text-align: left; padding-bottom: 2rem; }
.adva-cowbox::after { width: 0; }
.adva-rowbox::after { width: 0; height: 0; }
.advi-l { padding-left: 0; }
.advibox { background: url(../image/advi-l.png) no-repeat left bottom; }
.advi-img { right: -45%; }
.advi-font .iconfont { font-size: 2.5rem; padding-right: .5rem;
}
.advi-font h1 { font-size: 1rem; padding-bottom: .25rem;
}
.advi-font p { font-size: .9rem;
}
.n-time, .n-more { display: none; }
.p-rowbox, .n-rowbox { padding: .5rem;
}
.n-font h1 { padding-top: .5rem;
}
.n-font>p { margin:.5rem 0 0 0;
}
.parn .morebox { display: none; }
.parn .m-morebox { display: block; text-align: left; }
.ny-lb, .contact-ny { padding: 2rem 0; }
.cqn-cimg p {
font-size: .8rem; line-height: 1.4rem; margin-bottom: 1rem; text-indent: 1.6rem; }
.cqn-t h1 { font-size: 1.2rem; }
.about-font { width: 100%; }
.contact-nybox1 { padding: 1rem; }
}
 @media screen and (max-width:375px) {
.search-b .inp { width: 13.5rem; }
.p-img { width: 147px; height: 110px; }
.c-rowbox { width: 167px; height: 251px; }
.adva-img { width: 335px; height: 167px; }
.n-img { width: 145px; height: 108px; }
.parn-rowbox { width: 108px; height: 54px; }
.parn-font h1 { line-height: 54px; }
.adva { padding: 2rem 0; }
.advi-img { right: -60%; }
.parn-row { padding: .25rem;
}
.parn-cowbox { margin: 0 -.25rem;
}
.more { padding: .35rem 1rem;
}
.xqbox { padding: .75rem;
}
}
 @media screen and (max-width:320px) {
.search-b .inp { width: 11rem; }
.nav-content { padding: 1.5rem 0 1rem; }
.about-rbox { padding: 2rem .75rem .75rem .75rem;
}
.p-img { width: 120px; height: 90px; }
.c-rowbox { width: 135px; height: 202px; }
.adva-img { width: 280px; height: 140px; }
.n-img { width: 118px; height: 88px; }
.parn-rowbox { width: 90px; height: 45px; }
.parn-font h1 { line-height: 45px; }
.p-font h1, .c-font h1 { font-size: .7rem;
}
.advi-l { width: 100%; }
.cqn-tb { flex-wrap: wrap; }
.cqn-tb .time { margin-right: 0; width: 100%; padding-bottom: .25rem;
}
}