body{margin:0;}

#met .wth {
     width:1000px;
     margin:0 auto;
     overflow:hidden;
}

#met img{
    display:block;
    width:100%;
}

#met a{
    display:block;
}

#met .banner{
    margin:0 auto;
    overflow:hidden;
    height:500px;
    background:url(../images/banner.jpg) center center no-repeat;

}

#met .ys{
    margin:0 auto;
    overflow:hidden;
    height:508px;
    background:url(../images/ysbj.jpg) center center no-repeat;
}

#met .ys img{
    width:98%;
}

#met .ys .content{
    margin:0;
    overflow:hidden;
    width:640px;
}

#met .ys .content .ys-l{
    float:left;
    width:50%;
}

#met .ys .content .ys-r{
    float:right;
    width:50%;
}

#met .ys .content ul{
    margin:0;
    padding:0;
}

#met .ys .content ul li{
    margin:18px 0;
    padding:0 35px 0 85px;
    list-style:none;
    font-size:20px;
    color:#3d3d3d;
    line-height:45px;
}

#met .ys .content ul li span{
    color:#f00;
}

#met .ys .content .ys-l ul li:nth-child(1){
    background:url(../images/ystb1.jpg) no-repeat 0px 0px;
    margin-top:0;
}

#met .ys .content .ys-l ul li:nth-child(2){
    background:url(../images/ystb2.jpg) no-repeat 0px 0px;
}

#met .ys .content .ys-l ul li:nth-child(3){
    background:url(../images/ystb3.jpg) no-repeat 0px 0px;
}

#met .ys .content .ys-l ul li:nth-child(4){
    background:url(../images/ystb4.jpg) no-repeat 0px 0px;
    margin-bottom:0;
}

#met .ys .content .ys-r ul li:nth-child(1){
    background:url(../images/ystb5.jpg) no-repeat 0px 0px;
    margin-top:0;
}

#met .ys .content .ys-r ul li:nth-child(2){
    background:url(../images/ystb6.jpg) no-repeat 0px 0px;
}

#met .ys .content .ys-r ul li:nth-child(3){
    background:url(../images/ystb7.jpg) no-repeat 0px 0px;
}

#met .ys .content .ys-r ul li:nth-child(4){
    background:url(../images/ystb8.jpg) no-repeat 0px 0px;
    margin-bottom:0;
}

#met .ys .wth{
    position:relative;
}

#met .ys .wth .ystp{
    position:absolute;
    right:0;
    top:0;
}

#met .title{
    display:block;
    overflow:hidden;
    margin:0;
    padding-left:50px;
    width:1000px;
    font-size:36px;
    color:#126bcf;
    text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
    line-height:100px;
    letter-spacing:2px;
    background:url(../images/xtb.png) no-repeat 0px 34px;
}

#met .title2{
    display:block;
    overflow:hidden;
    margin:0;
    padding-left:50px;
    width:1000px;
    font-size:36px;
    color:#fff;
    line-height:100px;
    letter-spacing:2px;
    background:url(../images/xtb2.jpg) no-repeat 0px 34px;

}

#met .ys .title{
    margin-bottom:30px;
    line-height:50px;
    background:url(../images/xtb.png) no-repeat 0px 10px;
}

#met .title span{
    font-size:24px;
    margin-left:18px;
}

#met .zx{
    margin:50px auto;
    overflow:hidden;
    width:900px;
}

#met .zx .zxl{
    float:left;
    width:470px;
}

#met .zx .zxr{
    float:right;
    width:200px;
    cursor:pointer;
}

#met .tj{
    margin:0 auto;
    overflow:hidden;
    width:100%;
    background:url(../images/tjbj.jpg) no-repeat;
    background-size:100% 100%;
    height:390px;
}

#met .gjdb{
    margin:0 auto;
    overflow:hidden;
    width:100%;
    background:url(../images/gjdb.jpg) no-repeat;
    background-size:100% 100%;
    height:732px;
}


#met .lc{
    margin:0 auto;
    padding-bottom:30px;
    overflow:hidden;
    width:100%;
    background:url(../images/lcbj.jpg) no-repeat;
    background-size:100% 100%;
}

#met .lc .brand{
    margin:0 auto;
    overflow:hidden;
}

#met .lc .brand ul{
    margin:0;
    padding:0;
    overflow:hidden;
}

#met .lc .brand ul li{
    float:left;
    margin:0 0.7%;
    padding:30px 0 50px;
    width:18%;
    height:220px;
    border-radius:5px;
    list-style:none;
    background-color:#fff;
}

