@charset "utf-8";body{min-width: 1240px; margin: 0 auto; padding: 90px 0 0 0; font-size: 14px; font-family: Microsoft YaHei, SimSun;}img{border: 0px;}form{margin: 0; padding: 0;}input, select, textarea{font-family: Microsoft YaHei, SimSun;}div, ul, li{margin: 0; padding: 0; display: block; overflow: hidden; backface-visibility:  hidden; perspective:  1000px;}ul, li{list-style-type: none;}li{text-overflow: ellipsis;}a{text-decoration: none; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline: none;}a:hover{text-decoration: none; color: #f60;}@keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}.himg{position: relative; z-index: 1;}.himg img{width: 100%; min-height: 100%; position: absolute; z-index: -1; left: 0; top: -1000%; right: 0; bottom: -1000%; margin: auto; transition: all 0.4s;}.himg:hover img{transform: scale(1.1,1.1);}.a_row{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}header{width: 100%; height: 90px; background-color: #fff; position: fixed; z-index: 3; left: 0; top: 0; right: 0; margin: auto;}header .top{max-width: 1200px; height: 90px; margin: 0 auto; position: relative; overflow: visible;}header .top .logo{height: 72px; float: left; margin: 9px 0;}header .top .logo img{height: 100%;}header .top .nav{overflow: visible; float: right; position: relative;}header .top .nav li{height: 30px; padding: 10px 0; margin: 20px 0; float: left; text-align: center; overflow: visible;}header .top .nav li .a{height: 30px; line-height: 30px; color: #666; padding: 0 20px; float: left; font-size: 16px;}header .top .nav li span{width: 100%; background-color: #3d87b9; position: absolute; left: 0; top: 100%; right: 0; margin: auto; display: none;}header .top .nav li span:before{content: ''; width: 0; height: 0; border-bottom: 7px solid #3d87b9; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; left: 0; top: -7px; right: 0; margin: auto;}header .top .nav li span a{height: 36px; line-height: 36px; display: block; color: #fff; margin: 2px;}header .top .nav li span a:hover{background-color: #217cba;}header .top .nav li.on .a,header .top .nav li:hover .a{color: #f33;}header .top .nav li:hover span{display: block; animation: fadeIn 0.4s;}#ibn{width: 100%; height: 490px;}.abt{width: 100%; height: 30px; line-height: 30px; padding: 30px 0; border-bottom: 1px solid #ccc;}.abt .box{max-width: 1200px; margin: 0 auto; position: relative;}.abt .box strong{float: left; border-left: 2px solid #f33; padding-left: 19px; font-size: 24px; color: #666; font-weight: normal;}.abt .box small{float: left; margin-left: 10px; font-size: 18px; color: #999; font-family: Arial; text-transform: capitalize;}.abt .box .more{width: 29px; height: 11px; background-image: url(/web/images/icon.png); background-position: -90px -20px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}.abt .box .category{float: right;}.abt .box .category li{display: inline-block; position: relative; overflow: visible; margin: 0 20px; font-size: 16px;}.abt .box .category li:before{content: ''; width: 1px; height: 20px; background-color: #ccc; position: absolute; top: 0; right: -20px; bottom: 0; margin: auto;}.abt .box .category li:last-child:before{display: none;}.abt .box .category li a{color: #333;}.abt .box .category li.on a{color: #f33;}.service{max-width: 1200px; height: 430px; margin: 0 auto; position: relative; z-index: 1;}.service:before{content: ''; width: 230px; height: 90px; background-image: url(/web/images/bg_service.jpg); position: absolute; z-index: -1; right: 200px; bottom: 0;}.service:after{content: ''; width: 110px; height: 110px; background-image: url(/web/images/bg_service2.jpg); position: absolute; z-index: -1; top: 20px; right: 0;}.service .box{width: 900px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}.service .box li{width: 100%; height: 250px; position: absolute; left: -150%; top: 0; transition: all 0.8s;}.service .box li:before{content: ''; width: 440px; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 36px; transition: all 0.4s;}.service .box li.on{left: 0%;}.service .box li .himg{width: 370px; height: 250px; float: left; margin-right: 80px; transition: all 0.4s;}.service .box li strong{height: 30px; line-height: 30px; font-weight: normal; display: block; font-size: 16px; margin-top: 20px;}.service .box li small{height: 20px; line-height: 20px; display: block; font-size: 14px; color: #666;}.service .box li p{ height: 100px; line-height: 25px; overflow: hidden; color: #666; padding: 0; margin: 20px 0;}.service .box li:hover:before{width: 420px;}.service .box li:hover .himg{margin-right: 60px; transition-delay: 0.2s;}.service .liebiao{width: 260px; height: 370px; border-left: 1px solid #ccc; position: absolute; top: 0; right: 0;}.service .liebiao .goto{width: 100%; height: 50px; cursor: pointer; float: left; position: relative;}.service .liebiao .goto:hover{background-color: #dadada;}.service .liebiao .goto:before{content: ''; height: 1px; background-color: #ccc; position: absolute; left: 0; bottom: 0; right: 0; margin: auto;}.service .liebiao .goto:after{content: ''; width: 23px; height: 12px; background-image: url(/web/images/icon.png); background-position: -120px -20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}.service .liebiao .goto.next:before{display: none;}.service .liebiao .goto.next:after{background-position: -150px -20px;}.service .liebiao .list{width: 100%; height: 270px; float: left;}.service .liebiao .list p{height: 60px; line-height: 30px; padding: 15px; margin: 0; position: relative;}.service .liebiao .list p:before{content: ''; height: 1px; background-color: #ccc; position: absolute; left: 0; bottom: 0; right: 0; margin: auto;}.service .liebiao .list p strong{font-weight: normal; font-size: 16px;}.service .liebiao .list p small{color: #666; font-size: 14px;}.about{width: 100%; height: 500px; background-color: #eee; position: relative; z-index: 1;}.about .img{height: 500px; position: absolute; top: 0; right: 50%;}.about .box{height: 230px; background-color: #fff; padding: 50px 80px; position: absolute; left: 50%; top: 0; right: 50px; bottom: 0; margin: auto auto auto -60px; transition: all 0.4s;}.about .box:before{content: ''; width: 60px; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 65px;}.about .box strong{height: 30px; line-height: 30px; display: block; color: #666; font-size: 24px; font-weight: normal;}.about .box strong:after{content: attr(data-en); font-size: 16px; color: #999; text-transform: capitalize; margin-left: 10px;}.about .box p{height: 100px; line-height: 25px; padding: 0; margin: 40px 0; overflow: hidden; color: #666;}.about .box .more{width: 29px; height: 11px; background-image: url(/web/images/icon.png); background-position: -90px -20px; display: inline-block;}.about:hover .box{left: 40%;}.news{max-width: 1200px; margin: 0 auto;}.news .news_list{margin: 40px 0;}.news_list{width: 100%;}.news_list p{width: 370px; height: 260px; float: left; padding: 0; margin: 0 45px 0 0;}.news_list p:nth-child(3){margin-right: 0;}.news_list p .himg{width: 100%; height: 180px; float: left; background-color: #eee;}.news_list p strong,.news_list p span{width: 100%; height: 20px; line-height: 20px; float: left;}.news_list p strong{font-weight: normal; margin: 10px 0;}.news_list p span{color: #666; font-size: 12px;}.nbn{width: 100%; height: 380px; position: relative;}.nbn img{height: 100%; position: absolute; left: -100%; top: 0; right: -100%; margin: auto;}.content{max-width: 1200px; line-height: 200%; margin: 20px auto;}.content img{max-width: 100%;}.content h1{line-height: 140%;}.article_list li{height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc; margin: 5px 0;}.article_list li a{float: left; text-indent: 15px; position: relative;}.article_list li a: before{content: ''; width: 0; height: 0; border-left: 5px solid #f60; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}.article_list li span{float: right; color: #999;}.thum_list li{width: 270px; text-align: center; float: left; margin: 10px;}.thum_list li .himg{width: 258px; height: 200px; float: left; border: 1px solid #ddd;}.thum_list li span{width: 100%; height: 30px; line-height: 30px; float: left;}.jobs_list li{background-color: #eee; padding: 10px 10px 10px 150px; margin-bottom: 15px; position: relative;}.jobs_list li:before{content: ''; width: 120px; background-color: #ddd; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}.jobs_list li:after{content: ''; width: 0; height: 0; border-left: 10px solid #ddd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: 120px; top: 0; bottom: 0; margin: auto;}.jobs_list li .name{width: 100px; text-align: center; position: absolute; left: 10px; top: 10px;}.jobs_list li .dect{height: 50px; line-height: 25px; color: #999;}.jobs_list li .jbtn{height: 24px; line-height: 24px; font-size: 12px; text-indent: 20px; border-radius: 4px; background-color: #ddd; color: #666; padding-right: 5px; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}.jobs_list li .jbtn:before{content: ''; width: 0; height: 0; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto;}.jobs_list li .jbtn.tab{display: none;}.jobs_list li .jbtn.tab:before{border-left: 5px solid #666; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: 7px;}.jobs_list li.on .dect{height: auto; color: #666;}.jobs_list li.on .jbtn.show{display: none;}.jobs_list li.on .jbtn.tab{display: block;}.jobs_btn{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 20px auto; background-color: #666; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer;}.jobs_btn:hover{background-color: #333;}.page{width: 100%; text-align: center; font-family: Verdana; margin-top: 20px; float: left;}.page a{height: 24px; line-height: 24px; display: inline-block; margin: 0 3px; padding: 0 8px;}.page .in{background-color: #0185c5; color: #fff;}.cnt{background-color: #f0f0f0; padding: 40px 0;}.cnt:before{content: ''; max-width: 1200px; height: 1px; background-color: #ccc; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}.cnt strong{max-width: 1200px; height: 40px; line-height: 40px; font-size: 26px; display: block; color: #666; font-weight: normal; margin: 0 auto 20px auto;}.cnt p{max-width: 1200px; padding: 0; margin: 0 auto;}.cnt p.list{color: #666; margin-bottom: 20px;}.cnt p.icon a{width: 28px; height: 28px; background-image: url(/web/images/icon.png); display: inline-block; margin: 0 5px; position: relative; overflow: visible;}.cnt p.icon a.qq{background-position: -70px -50px;}.cnt p.icon a.weixin{background-position: -100px -50px;}.cnt p.icon a.weixin img{width: 130px; height: 130px; border: 5px solid #fff; position: absolute; left: -2000%; top: -140px; right: -2000%; margin: auto; display: none;}.cnt p.icon a.weixin:hover img{display: block; animation: fadeIn 0.4s;}.cnt p.icon a.weibo{background-position: -40px -50px;}.cnt_map{height: 380px;}#map{width: 100%; background-color: #ccc;}#map div{overflow: visible;}#map img{max-width: none;}#map .anchorBL{display: none;}footer{line-height: 24px; text-align: center; color: #666; background-color: #f0f0f0; padding: 20px 0;}footer a{color: #666;}.quick{width: 64px; height: 330px; overflow: visible; position: fixed; z-index: 4; top: 0; right: 0; bottom: 0; margin: auto;}.quick .box{width: 64px; height: 64px; background-color: #0398fe; float: left; position: relative; margin: 1px 0; font-size: 12px; color: #fff; text-align: center; overflow: visible;}.quick .box:before{content: ''; width: 30px; height: 30px; display: block; background-image: url(/web/images/icon.png); margin: 5px auto;}.quick .box.qq:before{background-position: 0 -20px;}.quick .box.tel:before{background-position: -30px -20px;}.quick .box.qrc:before{background-position: -60px -20px;}.quick .box.top:before{width: 40px; background-position: 0 -50px; margin: 17px auto;}.quick .box span{position: absolute; z-index: -1; right: -600px; bottom: 0; opacity: 0;}.quick .box.tel span{height: 64px; line-height: 64px; padding: 0 30px; font-size: 24px; white-space: nowrap; background-color: #0398fe;}.quick .box.tel span:before{content: ''; width: 0; height: 0; border-left: 7px solid #0398fe; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 0; right: -7px; bottom: 0; margin: auto;}.quick .box.qrc span{width: 130px; height: 130px;}.quick .box.qrc span:before{content: ''; width: 0; height: 0; border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; right: -7px; bottom: 28px; margin: auto;}.quick .box.qrc span img{width: 100%; height: 100%;}.quick .box:hover span{right: 74px; opacity: 1; transition: all 0.8s;}@media screen and (max-width: 1024px){body{min-width: 320px; padding-top: 50px;}header{height: 50px; z-index: 4;}header .top{height: 50px;}header .top .logo{height: 40px; margin: 5px;}header .top .nav{width: 100px; padding: 10px 0; position: absolute; top: 100%; right: 0; display: none;}header .top .nav:before{content: ''; background-color: #000; opacity: 0.7; position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}header .top .nav li{width: 100%; height: 30px; text-align: center; padding: 0; margin: 5px 0;}header .top .nav li .a{width: 100%; font-size: 14px; padding: 0; color: #fff;}header .top .nav li span{display: none;}header .top .nav li:hover span{display: none;}header .nav.on{display: block;}header .top .nav_show{width: 50px; height: 34px; background-color: #999; border-radius: 5px; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;}header .top .nav_show:before{content: ''; width: 20px; height: 20px; background-image: url(/web/images/icon.png); background-position: -130px -50px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}#ibn{width: 100%; height: 140px;}.abt{width: auto; padding: 20px 10px;}.abt .box strong{padding-left: 9px; font-size: 18px;}.abt .box small{font-size: 12px;}.abt .box .category li{margin: 0 10px; font-size: 14px;}.abt .box .category li:before{right: -10px;}.service{max-width: 1200px; height: 120px; margin: 0 10px; position: relative; z-index: 1;}.service:before{right: 80px; transform: scale(0.6,0.6);}.service:after{top: 0; transform: scale(0.6,0.6);}.service .box{width: 100%; height: 80px;}.service .box li{height: 80px;}.service .box li:before{width: 130px; top: 10px;}.service .box li .himg{width: 120px; height: 80px; margin-right: 20px;}.service .box li strong{height: 20px; line-height: 20px; font-size: 14px; margin-top: 0;}.service .box li small{font-size: 12px;}.service .box li p{height: 40px; line-height: 20px; margin: 0; font-size: 12px;}.service .liebiao{display: none;}.about{height: 200px;}.about .img{height: 100%;}.about .box{height: auto; padding: 10px 20px; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: auto;}.about .box:before{top: 50px;}.about .box p{margin: 20px 0;}.about .box .more{display: none;}.news .news_list{margin: 20px 10px;}.news_list{width: auto;}.news_list p{width: 100%; margin: 0;}.jobs_list li{padding-left: 100px; margin-bottom: 10px;}.jobs_list li:before{width: 80px;}.jobs_list li:after{left: 80px;}.jobs_list li .name{width: 60px; font-size: 12px;}.jobs_list li .dect{height: 40px; line-height: 20px; font-size: 12px;}.cnt_map{height: 160px;}.cnt{padding: 20px 10px;}.content{margin: 10px;}footer{line-height: 20px; padding: 10px; font-size: 12px;}.nbn{height: 120px;}.quick{display: none;}}