.banner{height:370px;width:100%;background:url(../images/banner.jpg) no-repeat top center;}
.banner-box{width:1200px;margin:0 auto;}

.category{width: 250px;height: 350px;background-color: #000;float: left;position: relative;z-index: 99;padding:10px 0px;background-color: rgba(0,0,0,0.5);box-sizing: content-box;}
.category-item{border-top: 0px solid #eee;border-bottom:1px solid #fff;border-bottom: 1px solid rgba(255,255,255,0.9);position: relative;padding: 3px 0px 5px;margin:0px 15px;height:63px;}
.category-item:last-child{border-bottom: 0px solid #eee;padding-bottom: 0px;}
.category-item:hover{padding:3px 15px 5px;margin:0px;border-top: 1px solid #7b7b7b;border-bottom: 1px solid #7b7b7b;border-left:1px solid #7b7b7b;background-color: #fff;margin-top:-1px;margin-left:-1px;}
.category-item:hover>.category-caption{color:#333;}
.category-item:hover>.category-caption a{color: #333;font-weight: bold;}
.category-item:hover>.category-child{display: none;}
.category-item:hover .border-mask,
.category-item:hover .subcategory{display: block;}
.category-item .border-mask{position: absolute;height: 100%;width: 2px;background-color: #fff;top: 0;left: 100%;z-index: 1002;display: none;}
.category-caption{height: 32px;line-height: 32px;font-size:16px;overflow: hidden;color:#fff;font-weight: bold;}
.category-caption a{color: #fff;font-weight: bold;}
.category-child{line-height: 30px;font-size: 12px;}
.category-child a{margin-left:25px;color: #fff;}
.category-child a:first-child{margin-left: 0;}
.category-item:hover{z-index:999;} 
.category-item:hover .subcategory{top: 0px; background-color: #fff; border: 1px solid #fff;}

.subcategory{font-size: 14px; padding: 10px; position: absolute; left: 100%; top: -1px; width: auto; background-color: #fff; border: 1px solid #ddd; z-index: 1001; /*max-height: 300px;*/ display: none;}
.subcategory-item{float: left; width: 220px; font-size: 12px; padding: 10px 0; overflow: hidden;}
.subcategory-item + .subcategory-item{border-top:0px solid #e0e0e0;}
.subcategory-item p{margin-bottom: 10px; color: #333; font-weight: bold; font-size: 13px;}
.subcategory-item p a{color: #333; font-weight: bold;}
.subcategory-item p span{color: #999; margin-left: 5px;}
.subcategory-item ul li{overflow: hidden; font-size: 12px; float: left; padding: 0px 20px 3px 0px;}
.subcategory-item ul li:first-child{margin-left: 0; border-left: 0;}
.subcategory-item ul li a{color: #666;}
.subcategory-item ul li a:hover{color: #ff6949;text-decoration: underline;}
.subcategory-item ul li span{color: #999; margin-left: 5px;}

.icon{display:inline-block;background-image:url(../images/top-icon.png);background-repeat:no-repeat;}
.top-list{overflow:hidden;padding-bottom:5px;}
.top-list li{float:right;width:239px;padding:25px 0;}
.top-list li>a{position:relative;display:inline-block;width:144px;height:67px;padding-top:18px;border-left:1px solid #dcdcdc;padding-left:95px;}
.top-list li:last-child>a{border-left:1px solid transparent;}
.top-list li h2{font-size:19px;font-weight:normal;color:#666;line-height:34px;}
.top-list li p{font-size:13px;color:#666;}
.top-list li:hover{box-shadow:-4px 4px 5px 0px #e6e6e6;}
.top-list li:hover a{border-left:1px solid transparent;}
.top-list li .icon{position:absolute;width:36px;height:37px;left:40px;top:30px;}
.top-list li .icon1{background-position:0px -4px;}
.top-list li .icon2{background-position:0px -43px;}
.top-list li .icon3{background-position:0px -86px;}
.top-list li .icon4{background-position:0px -124px;}
.top-list li .icon5{background-position:0px -162px;}

.page{padding-top:60px;}
.page-left{width:181px;height:336px;float:left;margin:0 5px 0 25px;font-size:30px;padding:25px 18px 0;}
.page-left .left-title{color:#fff;border-bottom:1px solid #fff;padding:0 0 15px 15px;}
.bg1{background:url(../images/left-title1.png) no-repeat top left;}
.bg2{background:url(../images/left-title2.png) no-repeat top left;}
.bg3{background:url(../images/left-title3.png) no-repeat top left;}
.bg4{background:url(../images/left-title4.png) no-repeat top left;}
/*.bg5{background:url(../images/left-title5.png) no-repeat top left;}*/

.page-center{width:690px;float:left;}
.page-center li{float:left;margin-bottom:15px;margin-left:20px;width:210px;}
.page-center li img{width:210px;height:125px;}
.page-center li p{line-height:48px;color:#333;font-size:16px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.page-asider{width:187px;float:right;margin-right:20px;padding:0 15px;font-size:12px;color:#888;}
.border1{border-top:1px solid #ff6949;}
.border2{border-top:1px solid #80cb56;}
.border3{border-top:1px solid #58a2e7;}
.border4{border-top:1px solid #d660f1;}
.page-asider .asider-header{font-size:16px;color:#ff6949;line-height:70px;}
.page-asider .asider-header a{float:right;font-size:12px;color:#888;}
.page-asider li{position:relative;padding-left:13px;margin-bottom:17px;}
.page-asider li:before{content:"";width:5px;height:5px;border-radius:50%;background:#b5b5b5;position:absolute;top:7px;left:0px;}
.page-asider li a{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-asider a{color:#888;}
.page-asider a:hover{color:#ff6949;}

.company{text-align:center;font-weight:normal;margin:100px 0 160px;}
.company h2{font-size:28px;color:#666;font-weight:normal;}
.company p{font-size:15px;color:#666;margin:18px 0 75px;}

.mr120{margin-right:120px;}
.footer{margin-bottom:60px;}
.footer .footer-item{float:left;}
.footer .footer-item .item-title{color:#333;font-size:20px;margin-bottom:26px;}
.footer .footer-item ul{float:left;min-width:120px;}
.footer .footer-item ul li{margin-bottom:16px;}
.footer ul a{color:#666;font-size:13px;}
.footer ul a:hover{color:#3388ff;}
.footer .ask{margin-left:60px;}
.footer .ask p{font-size:20px;color:#666;margin-bottom:23px;}
.footer .code{float:right;text-align:center;font-size:13px;}
.footer .code img{width:126px;margin-bottom:10px;}

.copyright p{text-align:center;color:#b6b6b6;font-size:13px;line-height:54px;border-top:1px solid #e5e5e5;}
.copyright p .year{color:#b6b6b6;}