@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */








/*从此开始复制 */
.container{ width: 100%;}
.warp{width: 1200px; margin: 0px auto;}
.item_nav{ background: url(../images/top_icon_bg.jpg) center center no-repeat; width: 100%; height: 112px;}

.item_nav_lf{ float: left; }
.item_nav_lf img{ display: inline-block; margin-top: 37px;}
.item_nav_rt{ float: right; width: 823px; line-height: 112px;}
/*.item_nav_rt ul li{ float: left; margin-right: 1px;}
.item_nav_rt ul li a{ display: block; padding: 0 27px; color: #fff; font-size: 16px;position: relative;}
.item_nav_rt ul li a.omm{ color: #1CBDE9;}
.item_nav_rt ul li a.omm em{ height: 5px;  background: #1cbde9; top:0; position: absolute; left: 0;}
.item_nav_rt ul li a em{position: absolute; width: 100%; top: 0; left: 0;}
.item_nav_rt ul li a:hover{color: #1CBDE9;}
.item_nav_rt ul li a:hover em{ height: 5px; width: 100%; background: #1cbde9; top:0; position: absolute; left: 0;}*/

.nav {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    max-width: 100%;

}

.nav-item {
    color: #fff;
    padding: 0 27px;
    text-decoration: none;
    transition: .3s;
    margin: 0 4px;
    z-index: 1;
    font-size: 14px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    position: relative;
}
.nav-item:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #dfe2ea;
    border-radius: 8px 8px 0 0;
    opacity: 0;
    transition: .3s;
}

.nav-item:not(.is-active):hover:before {
    opacity: 1;
    bottom: 0;
}

.nav-item:not(.is-active):hover {
    color: #00f6ff;
}

.nav-indicator {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    transition: .4s;
    height: 5px;
    z-index: 1;
    border-radius: 8px 8px 0 0;
}

/*.banner_a{ position: absolute; top:63px;left:50%; width: 1200px; margin-left: -600px; height: 48px; text-align: center;}*/
/*.banner_a a.wycj{ width: 215px; height: 48px; display: inline-block; margin-right: 24px; }*/
/*.banner_a a.wyhz{ width: 215px; height: 48px; display: inline-block; margin-left: 5px;}*/

