@import url(font-awesome.min.css);
@import url(animate.min.css);
@import url(swiper.min.css);

/* 公用样式表*/
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, p, div, input, textarea, select, i, span, a, strong, em, b, s, img, table, tr, th, td { margin: 0; padding: 0; list-style: none; list-style-type: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
h1, h2, h3, h4, h5, h6 { font-family: "Optima-Regular", "PingFangTC-light", "Hiragino Sans", "Helvetica Neue", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; color: #2b2b2b; }
* { padding: 0; margin: 0; -webkit-transform-style: preserve-3d; -webkit-transform-style: flat; }
html, body { margin: 0px; width: 100%; height: 100%; }
body { font-family: "Optima-Regular", "PingFangTC-light", "Hiragino Sans", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; color: #2b2b2b; overflow-x: hidden; font-size: 14px; line-height: 27px; background: #fff; }
a { text-decoration: none; }
img { border: 0; vertical-align: middle;    /*  去掉图片底部默认的3像素空白缝隙*/ }
table { border-collapse: collapse;    /*合并外连线*/ }

/* 修改滚动条样式 */
*::-webkit-scrollbar { width: 6px; height: 6px; transition: all 0.3s ease; }
*::-webkit-scrollbar:hover { width: 8px; transition: all 0.3s ease; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 0.25rem; transition: all 0.3s ease; }
*::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease; }
*::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.1); }
*::-webkit-scrollbar-resizer { display: none; }

/*公共类*/
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.t-index { text-indent: 2em }
.hide { display: none; }
.all-height { line-height: 27px; }
@font-face { font-family: "Microsoft YaHei"; font-style: normal; font-weight: normal; src: url('../woff/wdhei/WenDingHei.eot'), url('../woff/wdhei/WenDingHei.eot?#iefix') format('embedded-opentype'), url('../woff/wdhei/WenDingHei.woff') format('woff'), url('../woff/wdhei/WenDingHei.ttf') format('truetype'), url('../woff/wdhei/WenDingHei.woff2') format("woff2"), url('../woff/wdhei/WenDingHei.svg') format("svg"); }
@font-face { font-family: "Helvetica Neue"; font-style: normal; font-weight: normal; src: url('../woff/wdhei/WenDingHei.eot'), url('../woff/wdhei/WenDingHei.eot?#iefix') format('embedded-opentype'), url('../woff/wdhei/WenDingHei.woff') format('woff'), url('../woff/wdhei/WenDingHei.ttf') format('truetype'), url('../woff/wdhei/WenDingHei.woff2') format("woff2"), url('../woff/wdhei/WenDingHei.svg') format("svg"); }

/*清除浮动*/
.clearfix:before, .clearfix:after {    /*清除浮动，最好最标准的写法*/

content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;    /*IE/7/6*/    /*兼容IE6下的写法*/ }

