@charset "utf-8";
/* CSS Document */
html{}
*{margin:0;padding:0; box-sizing:border-box; font-family: 'Microsoft yahei';}
li{list-style: none;}
.wrapperbox,.detwrapper{max-width: 640px;margin:0 auto; overflow: hidden;box-sizing:border-box;}
.wrapperbox #position{background: transparent;}
.wrapperbox #position li{background:#666;}
.wrapperbox #position li.cur{background: #fff;}
.addWrap{z-index: 99;}
.container{z-index: 1;}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear: both ;
    visibility: hidden ;
}
a{ text-decoration: none; color:#333;}
body{background: #efefef;}
.selbox{ background: #fff;}
.topmain{position: fixed; top:0; left:0; right:0; z-index: 99;}
.menu{display: block;}
.menu li{width:49.99%; float: left;}
.menu li span{width:100%; display: inline-block;  padding: 5% 0 5% 45%; color: #666; font-size:1em; font-weight: bold; border-bottom: 3px solid #fff;
     box-sizing: border-box;}
.menu li:first-child span{background:url("../images/kfimg2_07.jpg") no-repeat 30%; background-size: 12% auto;}
.menu li:first-child span.cur{background:url("../images/kfimg_07.jpg") no-repeat 30%; background-size: 12% auto;}
.menu li:last-child span{background:url("../images/kfimg_09.jpg") no-repeat 30%; background-size: 12% auto;}
.menu li:last-child span.cur{background:url("../images/kfimg2_09.jpg") no-repeat 30%; background-size: 12% auto;}
.menu li span.cur{border-bottom: 3px solid #3391e9; color: #3290e8;}
.menulist{padding:0 2%;}
.gray{width: 100%;  height: 6px;background: #efefef; }
.fourTab{background: #efefef; }
.fourTab li{ color: #818181; padding:2% 3.5%; float: left; font-size: 0.8em; font-weight: bold;}
.fourTab li.on{ color: #3290e8; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; background: #fff;}
#QAbox,#videobox{background: #fff; border-radius: 0 4px 4px 4px;-webkit-border-radius: 0 4px 4px 4px; overflow-x: hidden; overflow-y: auto;margin:50% 2% 15% 2%; z-index: 99;}
.leftcon,.rightcon{display: block; padding: 5% 5% 0 5%;}
.leftcon dt,.leftcon dd{float:left;}
.leftcon dt,.rightcon dt{width: 14%;}
.leftcon dd{width: 80%; margin-left: 3%; padding: 3%; background: #d5e6f5; border-radius: 4px; -webkit-border-radius: 4px; position: relative; font-size: 0.8em;}
.rightcon dt,.rightcon dd{float: right;}
.rightcon dd{width: 80%; margin-right: 3%; padding: 3%; background: #efefef; border-radius: 4px; -webkit-border-radius: 4px; font-size: 0.8em;position: relative;}
.arrow-left {
    display: block;
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid #d5e6f5;
    position: absolute;
    left:-3%; top:12px;
}
.arrow-right{
    display: block;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #efefef;
    position: absolute;
    right:-3%; top:12px;
}
.btn-kf{ background: #efefef; position: fixed; left:0; right: 0; bottom: 0;}
.btn-kf span{ width: 80%; display: block;  padding: 2% 0; border-radius: 8px; -webkit-border-radius: 8px; color:#fff; background: #3390e8; text-align: center; margin:2% 10%;}
.videoListCon{ padding: 5% 3%;}
.videoListCon li{padding-bottom:2%; border-bottom: 1px dashed #cecece; margin-bottom: 2%;}
.videoListCon li a{display: block;overflow: hidden;}
.videoListCon li img{ float: left; padding-right: 5%; width: 45%;}
.videoListCon li .xyIntro{float: left; width: 50%;}
.xyIntro h3{font-size: 0.9em;}
.xyIntro p{font-size: 0.75em;}
.kdslTitle{ margin:8% 0 0 5%; border-left:3px solid #3290e8; font-size: 0.9em; font-weight: bold; padding:0 0 0 2%; line-height: 1em; color: #818181;}