@charset "utf-8";
* {padding: 0;margin: 0;}
li {list-style: none;}
img {border: 0;transition: .4s;vertical-align: middle;}
a {text-decoration: none;color: #000;outline: none;transition: .4s;}

html{height: 100%;}
.fl {float: left;}
.fr { float: right;}
.w17{width: 1173px;margin: 0 auto;}
.clear{clear:both;}
.img{overflow: hidden;}

a:hover .img img{transform: scale(1.05);}

body {font-family: "微软雅黑" !important;
    position: relative;
}
/* a:hover{color: #ae1c1c !important;}
a:hover .bt{color: #ae1c1c !important;} */
a .bt{transition: 0.4s;}

.sjbdh{display:none;}
.sjbdb1 {
        display: none;}

    .sjbdb {
        display: none;}
.top{height: 40px;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;background-color: #427ad6;}
.top .lj{float: right;}
.top .lj li{float: left;padding: 0 17px;}
.top .lj li a{font-size: 12px;color: rgba(255,255,255,0.7);line-height: 40px;}
.top .lj li a:hover{font-weight: bold;}
.top .lj li+li{background: url(../images/top_lj_bg.png) no-repeat left center;}
.top .search{float: right;position: relative;    padding: 6px 0;margin-right: 45px;}
.top .search .txt{width: 178px;height: 22px;border: 1px solid rgba(255,255,255,0.5);background: none;border-radius: 50px;padding: 0 10px;color: #Fff;padding-right:20px;}
.top .search .txt:focus{outline: none;}
.top .search .btn{width: 30px;height: 22px;background: url(../images/search.png) no-repeat center center;position: absolute;right: 1px;top: 8px;}

.sy_left_out{    height: 100%;
    position: fixed;
    z-index: 20;
    width:10.416%;transition: 0.4s;left: 0;}

    .sy_left_out::-webkit-scrollbar {/*滚动条整体样式*/
        width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    .sy_left_out::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
        background: url() no-repeat center center;
    }
    .sy_left_out::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
        border-radius: 10px;
        background: rgba(0,0,0,0) url() no-repeat center;
    }

    


.sy_left{width: 100%;left: 0;top: 0;z-index: 20;background: url(../images/sy_left_bg.jpg) no-repeat;height: 100%;background-size: 100% 100%;}
.sy_left .logo{display: block;text-align: center;padding-top: 26px;width: 100%;}
.sy_left .logo img{width: 92%;max-width: 181px;}
.sy_left .nav{border-bottom: 1px solid rgba(255,255,255,0.54);padding: 30px 0;width: 85%;margin-left: 15%;}
.sy_left .nav li{text-align: left;padding: 13px 15% 13px 0;position: relative;}
.sy_left .nav li a{font-size: 17px;color: #fff;text-shadow: 0 0 3px rgba(0,0,0,0.57);padding-left: 27%;}
.sy_left .nav li:hover{background-color: #3768b7;}
.sy_left .nav li .sub{position: absolute;background-color: #3fa2db;
    right: -90%;
    top: -100%;
    width: 90%;display: none;}
    .sy_left .nav li .sub li{padding: 0;}
    .sy_left .nav li .sub li a{margin: 0 10%;display: block;border-bottom: 1px solid #66b4e2;padding: 13px 0 13px 0;}

.sy_left .ewm{display: table;margin: 0 auto;padding: 40px 0;position: relative;}
.sy_left .ewm li{float: left;margin: 0 10px;}
.sy_left .ewm li a{}
.sy_left .ewm li a img{}
.sy_left .ewm li a img.ewm{position: absolute;top: -165%;left: 50%;display: none;transform: translate(-50%);}
.sy_left .ewm li:hover a img{display: block;}

.sy_right{width: 29.84375%;position: fixed;top: 40px;right: 0;z-index: 9;background: url(../images/sy_right_bg.jpg) no-repeat;height: 100%;background-size: 100% 100%;}
.sy_right .mk3{display: table;margin: 8% auto 0;}

.sy_right .mk3 li{float: left;width: 120px;height: 331px;background: url(../images/sy_right_3k_bg.png) no-repeat;margin: 0 7px;}
.sy_right .mk3 li a{display: block;width: 100%;height: 100%;}

.sy_right .mk3 li .img{width: 62px;height: 62px;margin: 37px auto 0;background: url(../images/sy_right_3k_img0.png) no-repeat;transition: 0.4s;}
.sy_right .mk3 li+li .img{background: url(../images/sy_right_3k_img1.png) no-repeat;}
.sy_right .mk3 li+li+li .img{background: url(../images/sy_right_3k_img2.png) no-repeat;}
.sy_right .mk3 li+li+li+li .img{background: url(../images/sy_right_3k_img3.png) no-repeat;}

.sy_right .mk3 li .bt{font-size: 22px;color: #fff;text-align: center;width: 22px;margin: 25px auto 0;}
.sy_right .mk3 li a:hover .bt{font-weight: bold;}

.sy_right .mk3 li a:hover .img{background: url(../images/sy_right_3k_img0_on.png) no-repeat;}
.sy_right .mk3 li+li a:hover .img{background: url(../images/sy_right_3k_img1_on.png) no-repeat;}
.sy_right .mk3 li+li+li a:hover .img{background: url(../images/sy_right_3k_img2_on.png) no-repeat;}
.sy_right .mk3 li+li+li+li a:hover .img{background: url(../images/sy_right_3k_img3_on.png) no-repeat;}

.sy_right .mp{position: relative;width: 80%;margin: 20% auto 0;height: 300px;}
.sy_right .mp li{display: table; position: absolute;bottom: 0;
    z-index: 20;
    width: auto;
    background: rgba(255,255,255,0.22);
    box-shadow: 0px -6px 10px rgba(0,0,0,.1);
    font-size: .8em;
    font-weight: bold;
    border-radius: 0.5em 0.5em 0em 0em;
    transform: scale(0);
    transform-origin: center;
    transition: transform 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);}
.sy_right .mp li a{font-size: 14px;color: #fff;display: block;padding: 8px 15px 5px;}
.sy_right .mp li::after{content: "";display: block;width: 100%;height: 27px;background: url(../images/sy_right_mp_li_bg.png) no-repeat left bottom 100%;position: absolute;left: 0;bottom: -27px;z-index: 22;background-size: 100%;}
.sy_right .mp li:hover::after{background: url(../images/sy_right_mp_li_bg_on.png) no-repeat left bottom 100%;}
.sy_right .mp li.on{ animation:maopao 6s linear;}

.sy_right .mp li:hover{animation-play-state:paused;-webkit-animation-play-state:paused; /* Safari 和 Chrome */z-index: 30;background: #427ad6;opacity: 1;}
.sy_right .mp li:hover a{color: #fff;}

    /* 动画代码 */
@keyframes maopao {
    0%   {transform: scale(0);opacity: 1;}
    8%  {transform: scale(1);opacity: 1;}
    25%  {transform: scale(1);opacity: 1;}
    50%  {transform: scale(1);bottom: 150px;opacity: 1;}
    92% {transform: scale(1);bottom: 270px;opacity: 1;}
    100% {transform: scale(1);opacity: 0;bottom: 300px;}
  }



.sy_main{width: 59.739%;background-color: #deeeff;position: absolute;top: 40px;left: 10.416%;}
.sy_main .sy_main_in{width: 91.2816%;margin: 45px auto 0;}
.sy_main .sy_main_in .banner{width: 100%;position: relative;}
.sy_main .sy_main_in .banner .bd{width: 100%;}
.sy_main .sy_main_in .banner .bd ul{width: 100% !important;}
.sy_main .sy_main_in .banner .bd ul li{width: 100% !important;overflow: hidden;border-radius: 15px;}
.sy_main .sy_main_in .banner .bd ul li img{width: 100% !important;}
.sy_main .sy_main_in .banner .hd{position: absolute;width: 100%;bottom: 20px;left: 20px;z-index: 2;}
.sy_main .sy_main_in .banner .hd ul{display: table;margin: 0 auto;}
.sy_main .sy_main_in .banner .hd ul li{width: 8px;height: 8px;border: 1px solid #fff;transition: 0.4s;border-radius: 50%;float: left;margin: 0 8px;}
.sy_main .sy_main_in .banner .hd ul li.on{background: #fff;}


.sy_main .sy_main_in .part1{display: flex;background: url(../images/part1_bg.jpg) #fff no-repeat left bottom;border-radius: 15px;overflow: hidden;margin-top: 45px;}
.sy_main .sy_main_in .part1 .tit{font-size: 20px; color: #fff;text-align: center;background: url(../images/part1_tit.jpg) no-repeat;    padding: 0% 35px;writing-mode:tb-rl;    background-size: 100% 100%;}
.sy_main .sy_main_in .part1 ul{width: 98%;padding: 5.5% 3% 1.5%;
    display: flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.sy_main .sy_main_in .part1 ul li{width: 20%;margin-bottom: 50px;}
.sy_main .sy_main_in .part1 ul li .pic{position: relative;width: 62px;height: 62px;margin: 0 auto;}
.sy_main .sy_main_in .part1 ul li .pic img{position: absolute;top: 0;left: 0;opacity: 1;width: 100%;}
.sy_main .sy_main_in .part1 ul li .pic img.on{opacity: 0;}
.sy_main .sy_main_in .part1 ul li:hover .pic img{opacity: 0;}
.sy_main .sy_main_in .part1 ul li:hover .pic img.on{opacity: 1;}
.sy_main .sy_main_in .part1 ul li .bt{font-size: 16px;text-align: center;margin-top: 16px;}


.sy_main .sy_main_in .part2{margin-top: 50px;}
.sy_main .sy_main_in .part2 .tit{position: relative;margin-bottom: 35px;}
.sy_main .sy_main_in .part2 .tit .bt{font-size: 30px;font-weight: bold;padding-left: 43px;display: table;margin: 0 auto;background: url(../images/part2_tit.png) no-repeat left center;}
.sy_main .sy_main_in .part2 .tit a{position: absolute;right: 0;top: 20%;font-size: 14px;color: #999999;}
.sy_main .sy_main_in .part2 .part2_lb{width: 69.51%;background: url(../images/part2_left_bg.png) no-repeat;padding: 2% 0 8.6%;float: left;position: relative;}
.sy_main .sy_main_in .part2 .part2_lb .bd{width: 100%;}
.sy_main .sy_main_in .part2 .part2_lb .bd ul{}
.sy_main .sy_main_in .part2 .part2_lb .bd li{width: 100%;}
.sy_main .sy_main_in .part2 .part2_lb .bd li a{display: flex;    flex-wrap:wrap;
    justify-content:space-around;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .img{width: 55.405%;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .img img{width: 100%;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .con{width: 35.81%;padding-top: 40px;position: relative;padding-bottom: 30px;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .con .bt{font-size: 18px;line-height: 30px;color: #fff;font-weight: bold;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .con .sj{font-family: "Georgia";font-size: 14px;margin: 13px 0;color: #fff;}
.sy_main .sy_main_in .part2 .part2_lb .bd li .con .zy{font-size: 12px;line-height: 22px;color: rgba(255,255,255,0.7);}
.sy_main .sy_main_in .part2 .part2_lb .bd li .con .more{font-size: 12px;position: absolute;bottom: 0;left: 0;padding-bottom: 5px;border-bottom: 1px solid #fff;color: #fff;}
.sy_main .sy_main_in .part2 .part2_lb .hd{position: absolute;right: 2%;}
.sy_main .sy_main_in .part2 .part2_lb .hd ul{}
.sy_main .sy_main_in .part2 .part2_lb .hd ul li{width: 6px;height: 6px;background: #fff;opacity: 0.2;transition: 0.4s;float: left;margin: 0 4px;border-radius: 50%;}
.sy_main .sy_main_in .part2 .part2_lb .hd ul li.on{opacity: 1;}

.sy_main .sy_main_in .part2 .part2_right{width: 27.23%;float: right;}
.sy_main .sy_main_in .part2 .part2_right li{position: relative;}
.sy_main .sy_main_in .part2 .part2_right li a{border: 1px solid #c9d4f3;background: #f1f8fe;margin-bottom: 20px;display: block;position: relative;z-index: 2;padding: 6% 7%;transition: 0.4s;}
.sy_main .sy_main_in .part2 .part2_right li::after{position: absolute;width: 100%;height: 100%;content: "";display: block;background: url(../images/part2_right_bg.jpg) no-repeat;background-size: cover;z-index: 0;top: 8px;left: -8px;z-index: 0;}
.sy_main .sy_main_in .part2 .part2_right li:hover a{background: url(../images/part2_right_bg_on.jpg) no-repeat #f1f8fe;background-size: cover;}
.sy_main .sy_main_in .part2 .part2_right li .bt{font-size: 16px;line-height: 26px;color: #323232;margin-bottom: 10px;}
.sy_main .sy_main_in .part2 .part2_right li .sj{font-size: 14px;line-height: 24px;color: #229efe;font-family: "Georgia";text-align: right;}



.sy_main .sy_main_in .part3{margin-top: 30px;}
.sy_main .sy_main_in .part3 .tit{position: relative;margin-bottom: 45px;}
.sy_main .sy_main_in .part3 .tit .bt{font-size: 30px;font-weight: bold;padding-left: 43px;display: table;margin: 0 auto;background: url(../images/part3_tit.png) no-repeat left center;}
.sy_main .sy_main_in .part3 .tit a{position: absolute;right: 0;top: 20%;font-size: 14px;color: #999999;}

.sy_main .sy_main_in .part3 ul{display: flex;
    flex-wrap:wrap;
    justify-content:space-around;}
.sy_main .sy_main_in .part3 ul li{border: 1px solid #229efe;width: 25.5%;margin-bottom: 45px;padding: 3% 3%;position: relative;background: #deeeff;transition: 0.4s;}
.sy_main .sy_main_in .part3 ul li:hover{box-shadow: 0 8px 10px #999;}
.sy_main .sy_main_in .part3 ul li .sj{position: absolute;background: #deeeff;z-index: 2;top: -20px;left: 8%;padding: 0 10px;}
.sy_main .sy_main_in .part3 ul li .sj p{font-size:  34px;line-height: 26px;float: left;font-family: "Georgia";margin-right: 10px;}
.sy_main .sy_main_in .part3 ul li .sj span{font-size: 14px;line-height: 35px;float: left;font-family: "Georgia";}
.sy_main .sy_main_in .part3 ul li .bt{font-size: 16px;line-height: 26px;color: #333333;margin-bottom: 10px;}
.sy_main .sy_main_in .part3 ul li .zy{font-size: 13px; color: #808080;
    	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap}



.sy_main .sy_main_in .part4{margin-bottom: 30px;}
.sy_main .sy_main_in .part4 .kslj{font-size: 16px;color: #fff;width: 123px;height: 38px;text-align: center;line-height: 38px;background: url(../images/part4_tit_bg.png) no-repeat;float: left;}
.sy_main .sy_main_in .part4 ul{float: left;width:80%;}
.sy_main .sy_main_in .part4 ul li{float: left;margin-left: 5%;}
.sy_main .sy_main_in .part4 ul li a{font-size: 16px;display: block;line-height: 38px;padding-left: 9px;background: url(../images/part4_li_bg.jpg) no-repeat left center;}
.sy_main .sy_main_in .part4 ul li a:hover{font-weight: bold;}


.foot{background: url(../images/foot_bg.jpg) no-repeat;padding: 3.8% 0;}
.foot .p1{font-size: 14px;text-align: center;margin-bottom: 30px;color: #fff;}
.foot .p2{font-size: 14px;line-height: 24px;text-align:  center;color: #fff;}



.sj_btn{border-top: 4px solid #fff;border-bottom: 4px solid #fff;width: 30px;height: 15px;position: absolute;    left: 20px;
    top: 51%;display: none;transition: 0.4s;z-index: 9999999999;}
.sj_btn::after{content: "";display: block;position: absolute;width: 30px;height: 4px;background: #fff;top: 5px;left: 0;transition: 0.4s;}
.sj_btn::before{content: "";display: block;position: absolute;width: 30px;height: 4px;background: #fff;top: 5px;left: 0;transition: 0.4s;}



.sj_btn_on{border: 0 !important;}
.sj_btn_on::after{transform: rotate(-45deg);top: 8px !important;}
.sj_btn_on::before{transform: rotate(45deg);top: 8px !important;}

@media screen and (max-width: 1820px){
.sy_right .mp{width: 80%;}
.sy_right .mp li a{font-size: 12px;padding: 5px 8px 5px;}
}

@media screen and (max-width: 1550px){
    .sy_right .mk3{display: flex;}
    .sy_right .mk3 li{width: 23%;}
}


@media screen and (max-width: 1200px){
 .head-sj {
            padding: 7px 3%;
           /* padding-bottom: 10px;*/}
    .sy_left_out{    width: 17%;}
    .sy_main{    position: relative;    width: 83%;    top: 0;left: 17%;}
    .sy_right{  position: relative;    width: 100%;    top: 0;left: 0;background-size: cover;padding-top: 3%;margin-top: 4%; display:none;}
    .sy_right .mk3 li{    background: url(../images/sy_right_3k_bg.png) no-repeat center center;}
    .sy_right .mp{width: 49%;}
    .sy_main .sy_main_in{    margin: 20px auto 10px;}
    .sy_main{padding-top: 120px;}
    .sy_right .mk3{margin: 0 auto 0;}
    .sy_main .sy_main_in .part2 .part2_lb{width: 100%;background-size: 100%;}
    .sy_main .sy_main_in .part2 .part2_right{width: 100%;margin-top: 20px;}
    .sy_main .sy_main_in .part2 .part2_lb .bd li .con{    padding-top: 12%;}
    .foot p{padding: 0 10%;}
    .foot{background-size: cover;}
.top .lj li{padding: 0 11px;}

.sjbdb1 {          margin: 10px 0 ; display: block;}
.sy_main .sy_main_in .part1{ margin-top:35px;}


@media screen and (max-width: 1024px){
.sjbdh{display:block;}
.nav{display:none;}
.sy_left .nav {
    border-bottom: none;
}
    .sy_left .nav li {        border-bottom: 1px solid #fff;
        padding: 10px 20px;
    }
.sy_left .nav {
    width: 100%;
    margin-left: 0;
}

.sy_left {
    background: #427ad6;
    padding: 6%;
}
        display: block;}
.sy_left .logo{    display: none;}


        .head-sj {
            padding: 7px 3%;
           /* padding-bottom: 10px;*/}

        .sjbdb1 .search {
            position: relative;
            width: 96%;
            height: 35px;
            line-height:35px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            background: none;
            padding: 0 2%;
            color: #Fff;
            margin: 0 auto;
            }

        .sjbdb1 .search .txt {
            width: 80%;
            background-color: transparent;
            border: none;
            outline: none;}


        .sjbdb1 .search .btn {
            width: 30px;
            height: 22px;
            line-height:22px;
            background: url(../images/search.png) no-repeat center center;
            position: absolute;
            right: 1px;
            top: 5px;
            }

        .dblj {
            background-color: #3869b9;}

        .lj-sj {
            text-align: right;}

        .sj_btn {
            right: 20px;
            left: auto;top:51%}

        .top {
            display: none;}

        .sjbdb {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #427ad6;
            height: auto;
            border-bottom: 1px solid #fff;
            z-index: 99999999;
            }

        .logo {
            width: 70%;
            margin: 10px 0;}

        .logo img {
            width: 114%;}

        .lj-sj li {
            display: inline-block;
            padding: 0 17px;}

        .lj-sj li a {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.7);
            line-height: 25px;}

        .lj-sj li+li {
            background: url(../images/top_lj_bg.png) no-repeat left center;}
    .sy_left_out{left: -100%;width: 100%;/* padding: 20px; */margin-top: 90px;}
    .sy_left{left: -100%;width: 88%;transition: 0.4s;height: auto;min-height: 100%;}
    .sy_main{width: 100%;left: 0;}
    .sj_btn{display: block;top: 51%;}
    .sy_left .logo{width: 60%;margin: 0 auto;}
    .sy_left .nav{    padding: 2% 0;}
    .sy_left .ewm{padding: 4% 0;}
    .sy_main .sy_main_in .banner .hd{left: 0;}
.sy_main .sy_main_in .part1 ul li .pic{position: relative;width: 52px;height: 52px;margin: 0 auto;}
.sy_main .sy_main_in .part1 ul li .bt{font-size: 14px;text-align: center;margin-top: 10px;}
}


@media screen and (max-width: 850px){
    .sy_right .mp{width: 90%;}
    .sy_main .sy_main_in .part1 ul li{    width: 22.66%;}
    .sy_main .sy_main_in .part3 ul li{width: 40%;}
    .sy_main .sy_main_in .part1 .tit{    padding: 0% 22px;}
    .sy_left .ewm li{    margin: 0 5px;}
    .sy_main .sy_main_in .part1 ul li{margin-bottom: 6%;}
.foot .p1{display:none;
.d2 TABLE{width:100%; margin:0 auto;}
}

}


@media screen and (max-width: 500px){
    .sy_main .sy_main_in .part1 .tit{    padding: 0% 14px;}
    .sy_main .sy_main_in .part1 ul li{width: 30%;}
    .sy_main .sy_main_in .part2 .part2_lb .bd li a{display: block;}
    .sy_main .sy_main_in .part2 .part2_lb .bd li .img{width: 90%;margin: 0 auto;}
    .sy_main .sy_main_in .part2 .part2_lb .bd li .con{width: 90%;margin: 0 auto;}
    .sy_main .sy_main_in .part2 .part2_lb{background-size: cover;}
    .sy_main .sy_main_in .part3 ul li{width: 90%;}
    .sy_main .sy_main_in .part4 ul{width: 100%;}
    .top .search{margin-right: 5px;}
    .top .search .txt{    width: 87px;}
}

/* ie8提示样式开始 */


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}


/* ie8提示样式结束 */










/*二级页开始*/

.ej_main{width: 89.583%;background: #fff url(../images/ej_main_bg.jpg) no-repeat bottom center;position: absolute;top: 40px;left: 10.416%;background-size: cover;}
.ej_main_in{width: 66.279%;margin: 45px auto;}

.ej_main_in .ejtop{border-bottom: 1px solid #dcdcdc;padding-bottom: 16px;}
.ej_main_in .ejtop h2{font-size: 22px;color: #427ad6;float: left;}
.ej_main_in .ejtop .dqwz{float: right;font-size: 12px;color: #666666;height: 18px;padding-left: 20px;background: url(../images/ej_dqwz.png) left center no-repeat;padding-top: 8px;}
.ej_main_in .ejtop .dqwz a{font-size: 12px;color: #666666;}

.ej_nr{min-height: 560px;padding-bottom: 30px;}
.ej_nr>div{min-height: 400px;}

.ej_dsj{position: relative;margin-top: 26px;}
.ej_dsj ul{position: relative;padding-top: 50px;}
.ej_dsj::before{content: "";display: block;width: 1px;height: 100%;background: #dcdcdc;position: absolute;top: 0;left: 12.6%;}
.ej_dsj ul>p.ul_sj{font-size: 26px;color: #427ad6;position: absolute;font-family: "Georgia";top: 0;left: 0;font-weight: bold;}
.ej_dsj ul li{margin-bottom: 25px;position: relative;}
.ej_dsj ul li::before{content: "";display: block;position: absolute;width: 15px;height: 15px;background: #427ad6;border-radius: 50%;left: 12%;}
.ej_dsj ul li .sj{font-size: 16px;float: left;width: 10%;text-align: right;font-family: "Georgia";}
.ej_dsj ul li .con{float: right;width: 85%;}
.ej_dsj ul li .con .bt{font-size: 16px;color: #333333;margin-bottom: 15px;}
.ej_dsj ul li .con .zy{font-size: 14px;color: #808080;line-height: 26px;}
.ej_dsj ul li:hover .con .bt{color: #427ad6;}

.fanye{text-align: center;min-height: auto !important;margin-top: 30px;}
.fanye img{max-width: 473px;width: 100%;}

.ej_main .foot{background: url(../images/ej_foot_bg.jpg) no-repeat;    padding: 2.5% 0;
    background-size: cover;}


.ej_ryjx{margin-top: 36px;}
.ej_ryjx ul{display: flex;
    flex-wrap:wrap;
    /*justify-content:space-between;*/
justify-content:normal;

}
.ej_lbjs{margin-top: 36px;}
.ej_lbjs ul{display: flex;
    flex-wrap:wrap;
    justify-content:space-between;}
.ej_ryjx ul li{width: 32%;margin-bottom: 35px;margin-right:15px;}
.ej_ryjx ul li a{}
.ej_ryjx ul li a .img{background: #f1f1f1;text-align: center;height: 240px;}
.ej_ryjx ul li a .img img{height: 100%;}
.ej_ryjx ul li a .sj{width: 118px;height: 31px;background: url(../images/ej_ryjx_sj_bg.jpg) no-repeat;font-size: 16px;color: #fff;font-family: "Georgia";text-align: center;line-height: 31px;position: absolute;top: -15px;left: 5%;}
.ej_ryjx ul li a .con{border: 1px solid #e5e5e5;position: relative;}
.ej_ryjx ul li a .con .bt{font-size: 16px;color: #333333;line-height: 24px;padding: 5% 5% 5% 5%;text-align: center;}
/* .ej_ryjx ul li:hover a .con .bt{color: #427ad6;} */
.ej_ryjx ul li:hover a .con .bt span {color: #427ad6;} 

.ej_lbjs ul li{width: 40%;margin-bottom: 35px;}
.ej_lbjs ul li a .img{background: #f1f1f1;text-align: center;height: 280px;}
.ej_lbjs ul li a .img img{height: 100%;}
.ej_lbjs ul li a .con{border: 1px solid #e5e5e5;position: relative;}
.ej_lbjs ul li a .con .bt{font-size: 16px;color: #333333;line-height: 24px;padding: 8% 5% 5% 5%; text-align:center;}
.ej_lbjs ul li:hover a .con .bt{color: #427ad6;}

.rjxz_xlcd{min-height: auto !important;background: #f3f3f3;padding: 25px 0;margin-top: 55px;}
.rjxz_xlcd>p{font-size: 14px;color: #666666;text-align: center;margin-bottom: 15px;}
.rjxz_xlcd>div{width: 60%;margin: 0 auto;}
.rjxz_xlcd>div span{display: block;float: left;font-size: 20px;color: #427ad6;line-height: 50px;}
.rjxz_xlcd>div select{float: right;width: 85%;font-size: 16px;color: #333333;    background-color: #fff;padding: 0 2%;height: 50px;}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #d2d2d2;
  
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select_jt.png) no-repeat scroll 96% center transparent;
  
  
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 0;
  }
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
  select::-ms-expand { display: none; }



.rjxz_xxk{display: table;margin: 50px auto 0;}
.rjxz_xxk li{float: left;background: #f1f1f1;margin: 0 8px;}
.rjxz_xxk li a{font-size: 20px;color: #333333;display: block;    padding: 15px 50px;}
.rjxz_xxk li.on{background: #427ad6;}
.rjxz_xxk li.on a{color: #fff !important;}
.rjxz_xxk li:hover a{color: #427ad6;}

.ej_rjxz_fwjs{padding: 6% 5% 0;border-top: 1px solid #dcdcdc;}
.ej_rjxz_fwjs ul{display: flex;
    flex-wrap:wrap;
    justify-content:space-between;}
.ej_rjxz_fwjs ul li{width: 240px;margin: 0 8px 50px;}
.ej_rjxz_fwjs ul li .img{width: 100%;}
.ej_rjxz_fwjs ul li .img img{width: 100%;}
.ej_rjxz_fwjs ul li .bt{font-size: 18px;text-align: center;margin: 15px 0;}
.ej_rjxz_fwjs ul li .zy{font-size: 12px;line-height: 19px;color: #808080;text-align: center;}
.ej_rjxz_fwjs ul li .hq{font-size: 12px;color: #427ad6;text-align: center;margin-top: 15px;}
.ej_rjxz_fwjs ul li:hover .bt{color: #427ad6;}



.ej_rjxz_cjwt{padding-top: 6%;border-top: 1px solid #dcdcdc;}
.ej_rjxz_cjwt ul{}
.ej_rjxz_cjwt ul li{margin-bottom: 26px;background: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.15);transition: 0.4s;}
.ej_rjxz_cjwt ul li a{padding: 3.5% 3%;display: block;}
.ej_rjxz_cjwt ul li .bt{padding-left: 30px;font-size: 16px;line-height: 30px;background: url(../images/ej_rjxz_cjwt_Q.jpg) no-repeat left center;margin-bottom: 5px;}
.ej_rjxz_cjwt ul li .zy{font-size: 14px;color: #666666;line-height: 28px;padding-left: 30px;background: url(../images/ej_rjxz_cjwt_A.jpg) no-repeat left 5px;transition: 0.4s;}
.ej_rjxz_cjwt ul li .zy span{font-size: 14px;color: #1157b0;line-height: 28px;word-break: break-all;transition: 0.4s;}
.ej_rjxz_cjwt ul li:hover .bt{color: #fff;}
.ej_rjxz_cjwt ul li:hover .zy{color: #fff;}
.ej_rjxz_cjwt ul li:hover .zy span{color: #fff;}
.ej_rjxz_cjwt ul li:hover{background: #427ad6;}

.ej_rjxz_cysz{padding-top: 6%;border-top: 1px solid #dcdcdc;}
.ej_rjxz_cysz ul{}
.ej_rjxz_cysz ul li{margin-bottom: 26px;background: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.15);transition: 0.4s;}
.ej_rjxz_cysz ul li a{padding: 3.5% 3%;display: block;}
.ej_rjxz_cysz ul li .bt{font-size: 16px;line-height: 30px;margin-bottom: 5px;}
.ej_rjxz_cysz ul li .zy{font-size: 14px;color: #666666;line-height: 28px;transition: 0.4s;}
.ej_rjxz_cysz ul li .zy span{font-size: 14px;color: #1157b0;line-height: 28px;word-break: break-all;}
.ej_rjxz_cysz ul li:hover .bt{color: #fff;}
.ej_rjxz_cysz ul li:hover .zy{color: #fff;}
.ej_rjxz_cysz ul li:hover{background: #427ad6;}


.ej_list{margin-top: 20px;}
.ej_list ul{}
.ej_list ul li a{padding: 18px 0;border-bottom: 1px solid #dcdcdc;display: block;}
.ej_list ul li .bt{font-size: 16px;color: #333333;float: left;width: 90%;}
.ej_list ul li .sj{font-size: 16px;color: #808080;font-family: "Georgia";float: right;}
.ej_list ul li a:hover .bt{color: #427ad6;}
.ej_list ul li a:hover .sj{color: #427ad6;}

.ej_tt_list{margin-top: 40px;}
.ej_tt_list ul{}
.ej_tt_list ul li{box-shadow: 0 0 7px rgba(0,0,0,0.15);background: #fff;margin-bottom: 35px;transition: 0.4s;}
.ej_tt_list ul li .sj{float: left;width: 83px;height: 132px;background: url(../images/ej_tt_list_sj_bg.jpg) no-repeat;margin-left: 4%;margin-top: 4%;}
.ej_tt_list ul li .sj p{font-size: 30px;text-align: center;color: #fff;font-family: "Georgia";padding-top: 5px;}
.ej_tt_list ul li .sj span{font-size: 14px;text-align: center;display: block;color: #fff;font-family: "Georgia";padding-top: 5px;}
.ej_tt_list ul li .img{float: left;width: 26.31%;margin: 1.5% 3%;}
.ej_tt_list ul li .img img{width: 100%;}
.ej_tt_list ul li .con{float: left;width: 54%;margin-top: 4%;margin-bottom: 4%;}
.ej_tt_list ul li .con .bt{font-size: 18px;color: #333333;margin-bottom: 20px;font-weight: bold;}
.ej_tt_list ul li .con .zy{font-size: 12px;line-height: 24px;color: #808080;text-indent: 2em;}
.ej_tt_list ul li:hover{    background: #427ad6;}
.ej_tt_list ul li:hover .bt{ color: #fff;}
.ej_tt_list ul li:hover .zy{ color: #fff;}

.ej_nry{}
.ej_nry .d1{}
.ej_nry .d1 h2{font-size: 26px;color: #333333;text-align: center;margin-bottom: 10px;margin-top: 30px;}
.ej_nry .d1 div{text-align: center;font-size: 14px;color: #808080;margin: 10px 0;}
.ej_nry .d1 div span{font-family: "Georgia";}
.ej_nry .d2{border-top: 1px solid #dcdcdc;padding-top: 30px;}
.ej_nry .d2 p{font-size: 18px !important;color: #333333;margin-bottom: 1%;line-height: 32px;text-indent: 2em;}
.ej_nry .d2 table p{text-indent: 0!important;}
.ej_nry .d2 p img{max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    height: auto!important;}
.ej_nry .d3{border-top: 1px solid #dcdcdc;padding-top: 20px;}
.ej_nry .d3 a{display: block;font-size: 14px;color: #333333;padding: 10px 0;}
.ej_nry .d3 a:hover{color: #427ad6;}

.vsbcontent_img{text-indent:0!important; text-align:center;}
.vsbcontent_img img{ height:auto!important;}
.sy_main .sy_main_in .sj_part1{display: none;}

@media screen and (max-width: 1720px){
    .ej_dsj::before{    left: 12.7%;}
    .rjxz_xlcd>div select{width: 80%;}
    .ej_list ul li .bt{width: 80%;}

}
@media screen and (max-width: 1500px){
    .ej_tt_list ul li .con{width: 50%;}
}

@media screen and (max-width: 1400px){
    .ej_dsj::before{    left: 12.8%;}
}

@media screen and (max-width: 1200px){
    .ej_dsj::before{    left: 12.9%;}
    .ej_main{width: 100%;left: 0;}
    .ej_main_in{width: 90%;margin: 90px auto;}

}
@media screen and (max-width: 1110px){
    .ej_dsj::before{    left: 13%;}
    .rjxz_xlcd>div select{width: 75%;}
.sy_main .sy_main_in .part2{ margin-top: 30px;}
.sy_main .sy_main_in .part2 .tit .bt{font-size: 24px;}
.sy_main .sy_main_in .part2 .tit{ margin-bottom: 25px;}
.sy_main .sy_main_in .part3 .tit .bt{font-size: 24px;}
}
@media screen and (max-width: 850px){
    .ej_main{width: 100%;left: 0%;}
    .ej_ryjx ul li{width: 48%;}
    .ej_lbjs ul li{width: 48%;}
    .rjxz_xxk li a{    padding: 15px 40px;}
    .rjxz_xlcd>div{width: 90%;}
.ej_main_in .ejtop .dqwz{padding-top: 12px;}
    .ej_tt_list ul li{padding-top: 5%;padding-bottom: 5%;position: relative;}
    .ej_tt_list ul li .sj{    position: absolute;left: 5%;z-index: 2;margin: 0;}
    .ej_tt_list ul li .img{float: none;    width: 90%;margin: 0 auto 20px;}
    .ej_tt_list ul li .con{width: 90%;margin: 0 auto;float: none;}


    .sy_main .sy_main_in .part1{display: none;}
    .sy_main .sy_main_in .sj_part1{display: flex;margin-top: 0;margin-bottom: 35px;}
    .ej_nry .d1 h2{font-size: 24px;}
}




@media screen and (max-width: 650px){
    .ej_dsj ul li .con{    width: 70%;}
    .ej_dsj ul li .sj{    width: 21%;}
    .ej_dsj ul li::before{left: 23%;}
    .ej_dsj::before{    left: 24.2%;}

    .ej_ryjx ul li{width: 100%;}
    .ej_ryjx ul li a .img{height: auto;}
    .ej_ryjx ul li a .img img{height: auto;max-width: 100%;}
    .ej_lbjs ul li{width: 100%;}
    .ej_lbjs ul li a .img{height: auto;}
    .ej_lbjs ul li a .img img{height: auto;max-width: 100%;}

    .rjxz_xlcd>div span{    font-size: 14px;}
    .rjxz_xxk li a{padding: 10px 20px;font-size: 12px;}
    .rjxz_xxk li{    margin: 0 4px;}
    .ej_rjxz_fwjs ul{display: block;}
    .ej_rjxz_fwjs ul li{margin: 0 auto 50px;}

    .ej_list ul li .bt{width: 69%;}
    .ej_main_in .ejtop .dqwz{/*height: auto;*/ height: 3rem;line-height: 2.2rem;}
  .ej_nry .d1 h2{font-size: 24px;}
.ej_main_in .ejtop h2 {
    float:none;
}   
 .ej_main_in .ejtop .dqwz {
      display: block;
      float: left;
      color: #666666;
      padding-left: 20px;
      background: url(../images/ej_dqwz.png) left center no-repeat;
     }
.ej_main_in .ejtop {
    border-bottom: 1px solid #3869b9;
    padding-bottom: 16px;
    height: 64px;
}
}
@media screen and (max-width: 600px){
    .ej_dsj::before{    left: 24.5%;}
  .ej_nry .d1 h2{font-size: 24px;}
}
@media screen and (max-width: 450px){
    .ej_dsj::before{    left: 25%;}
  .ej_nry .d1 h2{font-size: 24px;}
.ej_nry .d1 h2{
font-size: 22px;
        line-height: 2.2rem;
}
}
@media screen and (max-width: 350px){
    .ej_dsj::before{    left: 25.5%;}
    .top .lj li{padding: 0 5px;}
    .top .search .txt{    width: 52px;}
  .ej_nry .d1 h2{font-size: 24px;}
}








/*二级页结束*/

/* 内容页视频样式 */
.ej_nry .d2 p video{
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    height: auto !important;
}


/*内容页项目符号*/
.xmfh{
 padding-left: 0;
}
.xmfh li{
    list-style-type: disc;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    padding-left: 2.3em;
}
.xmfh li p{
    line-height: 2em;
    display: inline;
}