@charset "utf-8";



body{min-width: 1200px; margin: 0 auto; padding: 0; font-size: 14px; color: #666; font-family: Microsoft YaHei, SimSun; background-color: #e4e4e4;}
body.b_index{background-color: #fff;}
body:before{content: ''; width: 100%; height: 70px; background-color: #3d87b9; opacity: 0.6; position: fixed; z-index: 2; left: 0; top: 0; right: 0; margin: auto;}
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: #666; 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{min-width: 100%; height: 100%; position: absolute; z-index: -1; left: -200%; top: 0; right: -200%; bottom: 0; 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{max-width: 1200px; height: 70px; position: fixed; z-index: 3; left: 0; top: 0; right: 0; margin: auto;}
header .logo{height: 64px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
header .logo img{height: 100%;}
header .nav{float: right; overflow: visible;}
header .nav li{height: 70px; float: left; text-align: center; margin-left: 1px; overflow: visible;}
header .nav li .a{height: 70px; line-height: 70px; color: #fff; padding: 0 16px; float: left; font-size: 16px;}
header .nav li span{width: 100%; background-color: #3d87b9; 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 #3d87b9; 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; color: #fff; margin: 2px;}
header .nav li span a:hover{background-color: #217cba;}
header .nav li.on .a,
header .nav li:hover .a{background-color: #217cba;}
header .nav li:hover span{display: block; animation: fadeIn 0.4s;}

#ibn{width: 100%; height: 660px;}

.abt{height: 50px; color: #666; margin-bottom: 20px; position: relative;}
.abt strong{height: 30px; line-height: 30px; font-weight: normal; font-size: 20px; display: block;}
.abt small{height: 20px; line-height: 20px;text-transform: uppercase; display: block;}
.abt .more{width: 30px; height: 20px; background-image: url(/web/images/icon.png); position: absolute; top: 0; right: 20px; bottom: 0; margin: auto;}

.aan{max-width: 1200px; height: 290px; margin: 20px auto; position: relative; overflow: visible;}
.aan .about{max-width: 800px; position: relative; left: -100%; opacity: 0;}
.aan .about .himg{width: 330px; height: 180px; float: left; margin-right: 30px;}
.aan .about .list strong,
.aan .about .list p{max-width: 400px; overflow: hidden; display: block; color: #666;}
.aan .about .list strong{height: 30px; line-height: 30px; font-weight: normal; font-size: 20px; margin: 30px 0;}
.aan .about .list p{height: 60px; line-height: 20px; padding: 0; margin: 0;}
.aan .news{width: 320px; padding: 20px; background-color: #2495e4; position: absolute; right: 0; bottom: -100%; opacity: 0;}
.aan .news:before{content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 79px; right: 0; margin: auto;}
.aan .news .abt{color: #fff;}
.aan .news .abt .more{background-position: 0 -20px;}
.aan .news .list li{width: 100%; height: 50px; float: left; margin: 10px 0; color: #fff;}
.aan .news .list li strong{width: 70px; height: 40px; line-height: 20px; padding: 5px 0; background-color: #147ac1; float: left; text-align: center; font-weight: normal; font-size: 16px; margin-right: 20px;}
.aan .news .list li strong small{display: block; font-size: 12px;}
.aan .news .list li a{height: 40px; line-height: 20px; margin: 5px 0; display: block; color: #fff; white-space: normal;}
.aan.on .about{left: 0%; opacity: 1; transition: all 1s;}
.aan.on .news{bottom: 0%; opacity: 1; transition: all 1s 0.8s;}

.industry{max-width: 1200px; margin: 20px auto; position: relative; left: -100%; opacity: 0;}
.industry .list{width: 100%; height: 260px; white-space: nowrap;}
.industry .list p{width: 370px; height: 260px; display: inline-block; padding: 0; margin: 0 45px 0 0;}
.industry .list p .himg{width: 100%; height: 180px; float: left;}
.industry .list p strong,
.industry .list p span{width: 100%; height: 20px; line-height: 20px; float: left;}
.industry .list p strong{font-weight: normal; margin: 10px 0;}
.industry .list p span{color: #666; font-size: 12px;}
.industry.on{left: 0%; opacity: 1; transition: all 1s;}

.contact{width: 100%; background: url(/web/images/bg_contact.jpg) no-repeat center top;}
.contact .box{max-width: 1200px; margin: 40px auto;}
.contact .box .cnt{line-height: 30px; float: left; color: #333; margin-right: 40px; padding-top: 20px; float: left; position: relative; left: -100%; opacity: 0;}
.contact .box #form_msg{max-width: 880px; float: left; position: relative; left: 100%; opacity: 0;}
.contact .box #form_msg p{padding: 0; margin: 0;}
.contact .box #form_msg p.row{line-height: 30px; border-bottom: 1px solid #333; padding-bottom: 10px; float: left; margin-right: 20px;}
.contact .box #form_msg p.row:before{content: attr(data-name); width: 40px; color: #333; float:left;}
.contact .box #form_msg p.row input{width: 160px; height: 30px; line-height: 30px; border: 0; padding: 0; margin: 0; outline: 0; background-color: transparent;}
.contact .box #form_msg p.row.text{margin-top: 20px; margin-bottom: 20px;}
.contact .box #form_msg p.row textarea{width: 820px; height: 90px; line-height: 30px;resize: none; border: 0; padding: 0; margin: 0; outline: 0; background-color: transparent;}
.contact .box #form_msg p.btn{height: 40px; line-height: 40px; background-color: #2495e4; color: #fff; font-size: 16px; padding: 0 40px; cursor: pointer; float: left;}
.contact.on .box .cnt,
.contact.on .box #form_msg{left: 0%; opacity: 1; transition: all 1s;}
.contact.on .box #form_msg{transition-delay: 0.8s;}

.nbn{width: 100%; height: 346px; position: relative;}
.nbn img{height: 100%; position: absolute; left: -100%; top: 0; right: -100%; margin: auto;}

.lac{max-width: 1200px; height: 20px; line-height: 20px; padding: 15px 0; background-color: #fff; margin: 0 auto 10px auto;}
.lac .location{float: left; margin-left: 20px;}
.lac .category{float: right;}
.lac .category li{float: left; margin-right: 20px;}
.lac .category li.on a{color: #06c;}

.content{max-width: 1160px; min-height: 400px; line-height: 200%; padding: 10px 20px; background-color: #fff; margin: 0 auto;}
.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; 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;}

.news_list li{line-height: 22px; margin: 20px;}
.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: 300px; text-align: center; float: left; margin: 20px 43px;}
.thum_list li .himg{width: 100%; height: 180px; float: left;}
.thum_list li span{width: 100%; height: 30px; line-height: 30px; float: left;}

.jobs_list{width: 900px; margin: 0 auto; 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: 560px; 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;}

.content #form_msg{max-width:660px; margin: 20px auto;}
.content #form_msg:before{content: ''; width: 300px; height: 60px; background-image: url(/web/images/bg_msg.jpg); display: block; margin: 40px auto;}
.content #form_msg input{height:20px; border:1px solid #bbb; background-color:#f8f8f8; margin:0; padding:0 2px;}
.content #form_msg textarea{width:650px; height:80px; border:1px solid #bbb; background-color:#f8f8f8; margin:0; padding:4px;}
.content #form_msg strong{color:#e52108;}
.content #form_msg .an{width:80px; height:30px;}

.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_map{height: 380px;}

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

footer{background-color: #000; color: #fff; text-align: center; padding: 10px 0;}
footer a{color: #fff;}@media screen and (max-width: 1024px){body{min-width: 0;}body:before,header{height: 50px;}header .logo{height: 30px; margin: 10px;}header .nav{width: 100px; height: auto; padding: 10px 0; position: absolute; top: 100%; right: 0; display: none;}header .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 .nav li{width: 100%; height: 30px; line-height: 30px; margin: 5px 0; float: none; display: block;}header .nav li .a{width: 100%; height: 30px; line-height: 30px; font-size: 14px; padding: 0; color: #fff;}header .nav li:hover span{display: none;}header .nav.on{display: block;}header .nav_show{width: 50px; height: 34px; background-color: #999; border-radius: 5px; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;}header .nav_show:before{content: ''; width: 20px; height: 20px; background-image: url(/web/images/icon.png); background-position: -30px 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}#ibn{height: 260px;}.abt{height: 50px; color: #666; margin-bottom: 10px; position: relative;}.abt strong{height: 30px; line-height: 30px; font-weight: normal; font-size: 20px; display: block;}.abt small{height: 20px; line-height: 20px;text-transform: uppercase; display: block;}.abt .more{width: 30px; height: 20px; background-image: url(/web/images/icon.png); position: absolute; top: 0; right: 20px; bottom: 0; margin: auto;}.aan{height: auto; margin: 10px; overflow: hidden;}.aan .about{height: auto;}.aan .about .himg{width: 300px; height: 180px; margin-right: 0;}.aan .about .list strong,.aan .about .list p{width: 100%; float: left;}.aan .news{width: 100%; height: auto; padding: 10px; margin: 20px 0; position: relative; float: left; left: -100%; bottom: 0;}.aan .news:before{top: 69px;}.aan.on .news{left: 0%; opacity: 1; transition: all 1s 0.8s;}.industry{margin: 10px;}.contact{width: auto; padding: 10px; background-size: cover;}.contact .box{margin: 0;}.contact .box .cnt{width: 100%; line-height: 20px; font-size: 12px; margin-right: 0; padding-top: 0; margin-bottom: 10px;}.contact .box #form_msg{width: 100%; float: left;}.contact .box #form_msg p.row input{width: 90px;}.contact .box #form_msg p.row.text{width: 100%; margin-top: 10px; margin-bottom: 10px;}.contact .box #form_msg p.row textarea{width: calc(100% - 50px);}.contact .box #form_msg p.btn{height: 40px; line-height: 40px; background-color: #2495e4; color: #fff; font-size: 16px; padding: 0 40px; cursor: pointer; float: left;}.contact.on .box .cnt,.contact.on .box #form_msg{left: 0%; opacity: 1; transition: all 1s;}.contact.on .box #form_msg{transition-delay: 0.8s;}footer{padding: 10px 0; font-size: 12px;}footer .contact{padding: 10px;}footer .contact:before{font-size: 16px; margin-bottom: 10px;}footer .copyright{padding: 10px;}.nbn{height: 160px;}.lac{width: auto; padding: 10px;}.lac .location{display: none;}.lac .category{float: none;}.lac .category li{float: none; display: inline-block;}.content{width: auto; padding: 10px;}.news_list li{line-height: 20px; margin: 10px 0;}.news_list li strong{height: 20px; font-size: 14px;}.news_list li p{height: 40px; line-height: 20px; font-size: 10px;}.news_list li .himg{width: 80px; height: 80px; margin-right: 10px;}.thum_list li{margin: 10px auto; float: none;}.jobs_list li .td{width:69px;}.jobs_list li .td.t3{width: calc(100% - 160px);}.jobs_list li.bt .td{height:24px; line-height:24px; font-size:12px;}.jobs_list li.row .td{line-height:16px; font-size:12px;}.content #form_msg{margin: 10px;}.content #form_msg:before{height: 40px; background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 20px auto;}.content #form_msg input{width:calc(100% - 40px);}.content #form_msg textarea{width:calc(100% - 10px);}.cnt_map{height: 180px;}}