#met .lc .brand ul li:nth-child(2),#met .lc .brand ul li:nth-child(5){
    text-align:center;
}

#met .lc .brand ul li .tp{
    margin:0 auto;
    width:45%;
}

#met .lc .brand ul li p{
    margin:30px auto 0px;
    width:85%;
    font-size:20px;
    line-height:35px;
    color:#126bcf;
}

#met .lc .brand ul li:nth-child(1){
    margin-left:0;
}

#met .lc .brand ul li:nth-child(6){
    margin-right:0;
}

#met .gk{
    margin:0 auto;
    overflow:hidden;
    height:460px;
    background:url(../images/gkbj.jpg) center center no-repeat;
}

#met .gk .title{
    margin-bottom:30px;
    line-height:50px;
    background:url(../images/xtb.png) no-repeat 0px 10px;
}

#met .gk ul{
    margin:0 auto 20px;
    padding:0;
    overflow:hidden;
}

#met .gk ul li{
    padding-left:30px;
    list-style:none;
    font-size:24px;
    line-height:35px;
    background:url(../images/gktb.jpg) no-repeat 0px 6px;
}

#met .gk .gk-box{
    margin:0 auto;
    overflow:hidden;
    width:1000px;
}

#met .gk .gk-box .gkl{
    float:left;
    width:580px;
}

#met .gk .gk-box .gkr{
    float:right;
    width:420px;
}

#met .gk .gk-box .video_iframe{
    width:580px;
    height:248px;
}

#met .gjjs{
    margin:0 auto;
    overflow:hidden;
}

#met .gjjs .content1{
    margin:0 auto;
    overflow:hidden;
    height:280px;
    background:url(../images/jsbj1.jpg) center center no-repeat;
}

#met .gjjs .content2{
    margin:0 auto;
    overflow:hidden;
    height:422px;
    background:url(../images/jsbj2.jpg) center center no-repeat;
}

#met .gjjs1{
    margin:0;
    width:360px;
    padding:30px 0px 0px 0px;
}

#met .gjjs2{
    float:right;
    margin:0;
    width:500px;
    padding
}

#met .gjjs1 h1{
    padding:10px;
    width:180px;
    text-align:center;
    font-size:30px;
    color:#126bcf;
    letter-spacing:6px;
    background-color:#fff;
}

#met .gjjs h1 span{
    font-size:24px;
}

#met .gjjs2{
    padding:30px 0px 0px 0px;
}

#met .gjjs2 h1{
    padding:10px;
    width:290px;
    text-align:center;
    font-size:30px;
    color:#fe964f;
    letter-spacing:6px;
    background-color:#fff;
}

#met .gjjs ul{
    overflow:hidden;
    margin:0;
    padding:0;
}

#met .gjjs ul li{
    margin:8px auto;
    padding-left:30px;
    list-style:none;
    font-size:20px;
    color:#fff;
    background:url(../images/jstb.png) no-repeat 0px 2px;
}

#met .gjjs2 p{
    margin:0;
    font-size:20px;
    color:#fff;
    line-height:34px;
}

#met .gjjs2 ul li{
    float:left;
    margin:0;
    width:42%;
    line-height:35px;
    background:url(../images/jstb.png) no-repeat 0px 6px;
}

#met .gjjs2 .js-brand{
    margin:20px auto;
}

#met .jk{
    overflow:hidden;
    margin:0 auto;
    width:100%;
}

#met .jk .jk-brand{
    overflow:hidden;
    margin:0 auto;
    width:100%;
    background: linear-gradient(to bottom, #fff 50%, #efefef 50%);
}

#met .jk .jk-brand .jkl{
    float:left;
    width:46%;
}

#met .jk .jk-brand .jkr{
    float:right;
    width:46%;
}

#met .jk ul{
    margin-left:20px;
    padding:0;
    overflow:hidden;
}

#met .jk ul li{
    font-size:20px;
    line-height:40px;
}

#met .jk ul li:nth-child(1){
    margin-top:25px;
}

#met .formbg1{
    margin:50px auto;
    padding:40px 0;
    width:100%;
    background:url(../images/bmbj.jpg) no-repeat;
    background-size:100% 100%;
}

#met .formbg1 .form_center{
    margin:auto;
    width:1000px;
    position:relative;
}

#met .formbg1 .pcty_form{
    display:block;
    overflow:hidden;
    width:900px;
    margin:0 auto;
    padding:15px 50px;
    background-color:#fff;
    border:none;
    border-radius:0px;
    position:relative;
}

