html,body{margin:0;padding:0;border:0;width:100%;font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,Arial,"sans-serif"}
body{min-width:1100px}

a{text-decoration:none;transition:all .3s}

form,img{margin:0;padding:0;border:0}
#top ul,#top li{margin:0;padding:0;list-style:none}

.wrap{width:1100px;margin:0 auto}
.cb{clear:both}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.oh{overflow:hidden}

#top{height:120px;background:#003eaf;color:#fff}
#top .logo{float:left;line-height:120px}
#top .logo img{display:inline-block;vertical-align:middle}
#top .menu{float:right;margin:40px 0 0}
#top .menu li{float:left;font-size:18px;padding:0 2px}
#top .menu a{display:block;color:#fff;line-height:40px;padding:0 20px;overflow:hidden;border-radius:4px}
#top .menu li.now a,#top .menu a:hover{background:#fff;color:#003eaf}

.tit-1{width:100%;padding:0 0 2em;background:url(line-1.gif) no-repeat 50% bottom;text-align:center;margin:0 0 3em}
.tit-1 h2{font-size:32px;margin:0;padding:0;color:#888}
.tit-2{width:100%;padding:0 0 2em;background:url(line-1.gif) no-repeat 50% bottom;text-align:center;margin:0 0 3em}
.tit-2 h2{font-size:32px;margin:0;padding:0}
.more-1{padding:3em 0 0;text-align:center;font-size:16px}
.more-1 a{display:inline-block;padding:0 2em;line-height:3em;border:1px solid #ccc;overflow:hidden;border-radius:4px;color:#333}
.more-1 a:hover{background:#333;color:#fff;border-color:#333}
.more-2{padding:3em 0 0;text-align:center;font-size:16px}
.more-2 a{display:inline-block;padding:0 2em;line-height:3em;border:1px solid #6a6c6b;overflow:hidden;border-radius:4px;color:#fff}
.more-2 a:hover{background:#fff;color:#333;border-color:#fff}

#index-product,#index-honor{padding:60px 0}

#index-about{background:#333 url(bg3.jpg) no-repeat 50% 50%;background-attachment:fixed;width:100%;padding:60px 0;color:#fff;font-size:16px;line-height:2em;text-align:justify;text-justify:inter-ideograph}

#live{width:100%;position:relative}
#live,#live .swiper-container,#live .swiper-wrapper,#live .swiper-slide{height:700px}
#live .pagination{width:100%;height:30px;position:absolute;left:0;top:auto;bottom:0;z-index:9999;text-align:center}
#live .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width:60px;height:6px;margin:0 5px;background:#fff;display:inline-block !important;border-radius:5px}

#live2{width:100%;height:200px;overflow:hidden}
#nav{height:50px;line-height:50px;font-size:16px;color:#999;background:url(bg5.png) repeat 50% 50%}
#nav a{color:#666}
#nav a:hover{color:#f60}

#pageno {zoom:1;overflow:hidden;padding:0 0 3em;text-align:center;font-size:14px;line-height:30px;}
#pageno a, #pageno span { display:inline-block;padding:0 9px;background:#f8f7f6;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:0 3px;color:#999;vertical-align:middle;}
#pageno a:link, #pageno a:visited{color:#222}
#pageno a.now, #pageno span.now, #pageno a:hover, #pageno a.now:hover { background:#003eaf;border-color:#003eaf;color:#fff;text-decoration:none;}

.list-1{zoom:1;overflow:hidden;font-size:16px}
.list-1 ul,.list-1 li{margin:0;padding:0;list-style:none}
.list-1 ul{float:left;overflow:hidden;text-align:center;margin:0 -90px -50px 0}
.list-1 li{float:left;width:230px;margin:0 60px 60px 0}
.list-1 li:nth-child(4n+1){clear:left}
.list-1 li a{display:block;border:1px solid #eee;padding:15px;color:#222}
.list-1 li a img{display:block;width:100%;height:auto;opacity:.8;margin-bottom:9px}
.list-1 li a:hover{border-color:#f60;color:#f60}
.list-1 li a:hover img{opacity:1}

.list-2{zoom:1;overflow:hidden;font-size:16px}
.list-2 ul,.list-2 li{margin:0;padding:0;list-style:none}
.list-2 ul{float:left;overflow:hidden;text-align:center;margin:0 -80px -50px 0}
.list-2 li{float:left;width:180px;margin:0 50px 50px 0}
.list-2 li:nth-child(5n+1){clear:left}
.list-2 li a{display:block;color:#222}
.list-2 li a img{display:block;width:100%;height:auto;opacity:.8;margin-bottom:9px}
.list-2 li a:hover{border-color:#f60;color:#f60}
.list-2 li a:hover img{opacity:1}

.photo-list{zoom:1;overflow:hidden;font-size:16px;padding:3em 0}
.photo-list ul,.photo-list li{margin:0;padding:0;list-style:none}
.photo-list ul{float:left;overflow:hidden;text-align:center;margin:0 -90px -50px 0}
.photo-list li{float:left;width:230px;margin:0 60px 60px 0}
.photo-list li:nth-child(4n+1){clear:left}
.photo-list li a{display:block;border:1px solid #eee;padding:15px;color:#222}
.photo-list li a img{display:block;width:100%;height:auto;opacity:.8;margin-bottom:9px}
.photo-list li a:hover{border-color:#f60;color:#f60}
.photo-list li a:hover img{opacity:1}


.content{font-size:16px;line-height:2em;text-align:justify;text-justify:inter-ideograph;padding:50px 0}

#footer{background:#333;color:#fff;padding:35px 0}
#footer .footer{width:1100px;margin:0 auto}
#footer h3,#footer p{margin:0;padding:0}
#footer h3{line-height:1.2em;padding:0 0 .3em}
#footer td:last-child{color:#888}
#footer td:last-child a{color:#888;border-bottom:1px solid #888}