@charset "utf-8";
/* CSS Document */
#top{ position: relative;}

/*vid_s 为 video_show*/
#vshowN1{ width: 100%; height: auto; float: left; background-color: #ffffff; }
#vshowN1 .vshowIn{ width: 1200px; height: auto; margin: 0 auto;}
#vshowN1  p{ font-size: 14px; ;line-height: 50px; color: #333333;}
#vshowN1  p span{ width: 42px; height: auto; float: left; text-align: center;}
#vshowN1  p a{ width: auto; height: auto; float: left;}

#vshowN2{ width: 100%; height: auto; float: left; background-color: #ffffff; padding-top: 8px; padding-bottom: 21px;}
#vshowN2 .vshowIn{ width: 1200px; height: auto; margin: 0 auto; position: relative;}
#vshowN2 .vshowN1{ width: 1200px; height: 675px; float: left; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius: 10px; overflow: hidden; background: url("../images/vmainbg_2.jpg") no-repeat center center;}
#vshowN2 .vshowN1 .video-js{ width: 100%; height: 675px; float: left; background: none;}
#vshowN2 .vshowN1 .my-video-dimensions{ width: 100%; height: 675px; float: left; background: none;}
#vshowN2 .vshowN1 .source{ width: 100%; height: auto; float: left;}
#vshowN2 .vshowN1 .video-js .vjs-tech{ height: auto;}
#vshowN2 .vshowN1 .vjs-big-play-button{ width: 100px; height: 100px; margin-top: 260px; margin-left: 540px; background: url("../images/vplay_1.png") no-repeat center center; border: 0px; font-size: 0px;}
#vshowN2 .vshowN1 .vjs-big-play-button:hover,#vshowN2 .vshowN1 .vjs-big-play-button:active{ background: url("../images/vplay_2.png") no-repeat center center;}
#vshowN2 .vshowN1 .vjs-poster{ background: none;}

#vshowN2 .vshowN1 .video_bg{ width: 100%; height: 640px; float: left; overflow: hidden; background: url("../images/vmainbg_2.jpg") no-repeat center center;}
#vshowN2 .vshowN1 .video_bg img{ width: 100px; height: auto; position: relative; left: 550px; top: 270px; cursor: pointer;}

#close{ float: left; left: 20px; position: absolute; margin-top: 300px;}
#close .close{ width: 28px; height: 28px; margin-left: 20px; z-index: 20000;}
#close .on{ background: url("../images/close_on.png") no-repeat left center;}
#close .off{ background: url("../images/close_off.png") no-repeat left center;}
#vshowN2 .vshowN2_2{ width: 377px; height: 675px; float: right; right: 0px; position: absolute; overflow: hidden;}
#vshowN2 .vshowN2L{ width: 32px; height: 675px; float: right; background: url("../images/vshow_2.png") no-repeat center right; cursor: pointer;}
#vshowN2 .vshowN2R{ width: 345px; height: 675px; float: right; background: rgba(0, 0, 0, 0.25); border-radius: 0px 10px 10px 0px;}
#vshowN2 .vshowN2RN1{ width: 100%; height: auto; float: left; font-size: 16px; color: #ffffff; line-height: 25px; margin-top: 13px; text-indent: 26px;}
#vshowN2 .vshowN2RN2{ width: 280px; height: auto; float: left; color: #8d8d8d; font-size: 14px; margin-left: 27px;}
/*#vshowN2 .vshowN2RN2 dt{ width: 100%; height: auto; float: left; text-indent: 23px; line-height: 25px; margin-top: 10px;}*/


