html, body {height:100%;width: 100%;}
body{font-size: 12px;background: #eeeeee;cursor: default;color: #333333;}
input {outline:none;}  
.hide{display: none;}
.show{display:block;}
.haoh{height: auto;overflow: hidden;border: none;} 
.ie7{display:block;_display:inline; _zoom:1;}
.of{overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}   
.ofh3{word-break:break-all;display: -webkit-box; /** ������Ϊ��������ģ����ʾ **/
    -webkit-box-orient: vertical; /** ���û���������ж������Ԫ�ص����з�ʽ **/
    -webkit-line-clamp:3; /** ��ʾ������ **/
    overflow: hidden; text-overflow:ellipsis;}
 .ofh4{word-break:break-all;display: -webkit-box; /** ������Ϊ��������ģ����ʾ **/
    -webkit-box-orient: vertical; /** ���û���������ж������Ԫ�ص����з�ʽ **/
    -webkit-line-clamp: 4; /** ��ʾ������ **/
    overflow: hidden; text-overflow:ellipsis;}   
 .border-right{border-right: 1px solid #ccc;}    
.mr37{margin-right: 37px;}
/*4.8 ����2��������ʽ--��Ƶҳ*/ 
  /*���ž�ѡ*/ 
.video{width: 100%;height:auto;margin-bottom: 32px; -webkit-overflow-scrolling: touch;}
.video .topimg{width:100%;height:346px;margin-bottom: 30px;}
.video .topimg img{width:100%;height:100%;}
.video .content{width: 1000px;margin: 0 auto;}
  
.hot .top{height: 72px;width: 100%;line-height:72px;}
.hot .top .hottitle{background: url(../images/icon-video-hot.png) no-repeat 10px center;width:132px;height:100%;padding-left:50px;
font-size:20px;text-align: left;text-indent: 10px;font-weight: bold;}   
.hot .top .more{width: 50px;height: 24px;line-height:24px;text-align: center;border-radius: 5px;font-size: 13px;
border:1px solid #ccc;padding: 0 5px 0 10px;margin-top: 26px;}
.hot .top .more .right{width: 16px;height: 21px;background: url(../images/icon-video-right.png) no-repeat center center;}

.demonstr .top .title{background: url(../images/icon-video-demo.png) no-repeat 10px center; }
.programm .top .title{background: url(../images/icon-video-indus.png) no-repeat 10px center; }
.classroom .top .title{background: url(../images/icon-video-classroom.png) no-repeat 10px center;}
.classroom{margin-top: -37px;}
 /*ͷ������*/
.videotitle-content .top{height:72px;width: 100%;line-height:72px;font-size:20px;}
.videotitle-content .top .title{width:190px;height:100%;padding-left:50px;text-align: left;text-indent: 10px;font-weight: bold;} 
.videotitle-content .top .more{width:45px;height: 24px;line-height:22px;text-align: center;border-radius: 5px;font-size: 13px;border:1px solid #ccc;
padding: 0 5px 0 15px;margin-top: 26px;}
.videotitle-content .top .stop  {display: none;}
.videotitle-content .top .open .right{width: 16px;height: 22px;background: url(../images/icon-video-right.png) no-repeat center center;}
.videotitle-content .top .stop .right{width: 16px;height: 22px;background: url(../images/icon-video-down.png) no-repeat center center;margin-top: 2px;}
  
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:19px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left;margin-right:2px;width: 12px;height: 12px;line-height: 12px; text-align:center;cursor:pointer;
border-radius: 50%; border: 2px solid #fff;}
.slideBox .hd ul li.on{color:#00a0e8; background:url(../images/icon-yuan.png) no-repeat center center;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{width:450px;height:230px;display:block;}
.hot .bottom {height: 236px;}
.hot .bottom .left{height: 236px;}
.hot .bottom .right{height: 100%;float: left;width: 512px;margin-left: 36px;}
.hot .bottom .right .details p{font-size: 14px;line-height: 23px;}
.example .title{font-size: 16px;line-height: 39px;width:96%;font-weight: bold;color: #333333;}
.example .details{position: relative;font-size: 14px; }
.example .details .details-cont{color: #999;line-height: 22px;margin-bottom: 22px;font-size: 15px;}
.example .details p span{color: #1b8ae0;margin-left: 5px;}
.example:hover .title{color: #1b8ae0;} 
.example-list{color: #666666;height: 30px;line-height: 30px;font-size: 15px;margin-top: 5px;}
.example-list:hover{color: #1b8ae0;}
.example-list:hover span{color: #1b8ae0;}
.example-list span{color: #4c4b4b;}
.example-list p{width: 70%;margin: 0 10px 0 6px;}


.demonstr .content{border: 1px solid #ccc;} 
.videolist .title{  font-weight: bold;font-size:16px;line-height:62px;text-indent: 46px;width: 99.8%;border-right: 1px solid #ccc;}
.videolist .about-cont{font-size: 18px;border-top: 1px solid #ccc;overflow: hidden;width:100%;}
.videolist .about-cont .left{width:333px;line-height: 182px; font-size:16px;color: #fff;background-color:#1b8ae0;text-align: center;
border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.videolist .about-cont .right{background-color: #f6f6f6;height: 117px;width: 600px;padding: 32px;
font-size: 15px;line-height: 30px;border-right: 1px solid #ccc;position: relative;}
.videolist .about-cont .right a{color: #666666;}
.videolist .about-cont .right span{color: #1b8ae0;}
.videolist2 .about-cont .left{background-color: #ebebeb;color: #333333;}
.videolist .about-cont .border{border-bottom: 1px solid #ccc}
.product{width:100%;height:auto;background-color: #f6f6f6;overflow: hidden;}
.product a{font-size:15px;width:332px;line-height:62px;color:#333;border-right:1px solid #ccc;float:left;border-top:1px solid #ccc;height:62px;}
.product a .productimg{background: url(../images/icon-video-play.png) no-repeat center center;width: 21px;
height: 21px;float:  left;margin:20px 12px 0 82px;}
.product .list:hover{background-color: #ebebeb;}
/*��ҵӦ�÷���---����*/
.prog-content .list{width: 308px;height: 396px;background-color: #fff;margin-bottom: 37px;cursor:pointer;}
.prog-content .list img{width: 100%;height:207px;}
.prog-content .list:hover img{transform:scale(1.05);transition:all .25s ease-in-out;}
.prog-content .list .middle{font-size: 14px;padding: 0 10px;margin-bottom: 12px;position: relative;}
.prog-content .list .middle div{line-height: 36px;color: #666;height: 36px;overflow:  hidden;font-weight:  bold;font-size: 15px;
white-space: nowrap;text-overflow: ellipsis;text-align:center;}
.prog-content .list:hover .middle div{color:#1b8ae0;}
.prog-content .list .middle p{color:#737373;line-height:24px;height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.prog-content .list .date{line-height:39px;border-top: 1px solid #ccc;text-align: center;font-size: 18px;color:#737373;}

/*����΢����*/
.video-trial{height: 50px;padding-left: 293px;}
.video-trial div{background-color:#dad7d7; font-size: 24px;text-align: center;line-height: 47px;width: 173px;border-radius: 21px;}
.video-trial p{background-color:#009ae0;font-size: 24px;text-align: center;line-height: 47px;
width: 173px;border-radius:21px; color: #fff;margin-left: 38px;}
.video-trial div:hover{background-color:#009ae0;color:#fff;transition:background-color .1s linear,color .2s linear;}
 
/*��������*/
.trial{width: 100%;height: 100%;}
.trial .content{padding-top: 60px;width: 1000px;margin: 0 auto;  height: 512px;}
.trial .content .left{background: url(../images/icon-trial-apply.png) no-repeat 100% 52%;width: 320px;height: 100%;}
.trial .content .right{width: 650px;padding-left:30px;height: 100%}
.right .submit-buttom{height: 39px;line-height: 39px;width:152px;text-align: center;
color: #fff;background:#00a0e8;font-size: 18px;margin:0 auto;}
.trial .content .right .middle{height: auto;width: 100%;padding-top: 18px;}
.left .apply{padding-top: 310px;}
.left .apply p{font-size: 1.5em;font-weight: bold;line-height: 30px;}
.left .apply div{font-size:1.2em;color: #666666;line-height:24px;padding-left: 21px;
background: url(../images/icon-trial-yuan.png) no-repeat 5px center;}
.right .middle-tab{width:648px;height:100%;display:none;}
.trial-table{width:100%;height:62px;overflow:hidden;line-height:60px;}
.trial-table li{float:left;width:215.6px;height:100%;background:#777777;color:#fff;text-align:center;font-size:16px;}
.trial-table li.trial-sel{background:#00a0e8;}
.trial-table li.bor{border-left:1px solid #fff;border-right:2px solid #fff;}
.middle .show{display: block;}
.exper .list{width:648px;height:26px;border:1px solid #999999;padding:12px 0;margin-bottom:18px;}
.exper .list .name{background: url(../images/icon-trial-name.png) no-repeat center center;}
.exper .list .company{background: url(../images/icon-trial-company.png) no-repeat center center;}
.exper .list .telephone3{background:url(../images/icon-trial-telephone3.png) no-repeat center center;}
.exper .list .mail{background: url(../images/icon-trial-mail.png) no-repeat center center;}
.exper .list .requ{background: url(../images/icon-trial-requ.png) no-repeat center center;}
.exper .list div{width: 47px;height:24px;border-right: 1px solid #999999;}
.exper .list input{background-color:#eeeeee;border:0;height:100%;width:80%;padding:0 10px;color:#999;}
.right .telephone{border:1px solid #999999;font-size:14px;color:#666666;height: 339px;}
.telephone .top{margin:0 20px 0 42px;border-bottom: 1px solid #777777;height:94px;padding-top: 56px; }
.telephone .top div{width:156px;height: 76px;padding-left:52px;}
.telephone .top .hotline{font-weight: bold;background: url(../images/icon-trial-telephone.png) no-repeat left 7px;margin-left:48px;}
.telephone .top .switchboard{font-weight: bold;background:url(../images/icon-trial-telephone2.png) no-repeat left 7px;margin-left:86px;}
.telephone .bottom{height: 76px;padding: 47px 0 0 45px;}
.telephone .bottom li{height: 76px;width: 156px;line-height: 24px;margin-left: 28px;}
.mobile-middle h3{display: none;}
/* ������ѯ*/

.onlineleft{margin-right: 40px;}
.online{width:302px;height: 312px;border:1px solid #999999;margin-top:30px;}
.online .top{height: 100px;padding: 36px 0 16px 37%;}
.online .title{height:39px;width: 198px;line-height: 39px;margin: 0 auto;}
.online .title .line{border-top:1px solid #999999;width: 57px;margin-top:21px;}
.online .title p{width: 84px;text-align: center;font-size: 14px;}
.online .prompt{width: 160px; text-align: center;margin: 0 auto;font-size:14px;color:#666666;}