*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px}
html{width: 100%;}
body{width: 100%;min-width: 1200px;overflow-x: auto;}
li{list-style: none;}
h2,h3{font-weight: normal}
a{text-decoration: none}
i{font-style: normal}
.center{width: 1200px;margin: 0 auto 0;overflow: hidden;position: relative}
.center_box{width: 1250px;overflow: hidden;}
.rel{  position: relative;  }
.fl{float: left;}
.fr{float: right;}
input,button{outline: none}
img{border:0;}

/**/
.tra_d1{  position: relative;float: left;width: 100%;overflow: hidden}
.tra_d1_i1{
    width: 100%;
}
.tra_d1_min{
    position: absolute;left: 0;right: 0;margin: auto;width: 600px;top: 7%;
}
.tra_d1_i2{
    width: 100%;
}
.tra_d1_i3{
    position: absolute;left: -135px;top: -1%;width: 135px;
}
.tra_d1_i4{
    width: 500px;display: block;margin: auto;position: absolute;left: 0;right: 0;bottom: 0;
}
.tra_d2{
    height: 530px;background: url("../images/sjfs_02.jpg") no-repeat;background-size: 100% 100%;float: left;width: 100%;
    margin-top: -5px;
}
.tra_d2 span{
    display: block;float: left;background: #53aee0;width: 885px;height: 220px;border-radius: 12px;color: #ffffff;font-size: 20px;
    padding: 25px;line-height: 33px;text-indent: 42px;margin-top: 130px;
}
.tra_d2 img{
    position: absolute;right: 25px;top: 0;width: 440px;
}
.tra_d3{
    height: 1010px;background: url("../images/sjfs_03.jpg") no-repeat;background-size: 100% 100%;float: left;width: 100%;
}
.tra_d3_part1 p{
    color: #1c1c1c;font-size: 20px;text-indent: 43px;line-height: 45px;
}
.tra_d3_part1{
    margin-top: 50px;
}
.tra_d3_part1 p b{
    font-size: 22px
}
.tra_d3_part2{
    overflow: hidden;
}
.tra_d3_part2 img{
    float: right;width: 450px;
}
.tra_d3_part3{
    position: relative;height: 450px;
}
.tra_d3_part3 span{
    display: block;position: absolute;top: 0;left: 0;width: 230px;bottom: 0;border: 3px solid #289ad8;
}
.tra_d3_part3_div{
    float: left;margin-left: 95px;width: 1044px;height: 400px;position: relative;margin-top: 25px;display: block;cursor: pointer;
}
.tra_d3_part3_div label{
    position: absolute;background: url("../images/aaa.png");top: -450px;left: 0;right: 0;display: block;z-index: 0;
    height: 100%;  transition: all .5s linear;-webkit-transition: all .5s linear;cursor: pointer;
}
.tra_d3_part3_div a:hover label{
    top: 0;
}
.tra_d3_part3_div a:hover .tra_d3_part3_i6{
    top: 167px;
}
.tra_d3_part3_div a{
    overflow: hidden;width: 100%;height: 100%;position: relative;cursor: pointer;display: block;
}
.tra_d3_part3_i1{
    width: 100%;height: 100%;
}
.tra_d3_part3_i2{
    position: absolute;left: -65px;top: -65px;width: 150px;z-index: 2;
}
.tra_d3_part3_i3{
    position: absolute;left: -100px;top: 20px;width: 203px;z-index: 1;
}
.tra_d3_part3_i4{
    position: absolute;right: -40px;bottom: -145px;width: 270px;z-index: 1;
}
@-webkit-keyframes t10 {
    0%, 100% {
        -webkit-transform: translate(7px, -7px);
    }
    50% {
        -webkit-transform: translate(-10px, 10px);
    }
}
@keyframes t10 {
    0%, 100% {
        transform: translate(7px, -7px);
    }
    50% {
        transform: translate(-10px, 10px);
    }
}
.tra_d3_part3_i5{
    position: absolute;right: 220px;bottom: -125px;width: 95px;z-index: 0;
}
.tra_d3_part3_i6{
    top: -160px;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;width: 110px;transition: all .5s linear;
    animation: t10 5s ease-in-out infinite;  -webkit-animation: t10 5s ease-in-out infinite;-webkit-transition: all .5s linear;
}
.tra_d4{
    height: 1113px;background: url("../images/sjfs_04.jpg") no-repeat;background-size: 100% 100%;float: left;width: 100%;
}
.tra_d4_b1{
    display: block;color: #fff;font-size: 26px;width: 325px;height: 70px;line-height: 70px;background: url("../images/udjsf99.png") 50% 50% no-repeat;
    background-size: 100% auto;text-indent: 40px;
}
.tra_d4_p1{
    overflow: hidden;background: url("../images/isfs8_03.png") no-repeat 50% 220px;background-size: 590px auto;
}
.tra_d4_p1_lef{
    float: left;width: 790px;
}
.tra_d4_p1_rig{
    width: 345px;float: right;margin-top: 65px;
}
.tra_d4_p1_lef div{
    overflow: hidden;
}
.tra_d4_p1_lef div span{
    float: left;display: inline-block;text-align: center;
}
.tra_d4_p1_lef div img{
    float: left;width: 85px;margin-left: 20px;margin-top: 60px;
}
.tra_d4_p1_s1{
    width: 164px;color: #a2a2a2;font-size: 20px;border: 1px dashed #a2a2a2;border-radius: 50%;padding: 56px 0;margin-top: 20px;
    margin-left: 30px;
}
.tra_d4_p1_s2{
    width: 363px;color: #289ad8;font-size: 20px;border: 1px solid #289ad8;margin-left: 20px;border-radius: 50%;padding: 56px 0;
    margin-top: 10px;
}
.tra_d4_p1_lef p{
    color: #000000;font-size: 20px;line-height: 42px;margin-top: 40px;margin-left: 20px;
}
.tra_d4_p1_lef p b{
    font-size: 20px;
}
.tra_d4_bot{
    display: block;height: 500px;margin-top: 65px;position: relative;overflow: hidden;
}
.tra_d4_bot_i1{
    width: 100%;height: 100%;
}
.tra_d4_bot_i2{
    position: absolute;left: 0;right: 0;background: url("../images/i8shfd_28.png") no-repeat;top: -480px;height: 474px;
    background-size: 100% 100%;transition: all .5s linear;-webkit-transition: all .5s linear;cursor: pointer;
}
.tra_d4_bot:hover .tra_d4_bot_i2{
    top: 40px;
}
.tra_d4_bot:hover .tra_d4_bot_i3{
    top: 296px;
}
.tra_d4_bot_i3{
    top: -300px;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;width: 110px;transition: all .5s linear;
    animation: t10 5s ease-in-out infinite;  -webkit-animation: t10 5s ease-in-out infinite;-webkit-transition: all .5s linear;
}
.tra_d5{
    height: 1300px;background: url("../images/sjfs_05.jpg") no-repeat;background-size: 100% 100%;float: left;width: 100%;position: relative;
}
.tra_d5_p1{
    width: 1120px;position: absolute;left: 0;right: 0;margin: auto;top: -60px;overflow: hidden;
}
.tra_d5_p1_v1{
    float: left;
}
.tra_d5_p1_v2{
    float: right;
}
.tra_d5_p1 a{
    width: 520px;height: 435px;display: inline-block;position: relative;overflow: hidden;cursor: pointer;
}
.tra_d5_p1_i1{
    width: 100%;height: 100%;
}
.tra_d5_p1 a span{
    position: absolute;background: url("../images/aaa.png");top: -500px;left: 0;right: 0;;display: block;z-index: 1;
    transition: all .5s linear;-webkit-transition: all .5s linear;cursor: pointer;height: 100%;
}
.tra_d5_p1 a:hover span{
    top: 0;
}
.tra_d5_p1 a:hover .tra_d5_p1_i2{
    top: 180px;
}
.tra_d5_p1_i2{
    top: -300px;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;width: 110px;transition: all .5s linear;
    animation: t10 5s ease-in-out infinite;  -webkit-animation: t10 5s ease-in-out infinite;-webkit-transition: all .5s linear;
}
.tra_d5_p2{
    margin: 440px auto 0;width: 1140px;
}
.tra_d5_p2 p{
    color: #000000;font-size: 18px;text-indent: 40px;line-height: 40px;
}
.tra_d5_p2 p b{
    font-size: 18px;
}
.tra_d5_p3{
    width: 1195px;height: 395px;background: url("../images/dfd4_03.png") no-repeat;background-size: 100% 100%;margin: 120px auto 0;
    position: relative;
}
.tra_d5_p3_v1{
    margin-left: 10px;margin-top: 35px;width: 545px;
}
.tra_d5_p3_v1 h2{
    color: #000000;font-size: 20px;padding-top: 35px;margin-left: 40px;
}
.tra_d5_p3_v1 div{
    width: 240px;height: 255px;background: url("../images/iddsa_03.png") no-repeat;background-size: 100% 100%;margin-top: 40px;
}
.tra_d5_p3_v1 div b{
    color: #1e93e2;font-size: 20px;display: block;text-align: center;line-height: 44px;
}
.tra_d5_p3_v1 div i{
    display: block;color: #ffffff;font-size: 17px;margin: 45px auto 0;line-height: 47px;width: 210px;
}
.tra_d5_v2{
    position: absolute;right: 296px;top: -58px;width: 330px;cursor: pointer;overflow: hidden;
}
.tra_d5_v2_i2{
    top: -100px;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;width: 110px;transition: all .5s linear;
    animation: t10 5s ease-in-out infinite;  -webkit-animation: t10 5s ease-in-out infinite;-webkit-transition: all .5s linear;
}
.tra_d5_v2:hover .tra_d5_v2_i2{
    top: 164px;
}
.tra_d5_v3:hover .tra_d5_v2_i2{
    top: 164px;
}
.tra_d5_v3{
    position: absolute;right: 10px;top: 70px;width: 330px;cursor: pointer;overflow: hidden;
}
.tra_d5_v4{
    position: absolute;right: 34px;top: 20px;color: #000000;font-size: 30px;
}
.tra_d5_v5{
    position: absolute;width: 715px;left: 110px;bottom: -85px;
}
.tra_d6{
    height: 960px;background: url("../images/sjfs_06.jpg") no-repeat;background-size: 100% 100%;width: 100%;float: left;
}
.tra_d6_img1{
    display: block;width: 455px;margin: 30px auto 0;
}
.tra_d6_div{
    overflow: hidden;width: 1200px;text-align: center;margin: 50px auto 0;
}
.tra_d6_div a{
    display: inline-block;width: 290px;height: 365px;position: relative;margin: 0 3px 10px;cursor: pointer;overflow: hidden;
}
.tra_d6_720{
    top: -100px;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;width: 110px;transition: all .5s linear;
    animation: t10 5s ease-in-out infinite;  -webkit-animation: t10 5s ease-in-out infinite;-webkit-transition: all .5s linear;
}
.tra_d6_div a:hover .tra_d6_720{
    top: 145px;
}
.tra_d6_div a:hover span{
    top:  0;
}
.tra_d6_i2{
    width: 100%;height: 100%;
}
.tra_d6_div a span{
    position: absolute;top: -400px;left: 0;right: 0;margin: auto;background: url("../images/aaa.png");z-index: 0;height: 100%;
    display: block; transition: all .5s linear;-webkit-transition: all .5s linear;cursor: pointer;
}
.c_foot{
    height: 447px;background: url("../images/sjfs_07.jpg") no-repeat;background-size: 100% 100%;width: 100%;float: left;
}
.c_foot{
    overflow: hidden;
}
.c_foot_ul{
    float: left;
}
.c_foot_ul li{
    color: #ffffff;font-size: 16px;margin-bottom: 5px;padding-left: 42px;line-height: 31px;
}
.c_foot_bg1{  background: url("../images/cv.png") no-repeat 0 3px ;}
.c_foot_bg2{  background: url("../images/skl_96.png") no-repeat 0 2px;}
.c_foot_bg3{  background: url("../images/skl_98.png") no-repeat 0 2px;}
.c_foot_bg4{  background: url("../images/skl_100.png") no-repeat 0 3px;}
.c_foot_bg5{  background: url("../images/skl_100.png") no-repeat 0 3px;}
.c_foot_ul li p{
    font-size: 14px;color: #fff;opacity: .5;
}
.c_foot_div{
    float: right;text-align: center;margin-left: 100px;
}
.c_foot_div p{
    color: #fff;margin-top: 35px;font-size: 18px;
}
.c_foot_div img{
    width: 175px;height: 175px;
}
.c_foot_min{
    margin: 120px auto 0;width: 1150px;
}
.delay0{animation-delay: .2s;-webkit-animation-delay: .2s;}
.delay1{animation-delay: .5s;-webkit-animation-delay: .5s;}
.delay1_2{animation-delay: .6s;-webkit-animation-delay: .6s;}
.delay1_3{animation-delay: .7s;-webkit-animation-delay: .7s;}
.delay1_4{animation-delay: .8s;-webkit-animation-delay: .8s;}
.delay1_5{animation-delay: .9s;-webkit-animation-delay: .9s;}
.delay1_6{animation-delay: 1s;-webkit-animation-delay: 1s;}
.delay1_7{animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.delay1_8{animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.delay1_9{animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.delay1_10{animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.delay1_11{animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.delay1_12{animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.delay1_13{animation-delay: 1.7s;-webkit-animation-delay: 1.7s;}
.delay1_14{animation-delay: 1.9s;-webkit-animation-delay: 1.9s;}
.delay1_15{animation-delay: 2.1s;-webkit-animation-delay: 2.1s;}

.delay6_1{animation-delay: 1s;-webkit-animation-delay: 1s;}
.delay6_2{animation-delay: 2s;-webkit-animation-delay: 2s;}
.delay6_3{animation-delay: 3s;-webkit-animation-delay: 3s;}
.delay6_6{animation-delay: 6s;-webkit-animation-delay: 6s;}