/* 通用 */
@charset "UTF-8";
*{padding:0;margin:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;}
input,select,button{outline:0;}button{border:0;background-clip:padding-box;}
table{border-collapse:collapse;border-spacing:0;}img{border:none;vertical-align:baseline;}
textarea,input{word-wrap:break-word;word-break:break-all;}span,p,div{word-wrap:break-word;}
.lf{float:left;}.rt{float:right;}html,body,div,p,ul,ol,li{list-style:none;}
a{text-decoration:none;cursor:pointer;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* 黑色title背景主题 适用于alert confirm*/
body .skin_class_exmple .layui-layer-title{
    padding:0!important;
    text-align: center;
    background: black!important;
    color:white!important;
    font-size:22px!important;
    height:50px!important;
    line-height:50px!important;
    position: relative!important;
}
body .skin_class_exmple .layui-layer-setwin{
    top:15px !important;
}

body .skin_class_exmple .layui-layer-ico{
    background: url('close2.png')no-repeat !important ;
    background-size: 120%;
}
body .skin_class_exmple>.layui-layer-content{
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center;  */
    font-size:20px;
    color:red;
    box-sizing: border-box;
}
body .skin_class_exmple .layui-layer-setwin a{
    width: 24px;
    height: 24px;
    opacity: 1;
}
body .skin_class_exmple  .layui-layer-setwin a:hover{
    opacity: 1;
}
body .skin_class_exmple .layui-layer-setwin{
    opacity: 1;
}


body .skin_class_exmple>.layui-layer-btn{
    background: white;
    text-align: center;
}

body .layui-layer-title{
    background-color: transparent!important;
    border-bottom:none;
}
body .layui-layer-content{
    background-color: transparent!important;
    border-bottom:none;
    box-shadow: none;
}
body .layui-layer-setwin a{
    width: 24px;
    height: 24px;
    opacity: 0;
}
body .layui-layer-setwin a:hover{
    opacity: 0;
}
body .layui-layer-setwin{
    opacity: 0;
}
body .layui-layer-setwin .layui-layer-close2{
    right: -2px;
    top: -2px;
}
body .skin_class_two {
    /* background:url('./img/lj_bg_03.png') no-repeat; */
    box-shadow: none;
}
.cu_layer{
    display: none;
}
.ml_cbl{
    width: 302px;
    height: 418px;
    background: url(ml_cbl.png)no-repeat;
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.ml_cbl>a{
    display: inline-block;
    width: 30px;
    height: 65px;
    float: left;
    margin-top: 101px;
}
.ml_cbl>div{
    width: 219px;
    height: 204px;
    position: relative;
    margin: 175px 0 0 44px;
}
.ml_cbl>div>a{
    display: inline-block;
    width: 219px;
    height: 62px;
    background: url(ml_cblbtn.png)no-repeat;
    margin-bottom: 9px;
}
.ml_cbl>div>a:nth-child(2){
    background-position-y: -71px;
}
.ml_cbl>div>a:nth-child(3){
    background-position-y: -142px;
}
.ml_zkbtn{
    display: none;
    width: 56px;
    height: 143px;
    background: url(ml_zkbtn.png)no-repeat;
    position: fixed;
    top: 40%;
    right: 0;
}
/* 页面部分 */
html{
    width:100%;
    height:100%;
    position: relative;
    margin: 0 auto;
}
body{
    max-width:1920px;
    min-width:1200px;
    width:100%;
    position: relative;
    margin: 0 auto;
}
.ml_wrap{
    display: block;
    height:3823px;
    background:  url('ml_bgc.jpg')top center no-repeat;
    text-align: center;
    position: relative;
}
.ml_wrap_container{
    width:1200px;
    padding-top:60px;
    margin:0 auto;
    position: relative;
}
.ml_wrap .header{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:82px;
    background: url(top_bgc.png)no-repeat;
    z-index: 2000;
}
.ml_wrap .header .cenBox{
    width:1200px;
    margin:0 auto;
    height:100px;
}
.ml_wrap .header .left{
    float: left;
}

.ml_wrap .header .cenBox div>a{
    display: inline-block;
    color:#fff;
    width:102px;
    height:78px;
    font-size: 16px;
    padding-top: 20px;
}
.ml_wrap .header .cenBox>div a span:nth-child(2){
    font-size:10px;
    opacity: 0.5;
}
body .ml_wrap .header .cenBox div>a:hover{
    background: url('top1.png') bottom center no-repeat;
}
body .ml_wrap .header .cenBox div>a:hover{
    padding-top: 15px;
    color:#ffffff!important;
}

body .ml_wrap .header .cenBox div>a:hover>span:nth-child(1){
    font-size: 20px;
}
body .ml_wrap .header .cenBox div>a:hover>span:nth-child(2){
	opacity: 1;
}
.ml_wrap .header .cenBox div span{
    font-size: 16px;
    box-sizing: border-box;
    display: block;
}
.ml_wrap .header .cenBox div span:nth-child(1){
    margin-bottom: 5px;
    font-weight: 550;
}

.ml_wrap .header .cenBox>div a:nth-child(4){
    margin-right:350px;
}
.ml_wrap .header .cenBox>a{
    position: absolute;
    top:0;
    left:50%;
    transform:translate(-50%,0);
}





.m1{
    height: 421px;
    margin-top: 522px;
    position: relative;
}
.m1>.btn_box{
    width: 486px;
    height: 421px;
    position: relative;
}
.m1>.btn_box>a{
    display: inline-block;
    position: absolute;
}
.m1>.btn_box>a:nth-child(1){
    width: 486px;
    height: 143px;
    background: url(xz_btn.png)no-repeat;
    top: 0;
    left: 0;
}
.m1>.btn_box>a:nth-child(2){
    width: 210px;
    height: 109px;
    background: url(zc_btn.png)no-repeat;
    top: 171px;
    left: 34px;
}
.m1>.btn_box>a:nth-child(3){
    width: 202px;
    height: 99px;
    background: url(cz_btn.png)no-repeat;
    top: 174px;
    left: 245px;
}
.m1>.btn_box>a:nth-child(4){
    width: 187px;
    height: 112px;
    background: url(zn_btn.png)no-repeat;
    bottom: 18px;
    left: 43px;
}
.m1>.btn_box>a:nth-child(5){
    width: 198px;
    height: 104px;
    background: url(kf_btn.png)no-repeat;
    bottom: 28px;
    left: 233px;
}
.m1>.news{
    width: 566px;
    height: 294px;
    background: url(news_bgc.png)no-repeat;
    position: absolute;
    top: 66px;
    right: 74px;
}
.m1>.news>div{
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 79px;
}
.m1>.news>div>a:nth-child(1){
    display: inline-block;
    width: 49px;
    height: 17px;
    position: absolute;
    background: url(much_btn.png)no-repeat;
    top: 30px;
    right: 15px;
}
.m1>.news>div>a>p{
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #000;
}
.m1>.news>div>a>p>span{
    float: left;
}
.m1>.news>div>a>p>span:nth-child(2){
    color: #545454;
    margin-left: 25px;
    
}
.m1>.news>div>a>p>span:nth-child(3){
    float: right;
    color: #9b9b9b;
}


.m2{
    width: 911px;
    height: 319px;
    position: relative;
    margin-top: 400px;
    margin-left: 270px;
}
.m2>.tab_top{
    position: absolute;
    width: 145px;
    height: 300px;
    top: 10px;
    right: 0;
}
.m2>.tab_top>a{
    display: inline-block;
    width: 140px;
    height: 58px;
    background: url(tab_top.png)no-repeat;
    margin-bottom: 10px;
}
.m2>.tab_top>a:nth-child(2){
    background-position-x: -140px;
}
.m2>.tab_top>a:nth-child(3){
    background-position-x: -281px;
}
.m2>.tab_top>a:nth-child(4){
    background-position-x: -422px;
}
.m2>.tab_top>.is_act{
    background-position-y: -63px;
}
.m2>.tab_bottom{
    position: absolute;
    width: 735px;
    height: 313px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.m2>.tab_bottom>li{
    display: inline-block;
    width: 735px;
    height: 313px;
    background: url(tab_bottom.png)no-repeat;
}
.m2>.tab_bottom>li:nth-child(2){
    background: url(tab_bottom2.png)no-repeat;
}
.m2>.tab_bottom>li:nth-child(3){
    background: url(tab_bottom3.png)no-repeat;
}
.m2>.tab_bottom>li:nth-child(4){
    background: url(tab_bottom4.png)no-repeat;
}

.m3{
    height: 628px;
    position: relative;
    margin-top: 445px;
}
.m3>div:nth-child(1){
    height: 65px;
    margin-bottom: 30px;
}
.m3>div:nth-child(1)>input{
    width: 496px;
    height: 50px;
    font-size: 20px;
    color: #aaaaaa;
    padding-left: 10px;
    vertical-align: top;
    margin: 5px 10px 0 100px;
}
.m3>div:nth-child(1)>a{
    display: inline-block;
    width: 194px;
    height: 65px;
    background: url(cx_btn.png)no-repeat;
    vertical-align: top;

}
.m3>.cx_top{
    width: 1134px;
    height: 55px;
    margin: 0 auto;
}
.m3>.cx_top>a{
    display: inline-block;
    width: 200px;
    height: 55px;
    background: url(ph_tab_top.png)no-repeat;
    margin-right: 28px;
}
.m3>.cx_top>a:nth-child(2){
    background-position-x: -200px;
}
.m3>.cx_top>a:nth-child(3){
    background-position-x: -400px;
}
.m3>.cx_top>a:nth-child(4){
    background-position-x: -600px;
}
.m3>.cx_top>a:nth-child(5){
    background-position-x: -800px;
    margin-right: 0;
}
.m3>.cx_top>.cx_act{
    background-position-y: -55px;
}
.m3>.cx_bottom{
    width: 1170px;
    height: 460px;
    overflow: hidden;
    margin: 10px auto 0;
}
.ph_form{
    width: 1170px;
    height: 460px;
    background: url(form_bgc.png)no-repeat;
    padding-top: 1px;
}
table{
    width: 1120px;
    /* height: 400px; */
    margin: 44px auto 0;
    transform: translateX(-2px);
}
table tr{
    width: 1120px;
    margin: 0 auto;
    text-align: center;
}
table tr:nth-child(odd){
    background-color: #fff;
}
table tr:nth-child(even){
    background-color: #fffdf0;
}
table tr>td{
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color: #1b1b1b;
    border: 1px #f3eedc solid;
    position: relative;
}
table tr>td:nth-child(1){
    width: 90px;
}
table tr>td:nth-child(2){
    width: 98px;
}
table tr>td:nth-child(3){
    width: 154px;
    vertical-align: top;
}
table tr>td:nth-child(3)>span{
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 10px;
}

table tr>td:nth-child(4){
    width: 96px;
}
table tr>td:nth-child(5){
    width: 83px;
}
table tr>td:nth-child(6){
    width: 105px;
}
table tr>td:nth-child(7){
    width: 104px;
}
table tr>td:nth-child(8){
    width: 95px;
}
table tr>td:nth-child(9){
    width: 148px;
}
table tr>td:nth-child(10){
    width: 98px;
}

.m4{
    width: 100%;
    height: 302px;
    margin-top: 348px;
    margin-left: -7px;
    position: relative;
}
.m4>div{
    position: absolute;
}
.m4>div:nth-child(1){
    width: 389px;
    height: 251px;
    top: 0;
    left: 0;
}
.m4>div:nth-child(2){
    width: 377px;
    height: 249px;
    bottom: 7px;
    left: 414px;
}
.m4>div:nth-child(3){
    width: 380px;
    height: 248px;
    top: 36px;
    right: 6px;
}
.m4>div>div{
    width: 100%;
    height: 100%;
    position: relative;
}
.m4>div>div>a{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.m4>div>div>a:nth-child(2){
    opacity: 0;
}
.m4>div>div>a:nth-child(2):hover{
    opacity: 1;
}
.video1>a:nth-child(1){
    background: url(video1.png)no-repeat;
}
.video1>a:nth-child(2){
    background: url(hover1.png)no-repeat;
}
.video2>a:nth-child(1){
    background: url(video2.png)no-repeat;
}
.video2>a:nth-child(2){
    background: url(hover2.png)no-repeat;
}
.video3>a:nth-child(1){
    background: url(video3.png)no-repeat;
}
.video3>a:nth-child(2){
    background: url(hover3.png)no-repeat;
}





a:hover{
    -webkit-filter: brightness(115%);
    -ms-filter:   brightness(115%); 
    -o-filter:  brightness(115%);
    -moz-filter:  brightness(115%);
    opacity: 0.85\0;
}


.footer{height: 150px; background: #26262600;bottom: 0px; position: absolute;width: 100%;}
.footer .fnav a{ color: #f2f2f2;  margin: 0 10px;}
.footer .flogo{ width: 285px; height: 98px; float: left; margin-top: 40px; border-right: 2px solid #59595900; margin-left: 30px; }
.footer .flogo img{ margin-top: 30px;width: 170px;}
.footer .finfo{width: 855px; float: right; margin-top: 25px; line-height: 28px;}
.footer .finfo p{font-size: 12px; color:#666666}
.footer .finfo p a{ color:#8ac9fa; margin-right: 30px; }
.w1200{width: 1200px;margin: 0 auto; position: relative;}
.layer-bg{ position: fixed; height:100%; width:100%; z-index:999; top:0px; left:0px; background-color:#000; opacity:0.3; filter:alpha(opacity=30);}
.layer_msg{ height:200px; width:489px; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-120px; z-index:9999; background:#FFF;}
.layer_msg_tit{ height:60px; width:100%; text-align:center; line-height:60px; font-size:25px; color:#f5ede8; background:#601b10; position: relative;}
.layer-close{ position: absolute; top:0px; right: 5px; font-size: 40px; color: #fff; display:block; line-height: 40px;}
.layer_msg_content{ width:100%; padding-top:30px;}
.layer_msg_content .icon-msg{ height:58px; width:58px; background:#FFF; display:inline-block; margin-left:50px; margin-top:10px;background:url(./img/cur_icon.png) no-repeat;}
.layer_msg_content .icon-msg.layui-fail{ background-position: -67px 0px;}
.layer_msg_content .icon-msg.layui-success{background-position: 0px 0px;}
.icon-confirm_txt{ width:360px; float:right; font-size:16px; padding-top:25px;font-weight: bold;}

.layersms-bg{ position: fixed; height:100%; width:100%; z-index:999; top:0px; left:0px; background-color:#333; opacity:0.3; filter:alpha(opacity=30); display: none; }
.layersms-box{ height:240px; width:430px; position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-120px; z-index:9999; background:#fff; display: none; }
.layersms-close{position: absolute; top:0px; right: 5px; font-size: 40px; color: #fff; display:block; line-height: 40px}
.layersms-box .layersms-info{ width:100%; height:150px;}
.layersms-box .layersms-info .layersms-input{ margin-top:40px; padding:0 40px; float:left; width:100%; color:#91bfe2 }
.layersms-box .layersms-info .layersms-input #verify_code{border:1px solid #ddd;color:#666; font-size:14px; height:40px; width:180px; text-align:center; background-color:transparent; float:left;}
.layersms-box .layersms-info .layersms-input .verify_img{ float:left; height:40px;}
.layersms-box .layersms-info .smsbtn{ display:inline-block; height:46px; line-height:46px; font-size:18px; font-weight:bold; color:#fff; text-align:center; width:200px; background:#ff8f19; float:right; margin-right:110px; margin-top:20px;}
.layersms-box .layersms-info .smsbtn:hover{background:#cc6600;}

.cx_box{
    width: 1120px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    top: 204px;
    left: 41px;
    transform: translateX(-2px);
    z-index: 100;
    display: none;
	text-align:left;
}
.cx_box>span{
	border-right:1px solid #f3eedc;
	border-bottom:1px solid #f3eedc;
	background:#fffdf0;
    display: inline-block;
    overflow: hidden;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color: #1b1b1b;
    position: relative;
	text-align:center;
}

.cx_box>span:nth-child(1) {
    width: 120px;
}

.cx_box>span:nth-child(2) {
    width: 131px;
}

.cx_box>span:nth-child(3) {
    width: 211px;
    vertical-align: top;
}

.cx_box>span:nth-child(3)>span {
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 10px;
}

.cx_box>span:nth-child(4) {
    width: 131px;
}

.cx_box>span:nth-child(5) {
    width: 112px;
}

.cx_box>span:nth-child(6) {
    width: 141px;
}

.cx_box>span:nth-child(7) {
    width: 141px;
}

.cx_box>span:nth-child(8) {
    width:133px;
}

.cx_box>span:nth-child(9) {
    width: 148px;
}

.cx_box>span:nth-child(10) {
    width: 101px;
}

.herotable {
	text-decoration: none;
	text-indent: 12px;
	float: none;
	height: 35px;
	width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}