﻿@charset "utf-8";

/*首页*/
.index_prom{ width: 100%;background:#F1F2F4 url(../images/mk_bj1.png) center center no-repeat;min-height: 463px;}
.index_pro{ width:1200px;margin: 0px auto;padding-top:60px;}
.index_prol{ width: 250px;height: 630px;float: left;}
.index_pror{ width: 918px;height: 570px;background: #fff;float: right;}
.index_ptit{ width: 250px;height: 70px;background: #eb6112;text-align: center;}
.index_ptit h5{ font-size: 22px;font-weight: normal;padding-top: 15px;padding-bottom: 5px;background: url(../images/bj1.png) center bottom no-repeat;}
.index_ptit h5 a{ color: #fff;}
.index_ptit p{ color: #fff;margin-top: 6px;font-size: 14px;}
.index_pclist{ width: 250px;height:500px;background: #fff;}
.index_pclist li{ width: 210px;height: 49px;border-bottom: 1px solid #e8e8e8;line-height: 49px;margin: 0 auto;text-align: center;font-size: 16px; display: flex; align-items: center; justify-content: space-between;}
.index_pclist li .icons {
    width: 8px;
    height: 12px;
    background: url("../images/right.png");
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.index_pclist li:hover .icons {
    background: url("../images/right_on.png");
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.index_pror li{ width: 280px;text-align:center;height: 252px;margin-top: 20px;margin-left: 20px;float: left;position: relative;}
.index_pror li img{ height: 252px;}
.index_pror li p{ width: 280px;height: 30px;background: rgba(0,0,0,0.3);position: absolute;bottom: 0px;text-align: center;line-height: 30px;overflow: hidden;color: #fff;}
ul.nav1 li{ width: 200px; text-align:center;background: #fff;}
.nav2{ position: absolute;top: 0;right: -200px;z-index: 10;background: #fff;}
ul.nav1 li{ position: relative;}
ul.nav1 > li > ul > li ul{ position:  absolute; top: 0; right: -200px;}
.more{ width: 85px;padding:10px 40px 10px 15px;background: #999 url(../images/bj2.png) 100px 14px no-repeat;height:25px;margin:0 auto;margin-top: 30px;border-radius: 5px;font-size: 20px;color: #FFF;line-height: 25px;}

.index_video{ width: 100%;height:640px;background-image: url(../images/dbj1.png); background-repeat: no-repeat; background-size: cover}
.index_vmain{ width: 1100px;height: 336px;margin: 0 auto;margin-top: 80px;}
.index_vmainf{ width: 500px;height: 332px;border: 2px solid #efefef;float: left;background: #fff;}
.index_vmainf p{ width: 500px; height:296px;overflow: hidden;}
.index_vmainf h5{ width: 356px; height:36px;line-height: 36px;text-align: center;}
.index_vmains{ width: 500px;height: 332px;border: 2px solid #efefef;float: right;background: #fff;}
.index_vmains p{ width: 500px; height:296px;overflow: hidden;}
.index_vmains h5{ width: 500px; height:36px;line-height: 36px;text-align: center;}
.index_tit{ width: 100%;text-align: center;}
.index_tit h5{ width: 100%;padding-top: 80px;font-size: 34px;font-weight: normal;padding-bottom: 15px;background: url(../images/bbj2.png) bottom center no-repeat;}
.index_tit h5 a{ color: #333;}
.index_tit p{ width:1200px;margin:0 auto;margin-top: 15px;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;}
.index_tit1{ width: 100%;text-align: center;}
.index_tit1 h5{ width: 100%;padding-top: 60px;font-size: 34px;font-weight: normal;padding-bottom: 15px;background: url(../images/bbj1.png) bottom center no-repeat;}
.index_tit1 h5 a{ color: #fff;}

.index_newsm{ width: 100%;min-height: 370px;background: #F1F2F4;}
.index_news{ width: 1200px;margin: 0 auto; padding-bottom: 80px}
.index_nmain{ width: 1200px;margin-top: 45px;}
.index_nmleft{width: 520px;height:370px;float: left;background: url(../images/img3_1.png) left top no-repeat;position: relative;}
.index_nmlm1{ width: 280px;height:195px;position: absolute;right:0;top:20px;border:2px solid #fff;z-index: 10;}
.index_nmlm2{ width: 395px;height:280px;position: absolute;left:20px;bottom:0px;z-index: 5;}
.index_nmleft i{ width:54px;height:92px;position: absolute;bottom: 0px;right: 0px;background: url(../images/more.png) right bottom no-repeat;}
.index_nmright{ width: 540px;height: 370px;float: right;overflow: hidden;}
.index_nmright .bd{ width: 540px;height: 370px;float: right;overflow: hidden;}
.index_nmright li{ width: 540px; height: 75px;float: left;margin-bottom: 23px;}
.index_nmrdate{ width: 70px;height:60px;float: left;background: #fff;text-align: center;}
.index_nmrdate h5{ font-size: 25px;font-weight: bold;height: 35px;line-height: 35px;color: #eb6112;}
.index_nmrdate span{ font-size: 14px;color: #eb6112;height:20px;line-height: 20px;}
.index_nmrcon{width: 440px;float: right;height: 92px;}
.index_nmrcon h5{ font-size: 16px;color: #333;line-height: 40px;font-weight: normal;}
.index_nmrcon p{ font-size: 14px;color: #999;line-height: 16px;}
.index_clist{ width:1198px;height:130px;overflow: hidden;position: relative;margin: 0 auto;margin-top: 20px;margin-bottom: 60px;}
.index_clist .bd{ width: 1098px;height:130px; float: left;overflow: hidden;}
.index_clist .bd ul{ overflow:hidden; zoom:1;}
.index_clist .bd ul li{ width:200px;height:130px;overflow: hidden;margin:0px;margin-right:20px;float: left;}
.index_clist .bd ul li img{ width:200px;height:130px;}
.index_clist .hd{ overflow:hidden;height:200px;background:#fff;padding:0 0px;float:left;}
.index_clist .hd .prev{ display:block;  width:30px; height:80px;margin-right: 20px; margin-top:39px;  overflow:hidden;cursor:pointer; background:url("../images/le_btn.png") no-repeat;}
.index_clist .hd .next{ display:block;  width:30px; height:80px;margin-left: 20px; margin-top:39px;  overflow:hidden;cursor:pointer; background:url("../images/ri_btn.png") no-repeat;}

.index_equi{ background: #E3E7F0; padding-bottom: 80px}

/*内页*/
.body{ background: #F1F2F4}
.main{ width: 1200px;margin: 0 auto;padding-top: 20px;}
.mainleft{ width:198px;float: left;border: 1px solid #ccc;box-shadow: 0px 3px 3px #eee;background:#fff;margin-bottom: 30px;}
.mainleft .mainleft_mname{ width:198px;height:60px;background:#eb6112;line-height: 60px;font-size: 30px;color:#fff;text-align: center;border-bottom: 1px solid #ccc;}
.mainleft .mainleft_cname{ width:198px;line-height: 30px;margin-bottom: 10px;margin-top: 10px;}
.mainleft .mainleft_cname li{ width:178px;padding-left: 20px;background: url(../images/dian.jpg) 9px 24px no-repeat #fff;border-bottom: 1px dashed #ddd;height: 50px;font-size: 16px; line-height: 50px}
.mainleft .mainleft_cname li:hover a,.mainleft .mainleft_cname li.active a{ color: #eb6112;}
.mainright{ width: 968px;float: left;border: 1px solid #ccc;background: #fff;margin-left: 30px;margin-bottom: 30px;}


ul.nav3 li{ width:178px;padding-left: 20px;background: url(../images/dian.jpg) 9px 14px no-repeat #fff;border-bottom: 1px dashed #ddd;height: 30px;font-size: 16px;}
.nav4{ position: absolute;top: 0;right: -200px;z-index: 10;background: #fff;}
ul.nav3 li{ position: relative;}
ul.nav3 > li > ul > li ul{ position:  absolute; top: 0; right: -200px;}


.mainright .mainright_nav{ width: 948px;text-align: right;height: 40px;line-height: 40px;border-bottom: 1px solid #ccc;padding-right: 20px;}
.mainright .mainright_nav a{ display: initial;}
.mainright .mainright_con{ width:948px;padding: 10px;}
.mainright .mainright_con .mainright_cname{ width:100%;text-align: center;font-size: 24px;line-height: 40px;margin-top: 20px;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.mainright .mainright_con .mainright_cname p{ font-size: 16px;line-height: 20px;margin-top: 0px;}
.mainright .mainright_con .mainright_cm{ width:928px;margin:0 auto;margin-top: 20px;}
.main .mainright .mainright_con .mainright_clist{ width: 928px;line-height: 40px;margin: 0 auto;}
.main .mainright .mainright_con .mainright_clist li{ width: 100%;height: 40px;border-bottom: 1px dashed #ddd;}
.main .mainright .mainright_con .mainright_cplist{ width: 948px;margin: 0 auto;}
.main .mainright .mainright_con .mainright_cplist li{ text-align:center;height:282px;margin:0 13px;margin-bottom:20px;float: left;width:290px;overflow: hidden;}
.main .mainright .mainright_con .mainright_cplist li img{ height:252px;}
.main .mainright .mainright_con .mainright_cplist li p{ width: 290px;height:30px;line-height:30px;margin:0 auto;text-align: center;}
.main .mainright .mainright_con .mainright_cplist li:hover p{ color:#007DF3;}


.main .mainright .mainright_con .mainright_next{ width:948px;margin: 20px auto;padding-top: 10px;border-top: 1px dashed #ddd;}
.main .mainright .mainright_con .mainright_next li{ width: 50%;height:30px;line-height: 30px;float:left;}
.main .mainright .mainright_con .mainright_next li a{ display: initial;}
.main .mainright .mainright_con .mainright_next li a:hover{ color: #007DF3;}

.mainright_page{ width: 100%;height:33px;line-height:33px;text-align: center;margin:20px auto;}
.mainright_page span{ border: 1px solid #ddd;padding: 5px 10px;margin: 0 3px;}
.mainright_page a { display: initial;border: 1px solid #ddd;padding: 5px;margin: 0 3px;}
.mainright_page a:hover { color:#f00;}


.ibl{ display:inline-block;*display:inline;zoom:1;width:80px;text-align: left;}
.ibr span{ display:inline-block;*display:inline;zoom:1;padding:1px 4px;background:#FFF1B7;border:1px solid #F27800;font-family: simsun;vertical-align:0;/vertical-align: -1px}
.input { padding:5px;border:1px solid #999;}
.close { position: absolute;right: 5px;top: 5px;}
.downtit { width: 560px;height: 40px;text-align: center;line-height: 40px;font-size: 24px;margin-bottom: 30px;}
.mesDiv p { margin-bottom:10px;}
.btn-submit,.reset { width:100px; height:36px; line-height:36px; text-align:center;padding:0px;margin-top:20px;}
.btn-submit { border:none;border-radius: 5px;color:#fff;font-size: 16px;background: #01429C;cursor: pointer;}
.reset{ border-radius: 5px;background: #fff;border:1px solid #999;font-size: 16px;cursor: pointer;}
.downform,.getpass{ width: 100%;height:100%;background: rgba(0,0,0,0.5);display: none;position: fixed;left: 0px;top: 0px;}
.getpassform{ position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-80px;}
.getpassclose{ position: absolute;right: 5px;top: 5px;}
.getpasstit { width: 300px;height: 40px;text-align: center;line-height: 40px;font-size: 24px;margin-bottom: 30px;}

.videos {
    width: 100%;
    height: 504px;
    background-image: url("../images/video_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.videos .flex-bg {
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 504px;
    z-index:1;
}
.videos .con2 {
    margin: 0 auto;
    width: 1200px;
    height: 504px;
    z-index:2;
    position: absolute;
    left: calc((100% - 1200px) / 2);
    top: 0;
}
.videos .con2  .con2m {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 504px;
    cursor: pointer;
}
.videos .flex-bg.video-bg{
    background: rgba(0,0,0,0.8);
}
.con2 video {
    background: #000;
}
.con2m, .con2 video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}