/*.banner_rt{text-align: right; padding-top: 65px;}*/
/*.banner_rt span{ font-size: 48px; color: #1a6dff; font-weight: bold; display: inline-block;padding-right: 5px;}*/
/*.banner_rt em{ font-size: 60px; color: #fff;font-weight: bold;}*/
.main_itmes_it1{ padding-top: 20px;padding-bottom: 82px;}
.titles{ height: 47px; line-height: 47px; position: relative; m}
.titles span{ position: relative; z-index: 2; display: inline-block; font-size: 36px; color: #212629;  font-weight: bold; background: #fff; padding-right: 18px;}
.titles span i{position: absolute; top: 14px; right: 0; width: 8px; height: 26px; background: #2861dc; font-style: normal; display: inline-block;}
.titles em{ position: absolute;width: 100%; height: 1px; background: #2861dc; top: 25px; left: 0; z-index: 1;}
.title_hy{ margin-bottom: 34px;}


.Box_con {position: relative; }
.Box_con .btnl {position: absolute;}

.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 184px;cursor: pointer;z-index: 999; opacity: .3;}
/*
.Box_con .btnl {background: url(../images/jt_lf.png) no-repeat center;left: 0px; z-index: 999;}
.Box_con .btnr {background: url(../images/jt_rt.png) no-repeat center;right: 0px;z-index: 999;}
.Box_con .btnl:hover{opacity: .85;}
.Box_con .btnr:hover{opacity: .85;}

*/
.Box_con .btns{ top: 90px;}
.Box_con .btnl1 {background: url(../images/jt_lf.png) no-repeat center;left: -42px; z-index: 999;}
.Box_con .btnr1 {background: url(../images/jt_rt.png) no-repeat center;right: -42px;z-index: 999;}
.Box_con .btnl1:hover{opacity: .85;}
.Box_con .btnr1:hover{opacity: .85;}

.Box_con .conbox {position: relative;/*overflow: hidden;*/}
.Box_con .conbox ul {position: relative;list-style: none;}
.Box_con .conbox ul li {float: left;width: 291px;height: 382px;border: 1px solid #eeeeee; margin-left: 12px;overflow: hidden; position: relative; text-align: center;}
.Box_con .conbox ul li a{ display: block;}
.Box_con .conbox ul li em { height: 135px;display:block;}
.Box_con .conbox ul li img{display:inline-block;transition: all 0.5s;}
.Box_con .conbox ul li:hover img {transform: scale(1.02);}
.Box_con .conbox ul li:hover .curom{ background: #2960db;}
.Box_con .conbox ul li:hover .curom span{ color: #fff;}
.Box_con .conbox ul li:hover .curom font{ color: #fff;}
.Box_con .conbox ul li:hover i.icon1{ color: #fff;background: url(../images/brt_icon_set1.png) no-repeat;}
.Box_con .conbox ul li:hover i.icon2{ color: #fff;background: url(../images/brt_icon_set2.png) no-repeat;}
.Box_con .conbox ul li:hover i.icon3{ color: #fff;background: url(../images/brt_icon_set3.png) no-repeat;}
.Box_con .conbox ul li:hover i.icon4{ color: #fff;background: url(../images/brt_icon_set4.png) no-repeat;}
.Box_con .conbox ul li span{ padding: 0 20px; display: block; padding-top: 30px; margin-bottom: 5px; font-family: "微软雅黑"; font-size: 22px; color: #333; line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Box_con .conbox ul li font{padding: 0 30px; display: block;  font-size: 16px; color: #333; line-height: 24px; font-family: "微软雅黑";}
.Box_con .conbox ul li i.icon1{width: 62px; height: 42px;background: url(../images/brt_icon1.png) no-repeat;}
.Box_con .conbox ul li i.icon2{width: 38px; height: 46px;background: url(../images/brt_icon2.png) no-repeat;}
.Box_con .conbox ul li i.icon3{width: 49px; height: 49px;background: url(../images/brt_icon3.png) no-repeat;}
.Box_con .conbox ul li i.icon4{width: 42px; height: 48px;background: url(../images/brt_icon4.png) no-repeat;}
.Box_con .conbox ul li i{position: absolute; bottom: 16px; right: 25px; display: block;   }
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li .curom{ height: 249px; background: #fff;}


.main_itmes_it2{padding-top: 50px;padding-bottom: 42px; background: #f1f1f1;}
.title_jb{ margin-bottom: 60px; margin-top: 90px; }
.title_jb span{ background: #f1f1f1;}
.itemsLjab{padding: 0 12px;}
.itemsLjab_list{ padding-top: 15px;}
.itemsLjab_list ul{ overflow: hidden; }
.itemsLjab_list ul li{ width: 214px; float: left; height: 290px; text-align: center; position: relative; margin-right: 106px; margin-bottom: 70px;}
.itemsLjab_list ul li.mg4{ margin-right: 0;}
.itemsLjab_list ul li:nth-child(4){ margin-right: 0;}
.itemsLjab_list ul li:nth-child(8){ margin-right: 0;}
.itemsLjab_list ul li em{display: block; border: 3px solid #fff; position: relative; z-index: 5; border-radius: 214px; height: 208px;overflow: hidden; background: #cfcfcf;}
.itemsLjab_list ul li i{position: absolute; top: 0; z-index: 10; right: 15px;  display: block; width: 49px; height: 49px; background: url(../images/new_icon.png) no-repeat;}
.itemsLjab_list ul li em img{ width: 100%;transition: all 0.5s;}
.itemsLjab_list ul li em:hover img{ transform: scale(1.05); z-index: 3; position: relative;}
.itemsLjab_list ul li em:hover{ -webkit-box-shadow: rgba(0,0,0,.25) 0 0 10px; box-shadow: rgba(0,0,0,.25) 0 0 10px;}
.itemsLjab_list ul li em a{ display: block;}
.itemsLjab_list ul li span{font-size: 24px; font-weight: bold; color: #333333; font-family: "微软雅黑"; display: block; margin-top: 10px;}
.itemsLjab_list ul li span a{color: #333333;}
.itemsLjab_list ul li span strong{ font-size: 14px; font-weight: normal;}
.itemsLjab_list ul li font{ font-size: 12px; color: #333;font-family: "微软雅黑"; margin-top: 7px;display: block;}
.itemsLjab_btn{ text-align: center; margin-top: 20px; margin-bottom: 40px;}
.itemsLjab_btn a{ display: inline-block; height: 54px; line-height: 54px; color: #fff; width: 222px; background: #2960db; font-size: 20px; border-radius: 4px;}

.main_itmes_it3{ background: #f1f1f1; padding-bottom: 70px; padding-top: 40px;}
.title_dt span {background: #f1f1f1;}

.main_itmes_it4{ background: url(../images/zbf-min.png) center center no-repeat;  padding-top: 128px; padding-bottom: 68px;}
.itmes_news{ padding: 0 96px;height: 300px;}
.itmes_news_title span{ font-size: 24px; color: #fff;}
.itmes_news_title span i{ font-style: normal; font-weight: 100; vertical-align: text-top;}
.itmes_news_title img{vertical-align:bottom; display: inline-block;}
.itmes_news_text{ margin-top: 38px;}
.itmes_news_text em{ font-size: 18px; font-weight: 200; color: #fff; line-height: 32px;font-family: "微软雅黑";}

.main_itmes_it5{ background: url(../images/hy_map.jpg) center center repeat-y;  height: 422px;}
.itmes_maps_lf{ float: left; width: 764px; height: 422px;}
.itmes_maps_rt{ float: right; width: 380px; padding-top: 68px;}
.itmes_maps_rt span{ font-size: 24px; color: #fff; font-family: "微软雅黑"; display: block; margin-bottom: 10px;}
.itmes_maps_rt ul li{ line-height: 32px; color: #fff; font-size: 14px; font-weight: 300;}
.itmes_maps_rt ul li img{ display: inline-block; margin-top: 5px;}



.fooer_warp{ width: 1200px; margin: 0 auto; padding-top: 68px; padding-bottom: 25px;}
.footer{ background: #030c43; }
.footer_lf{ float: left; border-right:1px solid #2f3556; width: 338px;height: 126px; }
.footer_lf span{ font-size: 18px; color: #ffffff; font-weight: 300; font-family: "微软雅黑"; display: block; margin-bottom: 7px; margin-top:5px;}
.footer_lf em{ font-size: 36px; color: #ffffff;font-weight: bold;display: block;margin-bottom:6px;}
.footer_lf i{ font-style: normal; font-size: 16px;font-family: "微软雅黑";display: block; color: #ffffff; font-weight: 300;}
.footer_ce{ float: left;}
.footer_ce_list{ float: left; margin-left: 50px;}
.footer_ce_list ul li{ font-size: 16px; color: #ffffff; font-weight: 300; line-height: 38px;}
.footer_ce_list ul li a{ color: #ffffff;}
.footer_rt{ float: right;}
.footer_rt span{ text-align: center; display: block; float: left;text-align: center; margin-right: 82px;}
.footer_bottom{line-height: 46px; border-top: 1px solid #2f3556;text-align: center; color: #fff;font-size:12px;font-family:"微软雅黑";}
.footer_bottom a{color: #fff;}
.footer_bottom a:hover{text-decoration: underline;}




.box_right{ width: 18px; position: fixed;  right: 30px; top: 100px; padding-top: 10px; _position: absolute; _bottom: auto; _top: expression(documentElement.scrollTop+140); z-index: 6; _top: 120px;}
.box_rt_top ul li{ width: 18px; text-align: center; line-height: 13px; margin-top: 5px; }
.box_rt_top ul li i{background: url(../images/solid.png) top center no-repeat; display: inline-block; height: 28px; width: 18px;}
.box_rt_top ul li a{ font-size: 14px; color: #888888; display: inline-block; width: 18px; margin-top: 5px; }
.box_rt_top ul li a:hover{ color: #2152c1; }
.box_rt_top ul li.omm a { background: url(../images/home.png) top center no-repeat; color: #2152c1; margin-top: 5px;padding-top: 20px;}

.speak_title{ text-align: center; font-size: 36px; line-height: 100px; color: #fff;  }
:root {filter:none;} 
.speak_title1{background: linear-gradient(to right,#235acd ,#0285fa); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #235acd, endColorstr = #0285fa); }
.speak_title2{background: linear-gradient(to right,#02cbfa ,#2796dc); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #02cbfa, endColorstr = #2796dc); }
.speak_title3{background: linear-gradient(to right,#02cbfa ,#02f6f9); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #02cbfa, endColorstr = #02f6f9); }
.speak_title4{background: linear-gradient(to right,#03fabb ,#27dbd0); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #03fabb, endColorstr = #27dbd0); }
.speak_title5{background: linear-gradient(to right,#27dc6b ,#59f803); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #27dc6b, endColorstr = #59f803); }

.speak1_text{ margin-top: 70px; padding-top: 10px;}
.itemsLjab_list_speak ul li em{display: block; border: 3px solid #fff; border-radius: 190px; height: 190px;overflow: hidden; background: #cfcfcf;}
.itemsLjab_list_speak ul li{ width: 192px; float: left; height: 290px; text-align: center; position: relative; margin-right: 57px; margin-bottom: 70px;}
.itemsLjab_list_speak ul li.mg5{ margin-right: 0;}
.itemsLjab_list_speak ul li:nth-child(4){ margin-right: 53px;}
.itemsLjab_list_speak ul li:nth-child(5){ margin-right: 0;}
.itemsLjab_list_speak ul li font{ font-size: 14px;}
.itemsLjab_list_speak ul li span{ font-size: 22px; font-weight: normal;}
.itemsLjab_list_speak ul li b{ display: block; font-weight: normal; height: 21px; font-size: 16px; color: #333; margin-top: 5px;}


.canjia{ text-align: center; }
.canjia img{ margin-top: 90px; }
.zhushi{ border-radius: 8px; margin-bottom: 20px; border: 1px solid #00a0e9; height: 34px; line-height: 32px; color: #000000; font-size: 18px; width: 556px; margin-left: 74px; margin-top: 20px;}
.zhushi em{ width: 60px; margin-right: 10px; border-radius: 8px 0 0 8px; text-align: center; background: #00a0e9; font-size: 18px; color: #fff; font-weight: bold; display: inline-block;}
.mag_canji{ margin-bottom: 120px;}
.hezuo{ width: 1200px; margin: 0 auto;}
.hezuo ul{ margin-top: 66px; margin-bottom: 80px; width: 1220px;}
.hezuo ul li{ float: left; width: 284px; border: 1px solid #eee; margin-right: 20px;}
.hezuo ul li span{ line-height: 66px;  display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 30px;  background: linear-gradient(to right,#2960dc ,#0179fe); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #2960dc, endColorstr = #0179fe);}
.hezuo_text{ padding: 30px;position: relative; height: 370px;}
.hezuo_text strong{ font-size: 22px; color: #333; display: block; margin-bottom: 10px;}
.hezuo_text em{ display: block; font-size: 16px; color: #333; line-height: 30px;}
.hezuo_text img{ position: absolute; bottom: 30px; left: 30px;}
.hezuo ul li:hover{-webkit-box-shadow: rgba(0,0,0,.10) 0 0 10px; box-shadow: rgba(0,0,0,.10) 0 0 10px;}

.zbuban_main{ padding-top: 60px;} 

.title_dw span{ background: #f1f1f1;}
.title_dw,.title_down{margin-bottom: 30px;}
.title_down span{ background: #fff;}

.danwei_list ul{ width: 1220px; padding-bottom: 85px; }
.danwei_list ul li{ width: 390px; height: 204px; margin-bottom: 20px; background: #fff; float: left; margin-right: 16px;-webkit-box-shadow: rgba(0,0,0,.10) 0 0 10px; box-shadow: rgba(0,0,0,.10) 0 0 10px;}
.danwei_list ul li span{ text-align: center; display: block; line-height: 44px; border-top: 1px solid #eeeeee; font-size: 18px; color: #000;}


.down_list {position: relative;overflow: hidden; margin-bottom: 85px;}
.down_list ul {position: relative;list-style: none;}
.down_list ul{ width: 1220px;  }
.down_list ul li{ position: relative; width: 397px; height: 230px; border: 1px solid #eeeeee; background: #fff; float: left; margin-left: 4px; }
.down_list ul li span{ text-align: center; display: block; line-height: 49px; font-size: 16px; color: #333;}
.down_list ul li:first-child { margin-left: 0;}


.down_list em{position: absolute; width: 100%; left: 0; bottom: 0; height: 71px; background: url(../images/lt_video_03.png) left center no-repeat;}
.down_list i{position: absolute; width: 100%; left: 0; bottom: 0; height: 41px; background: url(../images/hotos.png) left center no-repeat;}

.Agenda_main{ overflow: hidden; margin-top: 68px; margin-left: 6px; margin-right: 6px; margin-bottom: 100px;}
.Agenda_main_lf{ float: left; width: 180px; border: 1px solid #e5e5e5;border-right: 0;}
.Agenda_main_lf ul li{ border-bottom:1px solid #e5e5e5 ; background: #f4f4f6; text-align: center; }
.Agenda_main_lf ul li:last-child{ border-bottom: none;}
.Agenda_main_lf ul li a{ height: 59px; display: block; color: #000000; font-size: 18px; line-height: 59px;}
.Agenda_main_lf ul li.omms{ background: url(../images/omms.jpg) center center no-repeat; }
.Agenda_main_lf ul li.omms a{color: #fff;}
.Agenda_main_lf ul li:hover{ background: url(../images/omms.jpg) center center no-repeat; }
.Agenda_main_lf ul li a:hover{color: #fff;}

.Agenda_main_rt{ float: right; width: 1008px; border: 1px solid #e5e5e5;}
.Agenda_main_rt_time { display: block; text-align: center; border-bottom: 1px solid #e5e5e5; line-height: 59px; color: #2a60da; font-size: 24px; font-weight: bold;}
.Agenda_main_rt_text{ padding: 60px 80px;overflow: hidden;}
.Agenda_main_rt_text ul li{ margin-bottom: 50px;overflow: hidden;}
.Agenda_main_rt_text ul li img{border-radius: 110px;width: 100%; }
.Agenda_main_rt_text ul li font{ float: left;margin-right: 60px; width: 110px; height: 110px;  display: block; }
.Agenda_main_rt_text ul li strong{ font-size: 30px; color: #333; display: block; font-weight: normal; }
.Agenda_rt_text{position: relative; float: left; padding-left: 40px; margin-top: 10px;}

.Agenda_rt_text em{font-size: 24px;color: #333;}
.Agenda_rt_text span{ display: block; font-size: 18px; color: #888; margin-top: 10px;}
.Agenda_rt_text span i{font-style: normal; color: #2a60da;}
.Agenda_rt_text::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 17px;
    height: 17px;
    margin: 0;
    border-radius: 50%;
    z-index: 2;
    background: #d8d8d8;
}
.Agenda_rt_text span i::after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 1%;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    background: #d8d8d8;
}
.Agenda_rt_text::after {
    content: '';
    position: absolute;
    top:0;
    left:8px;
    width:1px;
    height: 100%;
    background: #d8d8d8;
}

.dzp_banner {
    width: 100%;
    height: 698px;
    background: url(../images/banner-min.jpg) no-repeat center;
    min-width: 1196px;
}
.wrap_dzp {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.dzp_banner .title1 img {
    display: block;
    position: absolute;
}
.dzp_banner .banner_w {
    top: 470px;
    left: 350px;
    -webkit-animation:fadeInUp 1.2s .1s ease-out both;animation:fadeInUp 1.2s .1s ease-out both;
}
.dzp_banner .banner_t {
    top: 525px;
    left: 365px;
    -webkit-animation:fadeInUp 1.4s .2s ease-out both;animation:fadeInUp 1.4s .2s ease-out both;
}
.dzp_banner .banner_o {
    top: 275px;
    left: 323px;
    -webkit-animation:fadeInUp 1s .8s ease-out both;animation:fadeInUp 1s .8s ease-out both;

}
.dzp_banner .banner_s {
    top: 134px;
    left: 164px;
    -webkit-animation:fadeInUp .8s .5s ease-out both;animation:fadeInUp .8s .5s ease-out both;


}




.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceIn {
    0%,	100%,	20%,	40%,	60%,	80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,	100%,	20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(30px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(30px)}
    100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

.dzp_banner .pics img {
    display: block;
    position: absolute;
}
.dzp_banner .piao1 {
    right: -50px;
    top: 347px;
    animation: move4 25s linear infinite normal;
    -moz-animation: move4 25s linear infinite normal;
    -webkit-animation: move4 25s linear infinite normal;
    -o-animation: move4 25s linear infinite normal;
}

@keyframes move4 {
    0% {
        bottom: 0px;
        right: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    25% {
        bottom: 20px;
        right: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    50% {
        bottom: 0px;
        right: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    75% {
        bottom: -20px;
        right: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    100% {
        bottom: 0px;
        right: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes move4 {
    0% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    25% {
        bottom: 20px;
        left: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    50% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    75% {
        bottom: -20px;
        left: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    100% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes move4 {
    0% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    25% {
        bottom: 20px;
        left: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    50% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    75% {
        bottom: -20px;
        left: -50px;
        opacity: 0.5;
        -webkit-transform: rotate(0deg);
    }
    100% {
        bottom: 0px;
        left: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
}



.Box_con .conbox ul li{-webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;}

.Box_con .conbox ul li:hover {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
}


.main_itmes_it_ld { background: #fff; padding-top: 40px; }
.liangdian_box{ overflow: hidden; padding-top: 40px; padding-bottom: 40px;}
.liangdian_lf{ float: left; padding-left: 20px; width: 622px; margin-top: 10px;}
.liangdian_lf ul li{ margin-bottom: 12px; background: #fff url(../images/ld_omm_03.jpg) 15px center no-repeat; border: 1px solid #93afed; padding-left: 34px; line-height: 38px; color: #000000; font-style: italic; font-size: 16px; border-radius: 38px;}
.liangdian_lf ul li:hover{background: #2960db url(../images/ld_omms_03.jpg) 15px center no-repeat; color: #fff;}
.liangdian_rt{float: right;}

.banner_rt{text-align: right; padding-top: 65px;}
.banner_rt span{ font-size: 48px; color: #1a6dff; font-weight: bold; display: inline-block;padding-right: 5px;}
.banner_rt em{ font-size: 60px; color: #fff;font-weight: bold;}



/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    .container{width: 129%;}
    .footer{    width: 129%;}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .container{width: 230%;}
    .footer{    width: 230%;}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .container{width: 320%;}
    .footer{    width: 320%;}
    .liangdian_lf ul li{ font-size:10px;line-height: 22px;}
}