a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
:focus{outline:none;}
/*Reset Css*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}
html,body{margin:0; padding:0; font-family:"OpenSans-Regular","Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/}
input,button,select,textarea{font-family:"OpenSans-Regular","Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
select{*behavior: url("select.htc");}/*IE6,IE7select*/
ol,ul{padding-left:0; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input{display:inline-block; vertical-align:middle;}
fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*Common Css*/
body{font-size:12px;}
a{ text-decoration:none;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
::-ms-clear, ::-ms-reveal{display: none;}
input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;}
a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.swiper-button-next,.swiper-button-prev{z-index:3 !important;}
textarea {resize: none;}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('font/OpenSans-Bold.eot');
    src: local('font/OpenSans-Bold'),
    local('font/OpenSans-Bold'),
    url('font/OpenSans-Bold.ttf') format('truetype'),
    url('font/OpenSans-Bold.svg')
    format('svg');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('font/OpenSans-Regular.eot');
    src: local('font/OpenSans-Regular'),
    local('font/OpenSans-Regular'),
    url('font/OpenSans-Regular.ttf') format('truetype'),
    url('font/OpenSans-Regular.svg')
    format('svg');
}
.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



a,input[type=reset],input[type=submit],input[type=button]{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
img{max-width:100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
#dituContent img{max-width:inherit;width:auto;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
body,html{position:relative;height:100%;}
.ob{font-family:"OpenSans-Bold";}
.chart_form{padding: 48px 0;box-sizing: border-box;width:380px;border: 1px solid #CFD1D5;position:fixed;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);
}
.chart_form h1{line-height: 1;font-size: 32px;color: #000;font-weight:bold;text-align:center;}
.chart_form h3{font-size:20px;color: #000;margin:27px 0 14px;}
.chart_form form{width: 230px;margin: auto;}
.chart_form .input{margin-top: 10px;position: relative;}
.chart_form .input input{line-height: 36px;height: 36px;border-radius: 12px;border: 1px solid #000;width: 100%;padding: 0 12px;box-sizing: border-box;font-size: 14px;color: #333;}
.chart_form .input a{text-decoration:underline;font-style:normal;font-size: 12px;color: #000;position: absolute;right: -60px;top: 0%;line-height:38px;}
::-webkit-input-placeholder{color:#333;}
:-moz-placeholder{color:#333;}
::-moz-placeholder{color:#333;}
::-ms-input-placeholder{color:#333;}
label{cursor: pointer;display: block;margin-top: 12px;font-size: 14px;margin-top:15px;color:#000;}
label a{color: #266673;text-decoration:underline;}
label input{margin: -2px 6px 0 0;}
label a:hover{color: #000;}
.submit{width: 100%;line-height: 44px;margin-top: 20px;border-radius:15px !important;background-color: rgb(0, 0, 0);border:none;outline: none;cursor: pointer;font-size: 16px;color: #fff;}
.chart_form p{text-align:center;font-size: 13px;color: #000;margin-top: 15px;}
.psw{border:none;/*margin: 0px auto;position: relative;left: auto;top: auto;transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);*/}
.chart_form.psw .input a{right: -78px;}
.chart_tit{}
.san{float:right;box-sizing:border-box;cursor:pointer;position:relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.san span{
    width:100%;
    position:absolute;
    height:4px;background:#000;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.san span:nth-child(1){top:0;}
.san span:nth-child(2){top:50%;margin-top:-2px;}
.san span:nth-child(3){bottom:0;}
.san.cur span:nth-child(1){
    top: 50%;margin-top:-2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.san.cur span:nth-child(2){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.san.cur span:nth-child(3){display:none;}
.san{width:30px;height:24px;margin-top:23px;}
.chart_tit{line-height: 70px;}
.chart_tit h1{float: left;font-size: 36px;color:#000;font-weight:bold;}
.wrapper{width: 94%;max-width: 1900px;margin: auto;}
em{float: right;display: block;width: 36px;height: 36px;border-radius:50%;overflow:hidden;margin:17px 20px 0 0;background: #000;}
em img{min-width: 100%;min-height: 100%;}
.video-player{min-height:400px ;background: #000;height:calc(100% - 180px);position: relative;z-index: 2;}
.video_tit{font-size: 24px;color: #000;margin-bottom:6px;}
.video_content{padding:24px 0px;font-size: 16px;line-height: 28px;color: #666;}
.chart_tit .wrapper{position: relative;}
.chart_tit dl{display: none;right: 0;top: 80px;position: absolute;z-index:3;}
.chart_tit dd{margin-top:6px;}
.chart_tit dd>a{display: block;width: 120px;border: 1px solid #000;line-height: 36px;background: #fff;color: #000;font-size: 14px;text-align:center;border-radius: 10px;}
.chart_tit dd>a:hover{background: #000;color: #fff;border-color:#fff;}
.video_content h3{line-height: 1.5;margin-bottom: 40px;font-weight: bold;font-size:36px;color:#333;font-weight:bold;border-bottom:1px solid rgb(232, 236, 241);padding-bottom:12px;}
.pv-video-player{height: 100% !important;}
.vc{text-align:justify;border-top:1px solid #cfd1d5;padding: 4% 0;color:#000;}
.video_content h5{font-size:24px;color:#333;font-weight:bold;margin-bottom:18px;}
.video_content p{line-height:2;font-size:15px;color:#494949;}
.vc .wrapper{max-width:620px;}



.video-player>div{height: 100% !important;}
@media only screen and (min-width: 1600px) {
    .chart_form{width: 540px;padding: 80px 0;}
    .chart_form form{width: 320px;}
    .chart_form h1,.chart_tit h1{font-size:33px;}
    .chart_form h1{font-size: 44px;}
    .chart_form h3{font-size:28px;}
    .chart_form .input input{line-height: 48px;height:48px;border-radius: 15px;padding: 0 15px;font-size: 16px;}
    .chart_form .input{margin-top:20px;}
    .chart_form .input a{line-height: 48px;font-size: 14px;right: -75px;}
    label{font-size: 16px;margin-top:20px;}
    .submit{line-height: 56px;font-size: 18px;margin-top:24px;}
    .chart_form p{margin-top: 22px;font-size: 16px;}
/*    .san{width:27px;height:22px;margin-top:25px;}
*/    .chart_tit{line-height: 70px;}
    .video_tit{font-size: 28px;}
/*    .chart_tit dd>a{width: 150px;line-height:44px;font-size: 16px;}
*/    .video_content h3{line-height: 1;margin-bottom: 42px;font-size: 48px;}
    .video_content {font-size: 18px;line-height: 32px;}
/*    .video_tit{line-height: 80px;font-size: 26px;}
*/    .video-player{height:calc(100% - 194px);}

}
@media only screen and (max-width: 767px) {
    .chart_form{}
    .chart_form{width: 100%;border: none;padding: 0;}
    .chart_form .input a{right: 15px;}
    .chart_tit h1{font-size:24px;}
    .chart_tit{line-height: 80px;}
    em{width: 30px;height: 30px;margin: 25px 15px 0 0;}
    .san{margin-top: 30px;height:20px;}
    .san span{height: 2px;}
    .san span:nth-child(2){margin-top: -1px;}
    .video-player{height: calc(100% - 157px);}
    .video_tit{line-height:26px;margin: -30px 0 0 0;padding:12px 0 3px 0;font-size: 18px;}
    .video_content{padding: 32px 0;}
    .video_content h3{font-size: 20px;margin-bottom: 12px;}
    .video-player{min-height: inherit;}
    .pv-video-player{height: 100% !important;}
    .chart_form.psw .input a{right:12px;}
    .pv-cover{position:static !important;}
}