@charset "utf-8";

.mqnav{ background:#fff;}





{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}



.footer{ padding-top:60px!important;}



.banner{ background:url(/uploads/image/wphibprogramme/banner_02.jpg) no-repeat center top; height:510px; width:100%;}

.tabs{ position:relative; width:1180px; margin-top:40px;}

.tabs .n1{ background:url(/uploads/image/wphibprogramme/pre_10.jpg) no-repeat; width:383px; height:150px;}

.tabs .n2{ background:url(/uploads/image/wphibprogramme/pre_11.jpg) no-repeat; width:383px; height:150px;}

.tabs .n3{ background:url(/uploads/image/wphibprogramme/pre_12.jpg) no-repeat; width:383px; height:150px;}

.tabs div{ position:relative;}

.tabs div .txt{ position:absolute; left:15px; bottom:10px; font-size:21px; color:#fff;}

.tabs div .icon{ position:absolute; left:50%; bottom:-14px; margin-left:-10px; background:url(/uploads/image/wphibprogramme/icon_05.png) no-repeat center top; width:21px; height:9px; overflow:hidden; display:none;}

.tabs li{ border-bottom:2px solid #fff; padding-bottom:5px; float:left;width:383px; height:150px; margin-right:10px; cursor:pointer;}

.tabs li.on{border-bottom:2px solid #bc9882;}

.tabs li.on div .icon{ display:block;}





.tabmain{ padding:70px 0 35px 60px; overflow:hidden; display:none;}

.tabmain li{ width:494px; float:left; margin-right:60px; border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:35px;}

.tabmain li h3{ font-size:18px; font-weight:normal; padding-bottom:12px;}

.tabmain li p{ height:36px; line-height:18px; overflow:hidden; color:#999; font-size:12px;}