a{color:#696969;}
a:link{text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; color: #000000;}
a:active{text-decoration:none;}
h3,h4{color: #333;}
h3{font-size: 24px; }
h4{font-size: 14px;}

i,.register-btn,.icon{background: url(../images/icon.png);}
.inner{width:1000px; margin: 0px auto; overflow: hidden;}
.navbar{background-color: #fff;}
#nav-menu .menu li.stmenu a.xialaguang{color: #000;}
#nav-menu .menu li.stmenu a.xialaguang i{border-top-color: #000;}

.videos{background: url(../images/video.jpg); height:510px; overflow: hidden;}
.videoarea{margin:26px auto 0;position:relative;}
.videoarea .mod_player{padding:0;background:#000;position:absolute;z-index:1}
.videoarea .videolistbox{float:right;height:456px;background:#2f8dc9;position:relative;z-index:2}
.videoarea .videolistbox h3{position:relative;height:42px;line-height:50px;font-size:20px;color:#fff;padding-left:35px}
.videoarea .videolistbox .playlist{position:relative;width:100%;height:370px;background:#2f8dc9;border-top:1px solid #52a0d2;border-bottom:1px solid #52a0d2;overflow-y:auto;
    scrollbar-arrow-color:#45a5e2;/*ie�����¼�ͷ����ɫ*/
    scrollbar-face-color:#206b9b;/*ie�¹������Ļ�����ɫ*/
    scrollbar-track-color:#45a5e2;/*ie�����������������ɫ*/
    scrollbar-highlight-color:#206b9b;/*ie�¹������հײ��ֵ���ɫ*/
    scrollbar-3dlight-color:#45a5e2;/*������������ߵ���ɫ*/
    scrollbar-shadow-color:#206b9b;/*ie�������������Ӱ����ɫ*/
    scrollbar-darkshadow-color:#45a5e2;/*���������ǿ��Ӱ����ɫ*/
}
.videoarea .videolistbox .playlist::-webkit-scrollbar{width:6px}
.videoarea .videolistbox .playlist::-webkit-scrollbar-button{display:none}
.videoarea .videolistbox .playlist::-webkit-scrollbar-button:vertical:end:increment{display:block;height:0px}
.videoarea .videolistbox .playlist::-webkit-scrollbar-track{height:200px;border-radius:3px}
.videoarea .videolistbox .playlist::-webkit-scrollbar-button:vertical:end:increment{background-color:#45a5e2}
.videoarea .videolistbox .playlist::-webkit-scrollbar-track{background-color:#45a5e2}
.videoarea .videolistbox .playlist::-webkit-scrollbar-track-piece:vertical:start{width:6px;background:#45a5e2}
.videoarea .videolistbox .playlist::-webkit-scrollbar-track-piece:vertical:end{width:6px;background:#45a5e2}
.videoarea .videolistbox .playlist::-webkit-scrollbar-thumb:vertical{background:#206b9b;cursor:pointer}

.videoarea .videolistbox .playlist ul{overflow:hidden;position:relative;top:0}
.videoarea .videolistbox .playlist li{position:relative;margin-left:16px;padding:10px 0}
.videoarea .videolistbox .playlist li .left-line{width:1px;position:absolute;left:0;top:0;height:100%;background:#fff;z-index:2}
.videoarea .videolistbox .playlist li.first .left-line{height:50%;top:50%}
.videoarea .videolistbox .playlist li .icon-l,.videoarea .videolistbox .playlist li .icon-r{position:absolute;top:50%;margin-top:-10px;width:27px;height:20px;z-index:10}
.videoarea .videolistbox .playlist li .icon-l{background-position:-90px -167px;left:-5px}
.videoarea .videolistbox .playlist li .icon-r{background-position:-253px -166px;right:28px;width:12px}
.videoarea .videolistbox .playlist li a{display:block;min-height:46px;position:relative;background:#5eb2e7;display:block;margin:0 20px;border:2px solid #5eb2e7}
.videoarea .videolistbox .playlist li.current .icon-l{background-position:-166px -167px}
.videoarea .videolistbox .playlist li.current .icon-r{background-position:-325px -166px}
.videoarea .videolistbox .playlist li.current a{background:0 0;min-height:22px;border-color:#fff}

.videoarea .videolistbox .video_tit{display:block;margin-right:32px;color:#fff;font-size:14px;line-height:20px;padding:8px 12px;border-right:1px solid #90caee}
.videoarea .videolistbox .more{height:42px;line-height:42px;color:#b8dbf1;font-size:14px;float:right;padding-right:10px}
@media (max-width: 767px) {
    .videos{background: none; height:auto; overflow: inherit;}
    .videoarea{margin: 0; padding: 0 15px;}
    .videoarea .mod_player{position: relative;}
}

.active{ color: #000000;}
.image-list{margin-bottom: 15px;}
.image-list .pos_img{ position: relative; text-align: center;}
.image-list .pos_img>div{ display: none;}
.image-list .pos_img .playbtns_pc{ position: absolute; width:100%; height:100%; top:0; left:0; background-image: url(../images/bantouming.png);}
.image-list .pos_img .playbtns_pc span{ display:inline-block; width:67px; height: 67px;  position: absolute; top:50%; left:50%; margin: -33px 0 0 -33px;background-image: url(../images/playbrn_pc.png); }
.image-list .pos_img .code_pc{ position: absolute; width:100%; height: 100%; top:0; left:0; background-image: url(../images/bantouming.png);text-align: center;}
.image-list .pos_img .code_pc img{ margin-top: 52px; width: 130px; height: 130px; display: inline-block; position: relative;}
.image-list .pos_img .code_pc h3{ text-align: center; margin-top: 5px; color: #fffefe; background-image: url(../images/shaomaline.png); background-position: center center; background-repeat: no-repeat; font-size: 12px; position: relative;}

.image-list-first,.con-left .box .bd .image-list-w354{ margin-left: 0px;}
.image-list h4{font-size: 1em; line-height: 1.5em; height: 3em; text-align: center; color:#333; padding: 0; margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.image-list p{font-size: 14px; color: #696969;}
.image-list i.name{display: inline-block; width: 20px; height: 16px; background-position: -30px -170px; position: relative;  top: 2px;}

.con-right .box{margin-bottom: 15px;}
.con-right .box .hd{border-bottom:2px solid #f0f0f0; position: relative; height:33px; }
.con-right .box .hd span{position: absolute; left:0; top:0px; height:33px; line-height: 33px; border-bottom:2px solid #2f8dc9; font-size: 20px; color:#2f2f2f;}
.con-right .box .bd{padding-top: 20px;}
.con-right .box.collect .text-list li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.con-right .box.collect .text-list li.active{ background-color: #e4e4e4;}
.con-right .box.collect .text-list li a{font-size:14px; color:#333; line-height: 30px; }
.con-right .box.down p{font-size: 14px; line-height: 30px; color:#333;}
.con-right .box.contact dt{font-size: 18px; color:#333; line-height: 36px;}
.con-right .box.contact dd{font-size: 14px; color:#696969; line-height: 30px;}
.con-right .box.contact .ewm{width:207px; height: 132px; margin: 10px 0px;}
.btn{display: block; float: left; }
.btn.more,.btn.join{font-size: 14px; line-height: 20px; color:#2f8dc9; margin-right:15px; padding:6px 38px 6px 24px; background-position: -361px -15px; }
.btn.more:hover,.btn.join:hover{background-position: -361px -81px; color:#ff6d02;}

#carousel1{width:100%;height:504px;text-align:center;overflow:hidden; position: relative;}
#carousel1 .car_bigp{height:504px;}
#carousel1 .car_bigp li{height: 100%;display:none;}
#carousel1 .car_bigp li a{display: block;width: 100%; height: 100%;}
#carousel1 .car_bigp img{margin:auto; max-width: inherit;}
#carousel1 .smallpic{position:absolute;z-index:2;top:400px; width: 100%;}
#carousel1 .car_click{height:65px;background:url(../images/background1.png);}
#carousel1 .car_click .car_c_title{height:55px;margin-top:5px;float:left;}
#carousel1 .car_click .car_c_title p{font-size:16px;color:white;}
#carousel1 .car_click .car_c_smallpic{height:55px;margin-top:5px;float:left;}
#carousel1 .car_click .car_c_smallpic input{float:left;}
#carousel1 .car_click .car_c_smallpic img{cursor:pointer;float:left;margin:0 5px;border:solid 2px #fff;}
#carousel1 .car_click .car_c_smallpic .car_c_inpt1{width:34px;height:50px;border:0px;background:url(../images/arrow1.png);cursor:pointer;margin-right:5px;}
#carousel1 .car_click .car_c_smallpic .car_c_inpt2{width:34px;height:50px;border:0px;background:url(../images/arrow2.png);cursor:pointer;margin-left:5px;}