@charset "UTF-8";

/**
 *
 * @authors liping (you@example.org)
 * @date    2019-11-26 10:22:23
 * @version $Id$
 */


html{ font-size: 100%}
body{ margin:0px; padding:0px; font:12px/1.75 "微软雅黑", "宋体",arial, Verdana; font-size:12px;}
*{ margin:0; padding:0}
a img{ border:none;}
a,a:link,a:visited{  text-decoration:none; }
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;}
fieldset,img,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
image{ border:0;}  textarea{ resize:none;}  label{ cursor:pointer;}
.clear{ clear:both}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    resize: none;
    border: none;
}
input {
    font-family: 'Microsoft YaHei';
    border:0;/*去掉未选中边框*/
    outline:none;/*去掉选中边框*/
    background:none;/*透明背景色*/
}
button{
    border:0;
    outline:none;
    background:none;/*透明背景色*/
    
}
select{
    border:0;
    outline:none;
    background:none;/*透明背景色*/
}
select {
    border: none;
    outline: none;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.clearfix {zoom: 1;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    line-height: 0;
}
.pr {position: relative;}
.container {position: relative;overflow: hidden;}
.mr10 {margin-right: 10px;}

.part {
    width: 100%;
    position: relative;
}
.part1 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_01.jpg) no-repeat center center;
}
.part2 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_02.jpg) no-repeat center center;
}
.part3 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_03.jpg) no-repeat center center;
}
.part4 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_04.jpg) no-repeat center center;
}
.part5 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_05.jpg) no-repeat center center;
}
.part6 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_06.jpg) no-repeat center center;
}
.part7 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_07.jpg) no-repeat center center;
}
.part8 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_08.jpg) no-repeat center center;
}
.part9 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_09.jpg) no-repeat center center;
}
.part10 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_10.jpg) no-repeat center center;
}
.part11 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_11.jpg) no-repeat center center;
}
.part12 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_12.jpg) no-repeat center center;
}
.part13 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_13.jpg) no-repeat center center;
}
.part14 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_14.jpg) no-repeat center center;
}
.part15 {
    height: 600px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_15.jpg) no-repeat center center;
}
.part16 {
    height: 311px;
    background: url(http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/part_16.jpg) no-repeat center center;
}

.logos {
    width: 395px;
    position: absolute;
    left: 50%;
    top: 60px;
    z-index: 10;
    margin-left: -45%;
}
.mask {
    width: 220px;
    position: absolute;
    left: 50%;
    top: 509px;
    margin-left: 351px;
    z-index: 11;
}
.container .tit {
    position: absolute;
    left: 50%;
}
.tit_01 {
    width: 980px;
    top: 185px;
    margin-left: -490px;
    z-index: 11
}
.tit_02 {
    width: 980px;
    top: 120px;
    margin-left: -490px;
    z-index: 11
}
.tit_03 {
    width: 980px;
    top: 305px;
    margin-left: -490px;
    z-index: 11
}
.text {
    position: absolute;
    left: 50%;
    z-index: 12;
}
.text_01 {
    width: 1380px;
    top: 415px;
    margin-left: -662px;
}
.text_02 {
    width: 1270px;
    top: 1195px;
    margin-left: -635px;
}
.text_03 {
    width: 1390px;
    top: 1335px;
    margin-left: -640px;
}
.text_04 {
    width: 1412px;
    top: 355px;
    margin-left: -686px;
    z-index: 12;
}
.text_05 {
    width: 1270px;
    top: 970px;
    margin-left: -635px;
}
.text_06 {
    width: 1270px;
    top: 590px;
    margin-left: -635px;
}
.slide {
    width: 1300px;
    position: absolute;
    left: 50%;
    top: 1155px;
    margin-left: -650px;
}
.slide .swiper-container {
    box-shadow: 0px 0px 10px #999;
}
.slide .swiper-button-prev, .slide .swiper-button-next.swiper-button-next {
    width: 100px;
    height: 100px;
}
.slide .swiper-button-prev{ 
    background-image: url('http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/arrow_left.png') !important;
    background-size: 100%;
    left: -120px;
}
.slide .swiper-button-next{
    background-image: url('http://www.njhuacai.com/_xystcdn_xydec_/zt/disease/images/arrow_right.png') !important;
    background-size: 100%;
    right: -120px;
}
.item {
    position: absolute;
    left: 50%;
    z-index: 10;
    width: 406px;
    height: 406px;
}
.item_01 {
    top: 800px;
    margin-left: -203px;
}
.item_02 {
    top: 800px;
    margin-left: -635px;
}
.item_03 {
    top: 1015px;
    margin-left: -421px;
}
.item_04 {
    top: 1235px;
    margin-left: -203px;
}
.item_05 {
    top: 1015px;
    margin-left: 18px;
}
.item_06 {
    top: 800px;
    margin-left: 235px;
}
.item .re {
    width: 288px;
    height: 288px;
    position: absolute;
    left: 59px;
    top: 60px;
    transform: rotate(45deg);
    transform: -webkit-rotate(45deg);
    background: transparent;
    z-index: 15;
}
.item .remark {
    width: 288px;
    height: 288px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: scale(0);
    background: rgba(0,0,0,.7);
    text-align: center;
    transition: 1s;
    z-index: 14;
}
.item .remark p {
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 406px;
    position: absolute;
    width: 288px;
    height: 288px;
    line-height: 288px;
    left: 0px;
    top: 0px;
    transform: rotate(-45deg);
    transform: -webkit-rotate(-45deg);
}
.item .re:hover .remark {
    transform: scale(1);
}

.text_07 {
    width: 684px;
    top: 1904px;
    margin-left: -342px;
}
.text_08 {
    width: 533px;
    top: 2080px;
    margin-left: -274px;
}
.text_09 {
    width: 600px;
    top: 2220px;
    margin-left: -300px;
}
.text_10 {
    width: 520px;
    top: 2480px;
    margin-left: -260px;
}
.btn {
    position: absolute;
    left: 50%;
    width: 560px;
    top: 2550px;
    margin-left: -280px;
}

/*透明度变化*/
.flsh { -webkit-animation: flashgh 6s .5s ease both infinite; -moz-animation: flashgh 4s .2s ease both infinite; animation: flashgh 4s .2s ease both infinite; }
@-webkit-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-moz-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-o-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-ms-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}

@media screen and (max-width:1200px) {
	
}