*{
    margin: 0;
    padding: 0;
}
html,body{height:100%;overflow:hidden; font-family: "Microsoft YaHei";}
.section{
    height: 100% !important;
}
a{text-decoration: none;
    color: #fff;
}
.index_nav{
    height: 88px;
    background: #100F0B;
    padding-left: 80px;
    overflow: hidden;
}
.index_nav .nav_left{
    width: 268px;
    height: 70px;
    padding-top: 10px;
    float: left;
}
.index_nav .right_ul{
    float: right;
    overflow: hidden;
    padding-right: 40px;
}
.index_nav .right_ul li{
    list-style-type: none;
    float: left;
    margin-left: 30px;
}
.index_nav .right_ul li a{
    color: #9A9997;
    display: block;
    height: 71px;
    font-size: 16px;
}
.a_style{
    color: #fff !important;
    border-bottom: 2px solid #BA1A29 !important;
}
.index_nav .right_ul li a p{
    line-height: 30px;
}
.index_nav .right_ul li a .p1{
    margin-top: 14px;
}
.swiper-wrapper .swiper-slide{
    width: 100%;
    height: 862px;
    background: url("../img/index_logo1_02.jpg") no-repeat;
    background-size: 100% 862px;
}

#dowebok .index_2{
    background: url("../img/index2_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.index_2 .index_top{
    width: 450px;
    text-align: center;
    margin: 4% auto;
}
.index_2 .index_top .p1{
    color: #f10015;
    font-size: 24px;
}
.index_2 .index_top .p2{
    color: #919195;
    font-size: 16px;
    margin-top: 23px;line-height:24px;
}
.index_bottom{
    width: 850px;
    margin: auto;
    position: relative;
}
.index_bottom_li_style{
    background: url("../img/index2_li_bg_03.png") no-repeat !important;
}
.index_bottom .li1{
    position: absolute;
    top: 100px;
    left: 0;
}
.index_bottom .li2{
    position: absolute;
    top: 100px;
    left: 211px;
}
.index_bottom .li3{
    position: absolute;
    top: 100px;
    left: 421px;
}
.index_bottom .li4{
    position: absolute;
    top: 100px;
    left: 631px;
}
.index_bottom .li5{
    position: absolute;
    top: 222px;
    left: 105px;
}
.index_bottom .li6{
    position: absolute;
    top: 222px;
    left: 316px;
}
.index_bottom .li7{
    position: absolute;
    top: 222px;
    left: 526px;
}
.index_bottom .li8{
    position: absolute;
    top: 343px;
    left: 210px;
}
.index_bottom .li9{
    position: absolute;
    top: 343px;
    left: 422px;
}
.index_bottom li{
    width: 200px;
    height: 200px;
    background: url("../img/index2_img_bg_03.png") no-repeat;
    float: left;
    list-style-type: none;
    margin-left: 10px;
    -webkit-transition:all 1s ease;
    position: relative;
}
.index_bottom li .add{
    position: absolute;
    left: 10.4%;
    bottom: 0.05rem;
    display: none;
}
.index_bottom_add_style{
    display: block !important;
}
.index_bottom li img{
    margin-left: 65px;
    margin-top: 45px;
    -webkit-transition:all 1.5s ease;
}
.img_style_jd{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); /* Internet Explorer */
    -moz-transform:rotate(360deg); /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); /* Opera */
}

.index_bottom li p{
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
}