/*css3文字阴影闪烁*/
@keyframes change {
	0% { text-shadow: 0 0 4px #7cfff4 }
	50% { text-shadow: 0 0 30px #7cfff4 }
	100% { text-shadow: 0 0 4px #7cfff4 }
}

/* 去掉iPhone、iPad默认按钮样式 */
input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

/* 去掉高光样式 */
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

/*鼠标hover效果*/
.header-wrap, .main-nav li a, .header-btn a, .header-btn a i, .h-rent-item:after, .h-rent-item h3, .h-rent-item p, .h-rent-btn, .h-rent-btn i, .h-a-item-ft a, .h-a-item-ft a i, .h-application-item:after, .h-application-item1:after, .h-case-tab ul li a, .h-case-tab ul li a:after, .h-case-more a, .h-case-more a i, .h-what-item:after, .h-what-item h3, .h-what-item h3 span, .h-what-item p, .h-what-details, .h-what-details span, .h-what-details i, .h-what-icon i, .h-what-icon em, .footer-nav ul li a, .footer-links ul li a, .icp-text a, .service-hot-btn a, .h-company-news-list ul li a, .h-prod-news-list li a, .h-pic-news-info h3 a, .dropdown-menu, .banner-video-btn, .h-application-video-btn, .solution-3-r-cont, .solution-3-r-cont:after, .solution-3-right-list1 ul li a, .solution-3-right-list2 ul li a, .solution-3-right-list2 ul li dl dt, .case-item, .case-text-details, .case-text-details i, .case-video-item:after, .case-video-btn, .onlineApplication-pop, .news-list-item, .news-list-item-title，.sideMenu h1, .down-navBox ul li, .down-list li, .faq-navBox ul li, .elevator-bar li, .li-tel .li-tel-cont, .li-weixin-box, .h-b-bt a { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

/* css3鼠标经过图片放大 */
.h-application-pic img, .h-pic-news-pic img, .case-pic img, .case-video-pic img, .news-list-item-pic img { -webkit-transition: all ease 0.3s; transition: all ease 0.3s }
.h-application-item:hover .h-application-pic img, .h-application-item1:hover .h-application-pic img, .h-pic-news:hover .h-pic-news-pic img, .case-item:hover .case-pic img, .case-video-item:hover .case-video-pic img, .news-list-item-pic:hover img { -webkit-transform: scale(1.10); transform: scale(1.10); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* css3鼠标经过图片放大 移出 */

/*.service-home ul li .dlimg img { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }*/

/*图片缓动放大 , .page-banner img, .h-banner-swiper .swiper-slide > img */

/*.h-a-pic2 img, .h-a-pic1 img { width: 100%; transform: scale(1, 1); -webkit-transform: scale(1, 1); animation: scal 12s ease infinite alternate; -webkit-animation: scal 12s ease infinite alternate; }
*/

/* css3鼠标经过图片缩小 */

/*.h-brand-list .h-brand-pic img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all ease .5s; transition: all ease .5s; width: 100%; }

.h-brand-list:hover .h-brand-pic img { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }*/
@keyframes scal {
	from { -webkit-transform: scale(1, 1); }
	to { -webkit-transform: scale(1.06, 1.06); }
}
@-webkit-keyframes scal {
	from { -webkit-transform: scale(1, 1); }
	to { -webkit-transform: scale(1.06, 1.06); }
}

/* 返回顶部 */

/*.jihuo_btn { position: fixed; right: 1%; width: 50px; height: 50px; bottom: 50px; background: #2e38cc; cursor: pointer; z-index: 18; background-size: cover; border-radius: 2px; text-align: center; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.jihuo_btn:hover { background: #fff; box-shadow: 0 0 15px rgba(7, 53, 94, 0.2); }
.jihuo_btn b { display: block; line-height: 50px; font-weight: bold; font-size: 30px; color: #fff; }
.jihuo_btn:hover b { color: #2e38cc; }*/

.elevator-bar { width: 60px; position: fixed; right: 1%; bottom: 50px; z-index: 10; }
.elevator-bar li { position: relative; width: 60px; height: 60px; margin-bottom: 1px; color: #fff; background: #2e38cc; text-align: center; }
.elevator-bar li i { display: block; width: 36px; height: 36px; margin: 0 auto 2px; }
.elevator-bar li span { display: block; line-height: 1; font-size: 12px; }
.elevator-bar a { display: block; width: 60px; height: 100%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.li-tel  p i { background: url('../images/icon_service01.png') no-repeat center 10px; background-size: auto 60%; }
.wap-li-tel { display: none; }
.wap-li-tel a i { background: url('../images/icon_service01.png') no-repeat center 10px; background-size: auto 60%; }
.li-weixin a i { background: url('../images/icon_service02.png') no-repeat center 10px; background-size: auto 60%; }
.li-trial a i { background: url('../images/icon_service03.png') no-repeat center 10px; background-size: auto 60%; }
.li-return a i { background: url('../images/icon_service04.png') no-repeat center 10px; background-size: auto 60%; }
.li-tel .li-tel-cont { position: absolute; right: 0; top: 0; z-index: 1; height: 60px; width: 60px; overflow: hidden; }
.li-tel-info { width: 230px; position: absolute; left: 0; }
.li-tel p { float: left; width: 60px; margin-right: 3px; }
.li-tel .tel { height: 60px; font: 24px/60px Arial; }
.elevator-bar li.li-tel:hover .li-tel-cont { width: 230px; background: #fd8561; }
.elevator-bar li:hover { background: #fd8561; }
.li-weixin-box { position: absolute; width: 120px; height: 120px; background: #fff; border-radius: 5px; top: 50%; margin-top: -65px; left: -165px; padding: 5px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; }
.li-weixin-box img { width: 100%; }
.li-weixin-box:after { content: ''; width: 0; height: 0; position: absolute; right: -12px; top: 50%; margin-top: -12px; z-index: 5; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; }
.li-weixin:hover .li-weixin-box { left: -145px; opacity: 1; visibility: visible; }
.all-mask { background: #000; background-color: rgba(0, 0, 0, 0.85); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 90; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 0; visibility: hidden; }
.all-mask2 { background: #000; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 0; visibility: hidden; }
.all-mask-show { opacity: 1; visibility: visible; }

/*在线申请*/
.onlineApplication-pop { position: fixed; width: 980px; top: 50%; left: 50%; z-index: 91; margin: -330px -490px; height: 680px; margin-top: -340px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; background: #fff; border-radius: 10px; }
.onlineApplication-pop-box { height: 100%; position: relative; }
.onlineApplication-pop-left { float: left; width: 43%; height: 100%; position: relative; overflow: hidden; border-radius: 8px 0 0 8px; }
.onlineApplication-pop-left img { width: 100%; }
.onlineApplication-pop-left-text { position: absolute; top:55%; left: 0; right: 0; bottom: 0; text-align: center; padding: 0 40px; }
.onlineApplication-pop-left-text h4 { font-size: 24px; color: #fff; margin-bottom: 20px; font-weight: normal; line-height: 36px;}
.onlineApplication-pop-left-text p { font-size: 14px; color: #fff; }
.onlineApplication-pop-righ { width: 57%; float: right; }
.onlineApplication-pop-hd { text-align: center; position: relative; padding-top: 35px; }
.onlineApplication-pop-hd h2 { font-size: 34px; line-height: 1; font-weight: normal; }
.popup-close { position: absolute; right: 10px; top: 0px; padding: 15px 10px 10px; cursor: pointer; }
.popup-close i { font-style: normal; font-weight: lighter; font-size: 32px; color: #999; }
.popShow { opacity: 1; visibility: visible; }
.onlineApplication-pop-process { padding: 30px 0; text-align: center; width: 55%; margin: 0 auto; }
.onlineApplication-pop-process img { width: 100%; }
.onlineApplication-pop-form { width: 75%; margin: 0 auto; }
.onlineApplication-pop-form ul li { border: 1px solid #e7e7e7; height: 54px; margin-bottom: 24px; box-sizing: border-box; padding: 0 10px 0 46px; position: relative; border-radius: 3px; }
.onlineApplication-pop-form ul li i { width: 46px; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; text-align: center; }
.onlineApplication-pop-form ul li input { border: 0; height: 100%; outline: 0; font-size: 16px; color: #454545; }
.yzm-btn { position: absolute; right: 5px; top: 50%; height: 30px; margin-top: -15px; }
.yzm-btn .btn { border-radius: 3px; font-size: 14px; padding: 0 5px; height: 30px; vertical-align: middle; outline: 0; border: 0; }
.yzm-btn .get-code { border: 1px solid #2e38cc; color: #2e38cc; cursor: pointer; background: #fff; }
.yzm-btn .reset-code { border: 1px solid #ccc; color: #999; }
.onlineApplication-pop-btn button { background: #2e38cc; color: #fff; display: block; width: 100%; border: 0; outline: 0; padding: 15px 15px; font-size: 18px; border-radius: 8px; cursor: pointer; }

/*video*/
.video-popup { position: fixed; z-index: 999; border-radius: 5px; background: #000; padding: 5px; display: none; top: 50%; left: 50%; width: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-popup-inner { position: relative; height: 100%; width: 100%; }
.video-popup-colse { color: rgba(255, 255, 255, 0.85); position: absolute; top: -30px; right: -30px; font-size: 24px; cursor: pointer; width: 32px; height: 32px; line-height: 24px; background: rgba(253, 133, 97, 0.9); border-radius: 30px; display: flex; justify-content: center; align-items: center; text-align: center; }
.video-popup-colse:hover { color: #fff; }
.video-link { display: none; }

/*===========================公共模块===========================*/
.row { width: 1600px; margin: 0 auto; }
.row1200 { width: 1200px; margin: 0 auto; }
.bodyadd { position: fixed; }

/*.header-height { height: 90px; }*/
.header-height.header-heightCur { height: 90px; }
.header-wrap { position: fixed; z-index: 51; left: 0; top: 0; width: 100%; height: 90px;    /*background: #fff;*/ border-bottom: 1px solid rgba(166, 172, 255, 0.1); }
.header { height: 90px; width: 100%; }

/*.header .row { width: auto; margin: 0 35px; }*/
.header .logo { width: 193px; height: 90px; display: flex; justify-content: center; align-items: center; text-align: center; }

/*.header .logo:hover { -webkit-transform: translate(0, -5%); -moz-transform: translate(0, -5%); transform: translate(0, -5%); }*/
.header .logo img { width: 100%; }

/*.header .gpdm-con { border-left: 2px solid #bcbcbc; height: 38px; margin-left: 30px; padding-left: 30px; margin-top: 5px; width: 114px; }
.header .gpdm-con img { width: 100%; }*/
.header-wrap.header-wrapAdd { height: 90px; background: #2e38cc; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12); border-bottom: 1px solid #2e38cc; }
.header-wrap.header-wrapAdd .header { margin-top: 0; height: 90px; }

/*.header-wrap.header-wrapAdd .header .header-left { margin-top: 10px; }*/

/*.header-wrap.header-wrapAdd .header .gpdm-con { width: 90px; height: 30px; }*/

/*.header-wrap.header-wrapAdd .header .logo { width: 220px;  margin-top: 8px;  }*/
.header-wrap.header-wrapAdd .main-nav { margin-top: 0px; }
.header-wrap.header-wrapAdd .main-nav li { line-height: 90px; }

/*.header-wrap.header-wrapAdd .main-nav li a { font-size: 15px; }*/

/*.header-wrap.header-wrapAdd .header-operate { margin-top: 19px; margin-left: 20px; }*/

/* .header-wrap.header-wrapAdd .header-search a { height: 15px; } */

/*.header-wrap.header-wrapAdd .header-phone a { height: 20px; }*/
.header-wrap.header-wrapAdd .phone-ewm { top: 40px; }
.header-wrap.header-wrapAdd .hd-search { position: absolute; top: 33px; }

/*.header-wrap.header-wrapAdd .header-phone:hover .phone-ewm { opacity: 1; visibility: visible; top: 30px; }*/

/*.header-wrap.header-wrapAdd .main-nav li a::after { margin-top: -3px; height: 3px; }
.header, .top, .header-height, .header-wrap, .language-box p a, .header-wrap.header-wrapAdd .top .language-box p i, .header-heightCur, .top .top-left p, .top .top-left p i, .top .header-fx, .top .language-box, .header .logo, .main-nav, .main-nav li a, .header-operate, .header-search a, .header-phone a, #share ul li a, .header-wrap .top .header-fx, .header-wrap .top .header-fx #share ul li a i, .language-box p span, .language-box p i { transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }*/

/* main-nav */
.nav-list>ul { margin-top: 0px; }
.nav-list>li { float: left; line-height: 90px; margin-left: 70px; position: relative; display: inline-block; }
.nav-list>li p { display: none; }
.nav-list>li a { display: block; font-size: 20px; color: #fff; position: relative; }

/*.main-nav li a:after { display: block; content: ""; width: 50%; margin-left: 25%; height: 3px; background-color: #161573; position: absolute; left: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; margin-top: -3px; }
.main-nav li.cur a:after { opacity: 1; visibility: visible; }*/
.nav-list>li.cur a { color: #fd8561; }
.nav-list>li a:hover { color: #fd8561; }
.main-nav .nav-list>li .dropdown-menu { position: absolute; top: 100%; left: 0; width: 420px;    /*display: none;*/ z-index: 80; background: #fff; border-radius: 10px; box-shadow: 0 6px 16px rgba(9, 9, 9, 0.13); opacity: 0; visibility: hidden; }
.main-nav .nav-list>li .dropdown-menu ul { padding: 15px 30px; display: flex; flex-wrap: wrap; height: 270px; box-sizing: border-box; flex-direction: column; column-count: 2; }

/*.main-nav .nav-list>li .dropdown-menu li { width: 50%; }*/
.main-nav .nav-list>li .dropdown-menu li a:after { display: none; }
.main-nav .nav-list>li .dropdown-menu li a { display: block; line-height: 40px; font-size: 18px; color: #444; }
.main-nav .nav-list>li .dropdown-menu li a:hover { color: #2e38cc; }
.main-nav .nav-list>li:hover .dropdown-menu { opacity: 1; visibility: visible; }
.navdown-min { width: 210px !important; }
.navdown-min ul { height: 125px !important; }
.header-tel { margin-left: 50px; line-height: 90px; color: #fff; font-size: 20px; }
.header-right { height: 90px; display: flex; justify-content: center; align-items: center; text-align: center; margin-left: 50px; }
.header-btn a { display: inline-block; height: 46px; background: #fff;    /*background: #fd8561; */ line-height: 46px; color: #131965; font-size: 20px; border-radius: 10px; padding: 0 15px; }
.header-btn a i { display: inline-block; height: 26px; width: 26px; vertical-align: middle; margin-right: 13px; margin-bottom: 3px; background: url(../images/header-btn-icon.png) no-repeat 0 0; background-size: 100%; }
.header-btn a:hover i { display: inline-block; height: 26px; width: 26px; vertical-align: middle; margin-right: 13px; margin-bottom: 3px; background: url("../images/header-btn-icon-hover.png") no-repeat 0 0; background-size: 100%; }
.header-btn a:hover {    /*background: rgba(255, 255, 255, 0.7);*/
background: #f7724a; color: #fff; }

/*.header-operate { margin-top: 29px; margin-left: 40px; }*/

/*.wab-language-box { margin-right: 20px }
.wab-language-box a { color: #333; font-size: 16px; display: block; margin-right: 5px; line-height: 21px; }
.wab-language-box a:hover { color: #161573; }*/

/*.header-search { position: relative; height: 31px; width: 34px; overflow: hidden; margin-top: -5px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.hd-s-input { background: #e8e8e8; border-radius: 60px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.header-search input { height: 31px; border: 0; right: -20px; padding: 0 10px; line-height: 31px; outline: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; background: none; width: 130px; }
.header-search a { display: block; height: 31px; width: 34px; position: absolute; right: 0; top: 0; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; z-index: 2 }
.header-search a>img { width: 80%; }
.header-search:hover { width: 164px; }
.header-search:hover .hd-s-input { opacity: 1; visibility: visible; }*/

/*.header-phone { margin-left: 25px; position: relative; height: 23px; width: 23px; }
.header-phone a { display: block; height: 23px; width: 23px; line-height: 23px; }
.header-phone a>img { height: 100%; width: 100%; }*/
.phone-ewm { position: absolute; top: 50px; right: -10px; z-index: 9; width: 115px; text-align: center; background: #fff; line-height: 12px; padding-bottom: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.phone-ewm:after { content: ""; display: block; top: -5px; right: 10px; position: absolute; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-left: 5px solid transparent; }
.phone-ewm img { width: 100%; }
.phone-ewm p { font-size: 12px; }

/*.header-phone:hover .phone-ewm { opacity: 1; visibility: visible; top: 40px; }*/

/* wap按钮 */
.wap-nav-icon { float: right; display: none; height: 55px; position: fixed; top: 0; right: 5%; width: 55px; text-align: right; z-index: 5; }
.wap-nav-icon>a { display: block; height: 100%; width: 55px; float: right; position: relative; }
.wap-nav-icon>a i { content: ''; display: block; height: 3px; width: 28px; background: #fff; position: absolute; top: 50%; right: 0; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; border-radius: 3px; }
.wap-nav-icon>a:after { content: ''; display: block; height: 3px; width: 28px; background: #fff; position: absolute; top: 50%; right: 0; margin-top: -9px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; border-radius: 3px; }
.wap-nav-icon>a:before { content: ''; display: block; height: 3px; width: 28px; background: #fff; position: absolute; top: 50%; right: 0; margin-top: 9px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; border-radius: 3px; }
.wap-nav-icon-cur>a:after { content: ''; display: block; height: 3px; width: 28px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(-45deg); -ms-transform: rotate(-45deg);    /* Internet Explorer */ -moz-transform: rotate(-45deg);    /* Firefox */ -webkit-transform: rotate(-45deg);    /* Safari 和 Chrome */ -o-transform: rotate(-45deg);    /* Opera */ }
.wap-nav-icon-cur>a:before { content: ''; display: block; height: 3px; width: 28px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);    /* Internet Explorer */ -moz-transform: rotate(45deg);    /* Firefox */ -webkit-transform: rotate(45deg);    /* Safari 和 Chrome */ -o-transform: rotate(45deg);    /* Opera */ }
.wap-nav-icon-cur>a i { width: 0; }

/* 关闭导航按钮 */
.colse-nav-icon { float: right; height: 50px; position: fixed; right: 3%; width: 50px; text-align: right; z-index: 999; top: 0; /*opacity: 0; visibility: hidden;*/ }
.colse-nav-icon>a { display: block; height: 100%; width: 50px; float: right; position: relative; }
.colse-nav-icon>a i { content: ''; display: block; height: 3px; width: 32px; background: #2e38cc; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; }
.colse-nav-icon>a:after { content: ''; display: block; height: 3px; width: 32px; background: #2e38cc; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -9px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.colse-nav-icon>a:before { content: ''; display: block; height: 3px; width: 32px; background: #2e38cc; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: 7px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.colse-nav-icon-cur>a:after { content: ''; display: block; height: 2px; width: 32px; background: #333; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(-45deg); -ms-transform: rotate(-45deg);    /* Internet Explorer */ -moz-transform: rotate(-45deg);    /* Firefox */ -webkit-transform: rotate(-45deg);    /* Safari 和 Chrome */ -o-transform: rotate(-45deg);    /* Opera */ }
.colse-nav-icon-cur>a:before { content: ''; display: block; height: 2px; width: 32px; background: #333; position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -1px;    /* Rotate div */ transform: rotate(45deg); -ms-transform: rotate(45deg);    /* Internet Explorer */ -moz-transform: rotate(45deg);    /* Firefox */ -webkit-transform: rotate(45deg);    /* Safari 和 Chrome */ -o-transform: rotate(45deg);    /* Opera */ }
.colse-nav-icon-cur>a i { width: 0; }
.colse-nav-icon { z-index: 999; }
.colse-nav-icon-cur { opacity: 1; visibility: visible; }
.xf_copyright { position: absolute; bottom: 30px; width: 100%; text-align: center; height: 16px; font-size: 13px; color: #d6dfff; }
.wap-header-btn{ text-align:center; position:absolute; bottom:0; left:0; right:0; height:66px; width:100%; box-sizing:border-box; padding-top: 8px; }
.wap-header-btn a { display: inline-block; height: 46px; background: #f7724a; line-height: 46px; color: #fff; font-size: 16px; border-radius: 10px; padding: 0 35px; }
.wap-header-btn a i { display: inline-block; height: 22px; width: 22px; vertical-align: middle; margin-right: 10px; margin-bottom: 3px; background: url(../images/header-btn-icon-hover.png) no-repeat 0 0; background-size: 100%; }



/* footer */

/*.home_footer { display: block; position: absolute; width: 100%; bottom: 0px; height: 52px; z-index: 10; line-height: 52px; }
.home_footer .row { width: auto; margin: 0 35px; }
.home_footer .left { width: 50%; float: left; color: #fff; font-size: 12px; }
.home_footer .left a { color: #fff; }
.home_footer .left a:hover { color: #fff; text-decoration: underline; }
.home_footer .right { width: 50%; float: right; text-align: right; font-size: 12px; }
.home_footer .right span { display: inline-block; margin: 0 20px; color: #fff; }
.home_footer .right a { color: #fff; }
.home_footer .right a:hover { color: #fff; text-decoration: underline; }*/
.footer { width: 100%; }
.footer .row { }
.footer-wrap { width: 100%; background: #171d3c url(../images/footer-bg.png) no-repeat 0 0; background-size: cover; padding-top: 5%; }
.footer-cont { width: 100%; padding: 4% 0 4% 0; position: relative; }
.f-c-left { width: 65%; position: relative; z-index: 1; }
.footer-nav { width: 100%; }
.footer-nav-item { width: 100%; }
.footer-nav-item { float: left; width: 19%; }
.footer-nav-item h3 { color: #fff; font-size: 24px; font-weight: normal; line-height: 48px; position: relative; }
.footer-nav-item h3 span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; }
.footer-nav-item h3 i { position: absolute; right: 0; top: 0; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; opacity: 0; }
.footer-nav ul li a { color: #a5aebe; font-size: 20px; line-height: 48px; }
.footer-nav ul li a:hover { color: #fd8561; }
.footer-product-nav-item { width: 40%; margin-right: 3% }
.footer-product-nav-item ul { display: flex; flex-wrap: wrap; height: 290px; box-sizing: border-box; flex-direction: column; column-count: 2; }
.footer-product-nav-item ul li { float: left; width: 50%; }
.footer-links { width: 100%; margin-top: 5% }
.footer-links h3 { color: #fff; font-size: 24px; font-weight: normal; line-height: 48px; }
.footer-links ul li { display: inline-block; margin-right: 50px; }
.footer-links ul li a { color: #a5aebe; font-size: 18px; line-height: 48px; }
.footer-links ul li a:hover { color: #fd8561; }
.f-c-right { width: 30%; }
.f-c-right h3 { color: #fff; font-size: 24px; font-weight: normal; line-height: 48px; margin-bottom: 6px; }
.ewm-box { text-align: left; font-size: 0; margin-top: 15%; }
.ewm-box div { display: inline-block; margin: 0 25px 0 0; }
.f-c-rnav { width: 100%; font-size: 0; }
.f-c-rnav p { display: block; font-size: 18px; color: #d9d9d9; position: relative; margin-bottom: 15px; }
.f-c-rnav em { color: #fd8561; font-style: normal; }
.f-c-rnav p i { display: inline-block; margin-right: 13px; height: 29px; width: 29px; }
.f-c-rnav p i.f-c-r-11 { opacity: 1; visibility: visible; background: #d5d5d5; border-radius: 50%; text-align: center; line-height: 25px; }
.f-c-rnav p i.f-c-r-11 img { width: 25px; height: 25px; display: inline-block; padding: 2px; }
.f-c-rnav span { font-size: 16px; color: #fff; }
.f-bottom { width: 100%; padding: 1.5% 0 2%; background: #161b38; }
.f-bot-l { width: 50%; }
.copyright-text { font-size: 16px; font-weight: lighter; color: #a5aebe; margin-bottom: 6px; }
.icp-text, .icp-text a { font-size: 18px; font-weight: lighter; color: #a5aebe; }
.icp-text a:hover { color: #fd8561; }
.f-bot-r { width: 50%; color: #fff; }
.f-bot-r p { font-size: 14px; font-weight: lighter; color: #a5aebe; text-align: right; }

/*产业链简介tab*/
.n-about-zzjg .img { text-align: center; }
.n-about-zzjg .img img { max-width: 100%; }
.tabs { position: relative; width: 100%; border-bottom: 1px solid #ddd; margin-top: 2%; }
.tabs div { display: none; clear: both; }
.tabs .horizontal { margin: 0px auto; padding: 0px; width: 100%; position: relative; text-align: center; }
.tabs .horizontal li { float: left; list-style: none; height: 50px; line-height: 50px; background-color: #DDDDDD; width: 150px; text-align: center; cursor: pointer; font-size: 18px; }
.n-about-zzjg .tabs div img { max-width: 100%; }
.tabs .horizontal li:not(:first-child) { margin-left: 10px; margin-right: 10px; }
.tabs .horizontal li.selectActive { background-color: #302f9f; color: #fff; font-weight: bold; }
.ser-link { height: 50px; line-height: 50px; width: 115px; text-align: left; float: right; display: inline-block; font-size: 16px; color: #e60012; }
.ser-link a { color: #e60012; font-weight: bold; line-height: 25px; display: inline-block; }
.ser-link a:hover { text-decoration: underline; padding-left: 5px; }
.ser-link i { margin-right: 10px; }
.wap-pop { position: fixed; top: 58px; right: 0; width: 35%; bottom:0; z-index: 51; background: #fff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.wap-popCur { opacity: 0; visibility: hidden;  }
.wap-pop-box { position: relative; height: 100%; }
.wap-pop-search { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; }
.wap-pop-s-cont { position: relative; width: 80%; height: 40px; margin: 15px auto; line-height: 40px; background: #f1f1f1; border-radius: 20px; }
.wap-pop-s-cont a { position: absolute; right: 0; top: 0; width: 50px; height: 50px; display: block; text-align: center; }
.wap-pop-s-cont .hd-s-input { opacity: 1; visibility: visible; border-radius: 0; background: none; padding-right: 60px; }
.wap-pop-s-cont input[type="text"] { width: 100%; height: 40px; line-height: 40px; display: block; background: #f1f1f1; border: 0; border-radius: 20px; padding: 0 10px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*.hd-s-input{ background: #e8e8e8; border-radius: 60px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden;}*/

/*.header-search input { height: 31px; border: 0; right: -20px; padding: 0 10px; line-height: 31px; outline: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; background: none; width: 130px; }
.header-search a { display: block; height: 31px; width: 34px; position: absolute; right: 0; top: 0; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; z-index: 2 }
.header-search a>img { width: 80%; }
.header-search:hover { width: 164px; }
.header-search:hover .hd-s-input { opacity: 1; visibility: visible; }*/
.wap-pop-box{ position:absolute; top:0;left:0;bottom:0; right:0; }
.wap-nav { width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position:relative; }
.wap-nav-list {  position:absolute; top:5px; bottom:70px; left:0; right:0; }
.wap-nav-list>ul{ position:relative; height: 100%; width:100%; overflow: auto;}

.wap-nav-list>ul>li { border-bottom: 1px solid #f1f1f1; position: relative; display: block; margin-left: 0; float: none; }
.wap-nav-list>ul>li>p { position: absolute; width: 50%; height: 100%; top: 0; right: 0; z-index: 5; height: 50px; text-align: right; display: none; cursor: pointer; }
.wap-nav-list>ul>li>p i { line-height: 50px; margin-right: 20px; }
.wap-nav-list>ul>li>a { font-size: 16px; color: #333; display: block; padding: 0 20px; line-height: 50px; height: 50px; position: relative; }
.wap-nav-list>ul>li.cur>a { color: #fd8561; }

/*.wap-nav li.cur a:after { content: ''; position: absolute; display: block; height: 1px; width: 100%; left: 0; bottom: -1px; background: #161573; }*/

/*.wap-nav .dropdown-menu{ display: none; }*/

.wap-nav .dropdown-menu { display: none; margin-bottom: 15px; }
.wap-nav .dropdown-menu ul li a { display: block; height:auto;  color: #333; font-size: 14px; padding: 0 30px; line-height: 40px; }

/* 手机页面导航 */
.wap-page-nav { height: 45px; line-height: 45px; display: none; background: #ffffff; width: 100%; position: relative; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); z-index: 2; }
.wap-p-n-c { background: #fff; width: 100%; text-align: center; font-size: 0; height: 45px; line-height: 45px; font-size: 0; }
.wap-p-n-cur { position: fixed; left: 0; top: 50px; z-index: 10; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); }
.wap-page-nav ul li.swiper-slide { display: inline-block; margin: 0; width: auto; }

/*.wap-page-nav ul li a { display:block; color: #333; font-size: 14px; font-weight: bold; vertical-align: middle;}

.wap-page-nav ul li a i { display: none; }

.wap-page-nav ul li a span { margin-right: 5px; font-size: 12px; display: inline-block; width:8px; height:8px; background:#999; border-radius:50%; vertical-align: middle; margin-top: -2px; }

.wap-page-nav ul li.cur a { color: #1c488b; font-weight: bold }

.wap-page-nav ul li p { display: inline-block; padding: 0 10px; }

.page-nav-swiper .swiper-slide { width: auto; }

.wap-page-nav ul.business-nav li { margin: 0 10px; }

.wap-page-nav ul li.cur a span {  background: #1c488b;}

.page-nav-swiper ul li.cur a { color: #1c488b; font-weight: bold; }

.page-nav-swiper ul li.cur a span { background: #1c488b;}



.wap-page-nav .bbs-nav ul li {  margin: 0 10%;  width:30%; }

.wap-page-nav .bbs-nav ul li a.cur { background: #1c488b; color: #fff; }

.wap-page-nav .gwsq-nav ul li {  margin: 0 10%;  width:30%;}

.wap-page-nav .gwsq-nav ul li a.cur { background:#1c488b; color: #fff; }

*/
.wap-page-nav ul li i { display: inline-block; width: 22px; overflow: hidden; vertical-align: middle; margin-right: 10px; }
.wap-page-nav ul li i img { width: 100%; vertical-align: middle; }
.wap-page-nav ul li a { display: inline-block; color: #4f4f4f; font-size: 14px; line-height: 22px; vertical-align: middle; }
.wap-page-nav ul li a:hover { color: #302f9f; }
.wap-page-nav ul li a.cur { color: #161573; font-weight: bold; }
.wap-page-nav ul li>span { height: 18px; top: 3px; width: 1px; display: inline-block; background: #c3c3c3; margin: 0px 15px; position: relative; vertical-align: middle; }
.wap-page-nav ul li { font-size: 0; }
.wap-page-nav ul li li.swiper-slide { width: auto; display: inline-block; }
.wap-page-nav ul li li.swiper-slide span { height: 18px; top: 3px; width: 1px; display: inline-block; background: #c3c3c3; margin: 0px 15px; position: relative; }
.product-page-nav { position: fixed; left: 0; top: 90px; right: 0; background: #fff; z-index: 50; height: 56px; text-align: center; display: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03); }
.product-page-nav ul { font-size: 0 }
.product-page-nav ul li { display: inline-block; margin: 0 10px; }
.product-page-nav ul li a { display: block; font-size: 18px; color: #000; text-align: center; padding: 0 10px; line-height: 56px; }
.product-page-nav ul li a:hover, .product-page-nav ul li.cur a { color: #2e38cc; }
.productPageNnav-swiper { }
.productPageNnav-swiper .swiper-slide { display: inline-block; width: auto; }
.productPageNnav-swiper .swiper-slide a { display: block; font-size: 18px; color: #000; text-align: center; padding: 0 30px; line-height: 56px; }
.productPageNnav-swiper .swiper-slide a:hover, .productPageNnav-swiper .swiper-slide#cur a { color: #2e38cc; }

/* 首页锚点 */
.home-point { position: fixed; right: 35px; top: 30%; z-index: 10; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

/* .home-point:before { position: absolute; content: ""; display: block; background: #162b4c; width: 1px; height: 100%; left: 8px; top: 12px; z-index: 2; } */
.home-pointShow { opacity: 1; visibility: visible; }
.home-point li { position: relative; }
.home-point li:before { position: absolute; content: ""; display: block; background: #000; left: 5px; top: 5px; z-index: 2; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }

/* .home-point li:last-child:before { display: none; } */
.home-point li a { display: block; position: relative; width: 16px; height: 16px; margin: 14px 0; cursor: pointer; }
.section-nav-active-bg { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 10px; margin: auto; border: 1px solid #000; transition: 0.2s; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.home-point li .section-nav-bg { background-color: #161573; }
.home-point li.cur:before { opacity: 1; visibility: visible; }
.home-point li:hover:before { opacity: 1; visibility: visible; }

/* .home-point li.cur a .section-nav-active-bg { background-color: #161573; } */

/* .home-point ul li a:hover  .section-nav-active-bg { background-color: #161573; } */

.section-nav-label { position: absolute; top: -4px; z-index: 5; right: 0; height: 24px; padding-left: 9px; padding-right: 9px; border-radius: 12px; margin-right: 9px;    /* background: #161573; */ font-size: 0; overflow: hidden; -ms-transform: scale(0); transform: scale(0); -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: 0.2s; transition: 0.2s; font-size: 14px; line-height: 24px; color: #000; }
.home-point ul li a:hover .section-nav-label { margin-right: -2px; -ms-transform: scale(1); transform: scale(1); }
.section-nav-label span { display: inline-block; padding-right: 15px; font-size: 14px; line-height: 24px; color: #000; text-align: center; white-space: nowrap; -ms-transform: scale(0); transform: scale(0); -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: 0.2s; transition: 0.2s; }
.home-point ul li a:hover .section-nav-label span { -ms-transform: scale(1); transform: scale(1); }

/*============================== 首页 ============================== */

/* 首页按钮 */

.h-all-btn { width: 100%; }
.h-all-btn a { display: inline-block; background-color: #26265b; color: #fff; height: 42px; line-height: 42px; padding: 0 45px; font-size: 16px; position: relative; overflow: hidden; }
.h-all-btn a span { display: inline-block; vertical-align: middle; letter-spacing: 2px; position: relative; z-index: 2; font-weight: bold; }
.h-all-btn a:hover { background-color: #302f9f; }

/* .h-all-btn a:before { content: ""; background-color: #e60012; -webkit-transform: skew(45deg, 0); transform: skew(45deg, 0); width: 0; height: 100%; position: absolute; top: 0px; left: -12%; z-index: 0;  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.h-all-btn a:hover:before { width: 130%; }

*/

/* .dot-typing { position: relative; left: -9999px; width: 4px; height: 4px; border-radius: 5px; background-color: #fff; color: #fff; box-shadow: 9991px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 0 0 #fff; animation: dotTyping 1.5s infinite linear; display: inline-block; margin-left: 15px; top: -2px; } */





.loader10:before { content: ""; position: absolute; top: 0px; left: -10px; height: 6px; width: 6px; border-radius: 6px; -webkit-animation: loader10g 3s ease-in-out infinite; animation: loader10g 3s ease-in-out infinite; }
.loader10 { position: relative; width: 6px; height: 6px; top: -3px; display: inline-block; margin-left: 16px; border-radius: 6px; -webkit-animation: loader10m 3s ease-in-out infinite; animation: loader10m 3s ease-in-out infinite; }
.loader10:after { content: ""; position: absolute; top: 0px; left: 10px; height: 6px; width: 6px; border-radius: 6px; -webkit-animation: loader10d 3s ease-in-out infinite; animation: loader10d 3s ease-in-out infinite; }
@-webkit-keyframes loader10g {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { left: 10px; background-color: rgba(255, 255, 255, 1); }
	50% { background-color: rgba(255, 255, 255, .2); }
	75% { background-color: rgba(255, 255, 255, .2); }
	100% { background-color: rgba(255, 255, 255, .2); }
}
@keyframes loader10g {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { background-color: rgba(255, 255, 255, 1); }
	50% { background-color: rgba(255, 255, 255, .2); }
	75% { background-color: rgba(255, 255, 255, .2); }
	100% { background-color: rgba(255, 255, 255, .2); }
}
@-webkit-keyframes loader10m {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { background-color: rgba(255, 255, 255, .2); }
	50% { background-color: rgba(255, 255, 255, 1); }
	75% { background-color: rgba(255, 255, 255, .2); }
	100% { background-color: rgba(255, 255, 255, .2); }
}
@keyframes loader10m {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { background-color: rgba(255, 255, 255, .2); }
	50% { background-color: rgba(255, 255, 255, 1); }
	75% { background-color: rgba(255, 255, 255, .2); }
	100% { background-color: rgba(255, 255, 255, .2); }
}
@-webkit-keyframes loader10d {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { background-color: rgba(255, 255, 255, .2); }
	50% { background-color: rgba(255, 255, 255, .2); }
	75% { background-color: rgba(255, 255, 255, 1); }
	100% { background-color: rgba(255, 255, 255, .2); }
}
@keyframes loader10d {
	0% { background-color: rgba(255, 255, 255, .2); }
	25% { background-color: rgba(255, 255, 255, .2); }
	50% { background-color: rgba(255, 255, 255, .2); }
	75% { background-color: rgba(255, 255, 255, 1); }
	100% { background-color: rgba(255, 255, 255, .2); }
}

/* 首页banner */
.h-banner { width: 100%; max-width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.h-banner-bg { position: absolute; left: 0; right: 0; bottom: -20px; width: 100%; z-index: 1; }
.h-banner .h-banner-bg img { width: 100%; }
.h-banner-video-pop { position: absolute; top: 0; left: 0%; right: 0; bottom: 0; z-index: 3; pointer-events: none;}
.h-banner-video-pop-cont { height: 100%; position: relative; }
.banner-video { position: absolute; pointer-events: auto; width: 500px; height: 358px; border-radius: 15px; overflow: hidden; right: -116px; bottom: -30px; z-index: 50; box-shadow: 0 10px 60px rgba(34, 62, 112, 0.1); }
.banner-video-pic { width: 100%; height: 100%; position: relative; }
.banner-video-pic img { width: 100%; }
.banner-video-btn { width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; margin: -33px 0 0 -33px; background: -webkit-radial-gradient(#fd8561 15%, #fda761); background: -o-radial-gradient(#fda761 15%, #fd8561); background: -moz-radial-gradient(#fd8561 15%, #fda761); background: radial-gradient(#fd8561 15%, #fda761); z-index: 5; border-radius: 100px; box-shadow: 0 10px 50px rgba(16, 44, 95, 0.35); cursor: pointer; }
.banner-video-btn:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -8px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left:25px solid #fff; }
.banner-video-btn:hover { box-shadow: 0 10px 50px rgba(16, 44, 95, 0.5); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.h-b-video { margin-bottom: 15px; }
.h-b-video a { color: #fff; font-size: 18px; }
.h-b-video a span { display: inline-block; margin-left: 10px; vertical-align: middle; color: #fff; }
.h-b-more a { color: #fff; font-size: 18px; }
.h-b-icon { font-size: 0; margin-top: 30px; margin-bottom: 30px; }
.h-b-icon li { display: inline-block; text-align: center; margin-right: 40px; }
.h-b-icon li:hover { -webkit-transform: translate(0, -2%); -moz-transform: translate(0, -2%); transform: translate(0, -2%); }
.h-b-icon li i { display: block; text-align: center; margin-bottom: 15px; }
.h-b-icon li p { font-size: 16px; line-height: 25px; }
.h-banner-inner {    /* background: #000; */
overflow: hidden; display: block; height: 100%; }
.phone-h-banner { display: none; }
.section-background-video { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.h-banner-swiper .swiper-slide>img { width: 100%; }
.h-banner-swiper .swiper-slide { overflow: hidden; }
.h-banner .swiper-pagination { bottom: 70px; text-align: center; font-size: 0; position: absolute; line-height: 17px; left: 0; right: 0; z-index: 50; }
.h-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 11px; }
.h-banner .swiper-pagination-bullet { width: 17px; height: 17px; opacity: 1; background: #fff; border-radius: 17px; position: relative; display: inline-block; vertical-align: middle; margin: 0 9px; }
.h-banner .swiper-pagination-bullet:hover:after { opacity: 1; visibility: visible; }
.h-banner .swiper-pagination-bullet-active { opacity: 1; position: relative; background: #fd8561; z-index: 2 }
.h-banner-pop { position: absolute; left: 0; top: 25%; width: 100%; z-index: 2; }
.h-banner-pop-txt { width:60%; }
.h-banner-pop-txt h2 { color: #fff; font-size: 64px; line-height: 88px; font-weight: bolder; margin-bottom: 3%; }
.h-banner-pop-txt h2 sup { vertical-align: text-top; font-size: 28px; position: relative; padding-top: 15px; display: inline-block; line-height: 1; }
.h-banner-pop-txt p { font-size: 24px; color: #fff; line-height: 42px; margin-bottom: 2%; font-weight: lighter; }

/*h-title*/
.h-title {margin-bottom: 3%; text-align: center;}
.h-title h2 { font-size: 42px; color: #000; line-height: 1; margin-bottom: 25px; letter-spacing: 3px; }
.h-title p { font-size: 26px; color: #000; letter-spacing: 3px; font-weight: lighter; }
.h-b-bt{ font-weight: normal; color: #fff; font-size: 16px; position: absolute; z-index: 7;}
.h-b-bt a{color: #fff; border-radius:6px; line-height:48px; display: block;  background: #2e38cc;  width: 120px;}
.h-b-bt a:hover{ color: #2e38cc;  border-radius:6px; line-height:48px; background: #fff;}
 

/* 您的工厂是否也遇到这些难题？ */
.h-puzzle { width: 100%; padding-top: 6%; }
.h-puzzle-flow { font-size: 0; }
.h-puzzle-flow ul li { display: inline-block; width: 20%; text-align: center; position: relative; vertical-align: top; }
.h-puzzle-flow ul li:after { content: ""; display: block; width: 157px; height: 32px; background: url(../images/h-puzzle-arrow.png) no-repeat 0 0; background-size: 100%; position: absolute; top: 20px; right: -80px; }
.h-puzzle-flow ul li:nth-child(even):after { top: 40px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }
.h-puzzle-flow ul li:last-child:after { display: none; }
.h-puzzle-icon { width: 90px; height: 80px; margin: 0 auto 25px; }
.h-puzzle-icon img { width: 100%; }
.h-puzzle-item p { font-size: 20px; color: #2b2b2b; }

/*我们能做什么？*/
.h-what { width: 100%; padding-top: 5%; background: url(../images/h-what-bg.png) no-repeat 0 0; background-size: cover; }

/*.h-what .h-title span { font-size: 28px; color: #2e38cc; }
.h-what .h-title  p { margin-bottom: 20px; }
.h-what .h-title span sup { vertical-align: text-top; font-size: 12px; line-height: 12px; }*/
.h-what-cont { height: 400px; width: 100%; position: relative; padding-bottom: 27%; }
.h-what-swiper { padding: 90px 1px 55px; }
.h-what-cont .swiper-pagination { position: absolute; width: 100%; height: 18px; }
.h-what-cont .swiper-pagination-bullet { width: 18px; height: 18px; border: 1px solid #bac0d3; background: none; box-sizing: border-box; opacity: 1; position: relative; margin: 0 12px; }
.h-what-cont .swiper-pagination-bullet:after { content: ""; display: block; width: 10px; height: 10px; background: #4e72ee; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; display: none; }
.h-what-cont .swiper-pagination-bullet-active { border: 1px solid #1f3dac; }
.h-what-cont .swiper-pagination-bullet-active:after { display: block; }
.h-what-cont .swiper-slide { height: 400px; }
.h-what-item { height: 400px; background: #fff; border-radius: 10px; outline: 1px solid rgba(199, 202, 208, 0.4); box-shadow: 0 5px 20px rgba(19, 20, 38, 0.1); position: relative; margin: 0 17px; position: relative; }
.h-what-item:after { content: ""; border-radius: 10px; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(150deg, #2e38cc, #4f2ecc); background: -o-linear-gradient(150deg, #2e38cc, #4f2ecc); background: -moz-linear-gradient(150deg, #2e38cc, #4f2ecc); background: linear-gradient(150deg, #2e38cc, #4f2ecc); opacity: 0; }
.h-what-info { position: relative; height: 100%; z-index: 2; box-sizing: border-box; padding: 50px 40px 0 38px; }
.h-what-icon { position: absolute; width: 94px; height: 94px; top: -90px; left: 40px; }
.h-what-icon img { width: 100%; }
.h-what-icon i, .h-what-icon em { display: block; width: 94px; height: 94px; }
.h-what-icon em { position: absolute; top: 0; left: 0; opacity: 0; width: 94px; height: 94px; }
.h-what-item h3 { font-size: 26px; color: #2b2b2b; font-weight: bold; margin-bottom: 30px; line-height: 1; }
.h-what-item h3 span { color: #1332a7; }
.h-what-item p { font-size: 18px; color: #2b2b2b; line-height: 30px; }
.h-what-details { font-size: 18px; color: #2b2b2b; position: absolute; right: 40px; bottom: 30px; text-align: right; }
.h-what-details i { font-style: normal; line-height: 1; padding-left: 4px; }
.h-what-item:hover:after { opacity: 1; }
.h-what-item:hover .h-what-icon i { opacity: 0; }
.h-what-item:hover .h-what-icon em { opacity: 1; }
.h-what-item:hover h3, .h-what-item:hover p, .h-what-item:hover h3 span { color: #fff; }
.h-what-item:hover .h-what-details { opacity: 1; color: #fd8561; }
.h-what-details:hover { margin-right: -6px; }
.h-what-details:hover i { padding-left: 10px; }

/*项目价值*/
.h-projectValue { width: 100%; position: relative; }
.h-projectValue .h-title { position: absolute; top: -150px; left: 0; width: 100%; }
.h-projectValue-cont { width: 100%; padding: 6.5% 0 2%; background: url(../images/h-projectValue-cont-bg.jpg) no-repeat 0 0; background-size: cover; }
.h-p-v-item { float: left; width: 100%; margin-bottom: 60px; position: relative; }
.h-p-v-i-title { width: 160px; height: 156px; border-radius: 10px; float: left; text-align: center; box-sizing: border-box; padding-top: 25px; background: -webkit-linear-gradient(150deg, #6975dd, #7355b0); background: -o-linear-gradient(150deg, #6975dd, #7355b0); background: -moz-linear-gradient(150deg, #6975dd, #7355b0); background: linear-gradient(150deg, #6975dd, #7355b0); margin-right: 40px; position: relative; }
.h-p-v-i-title:after { content: ""; width: 61px; height: 28px; position: absolute; bottom: -43px; margin-left: -30px; left: 50%; background: url(../images/h-p-v-i-title-arrow.png) no-repeat 0 0/100%; }
.h-p-v-item:last-child .h-p-v-i-title:after { display: none; }
.h-p-v-item:nth-child(2) .h-p-v-i-title { background: -webkit-linear-gradient(150deg, #ec8a6c, #ed709d); background: -o-linear-gradient(150deg, #ec8a6c, #ed709d); background: -moz-linear-gradient(150deg, #ec8a6c, #ed709d); background: linear-gradient(150deg, #ec8a6c, #ed709d); }
.h-p-v-item:nth-child(3) .h-p-v-i-title { background: -webkit-linear-gradient(150deg, #2fb383, #18a86b); background: -o-linear-gradient(150deg, #2fb383, #18a86b); background: -moz-linear-gradient(150deg, #2fb383, #18a86b); background: linear-gradient(150deg, #2fb383, #18a86b); }
.h-p-v-item:nth-child(4) .h-p-v-i-title { background: -webkit-linear-gradient(150deg, #dba17a, #c89181); background: -o-linear-gradient(150deg, #dba17a, #c89181); background: -moz-linear-gradient(150deg, #dba17a, #c89181); background: linear-gradient(150deg, #dba17a, #c89181); }
.h-p-v-i-title i { width: 75px; height: 75px; display: block; margin: 0 auto 10px; }
.h-p-v-i-title i img { width: 100%; }
.h-p-v-i-title span { font-size: 24px; color: #fff; }
.h-p-v-i-list { float: left; }
.h-p-v-i-list li { float: left; width: 174px; height: 132px; box-sizing: border-box; border-radius: 10px; background: rgba(92, 114, 158, 0.7); margin: 13px 0 0 72px; box-sizing: border-box; text-align: center; padding-top: 20px; position: relative; }
.h-p-v-i-list li:after { content: ""; width: 17px; height: 28px; position: absolute; top: 50%; margin-top: -14px; left: -42px; background: url(../images/h-p-v-i-list-arrow.png) no-repeat 0 0/100%; }
.h-p-v-i-list li:nth-child(1):after { left: -52px; }
.h-p-v-i-list li i { width: 60px; height: 54px; display: block; margin: 0 auto 10px; }
.h-p-v-i-list li i img { width: 100%; }
.h-p-v-i-list li span { font-size: 18px; color: #fff; }
.h-p-v-i-text { float: right; color: #fff; width: 350px; height: 136px; box-sizing: border-box; border: 2px dashed #fff; border-radius: 35px; margin-top: 10px; display: flex; justify-content: center; align-items: center; }

/*交付模式*/
.h-rent { background: #f1f2f6; width: 100%; position: relative; padding: 5% 0 2%; margin-bottom: 8%; }
.h-rent:after { content: ''; width: 100%; height: 100%; position: absolute; background: inherit; z-index: -1; bottom: 0; transform-origin: left bottom; transform: skewY(3deg); }
.h-rent-list { position: relative; z-index: 5;    /*display: grid; align-content: space-between; grid-template-columns: 33.333% 33.333% 33.333%; grid-gap: 50px;*/ }
.h-rent-item { width: 31.333%; float: left; margin-right: 3%; height: 187px; background: #fff; border-radius: 10px; outline: 1px solid rgba(199, 202, 208, 0.6); box-shadow: 0 5px 35px rgba(19, 20, 38, 0.1); position: relative; box-sizing: border-box; }
.h-rent-item:last-child { float: right; margin-right: 0; }
.h-rent-info.cur { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(30deg, #ec8477 20%, #ed7397 80%); outline: 1px solid rgba(199, 202, 208, 0); border-radius: 10px; opacity: 1; }
.h-rent-info.cur h3, .h-rent-info.cur p { color: #fff; }
.h-rent-info.cur:hover { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(30deg, #b6325f 20%, #ff887c 80%); outline: 1px solid rgba(199, 202, 208, 0); border-radius: 10px; opacity: 1; }
.h-rent-info { height: 187px; position: relative; z-index: 2; padding: 35px 30px 0 38px; text-align: right; border-radius: 10px; box-sizing: border-box; }
.h-rent-item h3 { border-bottom: 1px solid #d9dbe0; font-size: 28px; color: #2b2b2b; padding-bottom: 15px; margin-bottom: 10px; }
.h-rent-item p { font-size: 22px; line-height: 30px; color: #2b2b2b; }
.h-rent-mark { position: absolute; top: 0; left: 0; width: 120px; height: 87px; }
.h-rent-mark img { width: 100%; }
.h-rent-btn { color: #fff; font-size: 20px; background: #f7724a; border-radius: 10px; padding: 0 40px 0 42px; height: 40px; line-height: 40px; display: block; text-align: left; position: absolute; left: 50%; margin-left: -94px; bottom: 0; box-sizing: border-box; opacity: 0; }
.h-rent-btn i { font-style: normal; margin-left: 4px; }
.h-rent-item:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(30deg, #b6325f 20%, #ff887c 80%); outline: 1px solid rgba(199, 202, 208, 0); border-radius: 10px; opacity: 0; }
.h-rent-item:hover:after { opacity: 1; }
.h-rent-item:hover h3 { color: #fff; border-bottom: 1px solid #fff; }
.h-rent-item:hover p { color: #fff; }
.h-rent-item:hover .h-rent-btn { opacity: 1; bottom: -23px; }
.h-rent-btn:hover { padding-right: 40px; }
.h-rent-btn:hover i { margin-left: 10px; }

/*应用行业*/
.h-application { width: 100%; }
.h-application-cont { position: relative; padding-right: 370px; }
.h-application-item { height: 255px; float: left; margin-right: 2%; margin-bottom: 10px; width: 48%;    /* background: #1c2552; overflow: hidden; border-radius: 10px; */ position: relative; }
.h-application-item.item6, .h-application-item.item7 { margin-bottom: 0; }
.h-a-item-ft { background: #dfe1ec; position: absolute; left: 0; bottom: 0; right: 0; height: 46px; line-height: 46px; font-size: 18px; color: #2b2b2b; text-align: right; z-index: 10; overflow: hidden; border-radius: 0 0 8px 8px; }
.h-a-item-ft a { color: #2b2b2b; display: inline-block; padding-right: 20px; vertical-align: top; }
.h-a-item-ft a i { font-style: normal; padding-left: 4px; }
.h-a-item-ft a:hover { padding-right: 14px; }
.h-a-item-ft a:hover i { padding-left: 10px; }
.h-application-item:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(14, 32, 121, 0.68); z-index: 2; overflow: hidden; border-radius: 10px; }
.h-application-item:hover:after { background: rgba(14, 32, 121, 0.3); }
.h-application-item h3 { font-size: 28px; color: #fff; line-height: 1; position: absolute; left: 0; padding: 55px 0 0 50px; z-index: 4; font-weight: normal; }
.h-application-pic { width: 100%; position: relative; }
.h-application-video-btn { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; background: -webkit-radial-gradient(#fda761 15%, #fd8561); background: -o-radial-gradient(#fda761 15%, #fd8561); background: -moz-radial-gradient(#fda761 15%, #fd8561); background: radial-gradient(#fda761 15%, #fd8561); z-index: 5; border-radius: 100px; box-shadow: 0 10px 50px rgba(16, 44, 95, 0.35); cursor: pointer; overflow: hidden; border-radius: 100%; }
.h-application-video-btn:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -8px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 25px solid #fff; }
.h-application-video-btn:hover { box-shadow: 0 10px 50px rgba(16, 44, 95, 0.5); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.h-application-item .h-application-pic { border-radius: 10px; height: 255px; overflow: hidden; }
.h-application-pic img { width: 100%; }
.h-application-item1 { position: absolute; width: 370px; top: 0; right: 0; height: 100%;    /*background: #1c2552; border-radius: 10px; overflow: hidden;*/ }
.h-application-item1:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: #1c2552; z-index: 2; border-radius: 10px; overflow: hidden; }
.h-application-item1:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(14, 32, 121, 0.5); z-index: 3; border-radius: 10px; overflow: hidden; }
.h-application-item1:hover:after { background: rgba(14, 32, 121, 0.3); }
.h-application-item1 .h-application-pic { border-radius: 10px; overflow: hidden; z-index: 4; }
.h-a-item1-text { position: absolute; top: 265px; right: 0; bottom: 0; left: 0; z-index: 5; padding: 0 50px }
.h-a-item1-text h3 { color: #fd8561; font-size: 32px; margin-bottom: 30px; font-weight: normal; }
.h-a-item1-text ul li { margin-bottom: 20px; }
.h-a-item1-text ul li a { color: #fff; font-size: 18px; line-height: 30px; }
.h-a-item1-text ul li a:hover { text-decoration: underline; }
.h-application-item1 .h-a-item-ft { background: #fd8561; overflow: hidden; border-radius: 0 0 8px 8px; }
.h-application-item1 .h-a-item-ft a { color: #fff; }

/*客户案例*/
.h-case { width: 100%; padding-top: 5%; padding-bottom: 4%; }
.h-case-more { text-align: center; margin-top: 60px; }
.h-case-more a { font-size: 24px; color: #2b2b2b; display: inline-block; padding: 0 6px; }
.h-case-more a i { font-style: normal; padding-left: 4px; }
.h-case-more a:hover { padding-right: 0px; color: #2e38cc }
.h-case-more a:hover i { font-style: normal; padding-left: 10px; }
.h-case-box { position: relative; padding-left: 260px; }
.h-case-tab { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; text-align: center; }
.h-case-tab ul li { margin-bottom: 10px; }
.h-case-tab ul li a { display: block; border: 1px solid #d5d5d5; padding: 10px 0; color: #2b2b2b; font-size: 18px; position: relative; border-radius: 6px; background: #f0f2f8; }
.h-case-tab ul li a:after { content: ""; position: absolute; right: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #2e38cc; opacity: 0; }
.h-case-tab ul li.cur a, .h-case-tab ul li a:hover { border: 1px solid #2e38cc; color: #fff; background: #2e38cc; }
.h-case-tab ul li.cur a:after, .h-case-tab ul li a:hover:after { opacity: 1; }
.h-case-tabCont { min-height: 220px; }
.h-case-item { display: none; }
.h-case-item ul li { float: left; width: 20%; height: 110px; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; position: relative; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; }
.h-case-item ul li:after { content: ""; position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; display: block; background: #e6e6e6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 5; }
.h-case-item ul li:nth-child(1), .h-case-item ul li:nth-child(2), .h-case-item ul li:nth-child(3), .h-case-item ul li:nth-child(4), .h-case-item ul li:nth-child(5) { border-top: 0; }
.h-case-item ul li:nth-child(5), .h-case-item ul li:nth-child(10) { border-right: 0; }
.h-case-item ul li:nth-child(1):after, .h-case-item ul li:nth-child(2):after, .h-case-item ul li:nth-child(3):after, .h-case-item ul li:nth-child(4):after, .h-case-item ul li:nth-child(5):after, .h-case-item ul li:nth-child(10):after { display: none; }
.h-case-item ul li i { display: block; }
.h-case-item ul li i img { max-width: 90%; }

/*虹点资讯*/
.h-news { width: 100%; margin-bottom: 4%; }
.h-news-box { background: #f0f2f8; padding: 4% 3% 2% }
.h-pic-news { float: left; width: 480px; margin-right: 3%; }
.h-pic-news-pic { overflow: hidden; }
.h-pic-news-pic img { width: 100%; }
.h-pic-news-info { background: #1c2552; min-height: 160px; box-sizing: border-box; padding: 15px 80px 20px 40px; }
.h-pic-news-info h3 { color: #fff; font-size: 20px; font-weight: normal; line-height: 26px; margin-bottom: 10px; }
.h-pic-news-info h3 a { color: #fff; }
.h-pic-news-info h3 a:hover { text-decoration: underline; }
.h-pic-news-info p { color: #fff; font-size: 14px; line-height: 24px; }
.h-news-title { margin-bottom: 15px; }
.h-news-title h2 { float: left; font-size: 24px; }
.h-news-title a { float: right; font-size: 14px; color: #4556af }
.h-news-title a i { font-style: normal; }
.h-company-news { float: left; width: 38%; }
.h-company-news-list { }
.h-company-news-list ul li { border-bottom: 1px solid #dbdfea; padding-bottom: 10px; margin-bottom: 15px; }
.h-company-news-list ul li h3 { font-size: 20px; line-height: 1; margin-bottom: 10px; }
.h-company-news-list ul li a { color: #2b2b2b; }
.h-company-news-list ul li a:hover { color: #4556af; }
.h-company-news-list ul li p { color: #808080; font-size: 14px; line-height: 24px; }
.h-company-news-list ul li span { color: #888; font-size: 14px; }
.h-prod-news { float: right; width: 22%; }
.h-prod-news-list li { margin-bottom: 15px; }
.h-prod-news-list li a { color: #2b2b2b; font-size: 18px; line-height: 24px; }
.h-prod-news-list ul li a:hover { color: #4556af; }
.h-prod-news-list li a i { display: inline-block; width: 4px; height: 4px; background: #2b2b2b; margin-right: 8px; vertical-align: middle; margin-top: -1px; border-radius: 4px; }

/*服务热点*/
.service-hot { width: 100%; }
.service-hot-box { width: 702px; height: 200px; border-radius: 10px; background: #fff; box-shadow: 0 5px 35px rgba(19, 20, 38, 0.1); margin: 0 auto -100px; position: relative; z-index: 10; box-sizing: border-box; background: url(../images/service-hot-bg.jpg) no-repeat 0 0; background-size: cover; padding: 30px 0 0 75px; }
.service-hot-info { margin-bottom: 20px; }
.service-hot-info p { color: #1c2552; font-size: 24px; line-height: 1; margin-bottom: 14px; }
.service-hot-info strong { color: #1c2552; font-size: 36px; line-height: 1; letter-spacing: -1px; }
.service-hot-btn { display: inline-block; vertical-align: middle; margin-right: 60px; }
.service-hot-btn a { display: inline-block; height: 46px; background: #fd8561; line-height: 46px; color: #fff; font-size: 20px; border-radius: 10px; padding: 0 15px; }
.service-hot-btn a i { display: inline-block; height: 26px; width: 26px; vertical-align: middle; margin-right: 13px; background: url("../images/header-btn-icon-hover.png") no-repeat 0 0; margin-bottom: 3px; background-size: 100%; }
.service-hot-btn a:hover { background: #f7724a; }
.wx-icon { display: inline-block; vertical-align: middle; cursor: pointer; }
.wx-icon i { display: inline-block; vertical-align: middle; width: 31px; height: 31px; margin-right: 18px; }
.wx-icon span { display: inline-block; vertical-align: middle; font-size: 23px; color: #131965; }

/*=============================内页=============================*/
.page-wrap { margin-top: 90px; }
.all-title { text-align: center; margin-bottom: 4%; margin-top: 3%; }
.all-title h2 { font-size: 42px; color: #000; letter-spacing: 3px; margin-bottom: 25px; line-height: 52px; }
.all-title p { font-size: 22px; line-height: 32px; color: #000; letter-spacing: 1px; font-weight: lighter; }
.case-page-nav-height { height: 62px; margin-bottom: 3%; border-bottom: 1px solid #eee; }
.case-page-nav { text-align: center; }
.case-page-nav-list { font-size: 0; }

/*.case-page-nav-list ul li { display: inline-block; margin: 0 35px; }
.case-page-nav-list ul li a { font-size: 24px; color: #000; display: block; position: relative; padding: 10px 0 25px }
.case-page-nav-list ul li a:after { content: ""; position: absolute; width: 100%; left: 0; bottom: -1px; height: 2px; background: #2e38cc; opacity: 0; }
.case-page-nav-list ul li a:hover, .case-page-nav-list ul li.cur a { color: #2e38cc; }
.case-page-nav-list ul li a:hover:after, .case-page-nav-list ul li.cur a:after { opacity: 1; }*/
.case-page-nav-scroll { position: fixed; left: 0; top: 90px; right: 0; background: #fff; z-index: 50; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03); height: 56px; }
.case-page-nav-scroll .case-page-nav-swiper .swiper-slide { display: inline-block; margin: 0 10px; }
.case-page-nav-scroll .case-page-nav-swiper .swiper-slide a { display: block; font-size: 18px; color: #000; text-align: center; padding: 0 10px; line-height: 56px; }
.case-page-nav-swiper .swiper-slide { display: inline-block; margin: 0 35px; width: auto; }
.case-page-nav-swiper .swiper-slide a { font-size: 24px; color: #000; display: block; position: relative; padding: 10px 0 25px }
.case-page-nav-swiper .swiper-slide a:after { content: ""; position: absolute; width: 100%; left: 0; bottom: -1px; height: 2px; background: #2e38cc; opacity: 0; }
.case-page-nav-swiper .swiper-slide a:hover, .case-page-nav-swiper .swiper-slide#cur a { color: #2e38cc; }
.case-page-nav-swiper .swiper-slide a:hover:after, .case-page-nav-swiper .swiper-slide#cur a:after { opacity: 1; }
.case-wrap { padding: 4% 0 4%; }
.case-left { width: 70%; float: left; }
.case-item { float: left; width: 31.333%; border: 1px solid #eeeeee; box-sizing: border-box; margin: 0 1% 4%; border-radius: 10px; min-height: 440px; position: relative; }
.case-pic { width: 100%; border-radius: 8px 8px 0 0; overflow: hidden; }
.case-pic img { max-width: 100%; }
.case-text { padding: 25px; }
.case-text-title { position: relative; padding-right: 80px; margin-bottom: 15px; max-height: 54px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.case-text-title h3 { font-size: 20px; }
.case-text-title span { position: absolute; right: 0; top: 3px; font-size: 14px; border: 1px solid #2e38cc; background: #2e38cc; color: #fff; border-radius: 5px; padding: 4px 5px; line-height: 1; }
.case-text p { font-size: 16px; line-height: 28px; max-height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.case-text-details { font-size: 18px; color: #2b2b2b; position: absolute; right: 30px; bottom: 20px; text-align: right; }
.case-text-details i { font-style: normal; line-height: 1; padding-left: 4px; }
.case-item:hover { border: 1px solid #2e38cc; box-shadow: 0 5px 8px rgba(46, 56, 204, 0.1); }
.case-item:hover .case-text-details { opacity: 1; color: #2e38cc; }
.case-text-details:hover { margin-right: -6px; }
.case-text-details:hover i { padding-left: 10px; }
.case-right { width: 28%; min-height: 300px; background: #f0f2f8; float: right; padding: 30px 45px 35px; box-sizing: border-box; }
.case-video-item { position: relative; margin-bottom: 8%; }
.case-video-list h3 { color: #fd8561; font-size: 24px; margin-bottom: 30px; font-weight: normal; color: #000; }
.case-video-pic { width: 100%; position: relative; overflow: hidden; border-radius: 6px; height: 180px; }
.case-video-btn { width: 38px; height: 38px; position: absolute; left: 50%; top: 30%; margin: 0 0 0 -25px; background: -webkit-radial-gradient(#fda761 15%, #fd8561); background: -o-radial-gradient(#fda761 15%, #fd8561); background: -moz-radial-gradient(#fda761 15%, #fd8561); background: radial-gradient(#fda761 15%, #fd8561); z-index: 5; border-radius: 100px; box-shadow: 0 10px 50px rgba(16, 44, 95, 0.35); cursor: pointer; overflow: hidden; border-radius: 100%; }
.case-video-btn:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -5px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; }
.case-video-btn:hover { box-shadow: 0 10px 50px rgba(16, 44, 95, 0.5); }
.case-video-pic img { width: 100%; }
.case-video-item:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(14, 32, 121, 0.68); z-index: 2; overflow: hidden; border-radius: 8px; }
.case-video-text { position: absolute; bottom: 15px; z-index: 5; font-size: 16px; color: #fff; line-height: 25px; padding: 0 20px; }
.case-video-item:hover:after { background: rgba(14, 32, 121, 0.38); }

/*软件产品*/

/*解决方案*/
.solution { position: relative; float: left; z-index: 5; width: 100%; height: 100%; }
.solution .title { width: 100%; position: absolute; top: 10%; color: #fff; font-size: 2.4em; text-align: center; }
.solution .title p { padding: 0 4%; opacity: 0 }
.solution .title.active .tit { opacity: 1; transform: translateY(-25px); -webkit-transform: translateY(-25px); transition: all 2s cubic-bezier(0.86, 0, 0.8, 1); -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1); }
.solution-1 { background-size: 100% 100%; background-image: url(../images/product-solution-bg1.png); background-position: 0 bottom; }
.solution-2 { background-color: #002577; background-size: 100% 100%; background-image: url(../images/product-bg.png); }
.solution-3 { background-size: 100% 100%; background-image: url(../images/product-bg.png); border-bottom: 3px solid #f3f3f3; }
.solution-4 { background-size: 100% 100%; background-image: url(../images/product-solution-bg2.jpg); background-position: 0 bottom; }
.solution-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.solution-1-cont { position: relative; height: 100%; width: 100%; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; }
.solution-1-info { text-align: center; color: #fff; margin-top: -8%; }
.solution-1-info p { font-size: 27px; line-height: 38px; margin-bottom: 30px; }
.solution-1-info h2 { font-size: 62px; color: #fd8561; line-height: 1; font-weight: bolder; margin-bottom: 25px; }
.solution-1-info h5 { font-size: 12px; color: #918e87; line-height: 1; letter-spacing: 7.5px; opacity: 0.5; font-weight: lighter; margin-bottom: 65px; text-transform: uppercase; }
.solution-1-info span { display: block; font-size: 24px; line-height: 1; }
.solution-1-info span:after { content: ''; display: block; width: 140px; height: 4px; background: #fd8561; margin: 25px auto 0; }
.solution-mouse { position: absolute; bottom: 40px; text-align: center; width: 80px; text-align: center; }
.solution-mouse i { display: inline-block; width: 17px; height: 97px; background: url(../images/mouse.png) no-repeat 0 0/100%; }
.solution-mouse span { font-size: 12px; display: block; color: rgb(255, 255, 255, 0.6); }
.solution-2-cont { padding-top: 160px; color: #fff; width: 78%; margin: 0 auto; }
.solution-title { margin-bottom: 100px; text-align: center; }
.solution-title h2 { font-size: 42px; color: #fd8561; line-height: 1; font-weight: bolder; margin-bottom: 25px; }
.solution-title p { font-size: 18px; color: rgb(255, 255, 255, 0.8); line-height: 1; font-weight: lighter; margin-bottom: 25px; }
.solution-2-tab ul { display: grid; align-content: space-between; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; padding: 0 10px; text-align: center; }
.solution-2-tab ul li { cursor: pointer; position: relative; padding-bottom: 37px; font-size: 18px; }
.solution-2-tab ul li:after { content: ''; position: absolute; height: 2px; background: #fd8561; width: 100%; bottom: 0; left: 0; opacity: 0; }
.solution-2-tab ul li i { display: block; margin: 0 auto; width: 32px; height: 42px; margin-bottom: 24px; }
.solution-2-tab ul li span { display: block; margin: 0 auto; color: rgb(255, 255, 255, 0.6); line-height: 1; }
.solution-2-tab ul li:hover span, .solution-2-tab ul li.cur span { color: #fd8561; }
.solution-2-tab ul li:hover:after, .solution-2-tab ul li.cur:after { opacity: 1; }
.solution-2-tab-cont { width: 100%; height: 420px; background: url(../images/ywbg1040.png) no-repeat 0 0/100% 100%; margin-top: -28px; }
.solution-2-tab-info { padding-top: 75px; height: 100%; box-sizing: border-box; display: none; }
.solution-2-tab-inner { height: 82%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; }
.solution-2-tab-item { width: 33.333%; position: relative; box-sizing: border-box; padding: 25px 115px 0 65px }
.solution-2-tab-item:after { content: ''; width: 1px; position: absolute; height: 100%; left: 0; top: 0; background: url(../images/gjjs_line.png) no-repeat 0 center/auto 100%; }
.solution-2-tab-item h3 { line-height: 1; margin-bottom: 15px; }
.solution-2-tab-item h3 i { width: 14px; height: 12px; display: inline-block; vertical-align: middle; background: url(../images/little_icon01.png) no-repeat 0 0/100% 100%; margin-right: 14px; }
.solution-2-tab-item h3 span { font-size: 18px; display: inline-block; vertical-align: middle; color: #fff; font-weight: normal; }
.solution-2-tab-item p { font-size: 14px; color: rgb(255, 255, 255, 0.8); line-height: 18px; line-height: 23px; }
.solution-2-tab-item:nth-child(1):after, .solution-2-tab-item:nth-child(4):after { display: none; }
.solution-3-cont { padding-top: 8%; color: #fff; width: 85%; margin: 0 auto; height: 100%; position: relative; box-sizing: border-box; }
.solution-3-box { position: absolute; top: 30%; left: 0; bottom: 0; width: 100%; }
.solution-3-inner { position: relative; height: 100%; }
.solution-3-left { position: absolute; left: 0; top: 0; width: 20%; height: 85%; border-radius: 8px; background: url(../images/cjbg.gif) no-repeat 0 0/100% 100%; }
.solution-3-left-cont { padding: 35px 30px; box-sizing: border-box; height: 100%; width: 100%; position: relative; }
.solution-3-left-title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 25px; }
.solution-3-left-title h2 { font-size: 16px; color: #fd8561; line-height: 1; margin-bottom: 15px; }
.solution-3-left-title p { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.2; }
.solution-3-left-ft { position: absolute; bottom: 0; left: 30px; bottom: 30px; color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1; }
.solution-3-left-ft span { display: inline-block; vertical-align: middle; margin-right: 10px; }
.solution-3-left-ft i { display: inline-block; vertical-align: middle; }
.solution-3-right { position: absolute; right: 0; top: 0; width: 77%; height: 85%; background: url(../images/cjbg2.png) no-repeat 0 0/100% 100%; box-sizing: border-box; border: 1px solid #179a67; }
.solution-3-right-list1 { position: relative; height: 80%; }
.solution-3-right-list1 ul { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; }
.solution-3-right-list1 ul li { width: 14.28%; text-align: center; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; position: relative; }
.solution-3-r-cont { position: relative; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.solution-3-r-inner { position: relative; z-index: 5 }
.solution-3-right-list1 ul li i { display: block; margin: 0 auto; width: 88px; margin-bottom: 35%; }
.solution-3-right-list1 ul li i img { width: 100%; }
.solution-3-right-list1 ul li p { display: block; color: #fd8561; font-size: 14px; margin-bottom: 15%; }
.solution-3-right-list1 ul li span { display: block; color: #fff; font-size: 16px; }
.solution-3-right-list1 ul li a { display: block; position: absolute; width: 100%; left: 0; right: 0; bottom: -10%; background: #1642e2; text-align: center; height: 18%; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 5; opacity: 0; }
.solution-3-r-cont:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: -webkit-linear-gradient(150deg, #104be9, #007bc2); background: -o-linear-gradient(150deg, #104be9, #007bc2); background: -moz-linear-gradient(150deg, #104be9, #007bc2); background: linear-gradient(150deg, #104be9, #007bc2); opacity: 0; }
.solution-3-right-list1 ul li:hover .solution-3-r-cont { height: 82%; }
.solution-3-right-list1 ul li:hover .solution-3-r-cont:after { opacity: 1; }
.solution-3-right-list1 ul li:hover a { bottom: 0; opacity: 1; }
.solution-3-right-list2 { position: relative; height: 20%; }
.solution-3-right-list2 ul { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; }
.solution-3-right-list2 ul li { width: 33.333%; text-align: center; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; position: relative; }
.solution-3-right-list2 ul li i { display: inline-block; width: 38px; vertical-align: middle; margin-right: 10px; }
.solution-3-right-list2 ul li dl { display: inline-block; text-align: left; line-height: 1; vertical-align: middle; }
.solution-3-right-list2 ul li dl dt { font-size: 14px; color: #fff; margin-bottom: 10px; }
.solution-3-right-list2 ul li dl dd { font-size: 12px; color: rgb(255, 255, 255, 0.6); }
.solution-3-right-list2 ul li a { display: block; position: absolute; width: 100%; left: 0; right: 0; bottom: -10%; background: #1642e2; text-align: center; height: 35%; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 5; opacity: 0; }
.solution-3-right-list2 ul li:hover .solution-3-r-cont { height: 65%; }
.solution-3-right-list2 ul li:hover .solution-3-r-cont:after { opacity: 1; }
.solution-3-right-list2 ul li:hover a { bottom: 0; opacity: 1; }
.solution-3-right-list2 ul li:hover dl dt { color: #fd8561; }
.solution-popup { position: fixed; width: 80%; height: 90%; top: 5%; left: 10%; z-index: 91; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; background: #fff; border-radius: 10px; }
.solution-popup-box { height: 100%; width: 100%; position: relative; background: url(../images/solution-popup-bg.png) no-repeat 0 0; background-size: cover; box-sizing: border-box; padding: 30px; }
.solution-popup-box img { max-width: 100%; }
.solution-popup-close { position: absolute; right: 0; top: 0px; padding: 10px 10px 10px; cursor: pointer; z-index: 50; }
.solution-popup-close i { font-style: normal; font-weight: lighter; font-size: 32px; color: #999; }
.solution-popup.popShow { opacity: 1; visibility: visible; }
.solution-popup-left { left: 0; top: 0; bottom: 0; width: 260px; height: 100%; position: absolute; overflow: hidden; border-radius: 8px 0 0 8px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.solution-popup-left-inner { position: relative; height: 100%; width: 100%; }
.solution-popup-left-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 50px; }
.solution-popup-left-title h2 { font-size: 18px; line-height: 50px; padding-left: 25px; }
.solution-popup-left-list { padding-left: 25px; position: absolute; top: 65px; left: 0; right: 0; bottom: 10px; overflow: auto; }
.solution-popup-left-item { position: relative; min-height: 50px; padding-left: 20px; margin-bottom: 5px; }
.solution-popup-left-item:after { content: ""; position: absolute; width: 2px; top: 26px; left: 0; bottom: 0; background: #2e38cc; opacity: 0.5; }
.solution-popup-left-item:last-child:after { display: none; }
.solution-popup-left-item h3 { font-weight: normal; position: relative; margin-bottom: 3px; }
.solution-popup-left-item h3:after { content: ""; position: absolute; display: block; width: 14px; height: 14px; border: 2px solid #2e38cc; top: 50%; left: -26px; margin-top: -7px; border-radius: 20px; box-sizing: border-box; }
.solution-popup-left-item h3 a { display: block; font-weight: normal; font-size: 14px; color: #000; line-height: 26px; height: 26px; }
.solution-popup-left-item ul { display: none; }
.solution-popup-left-item ul li a { display: block; padding: 8px 0 8px 8px; color: #666; line-height: 1; font-size: 14px; }
.solution-popup-left-item.cur h3:after { border: 1px solid #fd8561; background: #fd8561; }
.solution-popup-left-item.cur ul { display: block; }
.solution-popup-left-item ul li.cur a { color: #fff; background: #2e38cc; }
.solution-popup-left-item ul li a:hover { background: rgba(46, 56, 204, 0.1); color: #000; }
.solution-popup-righ { height: 100%; position: relative; margin-left: 260px; height: 100%; }
.solution-popup-righ-info { position: absolute; left: 30px; top: 30px; right: 0; bottom: 10px; overflow: auto; padding-right: 35px; }
.solution-popup-righ-title { margin-bottom: 35px; }
.solution-popup-righ-title h2 { font-size: 24px; line-height: 32px; margin-bottom: 10px; }
.solution-popup-righ-title p { font-size: 18px; line-height: 27px; color: #666 }
.solution-popup-righ-cont img { max-width: 100%; }
.solution-5-cont { padding-top: 5%; color: #fff; width: 78%; margin: 0 auto; }
.solution-5-cont-til { margin-bottom: 4%; text-align: center; }
.solution-5-cont-til h2 { font-size: 42px; color: #fd8561; line-height: 1; font-weight: bolder; margin-bottom: 25px; }
.solution-5-cont-til h3 { font-size: 24px; color: #000; letter-spacing: 3px; line-height: 1; font-weight: lighter; margin-bottom: 25px; }
.solution-5-text { font-size: 24px; line-height: 42px; text-align: center; color: #000; }
.solution-5-text img { max-width: 100%; }
.solution-5-text strong { color: #e8382f; }

/*关于虹点*/
.about-banner { position: relative; border-radius: 0 0 0 220px; overflow: hidden; width: 100%; background: url(../images/about-banner.jpg) no-repeat 0 0; background-size: cover; }
.about-banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32, 20, 106, 0.8); z-index: 2; }
.about-banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 35%; z-index: 2; background: -webkit-linear-gradient(rgba(44, 50, 133, 1) 30%, rgba(44, 50, 133, 0)); background: -o-linear-gradient(rgba(44, 50, 133, 1) 30%, rgba(44, 50, 133, 0)); background: -moz-linear-gradient(rgba(44, 50, 133, 1) 30%, rgba(44, 50, 133, 0)); background: linear-gradient(rgba(44, 50, 133, 1) 30%, rgba(44, 50, 133, 0)); }
.about-banner>img { width: 100%; }
.about-banner-info { position: relative; margin-top: 10%; z-index: 5; color: #fff; }
.about-banner-info h2 { font-size: 42px; color: #fff; font-weight: normal; text-align: center; line-height: 1; letter-spacing: 3px; margin-bottom: 3%; }
.about-banner-logo { text-align: center; margin-bottom: 3%; }
.about-banner-logo ul { font-size: 0; }
.about-banner-logo ul li { display: inline-block; height: 100px; width: 320px; margin: 0 30px; background: #fff; border-radius: 10px; }
.about-banner-logo ul li p { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.about-banner-text { font-size: 22px; line-height: 42px; font-weight: lighter; padding: 0 5% 5% 5%; }
.about-banner-text p { text-indent: 2em; }
.team-introduction { width: 100%; background: url(../images/team-introduction-bg.png) no-repeat 0 bottom; background-size: 100% auto; padding-top: 4%; padding-bottom: 10% }
.team-box { background: #fff; box-shadow: 0 0 15px rgba(200, 200, 200, 0.25); padding: 45px 45px 3%; }
.team-info { padding: 0 75px 40px; border-bottom: 1px solid #e6e6e6; }
.team-photo { float: left; width: 318px; }
.team-text { margin-left: 418px; }
.team-text .team-title { margin-bottom: 45px; }
.team-title span { font-size: 32px; letter-spacing: 2px; line-height: 1; display: inline-block; vertical-align: middle; font-weight: bold; }
.team-title em { display: inline-block; vertical-align: middle; margin-right: 16px; }
.team-title i { display: inline-block; height: 6px; width: 6px; background: #2c3285; border-radius: 100%; opacity: 0.6; margin: 0 6px; }
.team-title em:before { content: ''; display: inline-block; height: 6px; width: 6px; background: #2c3285; border-radius: 100%; }
.team-title em:after { content: ''; display: inline-block; height: 6px; width: 6px; background: #2c3285; border-radius: 100%; opacity: 0.3 }
.team-text h3 { font-size: 24px; line-height: 1; margin-bottom: 30px; }
.team-text p { text-indent: 2em; font-size: 18px; line-height: 32px; margin-bottom: 20px; }
.team-list { padding: 30px 40px 40px; }
.team-list-info { position: relative; z-index: 2; box-sizing: border-box; padding-top: 14px; /* height: 320px;*/ }
.team-list-swiper { padding: 5px 1px 0; }
.team-list-info .swiper-pagination { position: absolute; width: 100%; height: 18px; }
.team-list-info .swiper-pagination-bullet { width: 18px; height: 18px; border: 1px solid #bac0d3; background: none; box-sizing: border-box; opacity: 1; position: relative; margin: 0 12px; }
.team-list-info .swiper-pagination-bullet:after { content: ""; display: block; width: 10px; height: 10px; background: #4e72ee; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; display: none; }
.team-list-info .swiper-pagination-bullet-active { border: 1px solid #1f3dac; }
.team-list-info .swiper-pagination-bullet-active:after { display: block; }
.team-list-info .swiper-slide { height: 380px; }
.team-list-item { height: 350px; background: #fff; outline: 1px solid rgba(199, 202, 208, 0.4); /*box-shadow: 0 5px 20px rgba(19, 20, 38, 0.1);*/ position: relative; margin: 0 17px; position: relative; padding: 10px 30px 10px 20px; box-sizing: border-box; }

/*.team-list-item:after { content: ""; border-radius: 10px; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(150deg, #2e38cc, #4f2ecc); background: -o-linear-gradient(150deg, #2e38cc, #4f2ecc); background: -moz-linear-gradient(150deg, #2e38cc, #4f2ecc); background: linear-gradient(150deg, #2e38cc, #4f2ecc); opacity: 0; }*/
.team-list-photo { width: 155px; float: left; height: 100%; }
.team-list-photo-pic { width: 100%; height: 220px; margin-bottom: 15px; }
.team-list-photo-pic img { width: 100%; }
.team-list-phot-text { font-size: 20px; line-height: 1; }
.team-list-phot-text span { display: block; margin-bottom: 6px; }
.team-list-phot-text em { font-style: normal; }
.team-list-text { margin-left: 195px; }
.team-list-text h3 { font-size: 16px; color: #2e38cc; font-weight: bold; margin-bottom: 13px; }
.team-list-text h3 span { color: #1332a7; }
.team-list-text p { font-size: 14px; color: #2b2b2b; line-height: 23px; }
.team-list-details { background: #2e38cc; font-size: 16px; color: #fff; position: absolute; right: 0; bottom: 30px; text-align: right; border-radius: 10px; padding: 5px 12px; }
.team-list-details i { font-style: normal; line-height: 1; padding-left: 4px; }
.team-list-item:hover .team-list-details { opacity: 1; color: #fff; background: #fd8561; }
.teme-personnel { background: #f1f2f6; width: 100%; padding-bottom: 4%; }
.teme-personnel-list { position: relative; height: 390px; margin-top: -8% }
.teme-personnel-item { float: left; width: 33.333%; text-align: center; position: relative; }
.teme-personnel-item:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: rgba(199, 202, 208, 0.8); }
.teme-personnel-item:first-child:after { display: none; }
.teme-personnel-cont { width: 380px; margin: 0 auto; }
.teme-personnel-pic { width: 100%; height: 178px; border-radius: 8px; overflow: hidden; position: relative; outline: 5px solid #fff; margin-bottom: 25px; }
.teme-personnel-pic img { width: 100%; }
.teme-personnel-cont h3 { font-size: 24px; line-height: 1; margin-bottom: 10px; }
.teme-personnel-text { font-size: 16px; line-height: 30px; }

/*新闻资讯*/
.news-banner { position: relative; border-radius: 0 0 0 160px; overflow: hidden; width: 100%; }
.news-banner img { width: 100%; }
.news-banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32, 20, 106, 0.8); z-index: 2; }
.news-banner-info { position: absolute; left: 0; right: 0; top: 42%; bottom: 0; z-index: 5; color: #fff; }
.news-banner-info h2 { font-size: 38px; color: #fff; font-weight: normal; text-align: center; line-height: 1; letter-spacing: 2px; margin-top: 2%; }
.news-banner-list { position: absolute; margin-top: -3%; z-index: 11; width: 300px; height: 56px; line-height: 40px; background: #fff; left: 50%; margin-left: -150px; color: #444; text-align: center; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); }
.news-banner-list a { color: #000; font-size: 20px; line-height: 40px; padding: 8px 15px; display: inline-block; }
.news-banner-list a:hover { color: #1f3dac; }
.news-banner-list a.cur { color: #1f3dac; }
.news-box-wd { width: 100%; padding: 2% 0 4% 0; }
.news-box-pd { width: 88%; padding: 2% 6%; }
.news-list-item:hover { border: 1px solid #e7eaf5; background: #f0f2f8; }
.news-list-item:hover .date { background: #1f3dac; color: #fff; }
.news-list-item:hover h3 { color: #1f3dac; }
.news-list-item { float: left; width: 46%; padding: 2%; margin: 15px 2%; border: 1px solid #e5e8ee; box-sizing: border-box; }
.news-list-item-pic { float: left; width: 100%; overflow: hidden; }
.news-list-item-pic img { max-width: 100%; width: 100%; }
.news-list-item-title { float: left; width: 100%; margin-top: 18px; }
.news-list-item-title .date { float: left; width: 12%; text-align: center; line-height: 24px; font-size: 14px; background: #f0f2f8; color: #222; padding: 8px 2px; border-radius: 4px; }
.news-list-item-title h3 { float: right; width: 84%; text-align: left; font-size: 20px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news-list-item-title .newscont { float: left; width: 100%; font-size: 14px; margin: 10px 0px; color: #808080; min-height: 78px; max-height: 78px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }

/*案例详情页*/
.case-blank-leftborder { float: left; width: 71%; padding: 3% 5%; box-sizing: border-box; border: 1px solid #d5d5d5; border-radius: 15px; }
.case-blank-leftborder h2 { float: left; font-size: 28px; line-height: 42px; width: 100%; margin: 0px; text-align: left; }
.case-blank-leftborder h3 { float: left; width: 100%; text-align: left; color: #808080; font-weight: normal; font-size: 14px; line-height: 46px; }
.case-blank-mintitle { float: left; margin: 10px 0px; font-size: 14px; border: 1px solid #2e38cc; background: #2e38cc; color: #fff; border-radius: 5px; padding: 4px 5px; line-height: 1; }

/*新闻详情页*/
.news-blank-box { width: 88%; padding: 2% 6%; }
.news-blank-leftbox { float: left; width: 71%; padding: 3% 5%; box-sizing: border-box; background: #f5f6f9; }
.news-blank-leftbox h2 { float: left; font-size: 28px; line-height: 42px; width: 94%; margin: 0px 3%; text-align: center; }
.news-blank-leftbox h3 { float: left; width: 100%; text-align: center; color: #808080; font-weight: normal; font-size: 14px; line-height: 46px; }
.news-blank-rightbox { float: left; width: 26%; margin-left: 3%; padding: 3% 3%; background: #f0f2f8; box-sizing: border-box; }
.news-blank-rightbox h3 { float: left; width: 100%; font-size: 20px; margin-top: 6px; margin-bottom: 8px; }
.news-blank-rightbox h4 { width: 100%; font-size: 20px; margin-top: 0px; margin-bottom: 12px; }
.news-blank-rightbox .r-n-list { float: left; width: 100%; }
.news-blank-rightbox .r-n-list ul { float: left; margin-bottom: 32px; }
.news-blank-rightbox .r-n-list ul li { float: left; width: 100%; line-height: 23px; padding: 10px 0px; border-bottom: 1px dotted #c2c2c2; }
.news-blank-rightbox .r-n-list ul  li span { float: left; padding-right: 6px; color: blue; }
.news-blank-rightbox .r-n-list ul  li a { color: #171d3c; font-size: 14px; }
.news-blank-rightbox .r-n-list ul  li a:hover { color: #1f3dac; }
.news-blank-ad { position: absolute; font-size: 14px; z-index: 11; width: 300px; height: 56px; line-height: 40px; left: 50%; margin-left: -150px; color: #fff; text-align: center; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); }
.news-blank-ad a { color: #fff; font-size: 14px; line-height: 40px; padding: 8px 0px; display: inline-block; letter-spacing: 2; }
.news-blank-ad a:hover { color: #fd8561; }
.news_blank_content { float: left; width: 100%; margin-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #d5d5d5; }
.news_blank_content img { max-width: 100%; }

/*标题分页篇*/
.news_fy { float: left; width: 100%; margin-top: 3%; }
.news_fy ul { float: left; }
.news_fy ul li { float: left; display: inline-block; width: 100%; line-height: 30px; margin-bottom: 6px; }
.news_fy ul li span { float: left; padding-right: 8px; color: blue; }
.news_fy ul li a { color: #444; font-size: 16px; }
.news_fy ul li a:hover { color: #1f3dac; }

/* 分页 */
.pageBox { position: relative; margin: 0 auto; padding: 0px; text-align: center; font-size: 16px; font-weight: bold; width: 100%; height: 40px; margin-top: 3%; margin-bottom: 5%; }
.pageBox:hover { border-radius: 5px; }
.pageBox .prev, .pageBox .next { padding: 10px 0px; }
.pageBox .prev a, .pageBox .next a { height: 12px; padding: 6px; overflow: hidden; line-height: 12px;    /*  width: 18px; */ }
.pageBox span { display: inline-block; }
.pageBox a { display: inline-block; margin: 0 4px; text-align: center; height: 12px; padding: 13px 16px 13px 16px; line-height: 12px; border: 1px solid #e5e8ee; background: #fff; overflow: hidden; text-decoration: none; color: #333; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.pageBox a:hover { border: 1px solid #1f3dac; background-color: #1f3dac; color: #fff; text-decoration: none; }
.pageHover a, .pageHover a:hover { border: 1px solid #fd8561; background-color: #fd8561; color: #fff; }

/*常见问题*/
.faq-box { width: 80%; padding: 2% 10%; }
.faq-leftbox { float: left; width: 25%; margin-right: 2%; padding: 0; box-sizing: border-box; }
.faq-leftbox h2 { float: left; font-size: 18px; line-height: 46px; width: 90%; padding: 0 5%; background: #2e38cc; border: 1px solid #2e38cc; color: #fff; border-radius: 10px 10px 0 0; }
.faq-leftbox-nav { float: left; width: 100%; }
.faq-leftbox h3 { float: left; width: 100%; text-align: center; color: #808080; font-weight: normal; font-size: 14px; line-height: 46px; }
.faq-rightbox { float: left; width: 73%; padding: 0 3%; box-sizing: border-box; border: 1px solid #e5e8ee; }
.faq-navBox { width: 100%; margin: 0 auto; border: 1px solid #e5e8ee; padding-bottom: 20px; border-radius: 0 0 10px 10px; }
.faq-navBox ul { display: none; width: 100%; cursor: pointer; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; }
.faq-navBox ul li { font-size: 14px; width: 100%; padding-left: 10%; color: #666; padding-top: 3px; padding-bottom: 3px; line-height: 30px; box-sizing: border-box; }
.faq-navBox ul li:hover { background: #e5e8ee; color: #222; }
.myDiv { width: 100%; height: 40px; background: #f1f3f7; margin-bottom: 1px; padding-left: 5%; line-height: 40px; font-size: 16px; color: #222; box-sizing: border-box; border-top: 1px solid #e5e8ee; border-bottom: 1px solid #e5e8ee; cursor: pointer; }
.myDiv:hover { color: #2e38cc; }
.faq-right-content { width: 100%; font-size: 14px; color: #666; line-height: 27px; padding: 3% 0px 5% 0px; }
.faq-right-content img { max-width: 100%; }
.faq-right-content-site { font-size: 12px; color: #666; margin-bottom: 15px; border-bottom: 1px solid #e5e8ee; padding-bottom: 8px; }
.faq-right-content-site a { color: #666; }
.faq-right-content-site a:hover { color: #2e38cc; }
.faq-right-content h3 { font-size: 16px; padding-bottom: 10px; }

/*下载中心*/
.down-navBox { width: 100%; margin: 0 auto; border: 1px solid #e5e8ee; padding-bottom: 20px; border-radius: 0 0 10px 10px; }
.down-navBox ul { display: block; width: 100%; cursor: pointer; box-sizing: border-box; padding-bottom: 8px; }
.down-navBox ul li { font-size: 16px; width: 100%; padding-left: 5%; color: #222; padding-top: 5px; padding-bottom: 5px; line-height: 32px; box-sizing: border-box; border-bottom: 1px solid #e5e8ee; }
.down-navBox ul li:hover { background: #e5e8ee; color: #2e38cc; }
.down-navBox ul li a { color: #222; }
.down-navBox ul li:hover a, .down-navBox ul li.cur a { color: #2e38cc; }
.down-list li { line-height: 50px; color: #666; border-bottom: 1px solid #e5e8ee; width: 100%; display: block; }
.down-list li:hover { background: #f1f3f7; }
.down-list li a { font-size: 15px; line-height: 16px; padding-left: 5px; width: 80%; display: inline-block; box-sizing: border-box; }
.down-list li span { text-align: right; width: 20%; display: inline-block; padding-right: 5px; box-sizing: border-box; }

/*联系我们*/
.contacts-box { width: 88%; padding: 2% 6%; }
.contacts-leftbox { float: left; width: 40%; margin-right: 2%; padding: 0 2%; box-sizing: border-box; }
.contacts-leftbox h2 { float: left; font-size: 28px; line-height: 42px; width: 94%; margin: 0px 3%; text-align: center; }
.contacts-leftbox h3 { float: left; width: 100%; text-align: center; color: #808080; font-weight: normal; font-size: 14px; line-height: 46px; }
.contacts-rightbox { float: left; width: 58%; padding: 0 3%; box-sizing: border-box; border-left: 1px solid #e5e8ee; }
.contact-grids { float: left; width: 100%; }
.contact-grids input, .contact-grids textarea { float: left; width: 100%; color: var(--font-color); background: #f0f2f8; font-size: 18px; line-height: 28px; font-weight: normal; font-style: normal; font-family: inherit; padding: 16px 26px; border: 1px solid #e5e8ee; outline: none; margin-bottom: 20px; border-radius: 4px; box-sizing: border-box; }
.messages-button { width: 100%; text-align: right; }
.btn-style { padding: 18px 36px; font-size: 16px; line-height: 16px; font-weight: 600; transition: 0.3s ease-in; border-radius: 4px; text-transform: capitalize; letter-spacing: 3px; }
.btn-primary { color: #fff; background-color: #2e38cc; border: 1px solid #2e38cc; }
.contact-grids textarea { height: 120px; margin: 0 0 20px 0; }
.contact-grids input:focus, .contact-grids textarea:focus { border: 1px solid #2e38cc; background: transparent; }
.btn-primary:hover { background: #4752ef; }
.contacts-text { float: left; width: 100%; }
.contacts-text p { margin-bottom: 25px; }
.contacts-text i.f-c-r-35 { display: inline-block; opacity: 1; visibility: visible; background: #e5e8ee; border-radius: 50%; margin-right: 15px; text-align: center; height: 65px; width: 65px; line-height: 25px; }
.contacts-text i.f-c-r-35 img { width: 25px; height: 25px; display: inline-block; padding: 20px; }
.contacts-text span { font-size: 18px; color: #000; }
.main-business { padding-top: 3%; width: 100%; font-size: 0; text-align: center; }
.main-business-item { display: inline-block; width: 42%; vertical-align: top; }
.main-business-pic { height: 260px; width: 100%; border: 10px solid #fff; box-sizing: border-box; overflow: hidden; }
.main-business-pic img { width: 100%; height: 100%; }
.main-business-item-info { width: 90%; background: #fff; margin: 0 auto; box-shadow: 0 0 15px rgba(200, 200, 200, 0.35); min-height: 470px; }
.main-business-text { padding: 25px 40px 0; text-align: left; }
.main-business-text h3 { font-size: 24px; line-height: 1; margin-bottom: 15px; }
.main-business-text p { font-size: 16px; line-height: 30px; }
.about-partner { width: 100%; padding: 4% 0 6%; }
.about-partner-list ul li { float: left; width: 14.28%; height: 110px; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; position: relative; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; }
.about-partner-list ul li:after { content: ""; position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; display: block; background: #e6e6e6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 5; }
.about-partner-list ul li:nth-of-type(-n+7) { border-top: 0; }
.about-partner-list ul li:nth-of-type(-n+7):after { display: none; }
.about-partner-list ul li:nth-child(7n) { border-right: 0; }
.about-partner-list ul li:nth-child(7n):after { display: none; }
.about-partner-list ul li i { display: block; }
.about-partner-list ul li i img { max-width: 90%; }
.solution-partner-list ul li { float: left; width: 14.28%; height: 110px; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; position: relative; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; }
.solution-partner-list ul li:after { content: ""; position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; display: block; background: #e6e6e6; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 5; }
.solution-partner-list ul li:nth-of-type(-n+7) { border-top: 0; }
.solution-partner-list ul li:nth-of-type(-n+7):after { display: none; }
.solution-partner-list ul li:nth-child(7n) { border-right: 0; }
.solution-partner-list ul li:nth-child(7n):after { display: none; }
.solution-partner-list ul li i { display: block; }
.solution-partner-list ul li i img { max-width: 90%; }

/*********************分辨率范围********************/

/*大分辨率2561以上分辨率CSS（含2561分辨率）*/
@media only screen and (min-width:2561px) {
	.row { }
}

/*PC版本 1680-1920分辨率CSS（不含1680分辨率-含1920分辨率）*/
@media screen and (min-width:1681px) and (max-width:1920px) {
	.row { width: 1600px; }

/*.nei_menu .nei_list > span { margin: 0 2%; }*/ }

/*宽屏 1440-1680分辨率（不含1440分辨率-含1680分辨率）*/
@media screen and (min-width:1441px) and (max-width:1680px) {
	.row { width: 1400px; margin: 0 auto;        /* background: #302f78;*/ }
	.nav-list>li { margin-left: 50px; }

	/*=========================== 首页 ========================== */

	/*.main-nav li { margin-right: 25px; }*/

	/*.header-operate { margin-left: 20px; }*/
	.h-banner-pop h2 { font-size: 48px; line-height: 65px; }
	.h-banner-pop h3 { font-size: 48px; }
	.h-b-icon li p { font-size: 16px; line-height: 27px; }
	.h-falc-list li { font-size: 14px; }
	.h-jt-hd h2, .h-zl-title h2 { font-size: 38px; }
	.h-jt-l-hd h4 { font-size: 21px; }
	.h-jt-l-hd h3 { font-size: 32px; }
	.h-jt-l-pic { height: 335px; }
	.h-jt-l-hd i { width: 49px; }
	.h-jt-l-hd i img { width: 100%; }
	.h-n-hd span { font-size: 54px; }
	.h-n-hd h2 { font-size: 36px; }
	.h-n-hd p { font-size: 14px; }
	.h-n-tab a { font-size: 22px; }
	.h-banner-pop p { margin-bottom: 14px; }
	.h-b-video { margin-bottom: 10px; }
	.h-banner .swiper-button-next i { margin-right: -70px; }
	.h-banner .swiper-button-prev i { margin-left: -70px; }
	.nei_menu .nei_list a { font-size: 16px }
	.nei_menu .nei_list a:hover { font-size: 16px; }
	.nei_menu .nei_list>span { margin: 0 2%; }
	.h-what-item h3 { font-size: 22px; }
	.h-what-item p { font-size: 16px; line-height: 27px; }
	.h-what-details { font-size: 16px; }
	.h-p-v-i-list li i { height: 44px; width: 40px; }
	.h-p-v-i-title i { height: 58px; width: 58px; }
	.h-p-v-i-text { width: 265px; height: 116px; }
	.h-p-v-i-list li { height: 112px; width: 154px; }
	.h-p-v-i-title i { height: 50px; width: 50px; }
	.h-p-v-i-title { height: 140px; width: 140px; }
	.banner-video { width: 350px; height: 250px; right: -20px; }
	.team-text p { font-size: 16px; line-height: 27px; }
	.team-list-item h3 { margin-bottom: 12px; }
	.team-list-item p { font-size: 14px; line-height: 21px; }

	/*=========================== 内页 ========================== */
	.news-banner-info h2 { font-size: 32px; }
	.solution-1-info h2 { font-size: 48px; }
	.solution-title h2 { font-size: 38px; }

	/*	.team-box{ padding: 45px 45px 5%;}*/
	.about-banner-text { font-size: 20px; line-height: 38px; }

	/*	.team-list-info .swiper-slide { height: 390px; }
	.team-list-item { height: 385px; }*/ }

	/*宽屏 笔记本1280-1440分辨率（不含1280分辨率-含1440分辨率）*/
	@media screen and (min-width:1281px) and (max-width:1440px) {
		.row { width: 1200px; margin: 0 auto; }

		/*头部*/
		.header { height: 76px; }
		.header-wrap { height: 76px; }
		.header .logo { width: 180px; height: 76px; }
		.header-wrap.header-wrapAdd { height: 76px; }
		.header-wrap.header-wrapAdd .header { height: 76px; }
		.header-wrap.header-wrapAdd .main-nav li { line-height: 76px; }
		.main-nav li { line-height: 76px; margin-left: 40px; }
		.nav-list>li a { font-size: 18px; }
		.header-tel { margin-left: 45px; line-height: 76px; font-size: 18px; }
		.header-right { height: 76px; margin-left: 60px; }
		.header-btn a { height: 42px; line-height: 42px; font-size: 18px; }
		.header-btn a i { height: 22px; width: 22px; margin-right: 12px; }
		.header-btn a:hover i { height: 22px; width: 22px; margin-right: 12px; }

		/*=========================== 首页 ========================== */
		.h-banner-video-pop-cont { width: 100%; }
		.banner-video { position: absolute; width: 300px; height: 214px; right: 50px; bottom: -20px; }
		.banner-video-btn { width: 72px; height: 72px; margin: -36px 0 0 -36px; }
		.banner-video-btn:after { margin: -19px 0 0 -9px; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 28px solid #fff; }
		.h-banner-pop { top: 30%; }
		.h-banner-pop-txt { width: 50%; }
		.h-banner-pop-txt h2 { font-size: 42px; line-height: 56px; font-weight: bolder; margin-bottom: 6%; }
		.h-banner-pop-txt h2 sup { ; font-size: 28px; position: relative; padding-top: 10px; }
		.h-banner-pop-txt p { font-size: 18px; line-height: 32px; }
		.h-title { margin-bottom: 2%; }
		.h-title h2 { font-size: 36px; }
		.h-title p { font-size: 22px; }
		.h-puzzle { padding-top: 8%; }
		.h-puzzle-item p { font-size: 18px; }
		.h-puzzle-icon { width: 76px; height: 68px; margin: 0 auto 20px; }
		.h-puzzle-flow ul li:after { width: 117px; right: -55px; top: 15px; }
		.h-what { padding-top: 8%; }
		.h-what-cont { padding-bottom: 29%; }
		.h-what-swiper { padding: 80px 1px 40px; }
		.h-what-item h3 { font-size: 24px; }
		.h-projectValue .h-title { top: -120px; }
		.h-p-v-i-list { width: 60%; }
		.h-p-v-i-list li { width: 38%; height: 70px; display: flex; align-items: center; padding-top: 0; margin: 0 0 13px 72px; }
		.h-p-v-i-list li i { margin: 0 10px 0 20px; width: 40px; height: 36px; }
		.h-p-v-i-text { width: 23%; }
		.h-rent { padding: 7% 0 2%; margin-bottom: 9%; }
		.h-rent .h-title { margin-bottom: 3%; }
		.h-rent-item h3 { font-size: 24px; }
		.h-rent-item p { font-size: 18px; }
		.h-application-item h3 { font-size: 24px; padding: 45px 0 0 40px; }
		.h-application-item { height: 220px; }
		.h-a-item-ft { font-size: 16px; }
		.h-a-item1-text h3 { font-size: 28px }
		.h-a-item1-text ul li a { font-size: 16px; line-height: 27px; }
		.h-case { padding-top: 8%; padding-bottom: 6%; }
		.h-case-more a { font-size: 20px; }
		.h-news .h-title { margin-bottom: 4%; }
		.h-news-box { padding: 6% 3% 4%; }
		.h-pic-news { width: 380px; }
		.h-news-title h2 { font-size: 22px; }
		.h-company-news-list ul li h3 { font-size: 18px; }
		.h-company-news { width: 34%; }
		.h-prod-news { width: 26%; }
		.h-prod-news-list li a { font-size: 16px; line-height: 20px; display: block; }

		/*footer*/
		.footer-wrap { padding-top: 12%; }
		.footer-nav-item h3 { font-size: 20px; line-height: 38px; }
		.f-c-right h3 { font-size: 20px; line-height: 38px; }
		.footer-nav ul li a { font-size: 18px; line-height: 44px; }
		.footer-links h3 { font-size: 20px; line-height: 38px; }

		/*=========================== 内页 ========================== */
		.all-title h2 { font-size: 36px; }

		/*关于虹点*/
		.about-banner-info h2 { font-size: 36px; }
		.about-banner-text { font-size: 18px; line-height: 36px; }
		.about-banner-logo ul li { height: 80px; width: 280px; margin: 0 30px; }
		.about-banner-logo ul li img { width: 65%; }
		.team-box { padding: 45px 45px 7%; }
		.team-title span { font-size: 28px; }
		.team-list-info { height: 420px; }
		.team-list-info .swiper-slide { height: 450px; }
		.team-list-item { margin: 0; height: 420px; }

		/*客户案例*/
		.case-page-nav-swiper .swiper-slide a { font-size: 20px; }
		.case-page-nav-scroll { top: 76px }
		.case-item { min-height: 400px; }
		.case-text-title h3 { font-size: 18px; }
		.case-text-details { font-size: 16px; }
		.case-right { padding: 30px 30px 35px; }
		.case-video-list h3 { font-size: 20px; }
		.case-video-text { font-size: 14px; line-height: 18px; bottom: 10px; }
		.case-video-pic { height: 150px; }
		.news-banner-info h2 { font-size: 32px; }

		/*软件产品*/
		.product-page-nav { top: 76px; }
		.product-top .content .picture-box { margin: 5% 7% 0 !important; }

		/*解决方案*/
		.solution-1-info h2 { font-size: 42px; }
		.solution-1-info p { font-size: 24px; }
		.solution-1-info span { font-size: 20px; }
		.solution-title h2 { font-size: 32px; }
		.solution-2-tab-item { padding: 25px 55px 0 55px; }
		.solution-3-cont .solution-title { margin-bottom: 60px; }
		.solution-3-box { top: 25%; }
	}

	/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/
	@media screen and (min-width:1025px) and (max-width:1280px) {
		.row { width: 90%; margin: 0 5%;        /*background: #F51C81*/ }

		/*头部*/
		.header { height: 72px; }
		.header-wrap { height: 72px; }
		.header .logo { width: 170px; height: 72px; }
		.header-wrap.header-wrapAdd { height: 72px; }
		.header-wrap.header-wrapAdd .header { height: 72px; }
		.header-wrap.header-wrapAdd .main-nav li { line-height: 72px; }
		.main-nav li { line-height: 72px; margin-left: 15px; }
		.nav-list>li a { font-size: 18px; }
		.header-tel { margin-left: 20px; line-height: 72px; font-size: 18px; }
		.header-right { height: 72px; margin-left: 80px; }
		.header-btn a { height: 38px; line-height: 38px; font-size: 18px; border-radius: 6px; }
		.header-btn a i { height: 18px; width: 18px; margin-right: 10px; }

		/*=========================== 首页 ========================== */
		.h-banner-video-pop-cont { width: 100%; }
		.banner-video { position: absolute; width: 300px; height: 214px; right: 80px; bottom: -30px; }
		.banner-video-btn { width: 72px; height: 72px; margin: -36px 0 0 -36px; }
		.banner-video-btn:after { margin: -19px 0 0 -9px; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 28px solid #fff; }
		.h-banner-pop { top: 30%; }
		.h-banner-pop-txt { width: 50%; }
		.h-banner-pop-txt h2 { font-size: 42px; line-height: 56px; font-weight: bolder; margin-bottom: 6%; }
		.h-banner-pop-txt h2 sup { ; font-size: 28px; position: relative; padding-top: 10px; }
		.h-banner-pop-txt p { font-size: 18px; line-height: 32px; }
		.h-title { margin-bottom: 2%; }
		.h-title h2 { font-size: 36px; }
		.h-title p { font-size: 22px; }
		.h-puzzle { padding-top: 8%; }
		.h-puzzle-item p { font-size: 18px; }
		.h-puzzle-icon { width: 76px; height: 68px; margin: 0 auto 20px; }
		.h-puzzle-flow ul li:after { width: 117px; right: -55px; top: 15px; }
		.h-what { padding-top: 8%; }
		.h-what-cont { padding-bottom: 29%; }
		.h-what-swiper { padding: 80px 1px 40px; }
		.h-what-item h3 { font-size: 24px; }
		.h-projectValue .h-title { top: -120px; }
		.h-p-v-i-list { width: 60%; }
		.h-p-v-i-list li { width: 38%; height: 70px; display: flex; align-items: center; padding-top: 0; margin: 0 0 13px 72px; }
		.h-p-v-i-list li i { margin: 0 10px 0 20px; width: 40px; height: 36px; }
		.h-p-v-i-text { width: 23%; }
		.h-rent { padding: 7% 0 2%; margin-bottom: 9%; }
		.h-rent .h-title { margin-bottom: 3%; }
		.h-rent-item h3 { font-size: 24px; }
		.h-rent-item p { font-size: 18px; }
		.h-application-item h3 { font-size: 24px; padding: 45px 0 0 40px; }
		.h-application-item { height: 220px; }
		.h-a-item-ft { font-size: 16px; }
		.h-a-item1-text h3 { font-size: 28px }
		.h-a-item1-text ul li a { font-size: 16px; line-height: 27px; }
		.h-case { padding-top: 8%; padding-bottom: 6%; }
		.h-case-more a { font-size: 20px; }
		.h-news .h-title { margin-bottom: 4%; }
		.h-news-box { padding: 6% 3% 4%; }
		.h-pic-news { width: 380px; }
		.h-news-title h2 { font-size: 22px; }
		.h-company-news-list ul li h3 { font-size: 18px; }
		.h-company-news { width: 34%; }
		.h-prod-news { width: 26%; }
		.h-prod-news-list li a { font-size: 16px; line-height: 20px; display: block; }

		/*footer*/
		.footer-wrap { padding-top: 12%; }
		.footer-nav-item h3 { font-size: 20px; line-height: 38px; }
		.f-c-right h3 { font-size: 20px; line-height: 38px; }
		.footer-nav ul li a { font-size: 18px; line-height: 44px; }
		.footer-links h3 { font-size: 20px; line-height: 38px; }

		/*=========================== 内页 ========================== */
		.all-title h2 { font-size: 36px; }

		/*关于虹点*/
		.about-banner-info h2 { font-size: 36px; }
		.about-banner-text { font-size: 18px; line-height: 36px; }
		.about-banner-logo ul li { height: 80px; width: 280px; margin: 0 30px; }
		.about-banner-logo ul li img { width: 65%; }
		.team-box { padding: 45px 45px 7%; }
		.team-title span { font-size: 28px; }
		.team-list-info { height: 420px; }
		.team-list-info .swiper-slide { height: 450px; }
		.team-list-item { margin: 0; height: 420px; }

		/*客户案例*/
		.case-page-nav-swiper .swiper-slide a { font-size: 20px; }
		.case-page-nav-scroll { top: 76px }
		.case-item { min-height: 400px; }
		.case-text-title h3 { font-size: 18px; }
		.case-text-details { font-size: 16px; }
		.case-right { padding: 30px 30px 35px; }
		.case-video-list h3 { font-size: 20px; }
		.case-video-text { font-size: 14px; line-height: 18px; bottom: 10px; }
		.case-video-pic { height: 150px; }
		.news-banner-info h2 { font-size: 32px; }

		/*软件产品*/
		.product-page-nav { top: 72px; }
	}

	/***************移动设备竖向1024分辨率以下通用样式区（含1024px）***************/
	@media only screen and (max-width:1024px) {
		.row { }
		.main-nav { display: none; }
		.wap-nav-icon { display: block; }
		.wap-nav-list>ul>li>p { display: block; width:100%; }

		/* 手机页面导航 */
		.wap-page-nav { display: block; }
		.nei-menu-box { display: none; }
		.wap-popCur { opacity: 1; visibility: visible; }
		.wap-nav .navdown-min{ width:100% !important; height: auto !important; }
/*		.wap-nav .navdown-min ul{ height: auto !important; }
*/
		/*头部*/
		.header { height: 58px; }
		.header-height { height: 58px; }
		.header-height.header-heightCur { height: 58px; }
		.header-wrap, .header-wrap.header-wrapAdd { height: 58px; background: #2e38cc; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12); border-bottom: 1px solid #2e38cc; }
		.header-wrap.header-wrapAdd .header { height: 58px; }
		.header .logo { width: 130px; height: 58px; }
		.main-nav li { margin-right: 18px; line-height: 58px; }
		.main-nav li a { font-size: 12px; }
		.main-nav .nav-list>li .dropdown-menu li a { font-size: 12px; line-height: 27px; height: 27px; }
		.header-tel { display: none; }
		.header-btn { display: none; }

		/*服务热点*/
		.service-hot-box { margin: 0 auto 60px; }

		/*底部*/
		.f-c-left { width: 100%; }
		.f-c-right { width: 100%; }
		.footer-nav-item h3 { font-size: 18px; line-height: 28px; }
		.footer-nav ul li a { font-size: 14px; line-height: 40px; }
		.footer-links { margin-bottom: 5% }
		.footer-links h3 { font-size: 18px; line-height: 28px; }
		.footer-links ul li a { font-size: 14px; }
		.f-c-right h3 { font-size: 18px; line-height: 28px; }
		.f-c-rnav p { font-size: 14px; margin-bottom: 10px }
		.f-c-rnav p i { margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; }
		.f-c-rnav p i.f-c-r-11 img { width: 16px; height: 16px; vertical-align: top; }
		.f-c-rnav span { font-size: 14px }
		.ewm-box { margin-top: 5%; }
		.copyright-text { font-size: 14px; }
		.icp-text, .icp-text a { font-size: 14px; }

		/*首页*/
		.h-banner-pop h2 { font-size: 48px; }
		.h-b-icon li i { width: 70px; }
		.h-b-icon li i img { max-width: 100%; }
		.h-b-more a { font-size: 14px; }

		/*=============================内页=============================*/

		/*软件产品*/
		.product-page-nav { top: 58px; }

		/*客户案例*/
		.case-page-nav-scroll { top: 58px; }
	}

	/*ipad横向768-1024以内样式表（不含768分辨率-含1024分辨率）*/
	@media screen and (min-width:768px) and (max-width:1024px) {
		.row { width: 90%; margin: 0 5%;        /*background: red;*/ }
	}

	/*phone横向480-ipad竖向768分辨率（不含480分辨率-含768分辨率）*/
	@media screen and (min-width:480px) and (max-width:768px) {
		.row { width: 94%; margin: 0 3%;        /* background: #F1A619;*/ }
		.wap-pop { width: 100%; }
	}

	/*phone竖向480分辨率以下（含480px）*/
	@media only screen and (max-width:480px) {
		.row { width: 90%; margin: 0 5%; }
		.header .row { width: 90%; margin: 0 5%; }
		.main-nav { display: none; }
		.wap-pop { width: 100%; }
		.video-popup { width: 92%; }
		.video-popup-colse { right: 50%; margin-right: -16px; top: auto; bottom: -100px; }

		/*头部*/
		.header { height: 58px; }
		.header-wrap { height: 58px; }
		.header-height { height: 58px; }
		.header-right { height: 58px; }

		/*底部*/
		.footer { padding-bottom: 55px }
		.footer-cont { padding: 0 0 6% 0; }
		.footer-nav-item { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; }
		.footer-nav-item h3 { font-size: 16px }
		.footer-nav-item h3 span { display: block; }
		.footer-nav-item h3 i { opacity: 1; }
		.footer-nav-item ul { display: none; }
		.footer-product-nav-item { width: 100%; margin-right: 0; }
		.footer-product-nav-item ul { height: auto; column-count: 1; }

		/*.footer-product-nav-item ul li{ width:100%; }*/
		.footer-links h3 { font-size: 16px }
		.f-c-right h3 { font-size: 16px }
		.ewm-box { display: none; }
		.f-bot-l { width: 100%; }
		.f-bot-r { width: 100%; text-align: left; }
		.f-bot-r p { text-align: left; }
		.f-bottom { padding: 30px 0; }
		.copyright-text { margin-bottom: 10px; }
		.icp-text { margin-bottom: 10px; }
		.elevator-bar { bottom: 0; left: 0; right: 0; width: 100%; height: 55px; }
		.elevator-bar li { margin-bottom: 0; float: left; width: 33.333%; height: 55px; }
		.elevator-bar a { width: 100%; }
		.elevator-bar li i { height: 33px; }
		.li-weixin { display: none; }
		.wap-li-tel { display: block; }
		.li-tel { display: none; }

		/*在线申请*/
		.onlineApplication-pop-left { display: none; }
		.onlineApplication-pop-righ { width: 100%; }
		.onlineApplication-pop { width: 90%; top: 2.5%; bottom: 2.5%; right: 5%; left: 5%; height: auto; margin: 0; }
		.onlineApplication-pop-hd h2 { font-size: 24px }
		.onlineApplication-pop-process { width: 70%; }
		.onlineApplication-pop-form ul li { height: 45px; margin-bottom: 20px; }
		.onlineApplication-pop-form ul li input { font-size: 14px; }
		.onlineApplication-pop-btn button { padding: 10px 15px; }

		/*首页*/
		.h-banner { height: 17rem; }
		.h-banner-swiper .swiper-slide>img { object-fit: cover; width: 100%; object-position: -15rem 0; height: 19rem }
		.h-banner-bg { bottom: -4px; }
		.h-banner-pop { top: 14%; }
		.h-banner-pop-txt { width: 90%; text-align-last: left; margin: 0 auto; }
		.h-banner-pop h2 { font-size: 24px; line-height: 30px; }
		.h-banner-pop-txt h2 sup { font-size: 16px; padding-top: 3px; }
		.h-banner-pop-txt p { font-size: 13px; line-height: 24px; margin-bottom: 0; }
		.h-b-bt a{line-height:30px; font-size: 14px; margin-top: 6px; width: 90px; text-align-last: center;}
		.h-banner-video-pop { display: none; }
		.banner-video { position: static; width: 100%; height: auto; }
		.h-title { margin-bottom: 6%; }
		.h-title h2 { font-size: 24px; letter-spacing: 0; margin-bottom: 15px; }
		.h-title p { font-size: 14px; letter-spacing: 0; line-height: 24px; }
		.h-banner .swiper-pagination { bottom: 20px; }
		.h-banner .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; }

		/*您的工厂是否也遇到这些难题？*/
		.h-puzzle { padding-top: 12%; }
		.h-puzzle-flow ul li { width: 100%; display: block; text-align: left; height: 90px; border: 1px solid #e6e6e6; border-radius: 6px; margin-bottom: 10px; box-sizing: border-box; padding: 15px 20px; }
		.h-puzzle-icon { float: left; margin: 0; width: 60px; height: 53px; }
		.h-puzzle-item p { font-size: 16px; margin-left: 90px; }
		.h-puzzle-flow ul li:after { display: none; }

		/*我们能做什么？*/
		.h-what { padding-top: 13%; }
		.h-what .h-title { margin-bottom: 0; }
		.h-what-info { padding: 35px 30px 0 30px; }
		.h-what-cont { padding-bottom: 270px; }
		.h-what-item h3 { font-size: 18px; margin-bottom: 15px; }
		.h-what-item p { font-size: 14px; line-height: 27px; }
		.h-what-cont { height: 330px }
		.h-what-swiper { padding: 75px 1px 30px; }
		.h-what-cont .swiper-slide { height: 330px }
		.h-what-item { height: 330px }
		.h-what-icon { width: 84px; height: 84px; top: -80px; }
		.h-what-icon i, .h-what-icon em { width: 84px; height: 84px; }
		.h-what-details { font-size: 14px; right: 30; bottom: 25px; }

		/*项目价值*/
		.h-projectValue .h-title { top: -85px; }
		.h-p-v-item:after { content: ""; width: 61px; height: 28px; position: absolute; bottom: -43px; margin-left: -30px; left: 50%; background: url(../images/h-p-v-i-title-arrow.png) no-repeat 0 0/100%; }
		.h-p-v-item:last-child:after { display: none; }
		.h-p-v-i-title { width: 100%; margin-right: 0; height: auto; padding: 15px 0; }
		.h-p-v-i-title:after { display: none; }
		.h-p-v-i-title i { width: 30px; height: 30px; display: inline-block; margin: 0 15px 0 0; vertical-align: middle; }
		.h-p-v-i-title span { font-size: 18px; vertical-align: middle; }
		.h-p-v-i-list li { width: 48%; border-radius: 5px; height: auto; text-align: left; padding: 6px; margin: 12px 0 0 0; }
		.h-p-v-i-list li:after { display: none; }
		.h-p-v-i-list li:nth-child(even) { float: right; }
		.h-p-v-i-list li i { width: 24px; height: 22px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; }
		.h-p-v-i-list li i img { vertical-align: top; }
		.h-p-v-i-list li span { font-size: 14px; vertical-align: middle; line-height: 1; }
		.h-p-v-i-text { width: 100%; border-radius: 10px; margin-top: 20px; padding: 15px 0; height: auto; border: 1px dashed #fff; }

		/*交付模式*/
		.h-rent { padding: 12% 0 4%; margin-bottom: 13%; }
		.h-rent-item { width: 100%; margin-right: 0; margin-bottom: 20px; height: 165px; }
		.h-rent-item h3 { font-size: 18px; margin-bottom: 10px; }
		.h-rent-item p { font-size: 14px; line-height: 24px; }
		.h-rent-mark { width: 90px; height: 65px; }
		.h-rent-info { height: 165px; }

		/*应用行业*/
		.h-application-cont { padding-right: 0; }
		.h-application-item { margin-bottom: 15px; height: 160px; width: 100%; margin-right: 0; }
		.h-application-item1 { position: static; width: 100%; float: left; position: relative; margin-bottom: 15px; height: 400px; }
		.h-application-item.item6, .h-application-item.item7 { margin-bottom: 15px; }
		.h-application-item .h-application-pic { height: 160px; }
		.h-application-item h3 { font-size: 20px; padding: 30px 0 0 30px; }
		.h-a-item-ft { height: 36px; line-height: 36px; }
		.h-a-item-ft a { font-size: 14px; }
		.h-a-item1-text { top: 230px; padding: 0 30px; height: 110px; overflow: hidden; }
		.h-a-item1-text h3 { font-size: 24px; margin-bottom: 20px; }
		.h-a-item1-text ul li { margin-bottom: 15px; }
		.h-a-item1-text ul li a { font-size: 14px; line-height: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
		.h-application-video-btn { width: 60px; height: 60px; }
		.h-application-video-btn:after { margin: -15px 0 0 -6px; border-top: 15px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid #fff; }

		/*合作客户*/
		.h-case { padding: 10% 0; }
		.h-case-box { padding-left: 0; }
		.h-case-tab { position: static; width: 100%; }
		.h-case-tab ul { font-size: 0; }
		.h-case-tab ul li { display: inline-block; width: 25%; }
		.h-case-tab ul li a { font-size: 14px; padding: 4px 0; border: 0; border-radius: 0; }
		.h-case-tab ul li.cur a, .h-case-tab ul li a:hover { border: 0; }
		.h-case-tab ul li a:after { right: auto; left: 50%; top: auto; bottom: -18px; margin-top: 0; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #2e38cc; }
		.h-case-more { margin-top: 30px; }
		.h-case-more a { font-size: 16px; }
		.h-case-item ul li { width: 50%; height: 76px; }
		.h-case-item ul li:after { top: -8px; right: -8px; width: 16px; height: 16px; }
		.h-case-item ul li i img { max-width: 70%; }
		.h-case-item ul li:nth-child(1), .h-case-item ul li:nth-child(2) { border-top: 0; }
		.h-case-item ul li:nth-child(3), .h-case-item ul li:nth-child(4), .h-case-item ul li:nth-child(5) { border-top: 1px solid #d5d5d5; }
		.h-case-item ul li:nth-child(5) { border-right: 1px solid #d5d5d5; }
		.h-case-item ul li:nth-child(even) { border-right: 0; }
		.h-case-item ul li:nth-child(3):after, .h-case-item ul li:nth-child(5):after { display: block; }
		.h-case-item ul li:nth-child(1):after, .h-case-item ul li:nth-child(even):after { display: none; }

		/*虹点资讯*/
		.h-news-box { padding: 12% 0 6%; }
		.h-pic-news-info { padding: 30px }
		.h-pic-news-info h3 { font-size: 18px; }
		.h-pic-news { width: 100%; margin-right: 0; margin-bottom: 40px; }
		.h-company-news { width: 100%; padding: 0 30px; box-sizing: border-box; margin-bottom: 20px; }
		.h-company-news-list ul li h3 { font-size: 18px; }
		.h-prod-news { width: 100%; padding: 0 30px; box-sizing: border-box; }
		.h-prod-news-list li { margin-bottom: 10px; }
		.h-prod-news-list li a { font-size: 14px; line-height: 22px; display: block; }

		/*服务热线*/
		.service-hot { width: 90%; margin: 0 5%; }
		.service-hot-box { width: 100%; padding: 30px 0 0 35px; height: 190px; background: url(../images/service-hot-bg.jpg) no-repeat 55% 0; background-size: cover; }
		.service-hot-info p { font-size: 22px; }
		.service-hot-info strong { font-size: 28px; }
		.service-hot-btn a { height: 36px; line-height: 36px; font-size: 14px; border-radius: 4px; }
		.service-hot-btn a i { height: 20px; width: 20px; }
		.wx-icon { display: none; }

		/*=============================内页=============================*/
		.all-title { margin-bottom: 8%; }
		.all-title h2 { font-size: 24px; line-height: 34px; letter-spacing: 0; margin-bottom: 15px; }
		.all-title p { font-size: 14px; line-height: 24px; }

		/*关于虹点*/
		.about-banner { border-radius: 0 0 0 90px; }
		.about-banner-info { margin-top: 15%; }
		.about-banner-info h2 { font-size: 24px; margin-bottom: 8%; }
		.about-banner-text { font-size: 14px; line-height: 27px; padding: 0 2% 25% 2%; }
		.about-banner-logo ul li { width: 46%; margin: 2%; border-radius: 6px; height: 50px; }
		.about-banner-logo ul li p img { width: 70%; }
		.team-introduction { padding-top: 12%; padding-bottom: 18%; }
		.team-box { padding: 0; }
		.team-info { padding: 0; }
		.team-photo { width: 100%; margin-right: 0; float: none; }
		.team-photo img { width: 100%; }
		.team-text { padding: 30px 20px; margin-left: 0; }
		.team-title span { font-size: 24px; }
		.team-text .team-title { margin-bottom: 35px }
		.team-text h3 { font-size: 18px; margin-bottom: 20px; }
		.team-text p { text-indent: 2em; font-size: 14px; line-height: 27px; margin-bottom: 15px; }
		.team-list { padding: 40px 0; }
		.team-list-info { height: auto; padding-top: 20px; }
		.team-list-info .swiper-slide { height: 620px; }
		.team-list .team-title { margin-left: 17px; }
		.team-list-item { height: 600px; margin: 0 20px; padding: 20px 20px 0; }
		.team-list-photo { width: 100%; margin-right: 0; margin-bottom: 25px; height: auto; }
		.team-list-photo-pic { width: 50%; height: auto; margin-bottom: 0; float: left; }
		.team-list-phot-text { font-size: 16px; margin-left: 55%; }
		.team-list-text { margin-left: 0; }
		.teme-personnel { padding-bottom: 0; }
		.teme-personnel-item { width: 100%; margin-bottom: 45px; }
		.teme-personnel-cont { width: 100%; }
		.teme-personnel-item:after { display: none; }
		.teme-personnel-pic { height: auto; }
		.teme-personnel-cont h3 { font-size: 18px; line-height: 24px; }
		.teme-personnel-text { font-size: 14px; line-height: 24px; }
		.main-business { padding-top: 10%; }
		.main-business-item { width: 100%; margin-bottom: 20px; }
		.main-business-item-info { width: 100%; min-height: 170px; }
		.main-business-pic { height: auto; }
		.main-business-pic img { height: auto; }
		.main-business-text { padding: 15px 30px 20px; }
		.main-business-text h3 { font-size: 18px; }
		.main-business-text p { font-size: 14px; line-height: 24px; }
		.about-partner { padding: 4% 0 10%; }
		.about-partner-list ul li { width: 33.333%; height: 55px; }
		.about-partner-list ul li i img { max-width: 85%; }
		.about-partner-list ul li:after { top: -6px; right: -6px; width: 12px; height: 12px; }
		.about-partner-list ul li:nth-of-type(-n+7) { border-top: 1px solid #d5d5d5; }
		.about-partner-list ul li:nth-of-type(-n+7):after { display: block; }
		.about-partner-list ul li:nth-child(7n) { border-right: 1px solid #d5d5d5; }
		.about-partner-list ul li:nth-child(7n):after { display: block; }
		.about-partner-list ul li:nth-of-type(-n+3) { border-top: 0; }
		.about-partner-list ul li:nth-of-type(-n+3):after { display: none; }
		.about-partner-list ul li:nth-child(3n) { border-right: 0; }
		.about-partner-list ul li:nth-child(3n):after { display: none; }

		/*客户案例*/
		.page-wrap { margin-top: 0px; }
		.case-wrap { padding: 6% 0 4%; }
		.case-wrap .all-title { margin-bottom: 4%; }
		.case-page-nav-height { height: 46px; margin-bottom: 7%; }
		.case-page-nav-swiper .swiper-slide { margin: 0 12px; }
		.case-page-nav-swiper .swiper-slide a { font-size: 16px; padding: 10px 0; }
		.case-page-nav-scroll { height: 50px; }
		.case-page-nav-scroll .case-page-nav-swiper .swiper-slide a { font-size: 16px; line-height: 50px; padding: 0; }
		.case-page-nav-scroll .case-page-nav-list { }
		.case-left { width: 100%; }
		.case-item { width: 100%; margin: 0 0 4%; min-height: 400px; }
		.case-text { padding: 20px 25px 60px; }
		.case-text-title { font-size: 18px; }
		.case-text-title h3 { font-size: 18px; }
		.case-text p { font-size: 14px; line-height: 24px; }
		.case-text-details { font-size: 14px; right: 25px; bottom: 15px; }
		.case-right { width: 100%; background: none; padding: 0; }
		.case-video-list h3 { font-size: 18px; margin-bottom: 20px; }
		.case-video-text { font-size: 14px; line-height: 24px; }
		.news-blank-leftbox { width: 100%; box-sizing: border-box; padding: 6% 3%; margin-bottom: 35px; background: none; }
		.news-blank-leftbox h2 { font-size: 20px; line-height: 32px; }
		.news-blank-box { width: 100%; padding: 0; }
		.news_blank_content { margin-top: 15px; }
		.news_blank_content img { max-width: 100%; }
		.news_fy ul li a { font-size: 14px; }
		.news-blank-rightbox { width: 100%; margin-left: 0; padding: 5% 5% 0; }
		.news-blank-rightbox h3 { font-size: 18px; }

		/*软件产品*/
		.product-page-nav { top: 58px; height: 50px; }
		.productPageNnav-swiper .swiper-slide a { font-size: 16px; padding: 0; line-height: 50px; margin-right: 20px; }

		/*下载中心*/
		.news-banner-info h2 { font-size: 24px; }
		.news-box-wd { padding: 6% 0 4% 0; }
		.faq-box { width: 100%; padding: 0; }
		.faq-leftbox { width: 100%; margin-right: 0; }
		.faq-rightbox { width: 100%; padding: 0; border: 0; }
		.faq-leftbox h2 { display: none; }
		.down-navBox { border: 0; border-radius: 0; padding-bottom: 0; }
		.faq-right-content-site { border-bottom: 0; padding-bottom: 0; }
		.down-navBox ul { font-size: 0; }
		.down-navBox ul li { font-size: 14px; display: inline-block; width: 33.333%; padding: 0; line-height: auto; }
		.down-navBox ul li a { display: block; text-align: center; padding: 6px 0; font-weight: bolder; }
		.down-list li { border: 1px solid #e5e8ee; margin-bottom: 10px; line-height: 45px; }

		/*虹点资讯*/
		.news-box-pd { width: 100%; padding: 2% 0; }
		.news-banner-list { margin-top: -13%; height: 46px; line-height: 30px; }
		.news-banner-list a { font-size: 16px; line-height: 30px; }
		.news-list-item { width: 100%; margin: 15px 0; }
		.news-list-item-title { padding: 0 4%; box-sizing: border-box; }
		.news-list-item-title .date { width: 20%; }
		.news-list-item-title h3 { width: 76%; font-size: 18px; }

		/*联系我们*/
		.news-banner { height: 10rem; border-radius: 0 0 0 90px; }
		.news-banner img { object-fit: cover; object-position: -12rem -2rem; height: 13rem; }
		.contacts-box { width: 100%; padding: 8% 0 14%; }
		.contacts-leftbox { width: 100%; padding: 0; margin-right: 0; margin-bottom: 50px; }
		.contacts-text p { border: 1px solid #e5e8ee; margin-bottom: 10px; border-radius: 4px; height: 78px; padding: 0 20px 0 75px; position: relative; }
		.contacts-text i.f-c-r-35 { height: 36px; width: 36px; float: left; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 50%; left: 20px; margin-top: -18px; }
		.contacts-text i.f-c-r-35 img { padding: 0; }
		.contacts-text span { font-size: 16px; line-height: 24px; display: flex; align-items: center; box-sizing: border-box; height: 78px; }
		.contacts-rightbox { width: 100%; padding: 0; border-left: 0; }
		.btn-style { width: 100%; font-size: 14px; line-height: 14px; }
		.contact-grids input, .contact-grids textarea { font-size: 14px; padding: 10px 15px; margin-bottom: 15px; }
		.messages-button { margin-top: 25px; float: left; }

		/*解决方案*/
		.solution-1-info p { font-size: 18px; line-height: 32px; margin-bottom: 20px; }
		.solution-1-info h2 { font-size: 24px; }
		.solution-1-info span { font-size: 14px; }
		.solution-1-cont { height: 80%; }
		.solution-1-info span:after { height: 1px; }
		.solution-1-info h5 { margin-bottom: 45px; letter-spacing: 0; }
		.solution-mouse { bottom: 0px; }
		.solution-2 { height: auto; }
		.solution-2-cont { width: 90%; padding-top: 50px; padding-bottom: 30px; }
		.solution-2 .solution-box { position: static; }
		.solution-2 .solution-title { margin-bottom: 30px; }
		.solution-title h2 { font-size: 24px; line-height: 1.2; }
		.solution-title p { font-size: 14px; line-height: 1.2; }
		.solution-title { margin-bottom: 50px; }
		.solution-2-tab-cont { height: 450px; }
		.solution-2-tab ul li { padding-bottom: 15px; font-size: 12px; }
		.solution-2-tab ul li i { width: 26px; height: 34px; margin-bottom: 12px; }
		.solution-2-tab ul li i img { width: 100%; vertical-align: top; }
		.solution-2-tab ul li span { width: 40px; }
		.solution-2-tab-info { padding-top: 20px; height: auto; }
		.solution-2-tab-inner { width: 100%; display: block; padding: 15px 20px 0 20px; height: auto; }
		.solution-2-tab-item { width: 100%; padding: 10px 0; }
		.solution-2-tab-item h3 { margin-bottom: 6px; }
		.solution-2-tab-item h3 i { margin-right: 10px; }
		.solution-2-tab-item h3 span { font-size: 14px; }
		.solution-2-tab-item p { font-size: 12px; line-height: 16px; padding-left: 25px; color: rgb(255, 255, 255, 0.6); }
		.solution-2-tab-item:after { display: none; }
		.solution-3 { height: auto; }
		.solution-3 .solution-box { position: static; }
		.solution-3-cont { width: 90%; height: auto; padding: 50px 0; }
		.solution-3-cont .solution-title { margin-bottom: 0; }
		.solution-3-box { position: static; }
		.solution-3-inner { height: auto; }
		.solution-3-left { position: static; display: none; }
		.solution-3-right { position: static; width: 100%; height: 280px; }
		.solution-3-right-list1 { width: 100%; overflow: hidden; }
		.solution-3-right-list1 ul { display: block; }
		.solution-3-right-list1 ul li { width: 33.333%; width: 33.333%; float: left; height: 50%; }
		.solution-3-right-list1 ul li i { width: 30px; height: 30px; margin-bottom: 6px; }
		.solution-3-right-list1 ul li p { margin-bottom: 5px; font-size: 12px; }
		.solution-3-right-list1 ul li span { font-size: 14px; }
		.solution-5-cont-til h2 { font-size: 24px; }
		.solution-5-cont-til h3 { font-size: 14px; }
		.solution-5-text { font-size: 15px; line-height: 32px; }
		.solution-item { height: auto; }
		.solution-item .solution-box { position: static; }
		.solution-5-cont { padding: 12% 0 8%; width: 90%; }
		.solution-partner-list ul li { width: 33.333%; height: 55px; }
		.solution-partner-list ul li i img { max-width: 85%; }
		.solution-partner-list ul li:after { top: -6px; right: -6px; width: 12px; height: 12px; }
		.solution-partner-list ul li:nth-of-type(-n+7) { border-top: 1px solid #d5d5d5; }
		.solution-partner-list ul li:nth-of-type(-n+7):after { display: block; }
		.solution-partner-list ul li:nth-child(7n) { border-right: 1px solid #d5d5d5; }
		.solution-partner-list ul li:nth-child(7n):after { display: block; }
		.solution-partner-list ul li:nth-of-type(-n+3) { border-top: 0; }
		.solution-partner-list ul li:nth-of-type(-n+3):after { display: none; }
		.solution-partner-list ul li:nth-child(3n) { border-right: 0; }
		.solution-partner-list ul li:nth-child(3n):after { display: none; }
	}