/* @font-face {
 font-family: 'heavy';
 src:url('../font/heavy.TTF');
}
@font-face {
    font-family: 'bold';
    src:url('../font/bold.TTF');
   }
   @font-face {
    font-family: 'medium';
    src:url('../font/medium.TTF'); 
   }
   @font-face {
    font-family: 'regular';
    src:url('../font/regular.TTF');
   } */
* {

    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei' !important;

}

em,

i {

    font-style: normal;

}

li {

    list-style: none;

}

img {

    border: 0; 

    vertical-align: middle;

    max-width: 100%;

}

button {

    cursor: pointer;

}

a {

    text-decoration: none;

    font-size: 14px;

}

button,

input,

textarea {

    font-family: 'medium';

    outline: none;

    border: none;

}
css
body {
    font-family: 'Microsoft YaHei' !important;

    font-size: 14px;

    background: #ffffff;

}


/*清除浮动*/

.clearfix:after {

    visibility: hidden;

    clear: both;

    display: block;

    content: "";

    height: 0;

}

.clearfix {

    zoom: 1

}

.ellipsis {

   white-space: nowrap;

   overflow: hidden;

   text-overflow: ellipsis;

   display: block;

}

div{

    box-sizing: border-box;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.w{

    width: 1000px;

    margin: 0 auto;

}
.nav .logo img{
    height: 40px;
    width: auto;
}

.header{

    width: 100%;

    background: #4F5B69;

    height: 32px;

    line-height: 32px;



}

.header span,.header em{

    color:#ffffff;

    letter-spacing: 1px;

    font-size: 12px;

}



.header .fr img{

    width: 20px;

    height: 20px;

    vertical-align: -4px;

    margin-right: 8px;

}

.header .fl em{

    padding: 0 20px;



}

.banner{

    width: 100%;

    height: 466px;

}

.nav{

    height: 66px;

    width: 100%;

    line-height: 66px;

    position: relative;

    z-index: 999999;

}

.ks{

    display: none;

    width: 100%;

    height: 160px;

}

.nav ul li{

    float: left;

}

.nav ul li a{

    line-height: 66px;

    display: block;

    color:#ffffff;

    opacity:0.7;

    padding: 0 10px;

    margin: 0 10px;

    transition: .3s color;

    -webkit-transition: .3s color;

    -moz-transition: .3s color;

    -ms-transition: .3s color;

    -o-transition: .3s color;

}

.nav ul li a:hover{

    opacity: 1;

}

.nav ul li a.current{

    opacity: 1;
    font-weight: bold;

}

.nav.fixed{

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background: #ffffff;

    z-index: 99999;
    box-shadow:0px 3px 10px rgba(153,153,153,0.1);

}

.nav.fixed ul li a{

    color:rgba(102,102,102,1);

}

.nav.fixed ul li a:hover{

    color:rgba(51,51,51,1);

    opacity: 1;

}

.nav.fixed ul li a.current{

    color:rgba(51,51,51,1);

    opacity: 1;

}

.footer{

    width: 100%;

    background-color: #222831;

    padding-top: 20px;

}

.footer .left li{

    float: left;

    margin-right: 108px;

    width: 100px;

}

.footer .left li:last-child{

    margin-right: 0px;

}

.footer .left li h3{

    color: #ffffff;

    font-size: 14px;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 20px;
    /* font-family: "bold"; */
    font-weight: bold;
}

.footer .left li a{

    display: block;

    color:rgba(255,255,255,1);

    opacity: 0.3;

    font-size: 12px;

    margin: 10px 0;
    font-family: "regular";

}

.footer .right img{

    display: block;

    width: 100px;

    height: 100px;

}

.footer .right .fl{

    width: 100px;

    text-align: center;

    color: #ffffff;

    margin-left: 30px;

}

.footer .right span{

    display: block;

    padding-top: 8px;

    font-size: 12px;

}

.footer .lxfs{

    color: #ffffff;

    font-size: 12px;

    line-height: 40px;

    margin-top: 40px;

    margin-bottom: 20px;

}

.footer .lxfs span{

    letter-spacing: 2px;

}

.footer .lxfs p{

    letter-spacing: 2px;

    line-height: 20px;

}

.footer .lxfs img{

    width: 40px;

    height: 40px;

    margin-right: 16px;

}

.footer .lxfs .fl:nth-child(2) img{

    margin-left: 56px;

}

.footer>p{

    height: 34px;

    line-height: 34px;

    border-top: 1px solid rgba(255,255,255,.1);

    box-sizing: border-box;

    text-align: center;

    color: #ffffff;

    opacity: .3;

    letter-spacing: 2px;

}

.footer>p a{

    color: #ffffff;

    letter-spacing: 2px;

}

.wtzx{

    display: block;

    width: 70px;

    height: 70px;

    position: fixed;

    right: 0;

    bottom: 0;

  

    background-color: #03b187;

    font-size: 12px;

    color: #ffffff;

    padding-top: 4px;

    z-index: 999;
    cursor: pointer;
    box-sizing: border-box;
}

.wtzx span{

    text-align: center;

    display: block;

}

.wtzx img{

    display: block;

    width: 40px;

    height: 40px;

    margin: 0 auto;

}

#counsel{

    display: none;

}













.cooperation .lists{


    border-top: none;

    margin-top: 30px;

}

.cooperation .lists li{

    display: block;

    width: 250px;

    height: 140px;

    overflow: hidden;

    float: left;


    border-left: none;

    border-bottom: none;

}

.cooperation .lists li:nth-child(4n){

    border-right: none;

}

.cooperation .lists a img{

    display: block;

    width: 100%;

}

#counsel1{

    display: none;

}

.layui-layer-demos{

    width: 1000px !important;

    box-sizing: border-box;

}

.layui-layer-demos .layui-form{

    padding: 0 40px;

    padding-bottom: 40px;

}

.layui-layer-demos .layui-layer-title{

    padding: 0;

    padding-top: 40px;

    height: auto;

    line-height: normal;

    text-align: center;

    border: none;

    background: #ffffff;

    color: #333333;

    font-weight: 400;

    font-size: 24px;

    letter-spacing: 2px;

}



.layui-layer-demos .layui-form>p{

    font-size: 14px;

    color: #999999;

    text-align: center;

    margin-top: 16px;

    margin-bottom: 40px;

}

.layui-layer-demos li{

    width: 440px;

    height: 48px;

    border: 1px solid #DDDDDD;

    box-sizing: border-box;

    margin-top: 30px;

    padding-left: 16px;

    box-sizing: border-box;

}

.layui-layer-demos li p{

    font-size: 14px;

    line-height: 48px;

}

.layui-layer-demos li p em{

    color: #DC0000;

}

.layui-layer-demos li p span{

    color: #333333;

}

.layui-layer-demos li input{

    display: block;

    width: 330px;

    height: 46px;

    line-height: 46px;

    box-sizing: border-box;

    font-size: 14px;

    color: #333333;

    font-weight: bold;

}

.layui-layer-demos .textarea{

    width: 100%;

    height: 200px;

}

.layui-layer-demos .textarea textarea{

    display: block;

    width: 792px;

    height: 100%;

    resize: none;

    font-size: 14px;

    color: #333333;

    font-weight: bold;

    line-height: 28px;

    padding-top: 10px;

    box-sizing: border-box;

}

.layui-layer-demos .btns{

    width: 200px;

    height: 50px;

    display: block;

    margin: 0 auto;

    font-size: 20px;

    color: #ffffff;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    background: #333333;

    margin-top: 40px;

}

.layui-layer-demos .btns:hover{

    color: #0099FF;

    background: #333333;

    opacity: 1;

}