@charset "gb2312";
/* CSS Document */
/*
* Description: 潮职pc
* Update:      05/08/2022
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #e0e7f4;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1200px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/* banner */
.banner{width:100%;height:500px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}

/*栏目介绍*/
.jies_wrap{width:100%;height:698px;background: url(../images/jies_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 80px;}
.jies_wrap h2{width: 196px;height: 60px;line-height: 60px;font-size:32px;font-weight:bold;color:#000;text-align:center;letter-spacing:4px;background-color: #54f6dd;border: 1px solid #10141a;margin-left: 10px;}

.jies_ul{height: 355px;margin-top:35px;position: relative;}
.jies_ul li{width:616px;height:139px;position: absolute;}
.jies_01,.jies_02{left: -10px;}
.jies_03,.jies_04{left: 603px;}
.jies_01{background: url(../images/js_01.png) no-repeat;top: 38px;}
.jies_02{background: url(../images/js_02.png) no-repeat;top: 194px;}
.jies_03{background: url(../images/js_03.png) no-repeat;top: 0;}
.jies_04{background: url(../images/js_04.png) no-repeat;top: 144px;}

.jies_wrap p{line-height: 40px;font-size: 22px;color: #000;letter-spacing: 1px;padding-left: 8px;margin-top: 25px;}
.jies_wrap p i{font-weight: bold;margin-left: -10px;}

/*视频部分*/
.video_wrap{width:100%;height:630px;background: url(../images/video_bg.jpg) center top no-repeat;overflow: hidden;}

.video_m{margin-top: 35px;}
.video_l{float: left;width: 800px;height:502px;background-color:#59f7df;margin-left: 10px;overflow: hidden;border: 1px solid #131826;border-right: 0;}
.video_lul{width: 765px;height: 445px;margin:30px auto 0;display: none;}
.video_con{width: 765px;height: 445px;}
.video_con body{margin: 0;}

.video_r{float: left;width: 382px;height: 502px;border: 1px solid #131826;}
.vr_t{width: 380px;height: 124px;background: url(../images/vr_t.png) no-repeat;border-bottom: 1px solid #131826;overflow: hidden;}
.vr_t p{line-height: 34px;font-size: 24px;color: #000;letter-spacing: 3px;margin-top: 80px;padding-left: 20px;}

.vr_til{padding: 18px 0 22px 15px;}
.vr_til span{float: left;width: 122px;height: 36px;line-height: 36px;font-size: 20px;color: #000;text-align: center;letter-spacing: 2px;cursor: pointer;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;margin-left: 28px;}
.vr_til span.cur{background-color: #fff;}

.vr_b{width:355px;height: 282px;overflow-y: auto;margin-left: 18px;}
/*滚动条整体样式*/
.vr_b::-webkit-scrollbar {width:10px;}
/*滚动条里面小方块样式*/
.vr_b::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-border-radius: 5px;background-color: #000;}
/*滚动条里面轨道样式*/
.vr_b::-webkit-scrollbar-track {background: url(../images/line.jpg) center top repeat-y;}

.vr_bul{width:342px;display: none;overflow: hidden;}
.vr_b li{overflow: hidden;margin-bottom: 20px;cursor: pointer;}
.vr_b li.cur{border: 1px solid #000;background-color: rgba(204,204,204,0.5);}
.vr_bul li img{float: left;width: 178px;height: 100px;}
.vr_br{float: left;width: 150px;margin-left: 8px;}
.vr_br p{line-height: 20px;font-size: 14px;color: #000;letter-spacing: 1px;overflow: hidden;margin-top: 10px;}
.vr_br p i{font-size: 16px;}












