@font-face { font-family: 'geoslab703_md_btmedium'; src: url('/fonts/geo703m-webfont.eot'); src: url('/fonts/geo703m-webfont.eot') format('embedded-opentype'),  url('/fonts/geo703m-webfont.woff2') format('woff2'),  url('/fonts/geo703m-webfont.woff') format('woff'),  url('/fonts/geo703m-webfont.ttf') format('truetype'),  url('/fonts/geo703m-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
 
body, button, input, select, textarea { font-family: "Microsoft YaHei", "simsun", "Arail"; font-size: 14px; outline: none; color: #828282; position: relative; }
ul, ol { padding: 0; margin-bottom: 0px; }
li { list-style: none; }
.fl { float: left }
.fr { float: right }

    

.menu { width: 100%; overflow: hidden; height: 80px; }
.menu ul { position: relative; float: left; left: 50%; }
.menu ul li { position: relative; float: left; left: -50%; margin: 0 9px; font-size: 14px; color: #666666; overflow: hidden; margin-top: 30px; cursor: pointer; }
.menu ul li div { padding-bottom: 10px; }
.menu ul li a, .menu ul li a:hover { color: #666666; font-size: 20px;font-weight: bold;}
.menu ul li i { width: 100%; height: 1px; display: block; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); background: #e00013; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.menu ul li:hover i, .menu ul li.cur i { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 @media (min-width: 768px) {
.menu { height: 120px; }
.menu ul li { margin: 0 20px; margin-top: 45px; }
}
@media (min-width:992px) {
.menu { height: 140px; }
.menu ul li { margin: 0 20px; margin-top: 60px; }
}
 @media (max-width:992px) {
.menu ul li div { padding-bottom: 2px; }
.menu { height: auto; padding-top: 35px; padding-bottom: 35px; }
.menu ul li { margin: 0 17px; }
}
 @media (max-width:544px) {
.menu { padding-top: 25px; padding-bottom: 25px; }
.menu ul li { margin: 0 7px; font-size: 12px; }
}




.gf-logo h1 { width: 255px; height: 50px; margin-top: 8px; margin-bottom: 5px; position: absolute; top: 0; left: 4%; z-index: 2; }
.gf-logo h1 a { background: url(/images/logo.png) no-repeat center; display: block; -moz-background-size: auto 50px; -o-background-size: auto 50px; background-size: auto 50px; height: 52px; width: 255px; }
.gf-logo h1 a:focus { outline: none; }

.aside-nav { position: fixed; right: 7px; top: 50%; transform: translateY(-50%); z-index: 10000; }
.aside-nav-close { margin: 0 auto; width: 54px; height: 54px; line-height: 52px; background: #e75c1e; border-radius: 50%; text-align: center; visibility: visible; cursor: pointer; }
.aside-nav-in.close { transform: translateX(100px); visibility: hidden; transition: .3s; }
.aside-nav-one { position: relative; margin-top: 6px; margin-bottom: 6px; height: 54px; width: 54px; line-height: 52px; text-align: right; }
.aside-nav-one-img { position: absolute; left: 0; top: -1px; z-index: 10; width: 54px; height: 54px; text-align: center; transition: .3s; }
.aside-nav-one-img img { width: 22px; }
.more-width:hover .aside-nav-one-img { left: -73px; }
.more-width-call:hover .aside-nav-one-img { left: -102px; }
.aside-nav-one-desc { position: absolute; right: 0; padding-right: 16px; width: 54px; height: 54px; font-size: 14px; line-height: 52px; background: #e00012; color: #e00012; border-radius: 50px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: .3s, color .1s; }
.aside-nav-one-desc .qq-name { display: inline-block; margin-right: 15px; }
.aside-nav-one-desc .qq-name i { width: 22px; height: 24px; display: inline-block; vertical-align: middle; }
.aside-nav-one-desc .qq-name span { font-size: 14px; color: #e00012; display: inline-block; vertical-align: middle; margin-left: 1px; }
.qq-name-box { position: absolute; right: 0px; }
.more-width:hover .aside-nav-one-desc { width: 125px; color: #fff; transition: .3s; }
.more-width-call:hover .aside-nav-one-desc { width: 156px; }
.more-width-qq:hover .aside-nav-one-desc { width: 281px; }
.more-width-qq:hover .aside-nav-one-desc span { transition: .3s .1s; color: #fff; }
.more-width-qq:hover .aside-nav-one-img { left: -223px; }
.aside-nav-one-qrcode { position: absolute; left: -200px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: .3s; }
.aside-nav-one:hover .aside-nav-one-qrcode { left: -140px; opacity: 1; visibility: visible; }



.gf-pnav { position: absolute; height: 60px; margin-top: 30px; padding-right: 4%; top: 0; right: 0; z-index: 3; }
.gf-pnav a { color: #fff; z-index: 2; font-size: 15px; margin-top: 9px; margin-left: 20px; overflow: hidden; display: inline-block; }
.gf-pnav a:focus { outline: none; }
.gf-pnav a i { width: 100%; height: 1px; margin-top: 10px; display: block; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); background: #e00013; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.gf-pnav a:hover i { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.gf-header .focus-text { position: absolute; left: 4%; z-index: 2; color: #fff; }
.gf-state { border-bottom: 1px solid #dedede; }
.neirong { display: none; }

.buttonset { position: absolute; right: 4%; top: 15px; z-index: 1000; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-tap-highlight-color: transparent; }
.nav-moblie { width: 25px; height: 35px; position: relative; cursor: pointer; display: table; -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.nav-moblie a { background-color: #fff; display: block; height: 2px; margin-top: 16px; position: relative; top: 50%; width: 100%; -moz-border-radius: 2px; border-radius: 2px; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.nav-moblie a:after, .nav-moblie a:before { background-color: #fff; display: block; height: 2px; left: 0; position: absolute; width: 100%; -moz-border-radius: 2px; border-radius: 2px; content: ''; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; }
.nav-moblie a:after { top: 8px; width: 80%; }
.nav-moblie a:before { left: auto; right: 0; top: -8px; width: 70%; }
.nav-moblie a:focus { outline: none; }
.buttonset.on { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.buttonset.on .nav-moblie a:after, .buttonset.on .nav-moblie a:before { width: 100%; transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); top: 0; }
.buttonset.on .nav-moblie a:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.buttonset.on .nav-moblie a { background: rgba(0, 0, 0, 0); }
.buttonset.on .nav-moblie a:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.neirong { display: block; position: fixed; width: 100%; top: 0; z-index: 1000;  overflow-y: auto; left: 0; touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd { padding-bottom: 20px; padding-top: 65px; padding-left: 17px; padding-right: 17px; visibility: hidden; }
.neirong a { display: block; height: 47px; line-height: 47px; color: #f2f2f2; font-size: 16px; border-bottom: 1px solid #333; -moz-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; }
.neirong a:hover { background: #1f1f1f; color: #fff; }
.content { left: 0; position: relative; }
.content.content-on { left: 120px; }
.neirong.neirong-on { left: 0; }
.body-on { position: relative; overflow: hidden; }
.html-on { overflow: hidden; }
.neirong-close { display: none; width: 30px; height: 24px; background: url(/images/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; right: 4%; visibility: hidden; }
.neirong.neirong-hide { background-color: rgba(0,0,0,.8); height: 0; -moz-transition: background 0.35s linear, height 0.25s ease-in 200ms; -o-transition: background 0.35s linear, height 0.25s ease-in 200ms; transition: background 0.35s linear, height 0.25s ease-in 200ms; }
.neirong.neirong-show { background-color: #000; height: 100%; }
.neirong.neirong-show .neirong-bd, .neirong.neirong-show .neirong-close { visibility: visible; }
.neirong.neirong-hide a { opacity: 0; -webkit-transform: scale(1.1) translateY(-24px); -moz-transform: scale(1.1) translateY(-24px); -o-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); }
.neirong.neirong-show a { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
.neirong a:nth-of-type(2) { -moz-transition-delay: 300ms, 300ms; -o-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms; }
.neirong a:nth-of-type(3) { -moz-transition-delay: 350ms, 350ms; -o-transition-delay: 350ms, 350ms; transition-delay: 350ms, 350ms; }
.neirong a:nth-of-type(4) { -moz-transition-delay: 400ms, 400ms; -o-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms; }
.neirong a:nth-of-type(5) { -moz-transition-delay: 450ms, 450ms; -o-transition-delay: 450ms, 450ms; transition-delay: 450ms, 450ms; }
.neirong a:nth-of-type(6) { -moz-transition-delay: 500ms, 500ms; -o-transition-delay: 500ms, 500ms; transition-delay: 500ms, 500ms; }
.neirong a:nth-of-type(7) { -moz-transition-delay: 550ms, 550ms; -o-transition-delay: 550ms, 550ms; transition-delay: 550ms, 550ms; }
.neirong a:nth-of-type(8) { -moz-transition-delay: 600ms, 600ms; -o-transition-delay: 600ms, 600ms; transition-delay: 600ms, 600ms; }
.neirong a:nth-of-type(9) { -moz-transition-delay: 650ms, 650ms; -o-transition-delay: 650ms, 650ms; transition-delay: 650ms, 650ms; }
.neirong a:nth-of-type(10) { -moz-transition-delay: 700ms, 700ms; -o-transition-delay: 700ms, 700ms; transition-delay: 700ms, 700ms; }
.neirong a:nth-of-type(11) { -moz-transition-delay: 750ms, 750ms; -o-transition-delay: 750ms, 750ms; transition-delay: 750ms, 750ms; }

.buttonset .show { background-color: rgba(0,0,0,.8); -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.buttonset-black .buttonpush { background: url("/images/button_black.png") no-repeat center; }
.buttonset-black .buttonpush.show { background: rgba(0,0,0,.8) url("/images/buttonset.png") no-repeat center; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.ctrl-more { border: 1px solid #ccc; margin: 0 auto; width: 46px; height: 46px; line-height: 50px; font-size: 0; text-align: center; background: #fff; border-radius: 50%; cursor: pointer; transition: .45s; }
.ctrl-more:hover { background: #e00012; border: 1px solid #e00012; }
.ctrl-more i { display: inline-block; margin-right: 2px; margin-left: 2px; width: 4px; height: 4px; background: #e0e0e0; border-radius: 50%; transition: .45s; }
.ctrl-more:hover i { background: #fff; }
footer { background: #232323; }
.footer-in { margin: 0 auto; width: 1400px; }
.footer-l { display: inline-block; padding-top: 85px; vertical-align: top; }
.footer-l ul li { float: left; margin-right: 80px; }
.footer-l ul li:last-child { margin-right: 0px; }
.footer-l dl { margin: 0;
}
.footer-l dt { margin-bottom: 25px; }
.footer-l dt a { padding-bottom: 4px; font-size: 14px; color: #c1c1c1; }
.footer-l dd { }
.footer-l dd a { line-height: 32px; font-size: 14px; color: #7a7a7a; transition: .3s; }
.footer-l dd a:hover { color: #c1c1c1; }
.footer-r { display: inline-block; float: right; margin-top: 73px; vertical-align: top; }
.f-share { font-size: 0; text-align: right; }
.f-share-one { position: relative; display: inline-block; border: 1px solid #838383; margin-right: 40px; width: 44px; height: 44px; line-height: 42px; text-align: center; vertical-align: top; border-radius: 50%; cursor: pointer; transition: .5s; }
.f-share:hover .f-share-one { opacity: .2; }
.f-share .f-share-one:hover { opacity: 1; }
.f-share-one:last-child { margin-right: 0; }
.fs-one-qrcode { position: absolute; bottom: 65px; left: 50%; z-index: 10; transform: translateX(-50%) translateY(20px); padding: 7px; background: rgba(255, 255, 255, .1); opacity: 0; visibility: hidden; transition: .35s .05s; }
.f-share-one:hover .fs-one-qrcode { transform: translateX(-50%) translateY(0px); opacity: 1; visibility: visible; }
.f-belongs { padding-top: 28px; 
margin-top: 35px; }
.f-belongs-one { line-height: 32px; font-size: 14px; color: #7a7a7a; text-align: right; }
.copyright { position: relative; padding-top: 35px; padding-bottom: 35px; margin-top: 32px; }
.copyright::before { content: ' '; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background: #363636; }
.copyright-l { display: inline-block; width: calc(100% - 360px); font-size: 0; }
.copyright-r, .copyright-l, .copyright-l h2, .copyright-l > ul, .copyright-l > ul > li { display: inline-block; vertical-align: top; }
.copyright-l > ul { width: calc(100% - 70px); }
.copyright-l h2 { position: relative; top: 0px; margin: 0; margin-right: 10px; 
line-height: 16px; font-size: 12px; color: #515151; }
.copyright-l > ul > li { margin-right: 55px; font-size: 12px; }
.copyright-l > ul > li a { color: #515151; transition: .3s; }
.copyright-l > ul > li a:hover { color: #c1c1c1; }
.copyright-r { float: right; font-size: 12px; color: #515151; }
.about-desc { padding-top: 148px; padding-bottom: 135px; text-align: center; }
.about-desc h2 { position: relative; margin: 0; margin-bottom: 78px; line-height: 42px; font-size: 28px; color: #464646; }
.about-desc h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; width: 28px; height: 3px; background: #d51b32; }
.about-desc p.desc { margin: 0; line-height: 35px; font-size: 14px; }
.about-desc.letmove h2, .about-desc.letmove p.desc { transform: translateY(40px); transition: transform .8s .0s, opacity .8s .0s; opacity: 0; }
.about-desc.letmove p.desc { transform: translateY(50px); transition: transform .8s .1s, opacity .8s .1s; }
.about-desc.move h2, .about-desc.move p.desc { transform: translateY(0); opacity: 1; }

.navbar-fixed { position: fixed; top: -70px; opacity: 0;  filter: alpha(opacity:0);
background: #fff; 
height: 70px; width: 100%; z-index: 999; -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15); box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15); -moz-transition: all .5s .1s ease; -o-transition: all .5s .1s ease; transition: all .5s .1s ease; }
.logo { padding: 11.5px 0; }
.right_menu a { display: inline-block; padding-top: 24px; margin-left: 40px; font-size: 15px; color: #666666; overflow: hidden; }
.right_menu a:focus, .logo a:focus { outline: none; }
.right_menu i { width: 100%; height: 1px; margin-top: 10px; display: block; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background: #e00013; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.right_menu a:hover i { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.navbar-fixed.show { opacity: 1; top: 0px; }
.navbar-fixed .buttonset { top: 10px; }
.navbar-fixed .nav-moblie a, .navbar-fixed .nav-moblie a:before, .navbar-fixed .nav-moblie a:after { background-color: #666666; }
@media(max-width:768px) {
.navbar-fixed { height: 50px; top: -50px; }
.logo img { width: 120px; height: 40px; }
.logo { padding: 5px 0; }
}

.banner { position: relative; width: 100%; overflow: hidden; max-height:678px;}
.banner picture img { -webkit-animation: banner_inside 20s ease 1 forwards; -moz-animation: banner_inside 20s ease 1 forwards; -o-animation: banner_inside 20s ease 1 forwards; animation: banner_inside 20s ease 1 forwards; }
@-webkit-keyframes banner_inside {  from {
 -webkit-transform: scale(1.23);
 transform: scale(1.23);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes banner_inside {  from {
 -moz-transform: scale(1.23);
 transform: scale(1.23);
}
to { -moz-transform: scale(1); transform: scale(1); }
}
@-o-keyframes banner_inside {  from {
 -o-transform: scale(1.23);
 transform: scale(1.23);
}
to { -o-transform: scale(1); transform: scale(1); }
}
@keyframes banner_inside {  from {
 -webkit-transform: scale(1.23);
 -moz-transform: scale(1.23);
 -o-transform: scale(1.23);
 transform: scale(1.23);
}
to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
.banner_txt { text-align: center; position: absolute; top: 55%; z-index: 9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.banner_txt1 { font-size: 24px; width: 100%; font-weight: bold; text-align: center; left: 0; color: #fff; -webkit-animation: fadeInUp4 1.4s .4s ease both; -o-animation: fadeInUp4 1.4s .4s ease both; animation: fadeInUp4 1.4s .4s ease both; -moz-animation: fadeInUp4 1.4s .4s ease both; }
.banner_txt2 { width: 90%; margin: 0 auto; font-size: 14px; line-height: 24px; color: #ffffff; margin-top: 15px; -webkit-animation: fadeInUp5 1.4s .8s ease both; -o-animation: fadeInUp5 1.4s .8s ease both; animation: fadeInUp5 1.4s .8s ease both; -moz-animation: fadeInUp5 1.4s .8s ease both; }

.btn-circle { position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.btn-circle-hover, .btn-circle-click { position: absolute; z-index: -2; display: block; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 0; height: 0; -moz-border-radius: 50%; border-radius: 50%; background: #e00012; }
.btn-circle-hover { opacity: 0; }
.btn-circle-click { 
background: #ee9d84; }

.product { margin-bottom: 45px; }
.product_txt { margin-top: 100px; margin-bottom: 65px; text-align: center; color: #777777; }
.product_txt1 { font-size: 45px; font-weight: bold; margin-bottom: 40px; }
.product_txt2 { font-size: 16px; }
.case_list { margin-top: 0 }
.more_button { position: relative; overflow: hidden; z-index: 1; width: 48px; height: 48px; border: 1px solid #d1d1d1; -moz-border-radius: 100%; border-radius: 100%; color: #e0e0e0; text-align: center; line-height: 48px; display: block; margin: 0 auto; font-size: 12px; -o-transition: all 1.7s ease; -moz-transition: all 1.7s ease; transition: all 1.7s ease; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); }
.more_button:focus { outline: none; }
.more_button:hover { background: #e00012; color: #fff; border: 1px solid #e00012; }
.more_button i { display: block; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 100%; height: 100%; background: -moz-radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012); background: -o-radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012); background: radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012); opacity: 0; -o-transition: 1.2s, opacity 1.8s; -moz-transition: 1.2s, opacity 1.8s; transition: 1.2s, opacity 1.8s; -moz-border-radius: 50%; border-radius: 50%; }
.more_button:hover i { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 1; -o-transition: 3s, opacity .3s; -moz-transition: 3s, opacity .3s; transition: 3s, opacity .3s; }
.dot2 span, .dot1 span { position: absolute; color: #d1d1d1; left: 50%; top: 50%; -webkit-transform: translateX(-50%)translateY(-50%); -moz-transform: translateX(-50%)translateY(-50%); -o-transform: translateX(-50%)translateY(-50%); transform: translateX(-50%)translateY(-50%); -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }

.dot1 span { color: #d1d1d1; }
.dot1 span:nth-child(1) { -o-transition: all 0.4s .5s ease, color .3s; -moz-transition: all 0.4s .5s ease, color .3s; transition: all 0.4s .5s ease, color .3s; left: 30%; }
.dot1 span:nth-child(2) { -o-transition: all 0.4s .4s ease, color .3s; -moz-transition: all 0.4s .4s ease, color .3s; transition: all 0.4s .4s ease, color .3s; left: 50%; }
.dot1 span:nth-child(3) { -o-transition: all 0.4s .3s ease, color .3s; -moz-transition: all 0.4s .3s ease, color .3s; transition: all 0.4s .3s ease, color .3s; left: 70%; }
.more_button:hover .dot1 span:nth-child(1) { left: 120%; -o-transition: all 0.4s .2s ease, color .3s; -moz-transition: all 0.4s .2s ease, color .3s; transition: all 0.4s .2s ease, color .3s; color: #fff; }
.more_button:hover .dot1 span:nth-child(2) { left: 120%; -o-transition: all 0.4s .1s ease, color .3s; -moz-transition: all 0.4s .1s ease, color .3s; transition: all 0.4s .1s ease, color .3s; color: #fff; }
.more_button:hover .dot1 span:nth-child(3) { left: 120%; -o-transition: all 0.4s 0s ease, color .3s; -moz-transition: all 0.4s 0s ease, color .3s; transition: all 0.4s 0s ease, color .3s; color: #fff; }

.dot2 span:nth-child(1) { left: -20%; -o-transition: all 0.4s .2s ease, color .3s; -moz-transition: all 0.4s .2s ease, color .3s; transition: all 0.4s .2s ease, color .3s; color: #d1d1d1 }
.dot2 span:nth-child(2) { left: -20%; -o-transition: all 0.4s .1s ease, color .3s; -moz-transition: all 0.4s .1s ease, color .3s; transition: all 0.4s .1s ease, color .3s; color: #d1d1d1 }
.dot2 span:nth-child(3) { left: -20%; -o-transition: all 0.4s 0s ease, color .3s; -moz-transition: all 0.4s 0s ease, color .3s; transition: all 0.4s 0s ease, color .3s; color: #d1d1d1 }
.more_button:hover .dot2 span:nth-child(1) { left: 30%; -o-transition: all 0.4s .5s ease, color .3s; -moz-transition: all 0.4s .5s ease, color .3s; transition: all 0.4s .5s ease, color .3s; color: #fff; }
.more_button:hover .dot2 span:nth-child(2) { left: 50%; -o-transition: all 0.4s .4s ease, color .3s; -moz-transition: all 0.4s .4s ease, color .3s; transition: all 0.4s .4s ease, color .3s; color: #fff; }
.more_button:hover .dot2 span:nth-child(3) { left: 70%; -o-transition: all 0.4s .3s ease, color .3s; -moz-transition: all 0.4s .3s ease, color .3s; transition: all 0.4s .3s ease, color .3s; color: #fff; }
 @media (max-width: 1200px) {
.banner { position: relative; height: 50vh; }
.banner img.img-responsive { position: absolute; left: 50%; transform: translateX(-50%); min-width: 100%; max-width: none; height: 100%; animation: none; }
.copyright { text-align: center; }
.copyright-l { display: none; }
.copyright-r { float: none; }
.footer-r { float: none; width: 100%; }
.f-share { text-align: center; }
.f-belongs-one { line-height: 26px; text-align: center; }
}


@media (max-width: 767px) {
.gf-pnav { display: none; }
.gf-logo h1 { margin-top: 10px; }
.gf-logo h1, .gf-logo h1 a { width: 260px; height: 40px; line-height: 40px; 40px;
background-size: auto 40px; }
}
 @media(min-width:768px) {
.buttonset { display: none; }
}
@media(min-width:992px) {
.buttonset { display: none; }
.gf-pnav a { margin-left: 40px; }
.m-totop,  .f-footer { display: none; }
i.f-arrow { display: none; }
}
 @media (max-width: 992px) {
.m-totop { line-height: 52px; font-size: 16px; color: #606060; text-align: center; background: #000; }
.footer-l { padding-top: 40px; width: 100%; }
.footer-l ul li { margin-right: 0; 
margin-bottom: 0; width: 100%; }
.footer-l dt { padding-bottom: 12px; border-bottom: 1px solid #373737; margin-bottom: 8px; line-height: normal; font-weight: normal; }
i.f-arrow { display: inline-block; float: right; position: relative; top: 15px; height: 11px; 
margin-right: 4px; vertical-align: top; }
i.f-arrow img { width: 6px; vertical-align: top; }
.footer-l dl,  .footer-l dt,  .footer-l dd { line-height: 1; }
.footer-l dt a { display: inline-block; position: relative; top: 10px; margin-left: 3px; font-size: 17px; color: #6a6a6a; vertical-align: top; }
.footer-l dd a { position: relative; top: -5px; line-height: 28px; }
.footer-sub-menu { display: none; padding-left: 15px; }
.footer-r { margin-top: 20px; }
.f-belongs { padding-top: 20px; margin-top: 26px; }
.copyright { padding-top: 26px; padding-bottom: 26px; margin-top: 22px; }
}
 @media (min-width: 768px) {
span.br-pc { display: block; }
span.br-m { display: inline; }
}
 @media (max-width: 1200px) {
.QQ_s { display: none }
}
 @media (max-width: 768px) {
  
.container { padding-right: 5px; padding-left: 5px; }
span.br-pc { display: inline; }
span.br-m { display: block; }
.banner { position: relative; height: auto; }
.banner img.img-responsive { position: relative; left: 0; transform: translateX(0%); min-width: 0; width: 100%; max-width: none; animation: none; }
.f-share { display: none; }
.f-belongs-one { line-height: 28px; text-align: right; }
.f-belongs { padding-top: 0; border-top: 0; margin-top: 0; }
.f-belongs-one { font-size: 15px; }
.product_txt { margin-top: 90px; margin-top: 1.2rem; margin-bottom: 55px; margin-bottom: 0.733333rem; text-align: left; }
.product_txt1 { margin-bottom: 30px; margin-bottom: 0.4rem; line-height: 80px; line-height: 1.066667rem; font-size: 56px; font-size: 0.746667rem; }
.product_txt2 { line-height: 42px; font-size: 24px; }
.footer-l { padding-top: 40px; }
.footer-r { margin-top: 27px; }
.copyright { padding-top: 22px; padding-bottom: 22px; margin-top: 31px; }
.copyright .container { height: 16px; }
.copyright-r { width: 100%; text-align: left; }
.copyright-r span.cip-r { float: right; }
}
@media (min-width: 768px) {
.banner_txt { top: 55% }
.banner_txt1 { font-size: 36px; }
.banner_txt2 { font-size: 16px; width: 600px; margin-top: 20px; line-height: 30px; }
}
@media (min-width:992px) {
.banner_txt { top: 57% }
.banner_txt1 { font-size: 40px; }
.banner_txt2 { width: 800px; }
}
@media (min-width:1110px) {
.banner_txt { top: 55% }
}
@media (min-width:1200px) {
.banner_txt1 { font-size: 45px; }
.banner_txt2 { width: 800px; margin-top: 25px; line-height: 30px; }
}
@media (min-width:1440px) {
.banner_txt { top: 55% }
.banner_txt1 { font-size: 55px; }
.banner_txt2 { margin-top: 35px; line-height: 35px; }
}
@media (min-width:1770px) {
.banner_txt { top: 50% }
}
@media (min-width: 768px) {
.fix-nav-btm { display: none; }
}
 @media (max-width: 768px) {
html, body { 
     
     
     
     
     
}
footer { padding-bottom: 63px; }
.aside-nav { display: none; }
.fix-nav-btm-all { }
.content,  .fix-nav-btm { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 63px; background: #0c0c0c;
    
    
}
.fix-nav-btm { top: auto; bottom: 0; z-index: 999; font-size: 0; text-align: center; }
.fnb-one { display: inline-block; margin: 9px 5% 0; vertical-align: top; }
.fnb-one-img { margin-bottom: 3px; }
.fnb-one-img img { width: 28px; }
.fnb-one-desc { font-size: 12px; }
.fnb-one-desc img { position: relative; top: 0px; margin-left: 4px; width: 4px; }
.prevnext-m { display: none; }
.banner_txt { padding-right: 15px; padding-left: 15px; }
.banner_txt1,  .banner_txt2 { width: 100%; text-align: left; }
.banner_txt1 { line-height: 80px; line-height: 1.066667rem; font-size: 56px; font-size: 0.746667rem; }
.banner_txt2 { margin-top: 28px; margin-top: 0.373333rem; line-height: 42px; font-size: 24px; color: #bebebe; }
.product { margin-bottom: 20px; }
.prevnext-m { display: table; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #d7d7d7; border-bottom: 1px dashed #888; margin-top: 80px; width: 100%; }
a.prev-m,  a.next-m { display: inline-block; float: left; }
a.next-m { float: right; }
a.prev-m i,  a.next-m i { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #e4e4e4; border-radius: 50%; }
a.prev-m img,  a.next-m img { width: 8px; }
a.prev-m span,  a.next-m span { display: inline-block; margin: 0 6px; position: relative; top: 4px; font-size: 14px; color: #515151; }
.about-desc { padding: 60px 15px; text-align: left; }
.about-desc h2 { margin-bottom: 50px; line-height: 28px; font-size: 16px; text-align: center; }
.about-desc h2::after { 
}
.about-desc p.desc { line-height: 30px; }
}
 @media (max-width: 544px) {
.banner { margin-top: 0; }
.banner_txt { top: 50%; }
.banner_txt2 { line-height: 50px; line-height: 0.666667rem; font-size: 30px; font-size: 0.4rem; color: #bebebe; }
.product_txt2 { line-height: 50px; line-height: 0.666667rem; font-size: 30px; font-size: 0.4rem; }
}
@font-face { font-family: gothic; src: url('/fonts/GOTHIC.TTF') }
@font-face { font-family: gothicb; src: url('/fonts/gothicb.ttf') }
.slideTxtBox_01 { }
.slideTxtBox_01 .hd { text-align: center; }
.slideTxtBox_01 .hd ul li { display: inline-block; padding: 0 20px; border: 1px solid #ccc; cursor: pointer; height: 34px; line-height: 34px; border-radius: 3px; }
.slideTxtBox_01 .hd ul li.on { background: #ccc; }
.case1 { }
.case1 ul { }
.case1 ul li { float: left; width: 31.33%; margin: 2% 1% 0 1%; }
.case1 ul li img { width: 100%; }
@media(max-width:768px) {
.case1 ul li { float: left; width: 98%; }
}
.case2 { }
.case2 ul { }
.case2 ul li { float: left; width: 31.33%; margin: 2% 1% 0 1%; box-shadow: 0px 0px 5px rgba(0,0,0,.2); padding: 2% 0; }
.case2 ul li .img { text-align: center; }
.case2 ul li .img img { max-width: 90%; border-radius: 100%; }
.case2 ul li .txt { padding: 0 2%; }
.case2 ul li .txt h2 { font-weight: normal; font-size: 20px; line-height: 2em; height: 2em; overflow: hidden; margin: 0; }
.case2 ul li .txt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 6em; overflow: hidden; margin: 0; }
.case2 ul li .txt h4 { font-weight: normal; text-align: center; font-size: 14px; margin: 0; }
.case2 ul li .txt h4 a { display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; background: #d8281c; color: #fff; }
@media(max-width:768px) {
.case2 ul li { float: left; width: 98%; }
}





.index_add1_rt2{ float:left; width:40%;}
.index_add1_rt2 img{ display:block; width:100%;}
.index_add1_lt{ float:right; width:50%; margin-right:5%; }
.index_add1_lt .list1{}
.index_add1_lt .list1 .h2{ margin:0;}
.index_add1_lt .list1 .h2 strong{ display:block; font-size:40px; line-height:40px; font-weight:bold; border-left:5px solid #e00012; padding-left:10px;}
.index_add1_lt .list1 .h2 span{ display:block; font-size:20px; line-height:30px; font-weight:normal; padding-left:15px; margin-top:5px;}
.index_add1_lt .list1 .txt{  margin-top:20px; font-size:16px; line-height:2.5em; text-indent:2em; text-align:justify;}
.counter_list ul{

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;}
.counter_list ul:before,.counter_list ul:after{ display:none;}
.counter_list ul li{ margin:20px 0 0 0; }
.counter_list ul li:nth-child(4n){ margin-right:0;}
.index_add1_rt{ float:right; width:46%; position:relative; padding:0 40px 40px 0;}
.index_add1_rt img{ display:block; width:100%; position:relative; z-index:2;}
.index_add1_rt:before{ content:""; position:absolute; z-index:1; background:#eee; width:calc(100% - 40px); height:calc(100% - 40px); position:absolute; bottom:0; right:0;}
@media(max-width:768px) {
.index_add1_lt{ float:left; width:100%;}
.counter_list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0;}
.counter_list ul li:nth-child(2n){ margin-right:0;}
.index_add1_rt{ float:right; width:100%; padding:0 20px 20px 0; margin-top:20px;}
.index_add1_rt:before{ width:calc(100% - 20px); height:calc(100% - 20px); }
}


.slideTxtBox_02{ position:relative; min-height:100vh; padding:0 0 8% 0; overflow:hidden;}
.slideTxtBox_02 .hd{ position:absolute; z-index:2; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.slideTxtBox_02 .bd{}
.slideTxtBox_02 .bd .box1{ width:100%; height:100vh; position:relative; top:0; left:0; z-index:1;}
.business_list{ text-align:center;}
.business_list ul li{ display:inline-block; margin:0 4%;}
.business_list ul li.on .business_icon .red-bak {
    -webkit-animation: flipInY2 1s .2s ease both;
    -moz-animation: flipInY2 1s .2s ease both;
}
.business_list ul li.on .business_txt h2 { color: #e2373d }
@media(max-width:768px) {
.business_list ul li{ display:inline-block; margin:0 4%;}
}

.index_add2bg{ background:#fff; padding:8% 0 8% 0; overflow:hidden;}
.index_add2{}
.index_add2 .bt2{ font-size:40px; line-height:40px; font-weight:bold; border-left:5px solid #e00012; padding-left:5px;}
.slideTxtBox_03{ position:relative; margin-top:20px;}
.slideTxtBox_03 .hd{}
.slideTxtBox_03 .hd ul li{ font-size:20px; line-height:30px; display:inline-block; padding:0 10px; border-left:1px solid #ccc;}
.slideTxtBox_03 .hd ul li:nth-child(1){ border-left:none;}
.slideTxtBox_03 .hd ul li a{ display:block; color:#666;}
.slideTxtBox_03 .hd ul li.on a{ color: #e2373d}
.slideTxtBox_03 .bd{ padding-left:4%; margin-top:4%;}
.slideTxtBox_03 .bd .box2{}
.swiper-container2{ width: 100%; }
.swiper-container2 .swiper-slide { }
.swiper-container2 .swiper-slide img{ display:block; width:100%;}
.swiper-container2 .swiper-slide .nr_box{}
.swiper-container2 .swiper-slide .img_box{ overflow:hidden;}
.swiper-container2 .swiper-slide .img{ padding-bottom:56.67%; transition:all .3s ease;}
.swiper-container2 .swiper-slide:hover .img{ transform:scale(1.1);}
.swiper-container2 .swiper-slide .txt{ border-bottom:2px solid #e00012; padding-bottom:15px;}
.swiper-container2 .swiper-slide .txt .h3{ font-size:24px; line-height:34px; height:34px; overflow:hidden; margin:15px 0 0 0; color:#333;}
.swiper-container2 .swiper-slide .txt .h4{ font-size:16px; line-height:26px; color:#999; margin:10px 0 0 0; height:52px; overflow:hidden;}
.swiper-container2 .swiper-pagination2{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-button2{ position:absolute; top:-70px; right:4%;}
.swiper-button2 .swiper-button-prev2,.swiper-button2 .swiper-button-next2{ position:static; margin:0; width:60px; height:60px; border-radius:100%; background-color:#afafaf; float:right; margin-left:10px; background-size:12px 12px;}
.swiper-button2 .swiper-button-prev2:after,.swiper-button2 .swiper-button-next2:after{ font-size:12px;}
.swiper-button2 .swiper-button-prev2{}
.swiper-button2 .swiper-button-next2{}
@media(max-width:768px) {
.slideTxtBox_03 .bd{ padding-left:4%; padding-right:4%;}
}


.foot_addbg{ width:100%; background:#f2f2f2; position:fixed; bottom:0; left:0; z-index:-1;}
.foot_add{ padding:20px 4%;}
.foot_add .lt{ float:left;}
.foot_add .lt .f_logo{}
.foot_add .lt .f_logo img{width:40%}
.foot_add .lt .f_menu{ font-size:16px; line-height:29px; margin-top:20px;}
.foot_add .lt .f_menu a{ color:#fff; margin:0 10px 0 0;}
.foot_add .lt .f_menu a:hover{}
.foot_add .lt .f_info{ font-size:16px; line-height:26px; color:#fff; margin-top:40px;}
.foot_add .rt{ float:right;margin-top:35px;margin-right:160px; position:relative;}
.f_ewm{ position:absolute; text-align:center; top:0; right:20px;}
.f_ewm span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.f_ewm img{ display:block; width:100px; height:100px; margin:20px auto;}
.foot_add .rt dl{ margin-bottom:20px;}
.foot_add .rt dl dt{ font-size:16px; line-height:26px; color:#fff; font-weight:normal;}
.foot_add .rt dl dd{ margin-top:10px; font-size:16px; line-height:28px;color:#fff;}
@media(max-width:768px) {
.foot_add{ padding:40px 4%;}
.foot_add .lt{ float:none;}
.foot_add .rt{ float:none; margin-top:40px;margin-right:0;}
}



.partner_add1{ width:90%; max-width:1520px; margin:0 auto;}
.partner_add1 ul li{ float:left; width:calc((100% - 90px)/4); margin:30px 30px 0 0;}
.partner_add1 ul li:nth-child(4n){ margin-right:0;}
.partner_add1 ul li .img{ padding-bottom:36%; position:relative; background:#fafcff;}
.partner_add1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}






.bt11{}
.bt11 .h2{ margin:0;}
.bt11 .h2 strong{ display:block; font-size:40px; line-height:40px; font-weight:bold; border-left:5px solid #e00012; padding-left:10px;}
.bt11 .h2 span{ display:block; font-size:20px; line-height:30px; font-weight:normal; padding-left:15px; margin-top:5px;}


.bt12{ font-weight:bold; font-size:30px; line-height:52px; color:#333;}
.bt12 em{background-image: linear-gradient( to right,#e00013 0%, #f0b6b6 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size:32px; font-style:normal;}
.bt12 strong{ margin:0 20px 0 10px;}
.bt12 span{ opacity:.1;}
.solutionbg{ background:#fff; padding:100px 0 100px 0;}
.solutionbg>.img1{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:20%;}
.solution{ max-width:1140px; margin:0 auto;}
.solution .box{}
.solution .box1{ font-size:17px; line-height:27px; margin-bottom:100px;}
.solution .box1 .lt{ float:left; width:40%;}
.solution .box1 .lt img{ display:block; width:100%;margin-top:-50px;}
.solution .box1 .rt{ float:right; width:50%;}
.solution .box2 .txt1{ font-size:17px; line-height:27px; margin-top:25px;}
.solution .list{ margin-top:25px;}
.solution .list ul li{ padding-left:22px; background:url(/images/decoration.png) left top 15px no-repeat; font-size:16px; line-height:42px;}
.solution .list img{ width:auto !important; height:auto !important; max-width:100%;}
.solution .line1{ margin:100px 0;}
.solution .line1 img{ display:block; width:100%;}



.hxln1{ font-size:16px; line-height:2em; padding:20px 0; width:90%; margin:0 auto;}
.hxln2{ padding:20px 0;}
.hxln2 ul li{ padding:20px 0;}
.hxln2 ul li .w1{ width:30%;}
.hxln2 ul li .w1 img{ display:block; width:100%;}
.hxln2 ul li .w2{ width:70%; padding:0 0 0 20px;}
.hxln2 ul li .txt{}
.hxln2 ul li .txt .h2{ font-size:20px; line-height:2em; margin:0;}
.hxln2 ul li .txt .h3{ font-size:16px; line-height:2em; margin:10px 0 0 0;}
.hxln3{ padding:20px 0 40px 0; width:80%; margin:0 auto;}
.hxln3 ul li{ float:left; width:46%; margin:2% 2%; position:relative; overflow:hidden;}
.hxln3 ul li .img{ padding-bottom:70%; transition:all .3s ease;}
.hxln3 ul li:hover .img{ transform:scale(1.1);}
.hxln3 ul li:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.hxln3 ul li .txt{ width:80%; color:#fff; position:absolute; top:10%; left:10%; z-index:2; text-align:left;}
.hxln3 ul li .txt .h2{ font-size:55px; line-height:1.2em; margin:0;}
.hxln3 ul li .txt .h3{ font-size:28px; line-height:1.5em; margin:2em 0 0 0;}
@media(max-width:768px){
.hxln1 table{ width:100%;}
.hxln1 table td{ display:block; width:100% !important;}
.hxln1 img{ width:auto !important; height:auto !important; max-width:100%;}
.hxln2 ul li .w1{ display:block; width:100%;}
.hxln2 ul li .w2{ display:block; width:100%; padding:20px 0 0 0;}
.hxln3{ padding:20px 0 40px 0; width:90%; }
.hxln3 ul li{ float:left; width:100%; margin:2% 0; position:relative;}
}


.index_add3bg{ background:#fff; min-height:80vh;}
.index_add3bg .container{ }
.index_add3{ position:relative;}
.index_add3 .lt{ float:left; width:44%; position:relative;margin-top:230px;}
.index_add3 .gallery-thumbs{ overflow:visible; margin-top:20px;}
.index_add3 .gallery-thumbs .swiper-slide{ position:static; text-align:center;}
.index_add3 .gallery-thumbs .swiper-slide .h2{ font-size:24px; line-height:44px; color:#666; font-weight:bold;}
.index_add3 .gallery-thumbs .swiper-slide .h2 span{ display:inline-block; border-bottom:2px solid transparent; cursor:pointer;}
.index_add3 .gallery-thumbs .swiper-slide .h3{ width:60%; position:absolute; left:0; display:none; font-size:16px; line-height:2em; margin-top:30px; color:#999; font-weight:normal;margin-left:60px;}
.index_add3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2{ color:#000;}
.index_add3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2 span{ border-bottom:2px solid #e00013;}
.index_add3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h3{ display:block; }
.index_add3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h3:before{ content:""; width:20px; height:2px; background:#e00013; position:absolute; bottom:-12px; left:50%; margin-left:-10px;}
.index_add3 .rt{ float:right; width:50%;}
.index_add3 .gallery-top{ padding-bottom:50px;}
.index_add3 .gallery-top .swiper-slide{}
.index_add3 .gallery-top .swiper-slide .img{ padding-bottom:70%; position:relative;}
.index_add3 .gallery-top .swiper-slide .img img{ display:block; width:100%;  position:absolute; top:0; left:0; object-fit: cover;margin-top:45px;}
.index_add3 .gallery-top .swiper-pagination{ bottom:0;}
.index_add3 .gallery-top .swiper-pagination .swiper-pagination-bullet{ background:#000; opacity:.5;}
.index_add3 .gallery-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e00013; opacity:1;}
@media(max-width:768px){
.index_add3bg .container{ padding-top:60px;}
.index_add3 .lt{ float:left; width:100%; padding-bottom:150px;}
.index_add3 .gallery-thumbs .swiper-slide .h2{ font-size:16px; line-height:36px; }
.index_add3 .gallery-thumbs .swiper-slide .h3{ font-size:12px; line-height:2em; }
.index_add3 .rt{ float:right; width:100%; margin-top:20px;}

#lContent img{ width:auto !important; height:auto !important; max-width:100%;}
}

.about_con{ width:90%; max-width:1000px; margin:0 auto;}




.more22{ text-align:right; margin-top:30px;}
.more22 a{ display:inline-block; border:1px solid #ccc; padding:0 20px; height:32px; line-height:30px; text-align:center; color:#999;}
.more22 a:hover{}
.more22 a img{ margin-left:5px;}