@charset "utf-8";



body{min-width: 1200px; margin: 0 auto; padding: 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: #f63;}

@keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}

.himg{position: relative; z-index: 1;}
.himg img{max-width: 100%; max-height: 100%; position: absolute; z-index: -1; left: -200%; top: -200%; right: -200%; bottom: -200%; 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%; position: relative; z-index: 2;}
header:before{content: ''; height: 50px; background-color: #222; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; margin: auto;}
header .laf{max-width: 1200px; height: 100px; margin:  10px auto;}
header .laf .logo{width: 1000px; height: 100%; float: left; position: relative;}
header .laf .logo img{max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
header .laf .fav{width: 200px; float: left; text-align: right;}
header .laf .fav a{position: relative; margin-left: 20px;}
header .laf .fav a:before{content: ''; width: 0; height: 0; border-left: 5px solid #999; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-block; margin-right: 6px;}
header .nav{max-width: 1200px; height: 50px; margin: 0 auto; overflow: visible;}
header .nav li{width: 138px; height: 100%; float: left; text-align: center; margin-right: 2px; position: relative; overflow: visible;}
header .nav li .a{height: 50px; line-height: 50px; font-size: 16px; display: block; color: #fff;}
header .nav li span{width: 100%; background-color: #222; position: absolute; left: 0; top: 100%; right: 0; margin: auto; display: none;}
header .nav li span:before{content: ''; width: 0; height: 0; border-bottom: 7px solid #222; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; left: 0; top: -7px; right: 0; margin: auto;}
header .nav li span a{height: 36px; line-height: 36px; display: block; margin: 2px; color: #fff;}
header .nav li span a:hover{background-color: #f13a3a;}
header .nav li.on .a,
header .nav li:hover .a{background-color: #f13a3a;}
header .nav li:hover span{display: block; animation: fadeIn 0.4s;}

#bn{width: 100%; height: 420px;}
#bn img{width: 100%; height: 100%;}

.idx_more{width: 128px; height: 38px; line-height: 38px; border: 1px solid #ccc; margin: 20px auto 0 auto; display: block; text-align: center; font-size: 16px; color: #666;}

.about{max-width: 1200px; margin: 20px auto;}
.about .name{font-size: 24px; text-align: center; color: #00a1e8; margin-bottom: 20px;}
.about .name:before{content: attr(data-name); font-size: 46px; color: #ccc; display: block; text-transform: uppercase;}
.about .list{width: 100%; max-height: 240px; line-height: 24px; color: #666; margin-bottom: 20px; transform: translateX(-100%); opacity: 0;}
.about .himg{width: 100%; height: 360px; transform: translateX(100%); opacity: 0;}
.about .himg img{height: 100%;}
.about.on .list,
.about.on .himg{transform: translateX(0%); opacity: 1; transition: all 1s;}
.about.on .himg{transition-delay: 0.8s;}

.pros{margin: 20px auto;}
.pros .name{font-size: 24px; text-align: center; color: #fff; padding: 20px 0; margin-bottom: 20px; background-color: #00a1e8;}
.pros .name:before{content: attr(data-name); font-size: 46px; color: #30c0ff; display: block; text-transform: uppercase;}
.pros .list{max-width: 1200px; margin: 0 auto; transform: translateX(-100%); opacity: 0;}
.pros .list li{width: 280px; margin: 10px; float: left;}
.pros .list li .himg{width: 100%; height: 200px; display: block; background-color: #eee;}
.pros .list li .himg img{min-width: 100%; height: 100%;}
.pros .list li .title{height: 20px; line-height: 20px; display: block; text-align: center; padding: 10px;}
.pros .list li:hover .title{background-color: #00a1e8; color: #fff;}
.pros.on .list{transform: translateX(0%); opacity: 1; transition: all 1s;}

.case{margin: 20px auto; padding: 20px 0; background-color: #eee;}
.case .name{font-size: 24px; text-align: center; color: #00a1e8; margin-bottom: 20px;}
.case .name:before{content: attr(data-name); font-size: 46px; color: #ccc; display: block; text-transform: uppercase;}
.case .list{max-width: 1200px; margin: 0 auto; transform: translateX(-100%); opacity: 0;}
.case .list li{width: 25%; height: 260px; float: left; background-color: #00a1e8; position: relative;}
.case .list li .himg{width: 100%; height: 200px; float: left; background-color: #fff;}
.case .list li .himg img{min-width: 100%; height: 100%;}
.case .list li .title{width: 100%; height: 20px; line-height: 20px; font-size: 16px; margin: 20px 0; text-align: center; color: #fff; float: left;}
.case .list li:nth-child(even) .himg{position: absolute; left: 0; bottom: 0;}
.case.on .list{transform: translateX(0%); opacity: 1; transition: all 1s;}

.news{max-width: 1200px; margin: 20px auto; transform: translateX(-100%); opacity: 0;}
.news.on{transform: translateX(0%); opacity: 1; transition: all 1s;}
.news .himg{width: 460px; height: 380px; float: left; margin-right: 40px;}
.news .name{width: 200px; height: 100px; padding: 20px 0; font-size: 20px; text-align: center; color: #fff; margin-bottom: 20px; background-color: #00a1e8; position: absolute; z-index: 2; left: 280px; top: 180px;}
.news .name:before{content: attr(data-name); font-size: 46px; color: #30c0ff; display: block; text-transform: uppercase;}
.news .list li{height: 80px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #ccc;}
.news .list li .date{width: 80px; height: 80px; float: left; margin-right: 20px; background-color: #eee; text-align: center;}
.news .list li .date strong{font-size: 26px; color: #333; display: block; font-weight: normal; margin-top: 12px;}
.news .list li .date small{color: #666;}
.news .list li .title{height: 20px; line-height: 20px; font-size: 16px; margin: 5px 0; display: block;}
.news .list li span{height: 40px; line-height: 20px; overflow: hidden; color: #666; display: block; font-size: 12px;}

.body{max-width: 1200px; margin: 0 auto; padding: 20px 0;}
.body .left{width: 270px; float: left;}
.body .left .pbt{width: 100%; height: 90px; line-height: 110px; font-size: 24px; text-indent: 30px; color: #fff; background-image: url(/web/images/bg_ctg.jpg);}
.body .left .category{width: 266px; border: 2px solid #005f8a; border-top-width: 0; border-bottom-width: 30px; float: left; margin-bottom: 20px;}
.body .left .category li{width: 100%; height: 48px; line-height: 48px; float: left; text-indent: 28px; font-size: 16px;}
.body .left .category li.on{background-color: #00a3ec;}
.body .left .category li.on a{color: #fff;}
.body .left .contact{width: 100%; float: left;}
.body .left .contact:before{content: ''; width: 100%; height: 106px; background-image: url(/web/images/bg_cnt.jpg); float: left; margin-bottom: 20px;}
.body .left .contact p{line-height: 30px; padding: 6px 0; margin: 0; border-bottom: 1px dotted #999; font-size: 16px; color: #666;}
.body .left .contact p:before{content: attr(data-name); color: #333; float: left;}

.body .right{width: 910px; float: right;}
.body .right .nbt{width: 100%; height: 42px; line-height: 42px; background-color: #00a3ec;}
.body .right .nbt strong{color: #fff; background-color: #005f8a; padding: 0 20px; font-size: 18px; font-weight: normal; position: relative; float: left;}
.body .right .nbt strong:after{content: ''; width: 44px; height: 42px; background-image: url(/web/images/bg_location.jpg); position: absolute; top: 0; right: -44px;}

.content{line-height:200%; padding: 20px 0; background-color: #fff;}
.content img{max-width:100%;}
.content table.noBorderTable td,
.content table.noBorderTable th,
.content table.noBorderTable caption{border:1px dashed #ddd !important;}
.content table{margin-bottom:10px; border-collapse:collapse; display:table;}
.content td,.content th{background:white;  padding: 5px 10px; border: 1px solid #ddd;}
.content caption{border:1px dashed #ddd; border-bottom:0; padding:3px; text-align:center;}
.content th{border-top:2px solid #bbb; background:#f7f7f7;}
.content td p{margin:0; padding:0;}

.article_list li{height:30px; line-height:30px; font-size: 14px; 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;}

.news_list li{line-height:22px; padding:10px 0;}
.news_list li strong{height:22px; font-size:16px; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; color:#333;}
.news_list li p{height:88px; line-height:22px; padding:0; margin:0; overflow:hidden; color:#777; white-space:normal;}
.news_list li .himg{width:180px; height:120px; float:left; margin-right:15px;}

.thum_list li{width:280px; text-align:center; float:left; margin:10px;}
.thum_list li .himg{width:278px; height:200px; float:left; border: 1px solid #ddd;}
.thum_list li .himg img{min-width: 100%; height: 100%;}
.thum_list li span{width:100%; height:30px; line-height:30px; float:left;}

.jobs_list{width:100%; float:left; background-color:#f5f5f5;}
.jobs_list li{width:100%; float:left; border-bottom:1px solid #fff;}
.jobs_list li .td{width:169px; margin-right:1px; float:left; display:inline;}
.jobs_list li .td.t3{width:570px; margin-right:0;}
.jobs_list li.bt .td{height:34px; line-height:34px; font-size:14px; text-align:center; color:#fff;}
.jobs_list li.bt .td.t1{background-color:#555;}
.jobs_list li.bt .td.t2{background-color:#777;}
.jobs_list li.bt .td.t3{background-color:#999;}
.jobs_list li.row{line-height:24px; color:#888; padding:10px 0;}
.jobs_list li.row .td{font-size:14px; text-align:center;}
.jobs_list li.row .td.t3{text-align:left;}
.jobs_list li.row .td.t3 .dect{height:48px; margin:0; padding:0 10px; overflow:hidden;}
.jobs_list li.row .td.t3 .dect.open{height:auto;}
.jobs_list li.row .jbtn{height:24px; line-height:24px; text-indent: 26px; border-radius:4px; background-color:#ddd; color:#666; float:left; padding-right: 6px; margin-left:10px; margin-top:10px; cursor:pointer; position: relative;}
.jobs_list li.row .jbtn:before{content: ''; width: 0; height: 0; border-top: 6px solid #666; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 6px; top: 0; bottom: 0; margin: auto;}
.jobs_list li.row .jbtn.open:before{border-top: 0; border-bottom: 6px solid #666;}
.jobs_list li.row .jbtn.tab{float:right;}
.jobs_list li.row .jbtn.tab:before{border-left: 6px solid #666; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: 10px;}

.jobs_btn{width:100%; height:40px; float:left; text-align:center;}
.jobs_btn span{height:40px; line-height:40px; background-color:#666; color:#fff; font-size:16px; border-radius:4px; display:inline-block; text-align:center; cursor:pointer; padding:0 24px;}
.jobs_btn span:hover{background-color:#333;}

.cnt_map{height: 380px;}

.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;}

#map{width: 100%; background-color: #ccc;}
#map div{overflow: visible;}
#map img{max-width: none;}
#map .anchorBL{display: none;}

footer{width: 100%; line-height: 24px; padding: 20px 0; background-color: #222; color: #fff; text-align: center; border-top: 2px solid #00a1e8;}
footer a{color: #fff;}

.quick{height: 60px; background-color: #eee; position: fixed; z-index: 3; left: 0; right: 0; bottom: 0; margin: auto; display: none;}
.quick a{width: 33.3%; height: 30px; line-height: 30px; padding-top: 30px; font-size: 12px; color: #f00; float: left; text-align: center; position: relative;}
.quick a:before{content: ''; width: 50px; height: 50px; background-image: url(/web/images/icon.png); display: block; transform: scale(0.5,0.5); position: absolute; left: 0; top: -5px; right: 0; margin: auto;}
.quick a:after{content: ''; width: 1px; background-color: #ccc; position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}
.quick a:last-child:after{display: none;}
.quick a.tel:before{background-position: 0 0;}
.quick a.qq:before{background-position: -50px 0;}
.quick a.msg:before{background-position: -100px 0;}
.quick a.cnt:before{background-position: -150px 0;}@media screen and (max-width: 1024px){
body{min-width: 0;}

header{height: auto; margin-bottom: 0;}
header:before{display: none;}
header .laf{height: 40px; margin: 5px 0;}
header .laf .logo{width: 100%;}
header .laf .fav{display: none;}
header .nav{width: 100%; height: auto; float: left; background-color: #222;}
header .nav li{width: calc(25% - 4px); height: 30px; line-height: 30px; margin: 4px 2px;}
header .nav li .a{height: 100%; line-height: 30px; font-size: 12px;}
header .nav li:hover span{display: none;}

#bn{display: none;}

.about{width: calc(100% - 20px); margin: 20px 10px;}
.about .himg{height: 160px;}

.pros .list li{width: calc(50% - 10px); margin: 5px;}
.pros .list li .himg{height: 120px; margin-bottom: 5px;}

.case .list li{width: 25%; height: 140px; float: left; background-color: #00a1e8; position: relative;}
.case .list li .himg{width: 100%; height: 100px; float: left; background-color: #fff;}
.case .list li .title{font-size: 12px; margin: 10px 0;}

.news{margin: 20px 10px;}
.news .himg,
.news .name{display: none;}

.body{width: 100%; padding: 10px 0;}
.body .left{width: calc(100% - 20px); padding: 0 10px; margin-bottom: 10px;}
.body .left .pbt{display: none;}
.body .left .category{width: 100%; border: 0; margin-bottom: 0;}
.body .left .category li{width: 33%; height: 26px; line-height: 26px; text-align: center; text-indent: 0; font-size: 12px; border-radius: 6px;}
.body .left .contact{display: none;}

.body .right{width: 100%; float: left;}
.body .right .nbt{display: none;}

.content{padding: 10px;}

.thum_list li{width: calc(50% - 10px); margin: 5px;}
.thum_list li .himg{width:auto; height:120px; float:none; border: 1px solid #ddd; display: block; margin-bottom: 10px;}
.thum_list li span{width:100%; height:20px; line-height:20px; display: block; float: none;}

.news_list li{line-height:20px; padding:5px 0;}
.news_list li strong{font-size:14px;}
.news_list li p{height:40px;}
.news_list li .himg{width:100px; height:80px; margin-right:10px;}

.jobs_list li .td{width:69px;}
.jobs_list li .td.t3{width: calc(100% - 140px);}
.jobs_list li.bt .td{height:24px; line-height:24px; font-size:12px;}
.jobs_list li.row .td{line-height:16px; font-size:12px;}

.cnt_map{height: 180px;}

footer{line-height: 18px; padding: 8px 0; font-size: 10px;}

.quick{display: block;}
}