/*
author:liuming;
time:20191111;
 */
body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;  /*设置元素为盒子模式*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button,input,textarea{border: none;background: #eee;} 

/*变量统一*/
:root {
  --color: #333;
}






/*============================公共设置样式============================*/
body {
    font: 16px;  /*设置基础字号*/
    background: #fff;
    color: #333;  /* 普通文字颜色 */
    -webkit-text-size-adjust: 100%;
    position: relative;
    font-family:'Microsoft YaHei',  Arial,  Helvetica, 'Hiragino Sans GB',  'PingFang SC', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    /*字体顺序设置*/
}

a {/*基本连接样式*/
    text-decoration: none  
}

a:hover { /*连接鼠标交互样式*/
    text-decoration: none
}


p {
   /* text-indent: 2em; */ /*首行缩进2字符*/
    word-wrap: break-word;
    line-height: 1.8em;  /*段落文字公共行高*/
    text-align: justify;
}
.color {    /*文字主题色*/
    color: #0882ef;
}

.bgcolor {   /*主题背景色*/
    background: #eff0f4;
}

.width {  
    width: 1300px; /*网页宽度设置,并居中*/
    margin:0 auto;
}

 /*============================其它重置及公共样式==============================*/
.white{
    color: #fff;
}

ul,li {/*去掉默认样式*/
    list-style: none
}
img {
    border: 0;
    vertical-align: middle
}

.w100 {
    width: 100%;
}
.w50{
    width: 50%;
}
.w47{
    width: 47%;
}
.w3{
    width: 3%;
}

.fl { 
    float: left;/*左浮动*/
}

.fr {
    float: right;/*右浮动*/
}

.clear {
    clear: both;/*清空浮动*/
}

.clearfix:before,.clearfix:after{ /* 清除margin-top塌陷和清除浮动 */
    content: "";
    display:table;
}
.clearfix{
    *zoom: 1;  /*IE专属缩放属性*/
}
.bold,
.b {
   
    font-weight: bold; /*  加粗 */
}

.hand {
    cursor: pointer;  /*鼠标小手样式*/
}
.block{
    display: block;  /*设置块状*/
}
.line-block{
display: inline-block;
}
a.more {
    font-size: 12px;
    color: #4d4d4d;
    padding: 4px 10px;
    border: 1px solid #4d4d4d;
    text-decoration: none;

}

.box {  /*设置盒子模式*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ms{
    display: none; /*电脑端隐藏 移动端显示 */
}
.mh{
    display: block; /*电脑端显示 移动端隐藏 */
}
.white{
    color: #fff !important;
}
.posr{
    position: relative;
}
.center{
    text-align: center;
    margin:0 auto;
}
.oneline{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.toppadding{
    height: 44px;width: 100%;
}

.line1{
     display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.line2{  /*显示两行文字，超出显示省略号*/
     display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line3{
     display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

/*============================间距============================*/

.mt4{margin-top: 4px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt24{margin-top: 24px;}
.mt28{margin-top: 28px;}
.mt30{margin-top: 30px;}
.mt32{margin-top: 32px;}
.mt36{margin-top: 36px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}


.mr4{margin-right: 4px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr12{margin-right: 12px;}
.mr16{margin-right: 16px;}
.mr20{margin-right: 20px;}
.mr24{margin-right: 24px;}
.mr28{margin-right: 28px;}
.mr30{margin-right: 30px;}
.mr32{margin-right: 32px;}
.mr36{margin-right: 36px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
 
.mb4{margin-bottom: 4px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb16{margin-bottom: 16px;}
.mb20{margin-bottom: 20px;}
.mb24{margin-bottom: 24px;}
.mb28{margin-bottom: 28px;}
.mb30{margin-bottom: 30px;}
.mb32{margin-bottom: 32px;}
.mb36{margin-bottom: 36px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.ml4{margin-left: 4px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml12{margin-left: 12px;}
.ml16{margin-left: 16px;}
.ml20{margin-left: 20px;}
.ml24{margin-left: 24px;}
.ml28{margin-left: 28px;}
.ml30{margin-left: 30px;}
.ml32{margin-left: 32px;}
.ml36{margin-left: 36px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml8{margin-left: 8px;}


.mg0{margin: 0;}

/*============================空白============================*/
.pt4{padding-top: 4px;}
.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pt16{padding-top: 16px;}
.pt20{padding-top: 20px;}
.pt24{padding-top: 24px;}
.pt28{padding-top: 28px;}
.pt30{padding-top: 30px;}
.pt32{padding-top: 32px;}
.pt36{padding-top: 36px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}

.pr4{padding-right: 4px;}
.pr8{padding-right: 8px;}
.pr10{padding-right: 10px;}
.pr12{padding-right: 12px;}
.pr16{padding-right: 16px;}
.pr20{padding-right: 20px;}
.pr24{padding-right: 24px;}
.pr28{padding-right: 28px;}
.pr30{padding-right: 30px;}
.pr32{padding-right: 32px;}
.pr36{padding-right: 36px;}
.pr40{padding-right: 40px;}
 
.pb4{padding-bottom: 4px;}
.pb8{padding-bottom: 8px;}
.pb10{padding-bottom: 10px;}
.pb12{padding-bottom: 12px;}
.pb16{padding-bottom: 16px;}
.pb20{padding-bottom: 20px;}
.pb24{padding-bottom: 24px;}
.pb28{padding-bottom: 28px;}
.pb30{padding-bottom: 30px;}
.pb32{padding-bottom: 32px;}
.pb36{padding-bottom: 36px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}

.pl4{padding-left: 4px;}
.pl8{padding-left: 8px;}
.pl10{padding-left: 10px;}
.pl12{padding-left: 12px;}
.pl16{padding-left: 16px;}
.pl20{padding-left: 20px;}
.pl24{padding-left: 24px;}
.pl28{padding-left: 28px;}
.pl30{padding-left: 30px;}
.pl32{padding-left: 32px;}
.pl36{padding-left: 36px;}
.pl40{padding-left: 40px;}
.pl8{padding-left: 8px;}

 

.pd0{padding: 0;}
.pd50{
    padding: 50px; 
}

/*============================字号============================*/ 
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz19{font-size: 19px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}


.shadow{
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

/*============================标题============================*/
h1,h2,h3,h4,h5,h6{display: block; line-height: 1.4em;}

h1{

}
h2{
    
}
h3{
    
}
h4{
    
}
h5{
    
}
h6{
    
}





.top{
    height: 100vh;
    background: #000310;

}
.head {
    
  
    position: relative;
    
    z-index: 999;
}

.headmain {
    width: 1377px;
    margin: 0 auto;

}

.logo {
    float: left;
    margin-right: 30px;
    margin-top: 16px;

}

.logo a {
    font-size: 30px;
    font-weight: bold;
    width: 502px;
    
    overflow: hidden;
    float: left;

}
.headbtns{
    margin-top: 46px;
}
.headbtns a{
    width: 108px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background:none;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-left: 20px;
    transition: all 0.3s


}
.headbtns a:hover{
    background: #ffc80b;
        border: 1px solid #ffc80b;
}
.menu{
    position: absolute;
    bottom: 74px;
    width: 900px;
    margin-left: -393px;
    left: 50%;
 



 }
.menu a{
    display: inline-block;
    width: 137px;
    height: 137px;
    margin-left: 20px;
    float: left;
    background: url(../images/quan1.png) center center no-repeat;
    text-align: center;
    line-height: 137px;
    color: #1d83ec;
    font-size: 20px;

}
.menu a:hover{
       background: url(../images/quan2.png) center center no-repeat;
       color: #fff;
}