.clearfix:before,.clearfix:after{content:'';display:table;clear:both}html{color:#333333}.button{width:280px;height:50px;background-color:#004b8d;text-align:center;line-height:50px}.button a{position:relative;display:block;text-decoration:none;color:white;width:100%;height:100%}.button a i{position:absolute;left:200px;color:white;top:34.5%}.button:hover{background-color:#005197}.button:hover i{padding-left:3px}#top-info{background-color:black}#top-info ul{background-color:black;width:1180px;height:26px;margin:0 auto;display:flex;flex-direction:row-reverse;font-size:14px}#top-info ul>li{height:26px;line-height:26px;margin:0 10px}#top-info ul>li a{color:#bbb;text-decoration:none}#top-info ul>li a:hover{color:#fff}nav{padding:0 0px;background-color:white;border-bottom:1px solid #eee}nav #nav-content{height:64px;margin:0 auto;width:1180px;display:flex;justify-content:space-between}nav #nav-content img{padding:12px 40px 12px 0px;height:40px}nav #nav-content .main-nav{width:864px}nav #nav-content .main-nav ul{display:flex}nav #nav-content .main-nav ul>li{font-family:"微软雅黑";font-weight:bold;font-size:14px;padding:0 20px;height:64px;line-height:64px;position:relative;text-align:center}nav #nav-content .main-nav ul>li>a{color:#2d383f;text-decoration:none}nav #nav-content .main-nav ul>li div.bar{width:0%;height:6px;background-color:#004b8d;display:inline-block;position:absolute;left:0px;bottom:0px;margin:0 50%;transition:.6s all linear;border-radius:3px}nav #nav-content .main-nav ul>li div.outer{position:absolute;height:0px;width:1180px;box-shadow:0 0 2px rgba(0,0,0,0.2);overflow:hidden;left:100px;top:64px}nav #nav-content .main-nav ul>li div.outer div.menu-top{width:100%;height:40px;background-color:#F0F0F0}nav #nav-content .main-nav ul>li div#oem{z-index:999;background-color:white}nav #nav-content .main-nav ul>li div#process{z-index:1000;background-color:white}nav #nav-content .main-nav ul>li:hover>a{color:#004b8d}nav #nav-content .main-nav ul>li:first-child:hover>div{width:100%;margin:0%}nav #nav-content .main-nav ul>li:nth-child(2):hover>div{width:100%;margin:0%}nav #nav-content .search{display:flex;align-items:center;width:auto;min-width:500px;background-color:#f5f7fa;padding:0 15px;height:64px}nav #nav-content .search-input{flex:1;height:36px;padding:0 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;color:#333;background:#fff;margin-right:15px;transition:all .3s}nav #nav-content .search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,0.1)}nav #nav-content #search-btn{display:flex;align-items:center;justify-content:center;width:108px;height:36px;background-color:#004b8d;color:#fff;text-decoration:none;font-size:14px;border-radius:4px;margin-right:15px;transition:background .3s}nav #nav-content #search-btn:hover{background-color:#0056b3}nav #nav-content #search-btn i{font-size:16px;margin-left:6px}nav #nav-content .icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#0056b3;text-decoration:none;border-radius:50%;margin-right:10px;transition:all .3s}nav #nav-content .icon-btn:last-child{margin-right:0}nav #nav-content .icon-btn:hover{color:#004b8d;background-color:rgba(0,75,141,0.1)}nav #nav-content .icon-btn i{font-size:20px}@media (max-width:768px){nav #nav-content .search{min-width:auto;padding:0 10px}nav #nav-content .search-input{margin-right:10px;width:120px}nav #nav-content #search-btn span{display:none}nav #nav-content #search-btn{width:40px}}.menu-content{position:relative;height:260px;width:1180px;text-align:left;margin:0 auto}.menu-content>div{position:absolute;width:100%;height:0px;top:0px;background-color:#F7F7F7}.menu-content>div>div.title{position:absolute;top:-40px;height:40px;width:215px;line-height:40px;text-align:center;color:#2D383F;left:0px;background-color:white;cursor:default}.menu-content>div>div.list{position:absolute;top:0px;width:1180px;height:0px;background-color:white;font-size:13px;overflow:hidden}.menu-content>div>div.list>div:first-child{margin-top:40px}.menu-content>div>div.list>div{height:40px;line-height:40px;cursor:pointer}.menu-content>div>div.list>div a{color:#a2a6a8;text-decoration:none;padding-left:10px;position:relative}.menu-content>div>div.list>div a>i{position:absolute;left:250px;top:1px;font-size:16px}.menu-content>div>div.list>div>div.list-content{position:absolute;left:268px;height:260px;top:0px;width:912px;background-color:#F7F7F7;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;align-content:space-evenly}.menu-content>div>div.list>div>div.list-content>div{flex:content;margin-left:20px;margin-right:20px}.menu-content>div>div.list>div>div.list-content>div a{text-decoration:none;color:#a2a6a8}.menu-content>div>div.list>div>div.list-content>div a:hover{color:#004b8d}.menu-content>div>div.list>div:nth-child(1)>div.serie-name>a{color:#004b8d}.menu-content>div>div.list>div:nth-child(1)>div.list-content{display:flex}.menu-content>div>div.list>div:nth-child(2)>div.list-content{display:none}.menu-content>div>div.list>div:nth-child(3)>div.list-content{display:none}.menu-content>div>div.list>div:nth-child(4)>div.list-content{display:none}.menu-content>div>div.list>div:hover a{color:#004b8d}.menu-content>div:nth-child(2)>div.title{left:215px;background-color:#F0F0F0}.menu-content>div>div.title:hover{background-color:white;color:#004b8d}.menu-content>div:nth-child(1){height:260px}.menu-content>div:nth-child(1)>div.list{height:100%}.menu-content>div:hover{height:260px}.menu-content>div:hover>div.list{height:100%}div#pro-content>div>div.title{width:415px}div#pro-content>div:nth-child(2)>div.title{left:415px;background-color:#F0F0F0}main #banner{height:512px;width:calc(100%+100px);position:relative;overflow:hidden}main #banner #banner-left{position:absolute;width:55.5%;height:512px;left:-5.5%;transform:skew(-20deg);overflow:hidden;z-index:5}main #banner #banner-left div{position:absolute;width:1600px;height:512px;z-index:9992;transform:skew(20deg);background-image:url(../res/img/banner-oem.jpg);background-size:cover;background-position:-5% 0;filter:brightness(75%)}main #banner #banner-left div a{display:block;width:100%;height:100%}main #banner #banner-left div:hover{filter:brightness(100%)}main #banner #seperator{position:absolute;left:50%;background-color:#fff;height:512px;width:.5%;z-index:111;transform:skew(-20deg)}main #banner #banner-right{position:absolute;left:29%;width:80%;height:512px;transform:skew(-20deg);overflow:hidden;z-index:1}main #banner #banner-right div{position:absolute;left:-5%;width:1600px;height:512px;z-index:9992;transform:skew(20deg);background-image:url(../res/img/banner-pro.jpg);filter:brightness(75%);background-size:cover;background-position:0px 0px}main #banner #banner-right div a{display:block;width:100%;height:100%}main #banner #banner-right div:hover{filter:brightness(100%)}main #slogan{margin:30px auto;width:900px;font-size:25px;font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif;color:#333333}main #carousel{position:relative;width:1180px;margin:0 auto;padding-bottom:25px}main #carousel #carousel-title{width:1180px;margin:0 auto;font-size:30px;font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif;margin-bottom:15px;color:#333333}main #carousel #carousel-content .nav-arrow{width:23px;height:23px;background-color:transparent;border-top:3px solid #d9d9d9;border-right:3px solid #d9d9d9;cursor:pointer;user-select:none}main #carousel #carousel-content #carousel-arrowleft{transform:rotate(225deg);position:absolute;top:43%;left:-50px}main #carousel #carousel-content #carousel-main{width:1180px;height:346px;margin:0 auto;overflow:hidden;position:relative}main #carousel #carousel-content #carousel-main #carousel-ulwrapper{width:5900px;height:100%;position:absolute;left:-1180px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul{width:100%;height:100%;display:flex}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution{margin-right:20px;flex:content;width:380px;height:100%}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution div.item-pic{width:380;height:210px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution div.item-pic a{display:block;width:100%;height:100%}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution div.item-title{width:380px;height:28px;margin:15px 0;font-size:20px;color:#333333}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution div.item-content{width:380px;height:52px;font-size:16px;color:#333333}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li.solution div.item-end a{color:#004b8d;text-decoration:none}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(1){margin-left:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(4){margin-left:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(7){margin-left:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(10){margin-left:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(13){margin-left:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(3){margin-right:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(6){margin-right:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(9){margin-right:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(12){margin-right:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(15){margin-right:0px}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(1) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(2) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(3) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(4) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(5) div.item-pic{background-image:url('../res/img/LQT202.ico')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(6) div.item-pic{background-image:url('../res/img/LQT202.ico')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(7) div.item-pic{background-image:url('../res/img/LQT202.ico')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(8) div.item-pic{background-image:url('../res/img/LQT202.ico')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(9) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(10) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(11) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(12) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(13) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(14) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-main #carousel-ulwrapper ul li:nth-child(15) div.item-pic{background-image:url('../res/img/logo.png')}main #carousel #carousel-content #carousel-arrowright{transform:rotate(45deg);position:absolute;top:43%;right:-50px}main #carousel #carousel-content #carousel-arrowleft:active{left:-53px}main #carousel #carousel-content #carousel-arrowright:active{right:-53px}main #carousel #carousel-end{margin:0 auto;margin-top:20px}main .society{width:1180px;height:250px;margin:25px auto;background-image:url(../res/img/charity.png)}main .society h2{font-size:30px;color:white;padding-top:30px;margin-left:40px}main .society p{width:500px;height:180px;color:white;margin-left:40px;padding-top:30px;line-height:30px}main .society .society-btn{margin:-160px 100px 100px 800px}main #genius{width:1180px;height:757px;margin:0 auto}main #genius #tech{margin-top:60px;float:left;width:440px;height:460px;background-image:url(../res/img/tech.png);background-repeat:no-repeat}main #genius #tech #tech-inner{margin-top:222px;margin-left:60px;width:400px;height:239px;background-color:white}main #genius #tech #tech-inner h2{font-size:30px;padding-top:20px;margin-left:30px}main #genius #tech #tech-inner p{width:260px;margin-left:30px;padding-top:10px;line-height:20px}main #genius #tech #tech-inner #tech-btn{margin-top:10px;margin-left:20px;width:260px}main #genius #recruit{width:560px;height:657px;padding:50px 70px;background-color:#F0F0F0;float:right}main #genius #recruit img{width:560px;height:420px}main #genius #recruit h2{font-size:30px;padding-top:30px;margin-left:30px}main #genius #recruit p{width:500px;height:180px;margin-left:30px;padding-top:30px;line-height:30px}main #genius #recruit #rec-btn{margin-top:-80px;margin-left:30px}main .help-others{background-image:url(../res/img/help.png)}main #news{width:100%;background-image:url(../res/img/world.png);background-size:contain}main #news #news-wrapper{width:1180px;margin:0 auto}main #news #news-wrapper a{text-decoration:none;color:#333333}main #news #news-wrapper h2{font-size:30px}main #news #news-wrapper div.news-btn{background-color:transparent;margin-left:960px;margin-top:-40px}main #news #news-wrapper div.news-btn a{color:#004b8d;font-weight:bold}main #news #news-wrapper div.news-btn i{color:#004b8d}main #news #news-wrapper .article-container{width:280px;height:400px;margin-top:20px;background-color:white;box-shadow:0 0 1px 1px rgba(202,202,202,0.6);float:left;margin-right:20px}main #news #news-wrapper .article-container h3{font-size:12px;margin:0 0 0 18px;padding:15px 18px 6px 0;color:#737373;border-bottom:solid 1px #dad9d9}main #news #news-wrapper .article-container .content{width:244px;height:295px;font-size:16px;padding:20px 18px 0}main #news #news-wrapper .article-container .content .p1{padding-top:15px;line-height:1.625em}main #news #news-wrapper .article-container .bottom{width:244px;height:12px;padding:18px}main #news #news-wrapper .article-container .bottom .date{font-size:12px;float:left}main #news #news-wrapper .article-container .bottom .read-more{color:#004b8d;float:right}main #news #news-wrapper .article-container:last-child{margin-right:0px;overflow:hidden}main #news #news-wrapper .article-container:last-child div.p1{padding:15px 20px 0px 20px;font-size:12px;line-height:1.1em}main #news #news-wrapper .article-container:last-child div.bottom{padding:0px 0 10px;margin:10px 20px;float:left;border-bottom:solid 1px #dad9d9}main #news #news-wrapper .article-container:last-child div.bottom a{float:left;padding-left:0px}footer{width:100%}footer nav{background-color:#101010}footer nav div{width:1180px;margin:30px auto}footer nav div ul.horizontal-list li{float:left;margin:30px 20px 0px 0px}footer nav div ul.horizontal-list li a{text-decoration:none;color:white}footer nav div ul.horizontal-list li.bar{margin-top:33px;width:1px;height:12px;background-color:white}footer nav div ul.horizontal-list li:first-child{font-size:12px;color:#909090}footer div.page-end{height:80px;background-color:#000000}footer div.page-end div{width:1180px;margin:0 auto}footer div.page-end div p{color:#909090;font-size:13px;line-height:80px}footer div.page-end div a i{float:right;color:#fff;font-size:30px;margin-top:-50px}footer div.page-end div .wechat-link{float:right;margin-top:30px;margin-right:20px}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:10px 20px;font-size:14px;color:#999}.footer-content p,.footer-content .icp-link{margin:0;color:#999;line-height:1;transform:translateY(-10px)}.footer-content .icp-link{text-decoration:none;text-align:center}.footer-content .wechat-link{display:flex;align-items:center}.footer-content .wechat-link i{font-size:24px;color:#999;line-height:-2}.divider{height:1px;background:#f0f0f0;margin:15px 0}.wechat-link{position:relative;display:inline-block}.wechat-link::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-50px);display:none;margin-bottom:5px;border:1px solid #ccc;background:#fff;padding:4px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15);width:300px;height:300px;background-image:url("/res/img/wechat.jpg");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}.wechat-link:hover::after{display:block}.wechat-link::before{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translateX(-50%) translateY(-50px);display:none;border-left:40px solid transparent;border-right:40px solid transparent;border-top:30px solid #fff;z-index:11}.wechat-link:hover::before{display:block}