@charset "utf-8";



body{min-width:1000px; margin:0 auto; padding:66px 0 0 0; font-size:14px; font-family:Microsoft YaHei, SimSun; background-color: #fffaf5; color: #333;}
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;}
ul, li{list-style-type:none;}
li{text-overflow:ellipsis;}
a{text-decoration:none; color:#333; 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;}
.himg img{max-width:100%; max-height:100%; position:absolute; left:-200%; top: -200%; right:-200%; bottom: -200%; margin: auto; transition:all 0.5s ease;}
.himg:hover img{transform:scale(1.1,1.1);}

.a_row{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

header{width: 100%; height: 66px; background-color: #fff; position: fixed; z-index: 3; left: 0; top: 0; right: 0; margin: auto;}
header:before{content: ''; height: 6px; background-color: #e4a860; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; margin: auto;}
header:after{content: ''; width: 1000px; height: 50px; background-image: url(/web/images/pop_bn.png); position: absolute; z-index: -2; left: 0; top: 100%; right: 0; margin: auto;}
header .logo{position: absolute; left: 50%; top: 0; margin-left: -500px;}
header .nav{height: 60px; position: absolute; top: 0; right: 50%; margin-right: -500px; overflow: visible;}
header .nav li{width: 96px; height: 60px; line-height: 60px; float: left; text-align: center; overflow: visible; position: relative;}
header .nav li .a{font-size: 15px; display: block;}
header .nav li span{width: 96px; position: absolute; left: 0; top: 100%; right: 0; margin: auto; display: none;}
header .nav li span:before,
header .nav li span:after{content: ''; width: 100%; float: left; background-image: url(/web/images/icon.png);}
header .nav li span:before{height: 20px; background-position: -50px 0;}
header .nav li span:after{height: 46px; background-position: -50px -20px;}
header .nav li span a{width: 100%; height: 24px; line-height: 24px; font-size: 12px; background-color: #e4a860; color: #fff; float: left;}
header .nav li span a:hover{color: #444;}
header .nav li.on:before,
header .nav li:hover:before{content: ''; width: 47px; height: 17px; background-image: url(/web/images/icon.png); background-position: 0 0; position: absolute; z-index: -1; left: 0; top: 100%; right: 0; margin: auto;}
header .nav li.on .a,
header .nav li:hover .a{color: #e4a860;}
header .nav li:hover span{display: block;}

.ibn,
.ibn img{width: 100%; height: 550px;}
.ibn #ibn .nbn_button{width: 1000px; text-align: right; right: 0; float: none; margin: auto;}
.ibn #ibn .nbn_button a{border-radius: 50%; border: 2px solid #fff;}

.sas{width: 100%; height: 110px; background: url(/web/images/bg_search.jpg) no-repeat center top; position: relative; z-index: 2; overflow: visible;}
.sas #form_search{width: 260px; height: 28px; position: absolute; left: 50%; top: 43px; margin-left: -196px;}
.sas #form_search input{height: 28px; line-height: 28px; padding: 0; margin: 0; float: left; background-color: transparent; border: 0; outline: 0;}
.sas #form_search #kwd{width: 230px;}
.sas #form_search .sbt{width: 30px; cursor: pointer;}
.sas .share{width: 240px; height: 50px; position: absolute; top: 24px; left: 50%; margin-left: 100px; overflow: visible;}
.sas .share a{width: 50px; height: 50px; float: left; margin-left: 10px; background-image: url(/web/images/icon.png); cursor: pointer;}
.sas .share a.weixin{background-position: -150px 0; overflow: visible; position: relative;}
.sas .share a.weixin img{width: 138px; height: 138px; padding: 2px; border: 5px solid #c8c8c8; border-radius: 3px; background-color: #fff; position: absolute; left: -200%; top: 100%; right: -200%; margin: auto; display: none;}
.sas .share a.weixin:hover{background-position: -150px -50px;}
.sas .share a.weixin:hover img{display: block;}
.sas .share a.tmall{background-position: -200px 0;}
.sas .share a.tmall:hover{background-position: -200px -50px;}
.sas .share a.jd{background-position: -250px 0;}
.sas .share a.jd:hover{background-position: -250px -50px;}
.sas .share a.taobao{background-position: -300px 0;}
.sas .share a.taobao:hover{background-position: -300px -50px;}

.pros_ctg{width: 1000px; margin: 40px auto;}

.pros_ctgList{width: 100%; float: left; text-align: center;}
.pros_ctgList:before{content: ''; width: 100%; height: 80px; background-image: url(/web/images/bt_pros.jpg); float: left; margin-bottom: 30px;}
.pros_ctgList p{width: 220px; height: 300px; border: 1px solid #ccc; border-radius: 5px; float: left; padding: 4px; position: relative; margin: 5px 10px;}
.pros_ctgList p:hover{border-color: #e4a860; box-shadow: 0 0 5px #666;}
.pros_ctgList p .himg{width: 100%; height: 200px; display: block; margin: 0 auto;}
.pros_ctgList p strong{width: 160px; height: 40px; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: block; margin: 0 auto; margin-bottom: 4px;}
.pros_ctgList p strong:before{content: attr(data-en); display: block; font-size: 12px; text-transform: uppercase; color: #666; font-weight: normal;}
.pros_ctgList p span{width: 160px; height: 40px; line-height: 20px; display: block; margin: 0 auto; color: #666; white-space: normal; font-size: 12px;}
.pros_ctgList p:hover,
.pros_ctgList p:hover strong,
.pros_ctgList p:hover strong:before,
.pros_ctgList p:hover span{color:#f63;}

.pros_ctgList.pCtg{width: 100%; height: auto; margin: 40px 0;}
.pros_ctgList.pCtg:before{height: 210px;}
.pros_ctgList.pCtg:after{content: ''; width: 100%; height: 92px; background-image: url(/web/images/bt_pros.jpg); background-position: 0 -209px; float: left; margin-top: 30px;}

.recom{width: 1000px; height: 250px; display: block; margin: 40px auto;}
.recom img{width: 100%; height: 100%;}

.nab{width: 1000px; height: 160px; position: relative;margin: 40px auto;}
.nab .tab{width: 340px; height: 40px; position: absolute; left: 450px; top: 0;}
.nab .tab:before{content: ''; height: 2px; background-color: #ddd; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; margin: auto;}
.nab .tab a{width: 70px; height: 38px; line-height: 30px; float: left; border-bottom: 2px solid transparent; text-align: center;}
.nab .tab a.on{border-bottom-color: #e4a860;}
.nab .news{width: 790px; height: 160px; float: left; display: none;}
.nab .news .one{width: 430px; height: 160px; float: left; padding: 0; margin: 0 20px 0 0;}
.nab .news .one strong{height: 60px; line-height: 30px; display: block; overflow: hidden; font-size: 16px; margin-bottom: 12px;}
.nab .news .one span{height: 88px; line-height: 22px; overflow: hidden; display: block; white-space: normal; color: #666;}
.nab .news .list{width: 340px; height: 88px; line-height: 22px; float: left; margin-top: 72px; font-size: 13px;}
.nab .news.on{display: block;}
.nab .coop{width: 190px; height: 160px; position: absolute; top: 0; right: 0;}
.nab .coop .cbt{width: 100%; height: 40px; position: relative; float: left; margin-bottom: 32px;}
.nab .coop .cbt:before{content: ''; height: 2px; background-color: #ddd; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; margin: auto;}
.nab .coop .cbt strong{width: 70px; height: 38px; line-height: 30px; float: left; border-bottom: 2px solid #e4a860; text-align: center; font-weight: normal;}
.nab .coop .box{width: 100%; height: 88px; line-height: 22px; float: left;}

.pros_list{width: 1000px; height: 180px; margin: 40px auto;}
.pros_list p{width: 199px; position: relative; display: inline-block; background-color: #fff; padding: 6px 0 0 0; margin: 0 1px 0 0;}
.pros_list p .himg{width: 100%; height: 140px; float: left; background-color: #fff;}
.pros_list p .himg img{max-height: 80%;}
.pros_list p strong{width: 100%; height: 32px; line-height: 32px; font-size: 12px; color: #666; border-bottom: 2px solid #ddd; font-weight: normal; text-indent: 10px; float: left; position: relative;}
.pros_list p strong:before{content: ''; width: 17px; height: 11px; background-image: url(/web/images/icon.png); background-position: 0 -20px; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;}
.pros_list p:hover{background-color: #e4a860;}
.pros_list p:hover strong{color: #fff;}
.pros_list p:hover strong:before{background-position: -20px -20px;}
.pros_list.pList{width: 1020px; height: auto; float: left;}
.pros_list.pList p{width: 184px; margin-right: 20px; margin-bottom: 20px;}
.pros_list.pList p:nth-child(-n+3){width: 320px;}
.pros_list.pList p:nth-child(-n+3) .himg{height: 350px;}
.pros_list.pList p:nth-child(-n+3) strong{height: 52px; line-height: 52px;}
.pros_list.pMore{height: auto; white-space: nowrap; margin-top: 20px;}
.pros_list.pMore p{width: 184px;  margin-right: 20px; margin-bottom: 20px;}
.pros_list.pMore p .himg{height: 180px;}

.pros_mbt{width: 100%; height: 20px; line-height: 20px; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 40px; position: relative;}
.pros_mbt strong{font-weight: normal; color: #666;}
.pros_mbt strong:before{content: ''; width: 86px; height: 2px; background-color: #e4a860; position: absolute; left: 0; bottom: 0;}
.pros_mbt span{float: right;}
.pros_mbt span a{width: 20px; height: 20px; float: left; margin-right: 10px; cursor: pointer; background-image: url(/web/images/icon.png); background-position: 0 -100px;}
.pros_mbt span a.next{background-position: -20px -100px;}

.pros_info{width: 480px; height: 350px; float: left; margin-right: 90px;}
.pros_info h1{font-size: 28px; color: #e4a860;}
.pros_info p{line-height: 20px; padding: 0 0 0 80px; margin: 0 0 20px 0; font-size: 12px; position: relative;}
.pros_info p:before{content: attr(data-name); width: 64px; height: 24px; line-height: 24px; background-color: #e4a860; border-radius: 3px; color: #fff; text-align: center; position: absolute; left: 0; top: 0;}
.pros_img{width: 430px; position: relative;}
.pros_img .big{width: 340px; height: 350px; float: left; background-color: #eee; border-radius: 5px;}
.pros_img .big p{width: 100%; height: 100%; padding: 0; margin: 0; float: left; position: relative; display: none;}
.pros_img .big p img{max-height: 80%; position: absolute; left: -200%; top: 0; right: -200%; bottom: 0; margin: auto;}
.pros_img .big p.on{display: block;}
.pros_img .small{width: 83px; height: 350px; position: absolute; top: 0; right: 0;}
.pros_img .small p{width: 83px; height: 83px; padding: 0; margin: 0 0 6px 0; float: left; position: relative; border-radius: 5px; background-color: #eee;}
.pros_img .small p img{max-height: 80%; position: absolute; left: -200%; top: 0; right: -200%; bottom: 0; margin: auto;}
.pros_img .small p.on{background-color: #ccc;}

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

.lac{width: 100%; height: 20px; line-height: 20px; padding: 30px 0; border-bottom: 1px solid #ddd; font-size: 12px; position: relative;}
.lac .location{width: 1000px; height: 20px; margin: 0 auto; text-indent: 26px; position: relative;}
.lac .location:before{content: ''; width: 15px; height: 15px; background-image: url(/web/images/icon.png); background-position: -30px -40px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.lac .category{height: 20px; overflow: visible; position: absolute; top: 0; right: 50%; bottom: 0; margin: auto -500px auto 0;}
.lac .category li{padding: 0 5px; float: left; margin: 0 10px; overflow: visible; position: relative;}
.lac .category li.on:before{content: ''; height: 2px; background-color: #e4a860; position: absolute; left: 0; right: 0; top: 48px; margin: auto;}

.body{width: 1000px; padding: 25px 0; margin: 0 auto; position: relative;}

.left{width: 700px; min-height: 600px; float: left; margin-right: 50px;}
.left:before{content: ''; width: 1px; background-color: #ddd; position: absolute; top: 0; right: 275px; bottom: 0; margin: auto;}
.left .slogan{width: 100%; line-height: 30px; font-size: 18px; color: #333; display: block; margin-bottom: 40px;}
.left .slogan:before{content: attr(data-en); height: 80px; line-height: 80px; color: #e6e6e6; font-size: 70px; display: block; text-transform: uppercase;}

.right{width: 250px; float: left;}
.right img{width: 100%; float: left; display: none;}
.right img.on{display: block; animation:fadeIn 0.5s;}

.content{width:100%; line-height:200%;}
.content img{max-width:100%;}

.news_list .one{width: 100%; height: 220px; padding: 0; margin: 0 0 20px 0; float: left; color: #666;}
.news_list .one .himg{width: 320px; height: 220px; float: right; margin-left: 20px;}
.news_list .one .himg img{height: 100%;}
.news_list .one ins{height: 30px; line-height: 30px; text-decoration: none; color: #e4a860; font-size: 24px; font-family: Arial; display: block;}
.news_list .one strong{height: 30px; line-height: 30px; font-size: 18px; display: block; margin: 10px 0;}
.news_list .one span{height: 80px; line-height: 20px; font-size: 12px; overflow: hidden; white-space: normal; display: block; margin-bottom: 10px;}
.news_list .row{width: 100%; height: 90px; padding: 25px 0; float: left; color: #666;}
.news_list .row ins{width: 70px; height: 70px; line-height: 16px; text-transform: uppercase; color: #999; font-family: Arial; padding: 10px; float: left; text-decoration: none; background-color: #e6e6e6; margin-right: 20px;}
.news_list .row ins:before{content: attr(data-day); line-height: 40px; display: block; font-size: 36px; color: #e4a860;}
.news_list .row strong{height: 30px; line-height: 30px; font-size: 18px; display: block; margin-bottom: 6px;}
.news_list .row span{height: 54px; line-height: 18px; font-size: 12px; overflow: hidden; white-space: normal; display: block;}
.news_list .row:hover{background-color: #e6e6e6;}

.news_more{height: 50px; background-color: #e6e6e6; cursor: pointer; position: relative; margin-top: 1px; display: block; text-indent: 999px;}
.news_more:before{content: ''; width: 30px; height: 20px; background-image: url(/web/images/icon.png); background-position: -290px -100px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.news_more:hover{background-color: #e4a860;}
.news_more:hover:before{background-position: -320px -100px;}

.news_body{line-height: 200%; padding-left: 120px; color: #666; font-size: 12px; position: relative;}
.news_body .date{width: 70px; height: 70px; line-height: 16px; color: #999; font-family: Arial; padding: 10px; text-transform: uppercase; background-color: #e6e6e6; position: absolute; left: 0; top: 0;}
.news_body .date:before{content: attr(data-day); line-height: 40px; display: block; font-size: 36px; color: #e4a860;}
.news_body h1{font-size: 18px;}

.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 7px;}
.page .in{background-color:#e4a860;}

.history_list li{padding-left: 25px; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.history_list li:before{content: ''; width: 14px; height: 2px; background-color: #e4a860; position: absolute; left: 0; top: 12px;}
.history_list li:after{content: ''; height: 0; border-bottom: 1px dashed #ccc; position: absolute; left: 25px; bottom: 0; right: 0;}
.history_list li strong{display: block; font-size: 18px; color: #e4a860; font-weight: normal; margin-bottom: 10px;}
.history_list li p{line-height: 24px; color: #666; padding: 0 0 0 15px; margin: 0; position: relative;}
.history_list li p:before{content: ''; width: 4px; height: 4px; background-color: #666; border-radius: 50%; position: absolute; left: 0; top: 10px;}

.coop_list p{width: 138px; height: 138px; border: 1px solid #ddd; border-radius: 3px; float: left; margin: 1px; padding: 0; position: relative;}
.coop_list p img{max-width: 80%; max-height: 80%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition:all 0.5s ease;}
.coop_list p:hover img{transform:scale(1.1,1.1);}

#map{height: 440px; border: 2px solid #ccc;}
#map div{overflow: visible;}
#map img{max-width: none;}

footer{width: 100%; background-color: #2b2b2b; color: #888; padding-top: 40px; font-size: 12px;}
footer a{color: #888;}
footer .bottom{width: 920px; height: 220px; margin: 0 auto;}
footer .bottom .nav{width: 600px; padding-top: 80px; float: left; position: relative;}
footer .bottom .nav:before{content: ''; width: 140px; height: 48px; background-image: url(/web/images/icon.png); background-position: -150px -100px; position: absolute; left: 0; top: 0;}
footer .bottom .nav li{width: 100%; height: 28px; line-height: 28px; float: left;}
footer .bottom .nav li .a{font-weight: bold; margin-right: 20px;}
footer .bottom .nav li span a:after{content: ' / '; margin: 0 4px;}
footer .bottom .nav li span a:last-child:after{display: none;}
footer .bottom .info{width: 320px; float: left; padding-top: 10px;}
footer .bottom .info .box{line-height: 20px; display: block; padding-left: 30px; position: relative; margin-bottom: 10px;}
footer .bottom .info .box:before{content: ''; width: 30px; height: 30px; background-image: url(/web/images/icon.png); background-position: 0 -40px; position: absolute; left: 0; top: 0;}
footer .bottom .info .box.tel:before{background-position: 0 -70px;}
footer .bottom .info .box strong{ height: 30px; line-height: 30px; color: #e4a860; font-weight: normal; display: block;}
footer .bottom .info .share{padding-left: 30px; overflow: visible;}
footer .bottom .info .share a{width: 28px; height: 28px; margin-right: 4px; background-color: #1a1a1a; float: left; border-radius: 3px; position: relative;}
footer .bottom .info .share a:before{content: ''; width: 20px; height: 20px; background-image: url(/web/images/icon.png); position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
footer .bottom .info .share a.jd:before{background-position: -150px -150px;}
footer .bottom .info .share a.tmall:before{background-position: -170px -150px;}
footer .bottom .info .share a.taobao:before{background-position: -190px -150px;}
footer .bottom .info .share a.qq:before{background-position: -210px -150px;}
footer .bottom .info .share a.weixin:before{background-position: -230px -150px;}
footer .bottom .info .share a.weibo:before{background-position: -250px -150px;}
footer .bottom .info .share a.weixin{overflow: visible;}
footer .bottom .info .share a.weixin img{width: 138px; height: 138px; padding: 2px; border: 5px solid #c8c8c8; border-radius: 3px; background-color: #fff; position: absolute; left: -200%; bottom: 120%; right: -200%; margin: auto; display: none;}
footer .bottom .info .share a.weixin:hover img{display: block;}
footer .copyright{width: 100%; line-height: 30px; background-color: #1e1e1e; text-align: center; margin-top: 40px; padding: 5px 0;}

.pop{width: 50px; height: 255px; position: fixed; top: 0; right: 0; bottom: 0; margin: auto; overflow: visible;}
.pop a{width: 50px; height: 50px; float: left; background-color: #e4a860; border-radius: 3px; margin-bottom: 1px; position: relative;}
.pop a:before{content: ''; width: 40px; height: 40px; background-image: url(/web/images/icon.png); position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.pop a.weixin:before{background-position: 0 -190px;}
.pop a.qq:before{background-position: -40px -190px;}
.pop a.weibo:before{background-position: -80px -190px;}
.pop a.tel:before{background-position: -120px -190px;}
.pop a.top:before{background-position: -160px -190px;}
.pop a.weixin{overflow: visible;}
.pop a.weixin img{width: 138px; height: 138px; padding: 2px; border: 5px solid #c8c8c8; border-radius: 3px; background-color: #fff; position: absolute; top: 0; right: 100%; margin: auto; display: none;}
.pop a.weixin:hover img{display: block;}

.pop a.tel{overflow: visible;}
.pop a.tel span{height: 50px; line-height: 50px; color: #fff; font-size: 18px; padding: 0 20px; background-color: #e4a860; border-radius: 3px; position: absolute; z-index: -1; top: 0; right: -800%; transition: all 0.4s;}
.pop a.tel:hover span{right: 51px;}