.hide{visibility: hidden;position: absolute;z-index: -1;height: 0;}


/*banner begin*/


.fg{width:100%;height:auto;overflow:hidden;}


/*banner end*/



.box3{ clear:both; height:auto; overflow:hidden; padding:80px 0px 90px;background:#f2f4f7;}

.cpti_t{ height:auto; text-align:left; color:#333333; font-size:38px; line-height:38px; margin-bottom:55px;position:relative;}

.cpti_t:after{content:'';position:absolute;top:50%;left:-60px;height:2px;width:30px;background:#333;z-index:999;}

.box3_1{ clear:both; width:100%; height:auto;padding:0px 0;padding-bottom: 5px;}

.cpji_l{ float:left; width:25%; height:auto; margin-top: 38PX; }

.cpji_l .gd{width:100%;height:auto;overflow: hidden;padding-top:47px;}

.cpji_l .ggdd{width:100%;overflow: hidden;height:436px;overflow-y: scroll; background: #fff;}

.cpji_l .ggdd::-webkit-scrollbar-track{background-color: #f2f4f7;}

.cpji_l .ggdd::-webkit-scrollbar{width: 2px;background-color:#f2f4f7;}

.cpji_l .ggdd::-webkit-scrollbar-thumb{background-color: #027ad0;border: 1px solid #027ad0;}



.cpji_l ul{width:100%;height:auto;overflow:hidden;}

.cpji_l li{ height:auto; overflow:hidden; margin-bottom:5px; cursor:pointer;}

.cpji_l li.qcbj{margin-bottom:0px;}

.cpji_l li:last-child{margin-bottom:0px;}

.cpji_l li a{ display:block;line-height:58px; font-size:16px;}

.cpji_l li a span{ display:block; float:left; width:30px; position:relative; margin-right:20px;margin-left:37px;}

.cpji_l li a span em{ display:block; position:absolute; left:0; top:0;opacity:0;transition: all 1s ease; }

.dada{background:#027ad0; color:#fff; font-size:16px;}

.xiao{ background:none;color:#2b2b2b;}

.cpji_l li a.dada span em{opacity:1; }

.cpji_rr{float:right; width:72%; min-height:auto;background:url("tu.jpg")no-repeat center center;background-size:cover;position:relative;padding:50px 20px 59px 50px;margin-top:84px;margin-right:0px; height: 436px;}

.cpji_r{ width:100%; height:auto;text-align:left;}

.cpji_rr:after{content:'';position:absolute;top:-93px;right:-93px;width:130px;height:129px;background:url("bg1.png")no-repeat right top;z-index:999;}

.cp_nr{width:100%;height:100%;}

.cp_nr h2{font-size:36px;line-height:44px;color:#1b263f;font-weight:bold;}

.cp_nr span{font-size:16px;line-height:25px;color:#1b263f;font-weight:bold;font-family:Arial;}

.cp_nr1{margin-top:85px;}

.cp_nr1 p{margin-bottom:10px;}

.cp_nr1 p a{display:inline-block;width:138px;border:1px solid #027ad0;padding:10px 0px;position:relative;text-align: center;}

.cp_nr1 p a span{color:#027ad0;font-size:14px;line-height:24px;}

.cp_nr1 p a:after{content: '';width:0px;height:45px;position:absolute;top:0px;left:0px;background:#027ad0;}

.cp_nr1 p a:hover:after{ transition:800ms ease all;-moz-transition:800ms ease all;width:100%;}

.cp_nr1 p a:hover,.cp_nr1 p a:hover span{color:#fff;transition:800ms ease all;-moz-transition:800ms ease all;}

.cp_nr1 p a span{ position:relative; z-index:11}





.cp_nr1 p a:hover{color:#fff;}

.cptu{position:absolute;top:40px; right: 30px;width:450px;}

.cptu img{width:auto; height: 340px;}

/* @media(max-width:1440px){
.cptu {width:400px;}
} */

@media(max-width:1366px){

.cpji_rr:after{content:'';position:absolute;top:-73px;right:-73px;width:120px;height:119px;background:url("bg1a.png")no-repeat right top;z-index:999;}
.cptu {top:-25px;right:-25px;width:400px;}
}

@media(max-width:1280px){

.box3{padding: 60px 0px 70px;}

.cp_nr1 p a{padding:6px 0px;width:118px;}

.cp_nr1 p a span{font-size:12px;}

.cp_nr1 p a:after{height:36px;}

.cpti_t{font-size:24px;line-height:24px;margin-bottom:50px;}

.cpji_l ul{padding-top:0px;}

.cpji_l li a{line-height:50px;font-size:14px;}


.cp_nr h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.cpji_rr{width:71%;margin-top:73px;padding-right:0px;margin-right:0px;}

.cpji_rr:after{content:'';position:absolute;top:-73px;right:-73px;width:120px;height:119px;background:url("bg1a.png")no-repeat right top;z-index:999;}
.cpji_l .ggdd{height:272px;}
}

@media(max-width:1024px){

.cpji_l ul{padding-top:10px;}

.cpji_l li a span{width:10px;}

.cptu {position: absolute;top: -35px; width: 54%;right: 0px;}

.cpji_l .ggdd{ width:100%;height:auto;overflow: hidden;height:auto;overflow-y: hidden;}

.cpji_l .gd{padding-top:10px;}

}

@media(max-width:768px){

.box3{padding:40px 0px;}

.cpji_l,.cpji_rr{ float:none; width:100%;margin-top:0px;}

.cpji_rr:after{background:none;}

.cpji_l li{float:left;width:25%;margin-right:0px;}

.cpji_l li a span{margin-left:10px;margin-right:10px;}

.cptu{top:4px;}

.cpji_l{padding-top:0px;}

.cpti_t{margin-bottom:20px;}

.cp_nr h2{margin-bottom:0px;display: none;}

}

@media(max-width:414px){

.cp_nr1 p a span{font-size:14px;}

.box3{padding:20px 0px;}

.cpti_t{font-size:24px;line-height:24px;margin-bottom:10px;}

.cpji_l li{width:50%;margin-bottom:0px;}

.cpji_l li a{line-height:38px;}

.cpji_rr{margin-top:10px;padding:15px;background-size:cover;min-height:auto;}

.cp_nr h2{font-size:22px;line-height:30px;color:#1b263f;font-weight:bold;}

.cp_nr span{font-size:14px;line-height:28px;color:#1b263f;font-weight:normal;font-family:Arial;}

.cp_nr1{margin-top:10px;}

.cptu{position:static;width:100%;    margin: 0 auto;text-align: center;}





}

@media(max-width:375px){

.cpti_t{font-size:22px;line-height:22px;}

}

.cpti_t1{height:auto; text-align:center; color:#333333; font-size:38px; line-height:38px; margin-bottom:45px;position:relative; text-transform: uppercase;}

.cpti_tt{width:85%;height:auto;overflow:hidden;font-size:14px;line-height:30px;color:#788494;margin:0 auto;text-align:center;}



@media(max-width:1280px){

.cpti_t1{font-size:24px;margin-bottom:28px;}



}


@media(max-width:414px){

.cpti_t1{font-size:28px;line-height:24px;margin-bottom:20px;}

.cpti_tt{width:100%;line-height:22px;}

}

@media(max-width:375px){

.cpti_t1{font-size:22px;line-height:22px;}

}







.box5{clear:both; width:100%; height:auto; overflow:hidden;padding:0px 0 45px 0;}
.box5 .link{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.box5 .link li{
    width: 33.3333%;
    float: left;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}
.box5 .link li:last-child{
    border: 0;
}
.box5 .link li .border{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #555555;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto 20px;
}
.box5 .link li img{
    width: 42px;
    height: auto;
}
.box5 .link li h2{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.box5 .link li p{
    font-size: 14px;
    color: #999;
}
.cpti_tt1{width:556px;}

.xiqw{ height:auto;}

.cpt{height:auto;overflow:hidden;margin:0 auto;margin-top:60px;}

.cpt ul{width:100%;height:auto;overflow:hidden;}

.cpt li{float:left;width:25%;margin: 0 auto;text-align:center;}

.cpt li p{ margin-bottom: 0px;}

.cpt li span{font-size:42px;line-height:42px;color:#036eb8;}

.cpt li em{color:#036eb8;font-size: 25px;}

.cpt li h2{font-size:14px;line-height:38px;color:#788494;margin-top:10px;}


.hover_tu{background:url("") no-repeat 4px 20px;}


@media(max-width:1280px){

.box5{padding:60px 0px 80px 0px;}

.cpti_t1{font-size:24px;margin-bottom:20px;}


}

@media(max-width:1024px){


.box5{padding:40px 0 50px 0;}


.cpt{width:100%;margin-top:20px;}

}

@media(max-width:768px){

.cpti_tt1{width:100%;}

.cpt li span{font-size:30px;line-height:40px;}



}

@media(max-width:414px){

.box5{padding:20px 0 25px 0;}

.cpt li span{font-size:28px;line-height:38px;}

}






/* .dlcg{margin-top:94px;} */


.bann{width:100%;height:auto;overflow:hidden;position:relative;}



.con1,.con2{height:auto; padding-top:62px;clear:both;margin:0 auto;}

/* .con2{display:none;} */



@keyframes whirl {



            from {



                transform: rotate(0deg);



            }



            to {



                transform: rotate(360deg);



            }



        }

@keyframes wh {



            from {



                transform: rotate(360deg);



            }



            to {



                transform: rotate(0deg);



            }



        }



.xyin1{display:none;}


@media(max-width: 1280px){

.con1, .con2{padding-top:40px}

}

@media(max-width: 1024px){


.xxxx{width:100%;height:auto;overflow:hidden;padding:0px 20%;margin:0 auto;text-align:center;}


}

@media(max-width: 768px){

.con1,.con2{padding-top:30px;}

}



.lyly{width:100%;height:auto;overflow:hidden;padding-bottom:48px;position:relative;}

@media(max-width: 1280px){

.yy_t h2{font-size:24px;line-height:24px;}


}


.xgyy{background:#fff;}



/*产品详情*/