#dowebok .index_3{
    background: url("../img/index3_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.index_3 .index3_content{
    width: 1200px;
    margin: 50px auto;
}
.index_3 .index3_content .p1{
    color: white;
    font-size: 24px;
    text-align: center;
}
.index_3 .index3_content .index_jd{
    width: 1200px;
    margin: 10px auto;
    height: 40px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    background: url("../img/index3_bg1_03.png") no-repeat 0;
    background-size: 100%;
}
.index_3 .index3_content .index3_fs{
    width: 759px;
    height: 114px;
    margin: auto;
}
.index_3 .index3_content .index3_fs img{
    width: 100%;
}
.index_3 .index3_content .car_ul1{
    margin-left:13.2%;
}
.index_3 .index3_content .car_ul1 li{
    list-style-type: none;
    float: left;
    color: #EF9A05;
    border: 1px solid #DE9097;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    margin-right: 12.5%;
}
.look_more1{
    border: 1px solid #fff;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    margin-top: 30px;
}
.look_more1 img{
    float: right;
    margin-right: 20px;
    margin-top: 18px;
}
.index_4{
    background: url("../img/index4_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.index_4 .index4_content{
    padding: 50px 0;
    width: 1200px;
    margin: auto;
}
.index_4 .index4_content .p1{
    color: white;
    font-size: 24px;
    text-align: center;
}
.index_4 .index4_content .index_jd{
    width: 1200px;
    margin: 10px auto;
    height: 40px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    background: url("../img/index3_bg1_03.png") no-repeat 0;
    background-size: 100%;
}
.index_4 .index4_content .d1{
    overflow: hidden;
    padding-top: 4%;
}
.index_4 .index4_content .d1 .d1_left{
    width: 45%;
    height:500px;
    float: left;
    /*background: url("../img/index4_img1.jpg") no-repeat;*/
    /*background-size: 100% 100%;*/
    position: relative;
}
.index_4 .index4_content .d1 .d1_left .num{
    background: #ba1a28;
    background: #ba1a28;
    width: 90px;
    height: 80px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.index_4 .index4_content .d1 .d1_left .num .p1{
    padding-top: 8px;
}
.index_4 .index4_content .d1 .d1_left .num .p2{
    text-align: center; padding-top: 16px;
}
.index_4 .index4_content .d1 .d1_left .bottom{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,0.7);
    padding-left: 20px;
    position: absolute;
    bottom:0;
    color: #fff;
}
.index_4 .index4_content .d1 .d1_left .bottom .more{
    float: right;
    display: block;
    width: 80px;
    text-align: center;
    line-height: 50px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.index_4 .index4_content .d1 .d1_left .bottom .look_more{
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    float: right;
}
.index_4 .index4_content .d1 .d1_right{
    float: left;
    width: 55%;
    position: relative;
}
.index_4 .index4_content .d1 .d1_right ul li{
    float: left;
    width: 310px;
    margin-left: 20px;
    height: 240px;
    position: relative;
    list-style-type: none;
}
.index_4 .index4_content .d1 .d1_right ul .li1{
    /*background: url("../img/index4_img2.jpg") no-repeat;*/
    background-size: 100% 100%;
    margin-bottom: 20px;
 }
.index_4 .index4_content .d1 .d1_right ul .li2{
    /*background: url("../img/index4_img3.jpg") no-repeat;*/
    background-size: 100% 100%;
    margin-bottom: 20px;
}
.index_4 .index4_content .d1 .d1_right ul .li3{
    /*background: url("../img/index4_img4.jpg") no-repeat;*/
    background-size: 100% 100%;
}.index_4 .index4_content .d1 .d1_right ul .li4{
     /*background: url("../img/index4_img5.jpg") no-repeat;*/
     background-size: 100% 100%;
 }
.index_4 .index4_content .d1 .d1_right .num{
    background: #ba1a28;
    width: 90px;
    height: 80px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.index_4 .index4_content .d1 .d1_right .num .p1{
    padding-top: 10px;
}
.index_4 .index4_content .d1 .d1_right .num .p2{
    text-align: center;
    margin-top: 16px;
}
.index_4 .index4_content .d1 .d1_right .bottom{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,0.7);
    padding-left: 15px;
    position: absolute;
    bottom:0;
    color: #fff;
    font-size: 14.83px;
}
.index_4 .index4_content .d1 .d1_right .bottom .more{
    float: right;
    display: block;
    width: 60px;
    text-align: center;
    line-height: 50px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.index_4 .index4_content .d1 .d1_right .bottom .look_more{
    display: block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    float: right;
}
.index_4 .look_more1{
    margin-top: 8%;
}


.index_5{
    background: url("../img/index5_bg1.jpg") no-repeat;
    background-size: 100% 100%;
}
.index_5 .index5_content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding-top: 100px;
}
.index_5 .index5_content .cont_left{
    width: 46%;
    float: left;
    margin-left: 40px;
}
.index_5 .index5_content .cont_left .p1{
    font-size: 24px;
    padding-left: 20px;
    margin-bottom: 30px;
    position: relative;
}
.index_5 .index5_content .cont_left .p1 .logo1{
    position: absolute;
    left: 130px;
    top:15px;width:20px;
}
.index_5 .index5_content .cont_left .p2{
    font-size: 24px;
}
.index_5 .index5_content .cont_left p{
    font-size: 18px;
    color: #fff;
    height:50px;
    line-height: 60px;
}
.index_5 .index5_content .cont_left p .logo2{
    margin-right: 15px;
    float: left;
    margin-top: 20px;width:20px;
}
.index_5 .index5_content .cont_right{
    width: 50%;
    float: left;
}
.index_5 .index5_content .cont_right .p1{
    font-size: 24px;
    position: relative;
    margin-left: 90px;
    color: #fff;
}
.index_5 .index5_content .cont_right .p1 .logo1{
    position: absolute;
    left: 110px;
    top:0;width:25px;
}
.index_5 .index5_content .cont_right input{
    background: rgba(0,0,0,0);
    border:1px solid #777777;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 5px;
    color: #666 !important;
}
.index_5 .index5_content .cont_right .name{
    width: 50%;
    margin-right: 3%;
    margin-left: 90px;
}
.index_5 .index5_content .cont_right .sex{
    width: 30%;
}
.index_5 .index5_content .cont_right .phone{
    width: 84%;
    margin-left: 90px;
}
.index_5 .index5_content .cont_right textarea{
    background: rgba(0,0,0,0);
    border:1px solid #777777;
    width: 84%;
    margin-top: 20px;
    height: 150px;
    border-radius: 10px;
    padding: 20px;
    margin-left: 90px;
    font-size: 18px;
}
.index_5 .index5_content .cont_right .get{
    display: block;
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #d64e02;
    color: #fff;
    font-size: 20px;
    float: right;
    margin-right:9px;
    margin-top: 20px;
}
.index_5 .index5_content .bottom{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
    height: 280px;
}
.index_5 .index5_content .bottom div{
    float: left;
    padding: 0 66px;
    margin-top: 50px;
    height: 165px;
    border-right: 1px solid #fff;
    line-height: 40px;
}
.index_5 .index5_content .bottom div dl dt{
    font-size: 20px;
}
.index_5 .index5_content .bottom div dl dd{
    font-size: 16px;
}
.index_5 .index5_content .banquan li{
    float: left;
    margin-left: 20px;
    margin-right: 30px;
    list-style-type: none;
    margin-top: 30px;
    font-size: 16px;
}
.index_5 .index5_content .foot_bq{
    clear: both;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 15px;
}

    /*产品列表*/
html{
    overflow-x: hidden;
    overflow-y: hidden;
}

.wrap{
    position: relative;
    background: #fff;
}
.pro_head{
    height: 85px;
    width: 86%;
    background: black;
    padding-left: 8%;
    padding-right: 6%;
}
.pro_head .logo1{
    margin-top: 7px;
}
.pro_head .weixin{
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}
.pro_head .nav_ann{
    float: right;
    margin-top: 15px;
}
.pro_nav1{
    position: absolute;
    top:85px;
    right: 0;
    z-index: 100;
    background: #ba1928 url("../img/nav_bg_03.png") no-repeat;
    background-size: 100% 100%;
    width: 17%;
    height: 97.7%;
    transition: all 1s ease;
}
.pronav_style1{
    right: -17%;
}
.pro_nav1 .ul1{
    margin-top: 107px;
}
.pro_nav1 .ul1 .li1{
    margin-left: 30px;
}
.pro_nav1 .ul1 .li2{
    margin-left: -10px;
}
.pro_nav1 .ul1 .li3{
    margin-top: 48px;
}
.pro_nav1 .ul1 .li4{
    margin-top: 48px;
}
.pro_nav1 .ul1 .li5{
    margin-top: 51px;
}
.pro_nav1 .ul1 li a{
    display: block;
    width: 100%;
    height: 50px;
    color: #fff;
    margin-top: 50px;
    text-align: center;
    margin-left: 10px;
    font-size: 16px;
    line-height: 50px;
    transition: all 1s ease;
}
.pro_nav1 .ul1 li a:hover{
    transform:rotateY(360deg);
}
.pro_nav1 li{
    list-style-type: none;
}
.pro_content{
    width: 100%;
    background: url("../img/content_bg.jpg") no-repeat;
    background-size: 40% 100%;
}
.pro_content .content_d1{
    width: 60%;
    height: 800px;
    margin-left: 22%;
    position: relative;
}
.pro_content .content_d1 .li_nav{
    overflow: hidden;
    padding-top: 80px;
    width: 460px;
    margin: auto;
    position: relative;
}
.pro_content .content_d1 .li_nav a{ color:#717171;
}
.pro_content .content_d1 .li_nav li{
    float: left;
    text-align:  center;
    font-size: 14px;
    width: 50%;
    /*padding: 0 20px;*/
    background: url("../img/li_logo1_03.png") no-repeat center bottom;
    height: 40px;
    list-style-type: none;
    cursor: pointer;
	/*color: #717171;*/
}
.pro_content .content_d1 .li_nav::after{
    content: '';
    width: 460px;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left:0; z-index:-1;
    background: #717171;
}
.li_nav_style{
    color: #BF3542;
    background: url("../img/li_logo2_03.png") no-repeat center bottom !important;
}
.pro_content .content_d1 .d1_cont{
    max-height:550px;
    overflow: auto;
    margin: auto;
}
.d1_cont::-webkit-scrollbar-thumb{
    background:#FFA711;
    border-radius:4px;
}
.pro_content .content_d1 .d1_cont ul{
    overflow: hidden;
    width: 90%;
    margin: auto;
}
.pro_content .content_d1 .d1_cont ul li{
    list-style-type: none;
    border-bottom: 1px dashed #ECECEC;
    overflow: hidden;
    padding: 2%;
    position: relative;
    transition: all ease 1s;
}
.pro_content .content_d1 .d1_cont ul li .left{
    width: 20.3%;
    height: 138px;
    float: left;
    overflow: hidden;
}
.pro_content .content_d1 .d1_cont ul li .left img{
    width: 100%;
    height: 100%;
    transition: all ease 1s;
}
.pro_content_li_style{
    transform: scale(1.5);
}
.pro_content .content_d1 .d1_cont ul li .right{
    float: left;
    width: 75%;
    margin-left: 2%;
    font-size: 14px;
    color: #A6A6A6;
    line-height: 25px;
}
.pro_content .content_d1 .d1_cont ul li .right .p1{
    color: #757575;
    font-size: 18px;
    margin-top: 10px;
}
.pro_content .content_d1 .d1_cont ul li .right .p2 .look_more{
    color: #BF3542;
    float: right;
    margin-right: 10px;
}
.pro_content .content_d1 .d1_cont ul li .right .p2 a{
    color: #757575;
}
.pro_banq{
    text-align: center;
    width:100%;
    height: 60px;
    line-height: 60px;
    position: fixed;
    bottom: 0;
    background: #f8f8f8;
}
.prodect_d1_cont{
    margin: auto;
    overflow: hidden;
    position: relative;
}

/*单页*/
.cut_content{
    background: url("../img/dy_bg_02.jpg") no-repeat;
    background-size: 40% 100%;
}
.cut_content .content_d1{
    height: 800px;
    width: 52%;
    margin-left: 30%;
    position: relative;
}
.cut_content .content_d1 .hengx{
    border-top: 1px solid #707070;
    width: 58%;
    position: absolute;
    top: 115px;
    left: 16%;
}
.cut_content .content_d1 .li_nav{
    padding-top: 80px;
    height: 40px;
    position: relative;
    width: 464px;
    margin: auto;
}
.cut_content .content_d1 .li_nav::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left:0; z-index:-1;
    background: #717171;
}
.cut_content .content_d1 .li_nav a{ color:#717171;}
.cut_content .content_d1 .li_nav li{
    float: left;
    text-align:  center;
    font-size: 14px;
    background: url("../img/li_logo1_03.png") no-repeat center bottom;
    height: 40px;
    list-style-type: none;
    cursor: pointer;
	
    width: 25%;
}
@-webkit-keyframes buzz-out {
          0% {
            -webkit-transform: translateX(3px) rotate(2deg);
          }
          100% {
            -webkit-transform: translateX(-3px) rotate(-2deg);
          }
}
.cut_content .content_d1 .li_nav li:hover ,.pro_content .content_d1 .li_nav li:hover{color: #BF3542;background: url(../img/li_logo2_03.png) no-repeat center bottom !important; -webkit-animation-name: buzz-out;
            -webkit-animation-duration: 0.75s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;}
.cut_content .content_d1 .content_d1_bottom{
    max-height: 65%;
    overflow: auto;
    margin-top: 3%;
    margin-left: 8%;
    clear: both;
}
.cut_content .content_d1 .content_d1_bottom::-webkit-scrollbar {
         width:10px;
         height:10px;
     }
.cut_content .content_d1 .content_d1_bottom::-webkit-scrollbar-button    {
    background-color:#A6A6A6;
    display: none;
}
.cut_content .content_d1 .content_d1_bottom::-webkit-scrollbar-track     {
    background:#A6A6A6;
}
.cut_content .content_d1 .content_d1_bottom::-webkit-scrollbar-thumb{
    background:#707070;
    border-radius:4px;
}

.img_content .content_d1 .d1_cont1::-webkit-scrollbar {
    width:10px;
    height:10px;
}
.img_content .content_d1 .d1_cont1::-webkit-scrollbar-button    {
    background-color:#A6A6A6;
    display: none;
}
.img_content .content_d1 .d1_cont1::-webkit-scrollbar-track     {
    background:#A6A6A6;
}
.img_content .content_d1 .d1_cont1::-webkit-scrollbar-thumb{
    background:#707070;
    border-radius:4px;
}

.pro_content .content_d1 .d1_cont::-webkit-scrollbar {
    width:10px;
    height:10px;
}
.pro_content .content_d1 .d1_cont::-webkit-scrollbar-button    {
    background-color:#A6A6A6;
    display: none;
}
.pro_content .content_d1 .d1_cont::-webkit-scrollbar-track     {
    background:#A6A6A6;
}
.pro_content .content_d1 .d1_cont::-webkit-scrollbar-thumb{
    background:#707070;
    border-radius:4px;
}




.cut_content .content_d1 .content_d1_bottom::-webkit-scrollbar-track-piece{
    background: #A6A6A6;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1  img{
    width:auto; max-width:100%;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1{
    width: 73%;
    /*padding-bottom: 50px;*/
    margin-left: 8%;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1 p{ line-height:2;
    font-size: 16px;
    color:#949494;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1 .p1{
    font-size: 16px;
    text-align: center;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1 .p2{
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.cut_content .content_d1 .content_d1_bottom .bottom_d1 .p3{
    line-height: 35px;
}

/*图文列表*/
.img_content{
    background: url("../img/imglist_bg_02.jpg") no-repeat;
    background-size: 40% 100%;
}
.img_content .content_d1 .img_div1{
    width: 26%;
    list-style-type: none;
    font-size: 14px;
    float: left;
    margin-left: 6.3%;
    margin-top: 30px;
    position: relative;
}
.img_content .content_d1 .img_div1 img{
    width: 100%;
}
.img_content .content_d1 .img_div1 p{
    color: #707070;
    line-height: 25px;
}
.img_content .content_d1 .img_div1 p a{
    color: #ba1928;
    float: right;
    margin-top: 3px;
}
.img_content .content_d1 .img_div1 .p1{
    font-size: 18px;
    overflow:hidden;
    width: 84%;
    text-overflow:ellipsis;
    white-space:nowrap;
    float: left;
}
.img_content .content_d1 .img_wrap{
    width: 92%;
}
.img_content .content_d1 .d1_cont1{
    width: 100%;
    max-height: 585px;
    padding-bottom: 15px;
    overflow: auto;
}

/*新闻列表*/
.news_content{
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.new_content{
    background: url("../img/new_bg_02.jpg") no-repeat;
    background-size: 40% 100%;
}
.new_content .content_d1_bottom .bottom_d1 p{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ECECEC;
    margin-left: 50px;
    padding-right: 10px;
}
.new_content .content_d1_bottom .bottom_d1 p img{
    float: right;
    margin-top: 15px;
}
.new_content .content_d1_bottom .bottom_d1{
    width: 80% !important;
}
.news_cont_d1{
    margin: auto;
    overflow: hidden;
    position: relative;
}
.last,.prev{
    color: #000000 !important;
    display: block;
    border-radius: 0.1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-left: 8rem;
    margin-top: 0.8rem;
}
.cut_content .content_d1 .li_nav li a{
    color: #333 !important;
}

/*首页动画*/
body{background:#f8f8f8; margin:0;}
img{border:0; vertical-align:middle;}
.focus{width:100%; margin:0 auto; position:relative; overflow:hidden;}
.images{overflow:hidden; position:relative;}
.images .item{position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden; opacity:0; transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear;}
.images .item img{width:100%;height:100%;}
.images .active{opacity:1;}
.control{position:absolute; bottom:30px; width:100%; text-align:center;}
.control span{display:inline-block; cursor:pointer; background:rgba(255,255,255,0.5); color:#fff; width:100px; height:8px; text-align:center; line-height:25px; margin:0 8px;}
.control span.active{background:#fff;}
.title{position:absolute; left:0; top:30%; width:100%;}
.title div{position:absolute; left:0; top:-200px; color:#fff; padding:20px 0;margin:0; width:1040px; opacity:0; transform:translateX(-300px); -webkit-transform:translateX(-300px); transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out;}
.title div.active{opacity:1; margin-left: 40%}
.title .p1{
    opacity: 0;  transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out;
}
.title .p1.active{ transform:translateX(-300px); -webkit-transform:translateX(-300px);opacity: 1 ;}


.focus{ position: relative;  }
.focus .title .p1{  font-size: 30px;  color: white;  text-align: right;  margin-right: -250px;  float: right;  height: 50px;  line-height: 50px;  margin-top: -220px;}
.focus .title .p1 img{float: left;  margin-top: 10px;  margin-right: 15px;}
.focus .title  a{  display: block;  width: 200px;  height: 40px;  font-size: 16px;  border: 1px solid #fff;  padding-left: 18px;  color: #fff;  line-height: 40px;  margin-top:25%;  margin-left: 45%;}
.focus .title a img{  margin-left: 10px;  float: right;  margin-right:15px;  margin-top: 13px;  }








.active .index_top{
    visibility: visible !important;
    animation-name: bounceInDown !important;
}
.active .index_bottom li{
    visibility: visible !important;
    animation-name:bounceInLeft  !important;
}
.active .d3_div1{
    visibility: visible !important;
    animation-name:bounceInDown  !important;
}
.active .banner{
    visibility: visible !important;
    animation-name:bounceInUp  !important;
}
.active .poster-main{
    visibility: visible !important;
    animation-name:bounceInUp  !important;
}
.active .look_more1{
    visibility: visible !important;
    animation-name:zoomInUp  !important;
}
.active .d4_tit1{
    visibility: visible !important;
    animation-name:zoomIn  !important;
}
.active .d1 .d1_left{
    visibility: visible !important;
    animation-name:zoomIn  !important;
}
.active .d1 .d1_right li{
    visibility: visible !important;
    animation-name:zoomIn  !important;
}
.active .index4_content .look_more1{
    visibility: visible !important;
    animation-name:zoomIn  !important;
}
.active .index5_content .cont_left{
    visibility: visible !important;
    animation-name:zoomInLeft  !important;
}
.active .index5_content .cont_right{
    visibility: visible !important;
    animation-name:zoomInRight  !important;
}
.active .index5_content .d5_bottom1{
    visibility: visible !important;
    animation-name:zoomInUp  !important;
}
.d5_bottom1{
    clear: both;
    color: #fefefe;
}

/*插件轮播*/
.poster-main{
    position: relative;
    margin: 90px auto 50px;
}
.poster-main .poster-list .poster-item{
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
}
.poster-main .poster-btn{
    position: absolute;
    top: 0;
    cursor: pointer;
}
.poster-main .poster-prev-btn{
    left: 0;
    background: url("../img/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
    right: 0;
    background: url("../img/btn_r.png") no-repeat center center;
}
/*二维码弹框样式*/
#goodcover {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 133%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80);
}
#code {
    width: 300px;
    height: 300px;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    display: none;
    left: 45%;
    z-index: 1002;
}
.close1 {
    width: 300px;
    height: 60px;
}
#closebt {
    float: right;
}
#closebt img {
    width: 20px;
}
.goodtxt {
    text-align: center;
}
.goodtxt p {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.code-img{
    width: 250px;
    margin: -25px auto;
}
.code-img img {
    width: 100%;
}

@media (max-width: 1920px){
    .pro_nav1 .ul1 .li5{
        margin-top: 28px;
    }
    .cut_content .content_d1 .li_nav{
        padding-top: 50px !important;
    }
    .cut_content .content_d1 .content_d1_bottom{
        margin-top: 1%;
    }
    .index_5 .index5_content .banquan li{
        margin-top: 15px;
    }
    .index_4 .index4_content{
        padding: 25px 0;
    }
    .index_3 .index3_content{
        margin: 30px auto;
    }
    .poster-main{
        margin: 75px auto 50px;
    }
    .index_bottom .li1{
        top: 60px;
    }
    .index_bottom .li2{
        top: 60px;
    }
    .index_bottom .li3{
        top: 60px;
    }
    .index_bottom .li4{
        top: 60px;
    }
    .index_bottom .li5{
        top: 182px;
    }
    .index_bottom .li6{
        top: 182px;
    }
    .index_bottom .li7{
        top: 182px;
    }
    .index_bottom .li8{
        top: 303px;
    }
    .index_bottom .li9{
        top: 303px;
    }
    .pro_nav1{
        height: 94%;
    }
    .pro_nav1 .ul1{
        margin-top: 77px;
    }
    .img_content .content_d1 .d1_cont1{
        max-height: 547px;
    }
    .index_5 .index5_content .bottom{
        height: 225px;
    }
    .index_5 .index5_content{
        padding-top: 50px;
    }
    .index_5 .index5_content .bottom div{
        margin-top: 15px;
    }
    .pro_nav1 .ul1 .li3{
        margin-top: 26px;
    }
    .pro_nav1 .ul1 li a{
        margin-top: 26px;
    }
    .pro_nav1 .ul1 .li2{
        margin-left: -16px;
    }
    .images{
        height: 860px !important;
    }
    .focus .title .p1{
        margin-top: -203px;
    }
    .index_4 .index4_content .d1{
        padding-top: 20px;
    }
    .index_4 .look_more1{
        margin-top: 30px;
    }
    .index_5 .index5_content{
        padding-top: 30px;
    }
    .index_5 .index5_content .bottom{
        height: 225px;
    }
    .cut_content .content_d1{
        height: 651px;
    }
    .pro_content .content_d1{
        height: 652px;
    }
    .img_content .content_d1 .d1_cont1{
        max-height: 430px !important;
    }
    .pro_content .content_d1 .d1_cont{
        max-height: 430px;
    }
    .index_5 .index5_content .foot_bq{
        padding-top: 7px;
    }
}

#dowebok .index_21{
    background: url("../img/index21_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
#dowebok .index_22{
    background: url("../img/index22_bg.jpg") no-repeat top center;
    background-size: cover; 
}