@charset "utf-8";
/* CSS Document */
/* ============================
         首页样式 index
  ==============================*/

/* 产品服务 */
.xwmt_box_new{ float: left; width: 100%; min-width: 1200px; min-height: 578px;}
.xwmt_ztt3{ width: 1200px; margin: 0 auto;}

.xwmt_dbt{ width: 1200px; margin-top: 47px; float: left; text-align: center;}
.xwmt_dbt .dbt_mc{ float: left; width: 1200px; height: 40px; background: url("../img/5.png") center no-repeat;}
.xwmt_dbt .dbt_mc h1{ font-size: 22px; line-height: 40px; color: #333;}
.xwmt_dbt p{ font-size: 16px; color: #333;}
.xwmt_nrbf{ float: left; margin-top: 40px; width: 1200px; height: 340px;}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;   }
.picScroll-left .hd{ overflow:hidden; float: left; text-align: center; margin-top: 30px; width:1200px;  height:30px;  }
.picScroll-left .hd a{ width:45px; height:6px; background:#bfbfbf; border-radius: 4px; margin: 0 4px; overflow:hidden; display: inline-block;}
.picScroll-left .hd a:hover{background: #006699;}
.picScroll-left .hd ul{ float:left; border: 1px solid #F00; width: 1200px;    overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{  width:45px; height:6px; border-radius: 4px; margin: 0 4px; overflow:hidden; display: inline-block;
    text-indent:-999px; cursor:pointer; background:#bfbfbf; }
.picScroll-left .hd ul li.on{ background: #006699; }

.picScroll-left .bd{ float: left; width: 1200px; padding-left: 4px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 386px; height: 340px;  float:left; _display:inline;
    overflow:hidden; text-align:center; margin-right: 16px;  }
.picScroll-left .bd ul li a{ display: block; width: 386px; height: 340px;  position: relative; z-index: 0;}
.gdxs_kk{width: 384px; height: 278px; border: 1px solid #bfbfbf; border-radius: 20px;
    position: absolute; z-index: 1; top: 40px;}
.gdxs_bj{ position: absolute; width:80px; height: 80px; background: #bfbfbf; border-radius: 20px; text-align: center; line-height: 80px;
color: #fff; font-size: 40px; z-index: 3; top:0; left: 154px; font-family: Impact; }
.gdxs_dbt{ float: left; width: 380px; margin-top: 85px; margin-left: 2px;  height: 80px;}
.gdxs_dbt h1{ font-size: 24px; line-height: 40px; color: #333;}
.gdxs_dbt p{ font-size: 12px; line-height: 16px; color: #b6b6b6;}
.gdxs_dbt span{ width: 30px; height: 2px; background: #005bac; display: block; margin: 10px auto;}
.gdxs_zy{ float: left; width: 290px; margin-left: 48px; margin-top: -33px;}
.gdxs_zy p{ color: #ccc; line-height: 28px; font-size: 14px;}
.gdxs_more{position: absolute; bottom: 0; z-index: 3; left: 114px; width:156px; height: 38px; background: #bfbfbf; border-radius: 20px;}
.gdxs_more span{ background: url("../img/3.png") no-repeat; margin-left: 55px; margin-top: 9px; width: 45px; height: 19px; float: left;}
.picScroll-left .bd ul li a:hover .gdxs_bj{background: #005bac;}
.picScroll-left .bd ul li a:hover .gdxs_kk{border: 1px solid #005bac;}
.picScroll-left .bd ul li a:hover .gdxs_more{background: #005bac;}


/* 关于我们 */
.gywm_box3{ float: left; width: 100%; min-width: 1200px; background-color: #005bac; background-size: 100%; height: 476px;}
.gywm_ztnr3{ width: 1200px; margin: 0 auto;}
.gywm_dbt{ width: 1200px; margin-top: 84px; float: left; text-align: center;}
.gywm_dbt .dbt_mc{ float: left; width: 1200px; height: 40px; background: url("../img/6.png") center no-repeat;}
.gywm_dbt .dbt_mc h1{ font-size: 22px; line-height: 40px; color: #fff;}
.gywm_dbt p{ font-size: 16px; color: #fff;}

.gywm_nrjs{ float: left; width: 1200px; margin-top: 38px; height: 160px;}
.gywm_nrjs p{ margin: 0 auto; width: 900px; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}

.gywm_more{ float: left; width: 1200px; text-align: center;}
.gywm_more a{ display: inline-block; width: 128px; height: 34px; border: 1px solid #fff; border-radius: 18px; background: url("../img/3.png") center no-repeat;}

/* 专家视频 */
.zjsp_box3{ float: left; width: 100%; min-width: 1200px;  height: 490px;}
.zjsp_ztnr3{ width: 1200px; margin: 0 auto;}
.zjsp_dbt{ width: 1200px; margin-top: 40px; float: left; text-align: center;}
.zjsp_dbt .dbt_mc{ float: left; width: 1200px; height: 40px; background: url("../img/5.png") center no-repeat;}
.zjsp_dbt .dbt_mc h1{ font-size: 22px; line-height: 40px; color: #333;}
.zjsp_dbt p{ font-size: 16px; color: #333;}

.zjsp_ztnr{float: left; width: 1200px; margin-top: 34px; height: 320px;}
.zjsp_nrjs{ float: left; width: 590px;}
.zjsp_nrjs p{font-size: 16px; line-height: 26px; color: #8c8c8c;}
.zjsp_nrjs a{ float: left; margin-top: 20px;  display: inline-block; width: 128px; height: 34px; border: 1px solid #ccc; border-radius: 18px; background: url("../img/3a.png") center no-repeat;}
.zjsp_spwj{ float: right; width: 578px; height: 300px; }
.zjsp_spwj a{ display: block; width: 578px; height: 300px; position: relative;}
.zjsp_spwj a img{ top: 0; left: 0; z-index: 1; width: 578px; height: 300px; position: absolute;}
.zjsp_spwj a span{top: 0; left: 0; z-index: 2; width: 578px; height: 300px; position: absolute; background: url("../img/7.png") no-repeat;}




/* 弹出视频 */
#mask_shadow {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
#popup {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 150px;
    width: 600px;
    height: 190px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#popup .title {
    position: relative;
    width: 100%;
    height: 55px;
    background-color: #5bc0de;
    cursor: move;
}
#popup .title p {
    padding-left: 14px;
    line-height: 55px;
    color: #fff;
}
#popup .title span {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 30px;
    height: 30px;
    color: #000;
    opacity: .2;
    font-size: 21px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #333;
}
#popup .title span:hover { opacity: .8;}
#popup .cont { width: 100%; height: 135px; background-color: #EDEDED;    }
#btn1 { margin: 30px;}




/* 新闻部分 */
.xwmt_box3{ float: left; width: 100%; min-width: 1200px;  height: 610px; background: #f5f5f5;}
.xwmt_ztnr3{ width: 1200px; margin: 0 auto;}
.zjsp_dbt{ width: 1200px; margin-top: 40px; float: left; text-align: center;}
.zjsp_dbt .dbt_mc{ float: left; width: 1200px; height: 40px; background: url("../img/5.png") center no-repeat;}
.zjsp_dbt .dbt_mc h1{ font-size: 22px; line-height: 40px; color: #333;}
.zjsp_dbt p{ font-size: 16px; color: #333;}

.xwmt_nrzyxx{float: left; width: 1200px; margin-top: 34px;}
.xwmt_nrzyxx ul{ float: left; margin-right: -74px;}
.xwmt_nrzyxx ul li{ float: left; width: 350px; margin-right: 74px;}
.xwmt_nrzyxx ul li a{ display: block; width: 350px; height:330px;}
.xwmt_nrzyxx ul li a .img_nrt{ float: left; width: 330px; height: 205px;}
.img_nrt img{ float: left; width: 330px; height: 205px; border-radius: 15px 15px; overflow: hidden;}
.img_xxbf{ float: left; width: 330px; margin-top: 20px;}
.img_xxbf .xxbf_z{ float: left; width: 76px; height: 76px; border: 1px solid #005bac; border-radius: 10px;}
.xxbf_z p{ float: left; width: 100%; color: #005bac; text-align: center; font-size: 44px; font-family: Impact; line-height: 54px;}
.xxbf_z span{ float: left; width: 100%; color: #005bac; text-align: center; font-size: 14px; line-height: 14px;}
.xxbf_y{ float: right; width: 224px;}
.xxbf_y h1{ float: left; width: 100%; height: 28px; line-height: 28px; font-size: 16px; color: #000000;overflow: hidden;}
.xxbf_y p{ float: left; width: 100%; font-size: 14px; line-height: 18px; color: #898989;height: 38px; overflow: hidden; margin: 10px 0 0 0;}
.xwmt_moreg{ float: left; width: 100%; text-align: center; margin-top: 50px;}
.xwmt_moreg a{ display: inline-block; width: 128px; height: 34px; border: 1px solid #ccc; border-radius: 18px; background: url("../img/3a.png") center no-repeat; }
.foot_you{ float: right; margin-top: 20px; width: 390px;}
.foot_you img{ float: left;  width: 120px; height: 120px;}
.ewm_fhh{ float: right; width: 250px;}
.ewm_fhh .fuh1{ float: left; width: 220px; font-size: 16px; color: #fff;}
.ewm_fhh span{ float: left; margin-top: 12px; width: 60px; height: 2px; background: #fff;}
.ewm_fhh .fuh2{ float: left; margin-top: 15px; width: 220px; font-size: 14px; color: #fff;}
.ewm_fhh .fuh3{ float: left; margin-top: 15px; width: 220px; font-size: 14px; color: #fff;}


.hz_nrzyxx{float: left; width: 1200px; margin-top: 34px;}
.hz_nrzyxx ul{ float: left; margin-right: -74px;}
.hz_nrzyxx ul li{ float: left; width: 180px; margin-right: 74px; margin-top: 20px;}
.hz_nrzyxx ul li a{ display: block; width: 180px; height:106px;}
.hz_nrzyxx ul li a .img_hz1{ float: left; width: 180px; height: 106px;}
.img_hz1 img{ float: left; width: 180px; height: 106px; border-radius: 15px 15px; overflow: hidden;}