
/*****************section-1*****************/
.section{
    width: 100%;
    height: 100%;
}

.M1_center{
    width: 1200px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.M10_center{
    width: 100%;
    height: 100%;
    background-color:#000;
}

.M10_main{
    width: 100%;
    overflow: hidden;
    /*height: 100%;*/
    position: absolute;
    left: 0;
    bottom: 0;
}
.M10_main img{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.M10_mj_img{
    width: 32.8125%;
    position: absolute;
    left: 14%;
    bottom: -4px;
}
.M10_mj_img img{
    width: 100%;
}
.M10_mjn{
    position: absolute;
    left: 8%;
    bottom: 5%;
}
.M10_txt{
    width: 450px;
    position: absolute;
    right: 10%;
    top: 10%;
    text-align: right;
}
.M10_txt img{
    width: 81.6%;
}
.M10_tit1{
    font: 50px frutigerroman瀹嬩綋;
    font-weight: 100;
    color: #fff;
    margin-bottom: 40px;
}
.M10_tit2{
    margin-bottom: 40px;
    font:30px frutigerroman瀹嬩綋;
    color: #888;
}
@media screen and (min-width:0px) and (max-width:1400px) {
    .M10_tit1{
        font-size:  40px;
        margin-bottom: 30px;
    }
    .M10_tit2{
        font-size:  24px;
        margin-bottom: 30px;
    }
    .M10_txt{
        width: 293px;
    }
}
/***********************index2*********************/
.M12_center{
    width: 100%;
    height: 100%;
    background-color:#e7e7e7;
}
.M12_main {
    /*margin: 0 0 0 -472px;*/
    position: absolute;
    /*left: 42.5%;*/
    display: block;
    bottom: 0;
    width: 47.1875%;
}
.M12_main img{
    width: 100%;
}

.M12_txt{
    width: 400px;
    position: absolute;
    color: #000;
    left: 12.71%;
    top: 38.2%;
}
.M12_tit1{
    /*font-size: 50px;*/
    font: 46px frutigerroman瀹嬩綋;
    margin-bottom: 5%;
}
.M12_tit2{
    font-size: 16px;
    margin-bottom: 2%;
}
@media screen and (min-width:0px) and (max-width:1400px) {
    .M12_txt{
        margin-left: -5%;
    }
    .M12_tit1{
        font: 36px frutigerroman瀹嬩綋;
    }
    .M12_tit2{
        font-size: 14px;
    }
}
/***********************index3*********************/
.M13_center{
    width: 100%;
    height: 100%;
    background-color:#e7e7e7;
}
.M13_center>div{
    width: 1100px;
    height: 100%;
    margin-left: -550px;
    position: absolute;
    left: 50%;
    top: 0;
}
.M13_main {
    position: absolute;
    width: 630px;
    /*margin: 100px 0 0 -100px;*/
    left:-15%;
    top: 19.48%;
}
.M13_main div{
    position: absolute;
    width: 432px;
}
.M1_main31{
    left: 0;
    top: 0;
}
.M1_main32{
    left: 0;
    top: -200px;
}
.M1_main33{
    left: 100px;
    top: 0;
}
.M1_main34{
    left: -100px;
    top: 0;
}
.M1_main35{
    left:0;
    top: 200px;
}

.M13_mainr{
    width: 445px;
    height: 520px;
    position: absolute;
    color: #444;
    left: 58%;
    top: 25.1%;
}
.M13_tit1{
    /*font-size: 50px;*/
    font: 46px frutigerroman瀹嬩綋;
    margin-bottom: 15px;
}
.M13_tit2{
    font-size: 16px;
    /*margin-bottom: 24px;*/
    line-height: 30px;
}
.M13_foot{
    margin-top: 45px;
    width: 100%;
}
.M13_foottitle{
    width: 400px;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    /*margin: 0 auto;*/
    border-bottom: 1px solid #3e3e3e;
}
.M13_foottitle p{
    float: left;
}
.M13_index{
    margin-top: 15px;
    float: right;
}
.M13_index li{
    float: left;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    cursor: pointer;
    background-color: #d2d2d2;
}
.M13_index .this{
    background-color: #3e3e3e;
}
.M13_footer{
    width: 306px;
    height: 208px;
    margin: 20px 0 0 20px;
    overflow: hidden;
}
@media screen and (min-width:0px) and (max-width:1400px) {

    .M13_tit1{
        font-size: 36px;
    }
    .M13_tit2{
        font-size: 14px;
    }
    .M13_main img{
        width: 100%;
    }
    .M13_main{
        width: 504px;
        margin-left: 50px;
    }
    .M13_main div{
         width: 345px;
     }
}


/***************************index4**************************/
.M14_center{
    width: 100%;
    height: 100%;
    background-color:#EEEEEE;
}
.M1_main4l{
    position: absolute;
    left: 0;
    margin-left: -7%;
    width: 438px;
    z-index: 100;
    top: 18%;
}
.M1_main4r{
    position: absolute;
    width: 559px;
    z-index: 100;
    left: 72%;
    top: 28%;
}
.M1_main4f{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.M1_main4f img{
    width: 100%;
}
.M1_main4c{
    position: absolute;
    z-index: 100;
    width: 530px;
    top: 24%;
    left: 50%;
    /*height: 300px;*/
    overflow: hidden;
    margin-left: -265px;
    text-align: center;
}
.M14_tit1{
    font: 46px frutigerroman瀹嬩綋;
    margin-bottom: 30px;
    color: #3e3e3e;
    line-height: 46px;
}
.M14_tit2{
    font-size:  16px;
    color: #3e3e3e;
    margin-top: 15px;
}
.M1_main4c img{
    margin-top: 80px;
}
@media screen and (min-width:0px) and (max-width:1400px) {
    .M1_main4l{
        width: 350px;
        margin-left: 0;
    }
    .M1_main4l img{
        width: 100%;
    }
    .M1_main4r{
        width: 447px;
    }
    .M1_main4r img{
        width: 100%;
    }
    .M1_main4c img{
        width: 243px;
    }
    .M14_tit1{
        font-size:  36px;
    }
    .M14_tit2{
        font-size:  14px;
    }
}


/***************************index5**************************/
.M15_center{
    width: 100%;
    height: 100%;
    /*background-color:#fff;*/
    background: url("../../images/Newimg/M1_main5bg.png") no-repeat 50% 100% fixed;
}
.M15_main5c{
    position: absolute;
    width: 465px;
    top: 21%;
    left: 8%;
}
.M15_tit1{
    font-size: 46px;
    font-family: frutigerroman瀹嬩綋;
    margin-bottom: 30px;
}
.M15_tit2{
    font-size: 16px;
    line-height: 30px;
}
.M15_main5{
    width: 1298px;
    height: 100%;
    /*width: 435px;*/
    /*height: 75.42%;*/
    position: absolute;
    right: -28%;
    top: 20%;
}
.M15_img1{
    width: 435px;
    /*height: 80.66%;*/
    margin-left:-16.75%;
    position: absolute;
    left: 50%;
    top: 0;
}
.M15_img1 img{
    width: 100%;
}
.M15_img2{
    width: 1298px;
    /*margin: -3.6% 0 0 -1%;*/
    position: absolute;
    top: 538px;
    left: -1.1%;
}
.M15_img2 img{
    width: 100%;
}
.M15_img3{
    width: 86.61%;
    position: absolute;
    bottom: 17.5%;
    left: 8.5%;
}
.M15_img3 img{
    width: 100%;
}
@media screen and (min-width:0px) and (max-width:1400px) {
    .M15_tit1{
        font-size: 36px;
    }
    .M15_tit2{
        font-size: 14px;
    }
    .M15_main5{
        width: 1298px;
        height: 100%;
        right: -28%;
        top: 20%;
    }
    .M15_img1{
        /*margin-left:-16.75%;*/
    }
    .M15_img1 img{
        width: 80%;
    }
    .M15_img2{
        width: 1298px;
        margin: -108px 0 0 88px;
    }
    .M15_img2 img{
        width: 80%;
    }
    .M15_img3{
        bottom: 17.5%;
        left: 8.5%;
    }
}
/***************************index6**************************/
.M16_center{
    width: 100%;
    height: 100%;
    background-color:#e7e7e7;
}
.M16_main {
    width: 599px;
    /*width: 31.2%;*/
    position: absolute;
    left: 0;
    margin-left: -5.75%;
    top: 15%;
}
.M16_main img{
    width: 100%;
}
.M16_mainr{
    width: 37%;
    position: absolute;
    color: #444;
    right: 29%;
    top: 20%;
}
.M16_maint{
    width: 580px;
}
.M16_tit1{
    /*font-size: 50px;*/
    font: 46px frutigerroman瀹嬩綋;
    margin-bottom: 15px;

}
.M16_tit2{
    font-size: 16px;
    /*margin-bottom: 24px;*/
    line-height: 30px;
}
.M16_foot{
    background-color: #eee;
    margin-top: 4%;
    width: 710px;
    height: 333px;
    /*border: 1px solid #a1a1a1;*/
    border-radius: 5px;
}
.M16_foottitle{
    width: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 67px;
    overflow: hidden;
    /*margin: 0 auto;*/
    border-bottom: 2px solid #e7e7e7;
}

/*.M16_index{*/
    /*margin-top: 15px;*/
    /*float: right;*/
/*}*/
.M16_index li{
    float: left;
    width: 25%;
    height: 67px;
    color: #7d7d7d;
    cursor: pointer;
    /*margin-left: 4px;*/
    /*background-color: #d2d2d2;*/
}
.M16_index li img{
    margin-bottom: -8px;
}
.M16_index .this{
    color: #95764d;
}
.M16_footer{
    width: 100%;
    height: 266px;
    overflow: hidden;
}
.M16_footer li{
    width: 100%;
    float: left;
    margin-top: 35px;
}
.M16_footimg{
    float: left;
    margin: 0 40px 0 40px;
}
.M16_foottext{
    float: left;
    width: 420px;
}
.M16_foottext h3{
    font-size: 16px;
    color: #95764d;
    line-height: 40px;
    margin-top: 8px;
}

.M16_foottext p{
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin: 0 47px 8px 0;
}
@media screen and (min-width:0px) and (max-width:1400px) {
    .M16_main {
        margin-left: 0;
    }
    .M16_main img{
        width: 80%;
    }
    .M16_maint{
        width: 464px;
    }
    .M16_tit1{
        margin-bottom: 5px;
        font-size: 36px;
    }
    .M16_tit2{
        font-size: 12px;
        line-height: 25px;
    }
}
/***************************index7**************************/
.M17_center{
    width: 100%;
    height: 100%;
    background-color:#e7e7e7;
}
.M17_main{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    /*top: 50px;*/
    top: 0;
}
.M17_main img{
    width: 100%;
    height: 100%;
}
.M17_mainc{
    /*width: 356px;*/
    width: 18.54%;
    height: 460px;
    position: absolute;
    left: 50%;
    top: 32.08%;
    margin-left: -7.2%;
}
.M17_mainc img{
    width: 100%;
}
.M7_mainfig{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    /*left: 13.5%;*/
    top: 0;
    /*top: 15%;*/
}
.M7_mainfig img{
    /*margin: 0 auto;*/
    width: 100%;
    height: 100%;
}
.M7_maintxt{
    position: absolute;
    left: 50%;
    top: 14.375%;
    width: 16%;
    text-align: center;
    /*margin-left: -185px;*/
    margin-left: -6.3%;
    font-size: 16px;
    color: #fff;
}
.M17_tit1{
    /*font-size: 50px;*/
    font: 2.2em frutigerroman瀹嬩綋;
    margin-bottom: 15px;
}
.M17_tit2{
    font-size: 0.9em;
    /*margin-bottom: 24px;*/
    line-height: 26px;
}
.M17_mainshow{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.M17_mainshow div{
    padding: .5% 1.2% 1% 1%;
    background-color: #000;
    /*opacity: 50%;*/
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    position: absolute;
}
.M17_mainshow h3{
    font-size: 20px;
    line-height: 30px;
}
.M17_mainshow p{
    font-size: 12px;
    line-height: 20px;
}

.M17_t1{
    /*top:17%;*/
    /*left:19.3% ;*/
    top:34%;
    left:44% ;
}
.M17_t2{
    /*top:24.5%;*/
    /*right:61.8%;*/
    top:34%;
    right:49.8% ;
}
.M17_t3{
    /*top:74.5%;*/
    /*left: 13.5%;*/
    top:62%;
    left:44% ;
}
.M17_mainshow .M17_t4{
    padding-right: 3.5%;
    /*top:62%;*/
    /*right: 57%;*/
    top:62%;
    right:48% ;
}
.M17_t5{
    /*top:17.8%;*/
    /*left: 81%;*/
    top:34%;
    left:54% ;
}
.M17_t6{
    /*top:30.5%;*/
    /*left: 74.5%;*/
    top:34%;
    left:54% ;
}
.M17_t7{
    /*top:55.3%;*/
    /*left: 78.1%;*/
    top:62%;
    left:54% ;
}
.M17_t8{
    /*top:76.5%;*/
    /*left: 85%;*/
    top:62%;
    left:54% ;
}
@media screen and (min-width:0px) and (max-width:1400px) {

}
/***************************index8**************************/
.M18_center{
    width: 100%;
    height: 100%;
    background-color:#e6e6e6;
}

.M18_center>div{
    width: 1015px;
    margin: 100px auto 0;
    height:72%;
}
.M18_top{
    width: 100%;
    /*background-color: #0a75ac;*/
}
.M18_top>div{
    margin: 20px auto;
}
.M18_top h3,.M18_footer h3{
    line-height: 35px;
    height: 35px;
    border-bottom: 2px solid #000000;
}
.M18_toptxt1{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    float: left;
}
.M18_toptxt2{
    font-size: 24px;
    color: #666;
    float: right;
}
.M18_footleft{
    width: 356px;
    float: left;
}
.M18_footleft table{
    width: 100%;
}
.M18_footleft table thead,.M18_footright thead{
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 30px;
    height: 30px;
    margin-top: 20px;
}
.M18_footleft td,.M18_footright td{
    line-height: 18px;
    color: #333;
    width: 50%;
    font-size: 12px;
}
.M18_footleft th,.M18_footright th{
    font-weight: 300;
    border-bottom: 2px solid #999;

}
.M18_footright{
    float: left;
    width: 633px;
    margin-left: 19px;
}
.M18_footright table{
    width: 100%;
}
.footright1 table{
    width: 294px;
    float: left;
}
.footright2 table{
    width: 324px;
    float: right;
}
.footright3 table{
    width: 633px;
    float: left;
    margin-top: 60px;
    border-top: 2px solid #333;
}
.footright3 table tr td:first-child{
    width: 15%;
}
.foot_lits{
    border-top: 2px solid #999;
    margin-top: 14px;
    padding-top: 14px;
    width: 356px;
    font-size: 12px;
}
.foot_lits div{
    width: 22%;
    height: 100px;
    float: left;
}
.foot_lits li{
    float: left;
    width: 27%;
}



/***************************閫傞厤**************************/
@media screen and (min-width:0px) and (max-width:1450px) {

}

/**********************杞挱******************/
#adv{
    position:absolute;
    cursor:pointer;
    width: 517px;
    height:370px;
    top: 0;
    left: 0;
    margin:0 auto;
    overflow:hidden;
}

#adv1{
    position:absolute;
    left:0;
}
#adv1 .adv_li{
    float:left;
}

#banner{width:306px;
    height: 280px;overflow:hidden;position:absolute;
    background-color: #e7e7e7;
}
#banner img{position:absolute;top:0;left:0;display:none}
#banner img:first-child{display:inline-block}
.ctrlbtn{position:absolute;right:80px; top:215px;margin-right: -32px;
    /*transform: rotate(-5deg);*/
    /*-ms-transform: rotate(-5deg);		/!* IE 9 *!/*/
    /*-webkit-transform: rotate(-5deg);	/!* Safari and Chrome *!/*/
    /*-o-transform: rotate(-5deg);		/!* Opera *!/*/
    /*-moz-transform: rotate(-5deg);		/!* Firefox *!/*/
}
.ctrlbtn li{ float:left; margin:0 3px; width:10px; height:10px; cursor:pointer; line-height:22px;background:#d2d2d2;color:white;border-radius:50%;text-align:center}
.ctrlbtn .current{background:#3e3e3e;}















