﻿.bjys{background:url(../images/index_03.jpg) no-repeat;height:167px;overflow:hidden;}
.qyys{text-align:center;padding-top:48px;}
.d_banner{text-align:center;}
.qyys>div{font-size:40px;color:#ffffff;}
.qyys>div font{font-weight:bold;}
.qyys p{font-size:16px;color:rgba(255,255,255,.5);padding-top:10px;}
.qy_1{padding-top:70px;overflow:hidden;padding-bottom:70px;background:#fff;}
.qy_left{width:605px;float:left;overflow:hidden;border:1px solid #327fc9;border-radius:20px; opacity:0;}
.qy_right{width:545px;float:right;overflow:hidden;position:relative;height:390px; opacity:0;}
.qy_main{width:1200px;margin:0 auto;overflow:hidden;}
.qy_right_1_font{font-size:34px;font-weight:bold;color:#333333;padding-top:34px;}
.qy_right_1_p{font-size:16px;line-height:28px;padding-top:30px;color:#666666;}
.qy_right_1{position:relative;}
.qy_right_1 li{opacity:0;position:absolute;left:0px;top:0px;transition:opacity ease 0.3s;}
.qy_right_1 li.cur{opacity:1;}
.bzfx{width:112px;height:44px;position:absolute;background:url(../images/z3.png) no-repeat center;bottom:47px;left:0px;}
.qy_left_1_left{width:10px;height:17px;background:url(../images/z1.png) no-repeat center;margin-left:28px;margin-top:13px;display:block;float:left;}
.qy_left_1_right{width:10px;height:17px;background:url(../images/z2.png) no-repeat center;margin-right:28px;margin-top:13px;display:block;float:right;}
.qy_2{width:100%;overflow:hidden;height:870px;background:url(../images/index_13.jpg) no-repeat center;}









.th_con {
    position: relative;
	width:1200px;margin:0 auto;
    margin-top: 112px
}

    .th_con dt {
        position: absolute;
        left: 468px;
        top: 60px;
    }
    .th_con dd p {
        position: absolute;
        left: 0;
        top: 0;
        transition: all .4s ease-in-out;
        cursor:pointer;
    }
   .th_con dd p:nth-of-type(1)
   {
    left:54px;
    top:175px;
   }
        .th_con dd p:nth-of-type(2) {
            left: 180px;
            top: 55px;
        }
        .th_con dd p:nth-of-type(3) {
            left: 187px;
            top: 298px;
        }
        .th_con dd p:nth-of-type(4) {
            left: 287px;
            top: 216px;
        }
        .th_con dd p:nth-of-type(5) {
            left: 340px;
            top: 80px;
        }
        .th_con dd p:nth-of-type(6) {
            left: 428px;
            top: 244px;
        }
        .th_con dd p:nth-of-type(7) {
            left: 290px;
            top: 305px;
        }
        .th_con dd p:nth-of-type(8) {
            left: 535px;
            top: 0px;
        }
        .th_con dd p:nth-of-type(9) {
            left: 516px;
            top: 254px;
        }

        

@media only screen and (min-width:600px) {
    .th_con dd p {
        opacity: 0
    }

    .th_con.dd_anim dd p {
        opacity: 1;
        transition: all .4s ease-in-out .2s
    }


    .th_con.dd_anim dd p:nth-of-type(5), .th_con.dd_anim dd p:nth-of-type(4){
        -moz-animation: mover 5s infinite;
        -webkit-animation: mover 5s infinite;
        animation: mover 5s infinite
    }

    .th_con.dd_anim dd p:nth-of-type(2), .th_con.dd_anim dd p:nth-of-type(10), .th_con.dd_anim dd p:nth-of-type(1) {
        -moz-animation: mover3 6s infinite;
        -webkit-animation: mover3 6s infinite;
        animation: mover3 6s infinite
    }

    .th_con.dd_anim dd p:nth-of-type(3), .th_con.dd_anim dd p:nth-of-type(8), .th_con.dd_anim dd p:nth-of-type(9) {
        -moz-animation: mover2 7s infinite;
        -webkit-animation: mover2 7s infinite;
        animation: mover2 7s infinite
    }
}

@keyframes mover {
    0% {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(-10px)
    }
}

@keyframes mover2 {
    0% {
        transform: translateX(-20px)
    }

    50% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(-20px)
    }
}

@keyframes mover3 {
    0% {
        transform: translateX(-15px)
    }

    50% {
        transform: translateX(15px)
    }

    100% {
        transform: translateX(-15px)
    }
}
    .th_con ul li {
        position: absolute;
        cursor:pointer;
    }
.th_con ul li:nth-child(1) {
    left:954px;
    top:130px;
}
        .th_con ul li:nth-child(2) {
            left: 870px;
            top: 170px;
        }
        .th_con ul li:nth-child(3) {
            left: 795px;
            top: 190px;
        }
        .th_con ul li:nth-child(4) {
            left: 867px;
            top: 280px;
        }
        .th_con ul li:nth-child(5) {
            left: 755px;
            top: 308px;
        }
        .th_con ul li:nth-child(6) {
            left: 758px;
            top: 382px;
        }
.th_title {
    text-align:center;
    padding-top:67px;
}
    .th_title p {
        font-size: 40px;
    }
    .th_title font {
        color: #333333;
        font-weight: bold;
    }
    .th_title div {
    font-size:16px;color:rgba(51,51,51,.5); text-transform:uppercase;padding-top:10px;
    }
    @media only screen and (min-width:600px) {
        .th_con ul li {
            opacity: 0;
            transform: translateX(-50px);
            transition: all .4s ease-in-out .2s
        }

        .th_con.dd_anim ul li {
            opacity: 1;
            transform: translateX(0px)
        }
    }

    @media only screen and (max-width:1000px) {
        .th_con h3 {
            top: 10%
        }

        .th_con dt img {
            width: 50%
        }

        .th_con dd {
            transform: scale(0.5);
            left: 46%;
            top: 36%
        }

        .th_con ul {
            transform: scale(0.7);
            left: 60%;
            top: 20%
        }
    }

    @media only screen and (max-width:700px) {
        .th_con ul {
            transform: scale(0.3);
            top: 30%
        }

        .th_con.dd_anim dd p:nth-of-type(9) {
            left: -400%
        }
    }


.qyyx_xzfx {
    width: 100%;
    overflow: hidden;
    height: 120px;
    background: url(../images/index_14.jpg) no-repeat center;
    text-align:center;
    padding-top:46px;
}
    .qyyx_xzfx font {
        font-size: 40px;
        color: #ffffff;font-weight:bold;
    }
    .qyyx_xzfx p {
        font-size: 16px;
        color: #ffffff;
        text-transform:uppercase;
        opacity:0.5;
        padding-top:5px;
    }
    .qyyx_xsfg{width:100%;overflow:hidden;padding-top:80px;padding-bottom:130px;}
    .chuo{width:1200px;margin:0 auto;position:relative;}
    .chuo_left{float:left;width:607px;margin-left:-360px;opacity: 0;}
    .chuo_left *{transition: all 0.3s ease;}
    .chuo_left li{width:577px;text-align:right;border-right:3px solid #eeeeee;padding-right:30px;padding-top:12px;height:77px;background:rgba(255,255,255,0);cursor:pointer;}
    .chuo_left li.on{border-right:3px solid #006cb9;background:rgba(255,255,255,1);box-shadow: 0px 10px 30px rgba(0,0,0,.1);}
    .chuo_left font{opacity:0;}
    .chuo_left p{font-size:18px;margin-top:7px;}
    .chuo_left li.on font{opacity:1;}
    .chuo_left li.on p{font-size:20px;font-weight:bold;}
    .chuo_right{float:right;width:908px;overflow:hidden;opacity: 0;}
    .chuo_right li{display:none;}
    .chuo_right li.on{display:block;}
    .yurenjie{width:100%;overflow:hidden;display:flex;}
    .yurenjie ul{overflow:hidden;width:100%;}
    .yurenjie li{width:100%;overflow:hidden;height:100%;}
    .yr_left{width:50%;overflow:hidden;background:#0054a5;height:100%;float:left;display:flex;justify-content: flex-end;align-items: center;opacity: 0;}
    .yr_right{width:50%;overflow:hidden;opacity: 0;}
    .yr_right img{max-width:1000000%;}
    .yr_left_1{width:600px;float:right;overflow:hidden;}
    .yr_left_1_0{width:100%;overflow:hidden;opacity: 0;}
    .yr_left_1_0 font{font-size:40px;font-weight:bold;color:#ffffff;}
    .yr_left_1_0 p{font-size:16px; text-transform:uppercase;color:rgba(255,255,255,.5); letter-spacing: 2px;padding-top:10px;padding-bottom:35px;}
    .yr_left_1_0 i{width:118px;background:#4d88c0;height:1px;display:block;}
    .yr_left_1_1{width:527px;font-size:16px;color:rgba(255,255,255,.5);line-height:29px;padding-top:35px;padding-bottom:50px;opacity: 0;}
    .yr_left_1_2{width:527px;overflow:hidden;opacity: 0;}
    .yr_left_1_2 li{height:60px;border:1px solid #1a65ae;width:474px;overflow:hidden;padding-left:24px;padding-right:27px;display:flex;align-items:center;background:#0054a5;transition: 0.3s ease all;}
    .yr_left_1_2 li a{display:block;width:100%;}
    .yr_left_1_2 li i{width:3px;height:13px;display:block;overflow:hidden;background:#9cbddc;float:left;margin-right:18px;margin-top:23px;}
    .yr_left_1_2 li font{font-size:16px;color:#fff;float:left;display:block;line-height:60px;}
    .yr_left_1_2 li p{background:url(../images/jtou.png) no-repeat right center;float:right;width:57px;height:60px;line-height:60px;opacity:0;margin-right:20px;}
    .yr_left_1_2 li:hover{background:#0859a8;border:1px solid #5a90c5;}
    .yr_left_1_2 li a:hover font{font-weight:bold;}
    .yr_left_1_2 li a:hover p{opacity:1;margin-right:0px;}
    .yr_left_1_2 li *{transition: 0.3s ease all;}
    .yurenjie:nth-child(2n+1) .yr_left{float:right;justify-content:flex-start;}
    .yurenjie:nth-child(2n+1) .yr_right{float:left;}
    .yurenjie:nth-child(2n+1) .yr_left .yr_left_1{margin-left:72px;}
    .layui-layer-border{border:0px solid #ee7121 !important;box-shadow:none !important;border-radius:0px !important;}
    .layui-layer-setwin .layui-layer-close2{right:-15px !important;top:-15px !important;width:72px !important;height:72px !important;background:url(../images/x.png) #ed7020 !important;}
	
	
	.s_h_footer{padding-top:.1rem !important;}
    .d_banner{position:relative;}
    .d_banner_0{position:absolute;width:100%;left:0px;top:0px;}
    .d_banner_0_1{font-size:.72rem;color:#ffffff;padding-top:2rem;font-weight:bold;}
    .d_banner_0_2{font-size:.24rem;color:#ffffff;padding-top:.1rem;}
    .d_banner_0_3{margin-top:.4rem;}
    .d_banner_0_3 img{width:5.38rem;}
    .d_banner_0_4{padding-top:2.2rem;}
    .d_banner_0_4 img{width:.36rem;}