.dumascroll{ width:100%; height:637px;  line-height:170%; color:#FFFFFF; font-size:12px;}
.dumascroll_area { width: 100%; height:545px; float: left; overflow:hidden; padding: 0px 11px 0px 0px; margin-top: 14px;}
.dumascroll_handle{ height: auto; background: url("../images/handlebg.png") repeat-y center center;}
.dumascroll_handle_a{ height: auto; background: url("../images/handlebg.png") repeat-y center center;}
.dumascroll_bar { position:absolute; top:0; right:0; z-index:9; width:26px; height:100%; cursor:default; -moz-user-select:none; -khtml-user-select:none; user-select:none; float:left; }
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a { position:absolute; left:0;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a { width:100%; height:14px; color:#fff; text-align:center;}
.dumascroll_handle,.dumascroll_handle_a { width:100%; }

#vshowN2 .vshowN2RN2 dl{ width: 100%; height: auto; float: left; margin-top: 5px;}
#vshowN2 .vshowN2RN2 dd{ width: 100%; height: auto; float: left; border-bottom: 1px solid #87796d; margin-top: 14px; padding-bottom: 14px;}
#vshowN2 .vshowN2RN2 dd.top{ margin-top: 0px;}
#vshowN2 .vshowN2RN2 .ddL{ width: 133px; height: 75px; float: left;}
#vshowN2 .vshowN2RN2 .ddL span{ width: 100%; height: 75px; float: left; overflow: hidden;}
#vshowN2 .vshowN2RN2 .ddL img{ width: 100%;}
#vshowN2 .vshowN2RN2 .ddL em{ width: 100%; height: auto; float: left; line-height: 17px; background: rgba(0, 0, 0, 0.85); position: relative; top: -17px; font-size: 11px; color: #ffffff; text-indent: 4px;}
#vshowN2 .vshowN2RN2 .ddR{ width: 134px; height: auto; float: right;}
#vshowN2 .vshowN2RN2 .ddR span{ width: 100%; height: auto; float: left; color: #ffffff; font-size: 12px; line-height: 18px;}
#vshowN2 .vshowN2RN2 .ddR em{ width: 100%; height: auto; float: left; line-height: 16px; margin-top: 6px; background: url("../images/eye.png") no-repeat left center; text-indent: 25px; color: #a9a9a9; font-size: 11px;}
#vshowN2 .vshowN2RN2 dd a:hover span,#vshowN2 .vshowN2RN2 dd a:active span{ color: #00b8b0;}
    /*#vshowN2 .vshowN2RN2 dd a:link,#vshowN2 .vshowN2RN2 dd a:visited{ color: #8d8d8d;}
    #vshowN2 .vshowN2RN2 dd a:hover,#vshowN2 .vshowN2RN2 dd a:active{ color: #00c6bc;}
    #vshowN2 .vshowN2RN2 dd a.cur{ color: #00c6bc;}*/

.vjs-menu-content .cur{ color: #ffffff; background: #00b8b0;}

#vshowN3{ width: 100%; height: auto; float: left; margin-top: 23px;}
#vshowN3 .cla_sIn{ width: 1200px; height: auto; margin: 0 auto;}
#vshowN3 .vshowN3L{ width: 928px; height: auto; ;float: left;}
#vshowN3 .vshowN3LN1{ width: 100%; height: auto; float: left;}
#vshowN3 .vshowN3LN1T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2;}
#vshowN3 .vshowN3LN1T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3LN1M{ width: 868px; height: auto; float: left; background-color: #ffffff; padding: 0 30px 32px 30px;}
#vshowN3 .vshowN3LN1M img{ max-width: 100%;}
#vshowN3 .vshowN3LN2{ width: 100%; height: auto; float: left;}
#vshowN3 .vshowN3LN2T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; margin-top: 30px;}
#vshowN3 .vshowN3LN2T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3LN2M{ width: 868px; height: auto; float: left; background-color: #ffffff; padding: 0px 30px 32px 30px;}
#vshowN3 .vshowN3LN2M img{ max-width: 100%;}
#vshowN3 .vshowN3LN3{ width: 100%; height: auto; float: left;}
#vshowN3 .vshowN3LN3T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; margin-top: 30px;}
#vshowN3 .vshowN3LN3T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3LN3M{ width: 868px; height: auto; float: left; background-color: #ffffff; padding: 0px 30px 32px 30px;}
#vshowN3 .vshowN3LN3M img{ max-width: 100%;}
#vshowN3 .vshowN3LN4{ width: 100%; height: auto; float: left; padding-bottom: 124px;}
#vshowN3 .vshowN3LN4T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; margin-top: 30px;}
#vshowN3 .vshowN3LN4T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3LN4M{ width: 100%; height: auto; float: left; background-color: #ffffff; padding-top: 28px; padding-bottom: 55px;}
#vshowN3 .vshowN3LN4MT{ width: 100%; height: auto; float: left;}
#vshowN3 .vshowN3LN4MT img{ width: 36px; height: 36px; float: left; border-radius: 50%; overflow: hidden; margin-left: 17px; margin-right: 32px;}
#vshowN3 .vshowN3LN4MT span{ width: auto; ;height: auto; float: left; font-size: 14px; line-height: 40px; color: #999999;}
#vshowN3 .vshowN3LN4MT p{ width: auto; ;height: auto; float: left; font-size: 14px; line-height: 40px; margin-left: 12px; color: #494949;}
#vshowN3 .vshowN3LN4MM{ width: 888px; height: auto; float: left; background-color: #f8f8f8; margin-left: 17px; margin-top: 10px; padding: 10px 0px;}
#vshowN3 .vshowN3LN4MM span{ width: 100px; height: auto; float: left; font-size: 14px; line-height: 24px; color: #666666; text-align: right;}
#vshowN3 .vshowN3LN4MM p{ width: 756px; height: auto; float: left; font-size: 14px; line-height: 24px; color: #999999;}


#vshowN3 .class_submit{ width: 888px;  float: left;  margin-left: 17px; margin-top: 10px;}
#vshowN3 .class_submit textarea{ float: left; border: 1px solid #00b8b0; width: 886px;}
#vshowN3 .class_submit .class_bt{ float: left; text-align: center; width: 180px; height: 45px; font-size: 18px; line-height: 35px; background-color: #00b8b0; color: #ffffff; border: none; margin: 10px 0 0 330px;}

#vshowN3 .vshowN3LN4MB{ width: 100%; height: 55px; float: left; background-color: #ffffff;}
#vshowN3 .vshowN3LN4MB p{ float: left; font-size: 18px; line-height: 55px; color: #999999; text-indent: 28px;}

#vshowN3 .vshowN3R{ width: 262px; height: auto; float: right;}
#vshowN3 .vshowN3RN1{ width: 100%; height: auto; float: left;}
#vshowN3 .vshowN3RN1T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2;}
#vshowN3 .vshowN3RN1T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3RN1M{ width: 100%; height: auto; float: left; text-align: center; background-color: #ffffff; padding-bottom: 50px;}
#vshowN3 .vshowN3RN1M img{ width: 124px; height: 124px; float: left; border-radius: 50%; margin: 39px 69px 4px 69px;}
#vshowN3 .vshowN3RN1M span{ width: 100%; height: auto; float: left; font-size: 14px; line-height: 42px; text-align: center; color: #333333;}
#vshowN3 .vshowN3RN1M p{ width: 100%; height: auto; float: left; font-size: 14px; line-height: 18px; text-align: center; color: #666666;}
#vshowN3 .vshowN3RN2{ width: 100%; height: auto; float: left; margin-top: 13px;}
#vshowN3 .vshowN3RN2T{ width: 100%; height: auto; float: left; background-color: #ffffff; border-bottom: 1px solid #f2f2f2;}
#vshowN3 .vshowN3RN2T p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 54px; margin-left: 20px; color: #333333;}
#vshowN3 .vshowN3RN2M{ width: 100%; height: auto; float: left; text-align: center; background-color: #ffffff; padding-bottom: 35px;}
#vshowN3 .vshowN3RN2M ul{ width: 100%; height: auto; float: left; margin-top: 10px;}
#vshowN3 .vshowN3RN2M li{ width: 100%; height: auto; float: left; margin-top: 20px;}
#vshowN3 .vshowN3RN2M li img{ width: 220px; height: 130px; float: left; overflow: hidden; margin: 0 21px;}
#vshowN3 .vshowN3RN2M li p{ width: 100%; height: auto; float: left; font-size: 14px; line-height: 26px;}