#met .formbg1 .pcty_form h2{
    text-align:center;
    margin:0px auto 20px auto;
    font-size:36px;
    line-height:80px;
    letter-spacing:5px;
    color:#126bcf;
}

#met .formbg1 .pcty_form_div{
    height:50px;
    overflow:hidden;
    display:inline-block;
    margin:0 15px;
}

#met .formbg1 .pcty_form_div span{
    width:100px;
    float:left;
    font-size:24px;
    font-weight:bold;
    line-height:35px;
    display:inline-block;
    line-height:45px;
    color:#126bcf;
}

#met .formbg1 .pcty_form_div input{
    padding:5px;
    border:1px solid #bfbfbf;
    background:#fff;
    line-height:40px;
    width:280px;
    font-size:16px;
}


#met .formbg1 .pcty_form .pcty_form_btn_dj{
    height:40px;
    width:200px;
    color:#fff;
    background:#126bcf no-repeat;
    cursor:pointer;
    font-weight:bold;
    font-size:20px;
    line-height:35px; 
    border-radius:8px;
    float:right;
    margin:30px 40px 20px 0px;;
}


#met .formbg1 .pcty_form .pcty_form_btn_dj:hover{
    border:solid 2px #126bcf;
    background-color:#fff;
    color:#126bcf;
    height:38px;
}

#met .formbg1 .tel{
    position:absolute;
    background-color:#fff;
    margin:0;
    padding:0;
    background:none;
    left:100px;
    bottom:60px;
}

#met .formbg1 .tel .yy{
    width:500px;
    color:#126bcf;
}

#met .formbg1 .tel h4{
    margin-bottom:0;
    padding-left:60px;
    letter-spacing:2px;
    line-height:45px;
    font-weight:bold;
    font-size:28px;
    background:url(../images/tel.jpg) no-repeat 0px 0px;
}

/***********±íµ¥2*************/


#met .formbg2{
    margin:50px auto;
    padding:40px 0;
    width:100%;
}

#met .formbg2 .form_center{
    margin:auto;
    width:1000px;
    position:relative;
    border:2px solid #126bcf; 
}

#met .formbg2 .pcty_form{
    display:block;
    overflow:hidden;
    width:900px;
    margin:0 auto;
    padding:15px 50px;
    background-color:#fff;
    border:none;
    border-radius:0px;
    position:relative;
}

#met .formbg2 .pcty_form h2{
    text-align:center;
    margin:0px auto 20px auto;
    font-size:36px;
    line-height:80px;
    letter-spacing:5px;
    color:#126bcf;
}

#met .formbg2 .pcty_form_div{
    height:50px;
    overflow:hidden;
    display:inline-block;
    margin:0 15px;
}

#met .formbg2 .pcty_form_div span{
    width:100px;
    float:left;
    font-size:24px;
    font-weight:bold;
    line-height:35px;
    display:inline-block;
    line-height:45px;
    color:#126bcf;
}

#met .formbg2 .pcty_form_div input{
    padding:5px;
    border:1px solid #bfbfbf;
    background:#fff;
    line-height:40px;
    width:280px;
    font-size:16px;
}


#met .formbg2 .pcty_form .pcty_form_btn_dj{
    height:40px;
    width:200px;
    color:#fff;
    background:#126bcf no-repeat;
    cursor:pointer;
    font-weight:bold;
    font-size:20px;
    line-height:35px; 
    border-radius:8px;
    float:right;
    margin:30px 40px 20px 0px;;
}

#met .formbg2 .pcty_form .pcty_form_btn_dj:hover{
    border:solid 2px #126bcf;
    background-color:#fff;
    color:#126bcf;
    height:38px;
}

#met .formbg2 .tel{
    position:absolute;
    background-color:#fff;
    margin:0;
    padding:0;
    background:none;
    left:100px;
    bottom:60px;
}

#met .formbg2 .tel .yy{
    width:500px;
    color:#126bcf;
}

#met .formbg2 .tel h4{
    margin-bottom:0;
    padding-left:60px;
    letter-spacing:2px;
    line-height:45px;
    font-weight:bold;
    font-size:28px;
    background:url(../images/tel.jpg) no-repeat 0px 0px;
}

#met .yzgz{
    margin:0px 0px 50px 0px;
}

#met .yzgz p{
    font-size:20px;
    font-weight:normal;
    padding:5px 0px 5px 0px;
}