[v-cloak]{
    display: none;
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th {
	text-align: left;
	font-weight: 400
}

abbr,body,fieldset,html,iframe,img {
	border: 0
}

address,cite,dfn,em,i,var {
	font-style: normal
}[hidefocus],summary {
	outline: 0
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%
}

sub,sup {
	font-size: 83%
}

code,kbd,pre,samp {
	font-family: inherit
}

q:after,q:before {
	content: none
}

textarea {
	overflow: auto;
	resize: none
}

label,summary {
	cursor: default
}

a,button {
	cursor: pointer
}

b,em,h1,h2,h3,h4,h5,h6,strong {
	font-weight: 400
}

a,a:hover {
	text-decoration: none
}

body,button,input,keygen,legend,select,textarea {
	font: 16px/1.14 SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
	outline: 0
}

body {
	background: #fff
}

a {
	color: #222
}

a:hover {
	color: #000
}

a:visited {
	color: #222
}
  

ul,li{
    list-style: none;
}
*{
    padding:0;
    border:0;
    margin:0;
}
body{
    font-family: "Gotham Medium","PingFang SC","SF Pro SC","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  
}
a{
    text-decoration: none;
}
p{
    color: rgba(0,0,0,0.6);
}
.mt30{
    margin-top: 30px;
}
.mt20{
    margin-top: 20px!important;
}
.mb30{
    margin-bottom: 30px;
}
.mb60{
    margin-bottom: 70px!important;
}
.mt60{
    margin-top: 70px!important;
}
.top{
    height: 70px;
    width: 100%;
    z-index: 999;
 
    /* display: inline-block; */
    /* border-bottom: 1px solid #eee; */
}

.top-left{
    /* float: left; */
    width: 520px;
    margin: 0 auto;
    
}
.top-left>li{
    float: left;
    
    height: 100px;
    line-height: 100px;
    position: relative;
    margin: 0 25px;
    cursor: pointer;

}
/* .top-left>li:hover{
    border-bottom: 2px solid #e70012;
} */
.top-left li a{
    color: #181818;
    font-size: 16px;
    word-break: keep-all;
}
.logo{
    float: left;
    height: 50px;
    margin: 10px 20px;
    margin-right: 50px;
    margin-left: 10px;
}
.logo img{
    height: 50px;
    /* margin-top: 8px; */
}
.loginBtn{
    width: 120px;
    height: 69px;
    background-color: #eee;
    text-align: center;
    line-height: 69px;
    color:#e70012;
    font-weight: bold;
    cursor: pointer;
    float: right;
}
.top::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}

.el-header{
    height: 71px!important  ;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.el-header p {
    width: 140px;

    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 70px;
}
#video1{
    width:100%;height:480px; 
}
.icon {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat;
    background-size: 20px;
}
.search {
    width: 57px;
    height:100px;
    float: right;
    line-height: 40px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
    margin-right: 40px;
}
.search i {
    position: absolute;
	right: 17px;
    top: 40px;
    background-position: 0 -189px;
    cursor: pointer;
    z-index: 9999;
}
.search input {
    width: 260px;
    height: 40px;
    margin-top: 15px;
    outline: none;
    border-bottom: 1px solid #e70012;
    padding-left: 5px;
    padding-right: 20px;
}
 
 
 
 
a {
    color: rgba(0,0,0,0.6);
    /* font-size: 14px; */
}
.top li a:hover{
    color:#e70012;
}
.second {
    position: absolute;
    left: -20px;
    top: 70px;
    padding: 20px;
    border: 1px solid #eee;
    /* box-shadow: ; */
    /* border-radius: 3px; */
    background-color: #fff;
    display: none;
    border-top: 1px solid #e70012;
    /* border-top: 1px solid #bbb; */
}
.second ul{
    min-width: 120px;

    

}
.top-left .on>a{
    font-weight: bold;
    font-size: 16px;
    color:#e70012;
}
.topright .on>a{
    /* font-weight: bold;
    font-size: 16px; */
    color:#e70012;
}
.second ul li{
    height: 40px;
    line-height: 40px;
    padding-right: 0;
    float: none;
    text-align: center;
}

.top-left>li:hover .second{
    display: block;
}
.topright>ul>li:hover>.second{
    display: block;
}
.container{
    min-height: 350px;
}
/* footer */
.footer{
    width: 100%;
    background-color: #f4f4f4;
}
.footTop{
    width: 100%;
    line-height: 70px;
    height:70px;
  
    margin-bottom: 35px;

}
.footTop::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.footer>div{
    width: 1200px;
    margin:0 auto;
    margin-bottom: 20px;
  
}
.footmid{
    /* display: flex;
    justify-content: space-between; */
}
.footer .footTop{
    /* padding-top: 20px; */
    margin-bottom: 21px;
}
.footer ul>li{
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
.footmid .sub-nav{
    padding: 15px 0;
    text-align: left;
    padding-left: 0;
    /* padding-right: 35px; */
    float: left;
    width: calc((100% - 500px)/5);
    margin-right: 125px;
   
}
.footmid .sub-nav:last-child{
    margin-right: 0;
}
.footmid::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.footer .nav li{
    float: none;
    line-height: 30px;
}
.mg-b15{
    /* margin:0 20px; */
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}
.nav li{
    margin-top: 15px;
    margin-bottom: 15px;
}
.nav::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.footmid::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.mg-tab{
    float: left;
}
.copyright{
    float: right;
    font-size: 12px;
    margin-top: 3px;
}
.row{
}
.row::after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.mg-tab span{
    margin-right: 20px;
}

.footer a:hover{
    color: #e70012;
}
.row a{
    font-size: 12px;
}
.footer .logo{
    margin-left: 0;
    margin-top: 15px;
}
.footer-social{
    float: right;
    margin-top: 30px;
}
.footer-social a{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
.footer-social a img{
    width: 100%;
}
.footTopBox{
    width: 100%!important;
    border-bottom: 1px solid #ccc;
}
.footTopBox .footTop{
    width: 1200px;
    margin:0 auto;
    height: 100px;
    overflow: hidden;
}
.footTopBox .footTop .logo img{
    height: 70px;
}
.zhedie{
    width: 22px;
    height: 22px;
    margin: 17px;
    float: left;
    cursor: pointer;
    margin: 39px 30px;
}
.zhedie img{
    width: 100%;
    border-radius: 50%;
    padding:10px;
}

p.firstp{
    margin: 30px 0!important;
}
.mb30{
    margin-bottom: 30px!important;
}
.mb20{
    margin-bottom: 20px!important;
}