@charset "utf-8";
/* CSS Document */
body{ background:#f9f9f9}
.sidebar{float:left;width:23%; margin-bottom:20px;}
.sidebar .box2{background:#fff;border:1px solid #eee;}
.sidebar .box2 .filter{background:#f5772a;color:#fff; font-size:16px; line-height:40px; font-weight:bold;padding:0 0 0 5%;}
.sidebar .box2 .tit1{ background:#eee; font-size:16px;color:#444; padding:10px 0;padding-left:5%;}
.sidebar .box2 .list{padding:15px 5%;}
.sidebar .nav{ padding:15px 5% 5px;}
.sidebar .nav dt{ display:block; font-size:13px; font-weight:bold; background:url(images/dot-gray.png) no-repeat 8px 50% #f6f6f6; height:25px; line-height:25px; padding-left:20px; margin:8px 0; }
.sidebar .nav dt a:hover{ background-color:#f3f3f3; text-decoration:none}
.sidebar .nav dd a{  padding-left:20px; line-height:1.8em}
.sidebar .nav dd a:hover,.sidebar .nav dd.curr a,.sidebar .nav dt.curr a{ color:#f6762b; text-decoration:none}
.sidebar .nav dt.curr, .sidebar .nav dd.curr{ position:relative;}
.sidebar .nav dt .delete, .sidebar .nav dd .delete{ position:absolute; right:5px; border: 1px solid #f6762b;width: 12px;text-align: center;line-height: 13px;height: 12px;right: 5px; padding-left:0; font-family:Lucida Console; margin-top:3px;}
.company-con .leftBox .paging a.bb{ color:#FFF;}

/*company-banner*/
.company-banner{ background:url(images/company-banner-bg.jpg) no-repeat 50% 0; margin-bottom:40px; padding-bottom:30px;}
.company-banner .hArea{ background:url(images/banner_bg4.png); display:inline-block; *float:left; color:#fff; margin:30px 0 0; padding:23px; font-size:24px; line-height:30px;}
.company-banner .hArea h1{ font-size:36px; line-height:40px; font-weight:bold;}

/*company-con*/
.company-con .leftBox{ border:1px solid #eee; background:#fff; padding:20px 3% 30px; width:68%; float:right;}
.company-con .leftBox a{ color:#15abef;}
.company-con .leftBox h2, .company-con .leftBox h1{ font-size:25px; line-height:30px; font-family: 'Cutive',Arial; margin-bottom:15px; padding-bottom:15px;border-bottom:1px solid #e2e2e2;}
.company-con .leftBox h3{ font-size:20px; line-height:25px; font-weight:bold; margin:20px 0;}
.company-con .leftBox p{ margin:7px 0;}
.company-con .leftBox .years{ padding-bottom:15px; border-bottom:1px solid #e2e2e2; margin-bottom:15px;}
.company-con .leftBox .years li{ display:inline-block; *display:inline}
.company-con .leftBox .years li a{ display:inline-block; width:80px; text-align:center; height:30px; line-height:30px;font-size:19px;}
.company-con .leftBox .years li.curr a,.company-con .leftBox .years li a:hover{ color:#fff; background:#f6762b; text-decoration:none }

.company-con .leftBox .affiliateTab{ margin:20px 0;}
.company-con .leftBox .affiliateTab .nav{ overflow:hidden}
.company-con .leftBox .affiliateTab .nav li{ background:#f0f0f0; width:19%; float:left; cursor:pointer; padding:20px 2% 10px; margin-right:2%; text-align:center; position:relative; margin-bottom:20px;}
.company-con .leftBox .affiliateTab .nav li .h{ display:none}
.company-con .leftBox .affiliateTab .nav li img{ max-width:100%; margin:0 auto 10px; display:block}
.company-con .leftBox .affiliateTab .nav li span{ display:none; position:absolute; background:url(images/dot-down-blue.png) no-repeat 50% 0; width:100%; height:6px; left:0; bottom:-6px;}
.company-con .leftBox .affiliateTab .nav li.curr img{ display:none}
.company-con .leftBox .affiliateTab .nav li.curr .h{ display:block}
.company-con .leftBox .affiliateTab .nav li.curr span{ display:block}
.company-con .leftBox .affiliateTab .nav li.curr { background:#15abef; color:#fff;}
.company-con .leftBox .affiliateTab .con .span2 select{border:1px solid #e6e6e6; padding:5px; display:block; width:70%; margin:10px 0;font-size:15px; color:#888}
.company-con .leftBox .table2 th,.company-con .leftBox .table2 td{ padding:5px;}
.company-con .leftBox .table2 th{ text-align:center; font-weight:bold; font-size:14px;}

.company-con .leftBox .affiliate-table-left{ float:left; width:56%}
.company-con .leftBox .affiliate-table-right{ float:right; width:35%} 
@media (max-width: 767px) { 
	.company-con .leftBox, .sidebar{width:auto !important; float:none !important;}
}
/*com-award*/
.company-con .com-award .list{ border-bottom:1px solid #e3e3e3; padding:20px 0; overflow:hidden}
.company-con .com-award .list .year{ float:left; width:16%; font-size:20px; line-height:20px; color:#20b8ff}
.company-con .com-award .list .img{float:left; width:17%; margin:0 2%; }
.company-con .com-award .list .img img{ max-width:100%}
.company-con .com-award .list .text{ float:right; width:60%; font-size:14px}
.company-con .com-award .roll{ margin:35px 35px 50px; position:relative}
.company-con .com-award .roll li{ text-align:center}

.company-con .com-award .roll .flex-prev,.company-con .com-award .roll .flex-next{ background:url(images/prev3.png) no-repeat; width:14px; height:22px; position:absolute; top:35%;z-index:1; text-indent:-9999px;}
.company-con .com-award .roll .flex-prev:focus,.company-con .com-award .roll .flex-next:focus{ outline:none;}
.company-con .com-award .roll .flex-prev{left:-25px;}
.company-con .com-award .roll .flex-next{ background-position:0 -22px;right:-25px;}

/*com-about*/
.com-about .left,.com-about .right{ border:1px solid #eee;}
.com-about .left{ float:left; width:30%}
.com-about .right{ float:right; width:65%}
.com-about .left h4,.com-about .right h4{ background:#eee; height:40px; line-height:40px; font-size:16px; padding:0 15px;}
@media (max-width: 767px) {
	.company-con .leftBox .affiliate-table-left,.company-con .leftBox .affiliate-table-right,.com-about .left,.com-about .right{ float:none; width:auto}
}
/*history-con*/
.com-history .list { padding:20px 0; border-bottom:1px solid #eee}
.com-history .list .str{ font-size:30px; line-height:35px;  color:#20b8ff}


.leftBox .hot{ width:707px; float:left; overflow:hidden; position:relative;}
.leftBox .hot ul{ height:125px; overflow:hidden;}
.leftBox .hot li{ float:left; width:105px; height:105px; text-align:center; margin:15px; overflow:hidden; padding-left:5px;}
.leftBox .hot .prev,.leftBox .hot .next{ display:block; background:url(images/banner-nav.png) no-repeat -1px 0; width:22px; height:60px; position:absolute; z-index:2; top:40px;}
.leftBox .hot .prev{ left:0px;}
.leftBox .hot .next{ right:0px; background-position:-28px 0;}

#feature ul{
	padding-left: 30px;
}

#feature{
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}

#feature p {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}