body{

    font-size: 14px;

    font-family: Microsoft YaHei;

    color: #000;

    padding: 0px;

    margin: 0 auto;

    overflow-x: hidden;

}

body a {

    color: #000;

    text-decoration: none;

    transition: all ease 0.3s;

}

body li {

    list-style-type: none;

}

p, ul, li,h5,h4,h3,h2,h1 {

    padding: 0px;

    margin: 0 auto;

    list-style-type: none;

}

img, a img {

    border: 0px;

    padding: 0px;

    margin: 0px;

    vertical-align: middle;

}

input{outline:none}

header{position: relative;}

#sjheader{

    

display: none;

}

.header_w{

    width: 75%;

    margin: 0 auto;

    padding: 1% 0%;

    height: 72px;

    line-height: 72px;

}

.header_wl{

    float: left;

    width: 23%;

}

.header_ywss{

    float: right;

    width: 6%;

    margin-left: 4%;

}

.header_ywssyy{

    float: left;

    position: relative;

    background: url(../images/xhws.png) right;

    background-repeat: no-repeat;

    padding-right: 19px;

    background-position-y: 35px;

    background-size: 14px;

}

.header_ywssyy h2{

    font-weight: 500;

    font-size: 14px;

}

.header_ywssyy .qtyy{

    display: none;

}

.header_ywssyy:hover .qtyy{

    display: block;

    position: absolute;

    top: 100%;

    left: -100%;

    text-align: center;

    z-index: 999;

}

.qtyy a{

    display: block;

    line-height: 1.6;

    background: #fff;

    border: solid 1px #eee;

    padding: 4px 21px;

    font-size: 14px;

}

.qtyy a:hover{

    

background: #1e50ae;

    

color: #fff;

    

border: solid 1px #1e50ae;

}

.header_ywssss{

    float: right;

    position: relative;

}

.header_ywssss:hover .suosou{

   

}

.suosou{

    

display: none;

     border: solid 1px #cacaca;

    border-radius: 60px;

    width: 170px;

    padding: 5px 14px;

    background: #fff;

    top: 25%;

    left: -163px;

position: absolute;

}

.input-keyword{

    border: 0px;

    color: #666;

    display: block;

    float: left;

    line-height: 24px;

    width: 129px;

    padding: 0px;

    margin: 0px;

    background: none;

}

.search-btn{

    border: 0px;

    background: url(../images/ssan.png);

    width: 22px;

    height: 22px;

    float: right;

    background-size: 100%;

}

.header_wl img{

    width: 100%;

}

.header_wr{

    float: right;

    width: 67%;

    line-height: 4.6;

}

.header_wr ul{

}

.header_wr ul li:hover{


    background-repeat: no-repeat;

    padding-right: 27px;

    background-position-y: 32px;

}

.header_wr ul li:nth-of-type(1){

    

background: none!important;

    

padding: 0px;

}

.header_wr ul li{

    float: left;

    font-size: 16px;

    width: 9%;

    text-align: right;

    margin-left: 4%;


    background-repeat: no-repeat;

    padding-right: 27px;

    background-position-y: 32px;

}

.header_wr ul li:nth-of-type(1) .class2{

    display: none!important;

}

.header_wr ul li:hover .class2{

    display: block;

    z-index: 99;

    border-top: solid 2px #1e50ae;


    background-color: #ffffff!important;

    background-repeat: no-repeat!important;

}

.header_wr ul li:hover .class2 .erjiw{


}

.header_wr ul li .class2{

    display: none;

    position: absolute;

}

.header_wr ul li .class2 li{

    width: auto;

    font-size: 14px;

    float: left;


    text-align: center;

    padding: 0%;

    margin: 0%;

    line-height: 2.4;

    background: none;

    padding: 0%;

}

.header_wr ul li .class2 li:hover{

    

/* background: #ec8a1b; */

}

.header_wr ul li .class2 li:hover a{



color: #fff;

}

.header_wr ul li .class2 li a{

    color: #666;

    text-align: left;

}

.header_wr ul li .class2 li a h3{

    color: #1e50ae;

    font-size: 18px;

    font-weight: bold;

    margin-top: 23px;

}

.header_wr ul li .class2 li a img{}

.header_wr ul li a{

    color: #000;

}

.header_wr ul li .class2 li .class3{}

.header_wr ul li .class2 li .class3 li{

    padding: 0px;

    margin: 0px;

    float: none;

    line-height: 3;

    background: none!important;

}

.header_wr ul li .class2 li .class3 a{

    display: block;

    float: none;

    font-size: 16px;

    font-weight: bold;

    color: #888;

}

.header_wr ul li:hover a{

    color: #1e50ae;

}

.banner img{

    

width: 100%;

}

.about_plate{

    overflow: hidden;

    width: 100%;

    position: relative;

}

.about_platel{

    float: left;

    width: 50%;

    transform: translate(-200%);

    opacity: 0;

    transition: all 1s ease-out;

}

.about_platel img{

    width: 100%;

}

.about_plater{

    position: absolute;

    left: 50%;

    width: 44%;

    padding: 3%;

    height: 78%;

}

.about_plater h3{

    font-weight: 500;

    font-size: 1.7vw;

    color: #1e50ae;

    margin-bottom: 4%;

    transform: translate(200%);

    opacity: 0;

    transition: all 1.2s ease-out;

}

.about_plater p{

    color: #666;

    line-height: 2;

    font-size: 16px;

    text-indent: 35px;

    transform: translate(300%);

    opacity: 0;

    transition: all 1.2s ease-out;

}

.about_plater a{

    display: block;

    text-align: right;

    margin-top: 12%;

    color: #666;

    font-size: 14px;

    transform: translate(200%);

    opacity: 0;

    transition: all 1.4s ease-out;

}

.about_plater a:hover{

    color: #1e50ae;

}

.platebt{

    text-align: center;

    border-bottom: solid 1px #eee;

}

.platebt h2{

    display: inline-block;

    color: #1e50ae;

    font-weight: bold;

    font-size: 32px;

    border-bottom: solid 2px #1e50ae;

    padding-bottom: 1.5%;

    opacity: 0;

    transform: translatey(100%);

    transition: all .8s ease-out;

}

.pro_plate{

    margin-top: 3%;

}

.pro_plate ul{

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 4%;

}

.pro_plate ul li{

    float: left;

    width: 23.3%;

    margin-right: 2%;

    margin-bottom: 2%;

    position: relative;

    opacity: 0;

    transform: translatey(150%);

    transition: all 1s ease-out;

}

.pro_plate ul li:nth-of-type(4n){

    

margin-right: 0%;

}

.pro_plate ul li img{

    border: solid 1px #dcdcdc;

    width: 100%;

}

.pro_plate ul li h2{

    color: #666;

    font-weight: 500;

    font-size: 16px;

    padding-top: 4%;

}

.pro_plate ul li a{

    display: none;

}

.pro_plate ul li:hover a{

    display: block;

    position: absolute;

    top: 0%;

    width: 100%;

    height: 88%;

    text-align: center;

    font-size: 8vw;

    color: #fff;

    line-height: 1.8;

    background: rgba(235, 137, 29, 0.77);

}

.nrgd{



display: block;



color: #666666;



width: 180px;



margin: 0 auto;



border: solid 1px #dcdcdc;



text-align: center;



padding: 0.8% 0%;



margin-top: 2%;

}

.nrgd:hover{

    

background: #1e50ae;

    

color: #fff;

}

.xsfc_palte{

    background: url(../images/xsfcbj.jpg);

    background-size: 100%;

    background-repeat: no-repeat;

    margin-top: 4%;

}

.xsfc_paltew{

    width: 80%;

    margin: 0 auto;

    overflow: hidden;

    padding: 4% 0%;

}

.xsfc_paltewl{

    float: left;

    width: 32%;

}

.xsfc_paltewl h2{

    font-size: 54px;

    color: #1e50ae;

    padding-top: 18%;

    transform: translate(-150%);

    opacity: 0;

    transition: all 1s ease-out;

}

.xsfc_paltewl h3{

    font-size: 24px;

    font-weight: 500;

    color: #fff;

    padding-top: 3%;

    transform: translate(-200%);

    opacity: 0;

    transition: all 1.2s ease-out;

}

.xsfc_paltewl h4{

    font-size: 24px;

    color: #fff;

    padding-top: 6%;

    transform: translate(-300%);

    opacity: 0;

    transition: all 1.4s ease-out;

}

.xsfc_paltewl h4 img{

    

width: 7%;

}

.xsfc_paltewr{

    float: right;

    width: 51%;

    overflow: hidden;

}

.started .xsfc_paltewrl{

    

transform: scale(1.0);

}

.started  .xsfc_paltewrrt{

    transform: scale(1.0);

}

.started  .xsfc_paltewrrb{

    transform: scale(1.0);

}

.xsfc_paltewrl{

    float: left;

    position: relative;

    background: #1e50ae;

    width: 61%;

    transition: all 1s ease-out;

    transform: scale(0.0);

}

.xsfc_paltewrl img{

    transition: all ease 0.5s;

    width: 100%;

}

.xsfc_paltewrl:hover img{

    opacity: 0.2;

}

.xsfc_paltewrl .nr{

    position: absolute;

    width: 86%;

    top: 14%;

    left: 7%;

}

.xsfc_paltewrl .nr h2{

    font-size: 32px;

    color: #fff;

}

.xsfc_paltewrl .nr span{

    display: block;

    width: 16%;

    height: 2px;

    background: #fff;

    margin-top: 4%;

    margin-bottom: 8%;

}

.xsfc_paltewrl .nr p{

    color: #fff;

    font-size: 16px;

    line-height: 1.58;

}

.xsfc_paltewrr{

    float: right;

    width: 35%;

}

.xsfc_paltewrrt{

    position: relative;

    margin-bottom: 9%;

    background: #1e50ae;

    transform: scale(0.0);

    transition: all 1.3s ease-out;

}

.xsfc_paltewrrb{

    position: relative;

    background: #1e50ae;

    transform: scale(0.0);

    transition: all 1.5s ease-out;

}

.xsfc_paltewrrt:hover img{

    opacity: 0.2;

}

.xsfc_paltewrrb:hover img{

    opacity: 0.2;

}

.xsfc_paltewrr .nr{

    position: absolute;

    width: 100%;

    text-align: center;

    top: 37%;

    z-index: 999;

}

.xsfc_paltewrr .nr h2{

    font-size: 24px;

    color: #fff;

}

.xsfc_paltewrr .nr span{

    display: inline-block;

    width: 16%;

    height: 2px;

    background: #fff;

}

.xsfc_paltewrr img{

    

width: 100%;

    

transition: all ease 0.5s;

}

.news_palte{

    margin-top: 3%;

}

.started.news_paltet {

    opacity: 1;

    transform: none;

}

.started.news_palteb ul{

    opacity: 1;

    transform: none;

}

.news_paltet{

    text-align: center;

    margin-top: 2%;

    opacity: 0;

    transform: translatey(150%);

    transition: all 1.2s ease-out;

}

.news_paltet ul{

    display: inline-block;

}

.news_paltet ul li{

    float: left;

}

.news_paltet ul li a{

    display: block;

    font-size: 18px;

    margin: 0px 12px;

    border: solid 1px #cccccc;

    padding: 12px 38px;

}

.news_paltet ul li a:hover{

    

background: #1e50ae;

    

color: #fff;

}

.news_palteb{

    width: 90%;

    margin: 0 auto;

    margin-top: 2%;

}

.news_palteb ul{

    width: 100%;

    overflow: hidden;

    opacity: 0;

    transform: translatey(200%);

    transition: all 1.4s ease-out;

}

.news_palteb ul li{

    float: left;

    width: 23%;

    margin-right: 2%;

}

.news_palteb ul li:nth-of-type(4n){

    

margin-right: 0%;

}

.news_palteb ul li img{

    width: 100%;

}

.news_palteb ul li .nr{

    margin-top: 4%;

}

.news_palteb ul li .nr h2{

    font-size: 20px;

    margin-bottom: 3%;

}

.news_palteb ul li .nr span{

    color: #cccccc;

    font-size: 12px;

    font-weight: bold;

}

.news_palteb ul li .nr p{

    color: #999999;

    margin-bottom: 5%;

}

footer{

    background: rgb(43 43 43);
    margin-top: 4%;
    padding: 5% 0%;

}

.footer{

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

}

.footera{

    /* float: left;

    width: 10.5%;

    margin-right: 2%;

    text-align: left; */
    width: 33.33%;
    text-align: center;

}

.footera h2{

    font-size: 16px;

    font-weight: 500;

    border-bottom: solid 1px #dcdcdc;

    padding-bottom: 4%;

    margin-bottom: 8%;

    position: relative;

    height: 41px;

    line-height: 41px;

}

.footera h2::before {

    content: '';

    position: absolute;

    width: 20%;

    height: 1px;

    background: #1e50ae;

    bottom: -1%;

}

.footera a{

    display: block;

    color: #666666;

    line-height: 2.6;

}

.footera a:hover{



color: #1e50ae;

}

.footera p {

    display: block;

    color: #666666;

    line-height: 2.6;

}

.footera img{

    

margin-top: 3%;

    

width: 80%;

}

.footerb{

    float: left;

    width: 25%;

    margin-top: 4%;

    opacity: 0;

    transform: translatey(340%);

    transition: all 1.7s ease-out;

    text-align: left;

}

.footerb h3{

    font-size: 18px;

    font-weight: 500;

    position: relative;

    margin-bottom: 1%;

}

.footerb h2{

    font-size: 24px;

    color: #1e50ae;

    line-height: 32px;

}

.footerb h2 a{ color: #1e50ae;}

.footerb p{

    color: #666666;

    line-height: 32px;

}

.bqxx{

    text-align: center;
    color: #666666;
    line-height: 32px;
    padding: 39px 0;
    border-top: 1px solid #6b6969;
    background: rgb(43 43 43);

}

.bqxx a{

    color: #666666;

}

.started .about_platel,

.started .about_plater h3,

.started .about_plater p,

.started .about_plater a,

.started.platebt h2,

.pro_plate ul.started li,

.started .xsfc_paltewl h2,

.started .xsfc_paltewl h3,

.started .xsfc_paltewl h4{

    transform: none;

    opacity: 1;

}
.footer-list {
    display: flex;
}

/* .footera:nth-of-type(1){

    opacity: 0;

    transform: translatey(100%);

    transition: all .5s ease-out;

}

.footera:nth-of-type(2){

    opacity: 0;

    transform: translatey(140%);

    transition: all .7s ease-out;

}

.footera:nth-of-type(3){

    opacity: 0;

    transform: translatey(180%);

    transition: all .9s ease-out;

} */

.footera:nth-of-type(4){

    opacity: 0;

    transform: translatey(220%);

    transition: all 1.1s ease-out;

}

.footera:nth-of-type(5){

    opacity: 0;

    transform: translatey(260%);

    transition: all 1.3s ease-out;

}

.footera:nth-of-type(6){

    opacity: 0;

    transform: translatey(300%);

    transition: all 1.5s ease-out;

}

.started .footera{

    opacity: 1;

    transform: none;

}

.started .footerb{

    opacity: 1;

    transform: none;

}

.mbx{

    width: 1200px;

    margin: 28px auto;

    background: url(../images/mbx.png);

    background-size: 20px;

    padding-left: 24px;

    background-repeat: no-repeat;

    font-weight: 100;

    background-position-y: -1px;

}

.mbxa{}

.ejfla{

    text-align: center;

    margin-top: 50px;

}

.ejfla ul{

    display: inline-block;

}
.my-list .ejfla ul{

    display: block;

}
.my-list .ejfla ul li{
    width: 180px;
}
.my-list .ejfla ul .xgy-second{
    background: #ffffff;
    border: none;
    list-style: disc;
    margin: 0;
}
.my-list .ejfla ul .xgy-second a{
    font-size: 14px;
}

.ejfla ul li{

    margin: 0px 15px;

    float: left;

    width: 146px;

    background: #f9f9f9;

    border: solid 1px #eee;

    line-height: 46px;

    position: relative;

}


.ejfla ul li:hover .class2 li{

    margin: 0 auto;
    width: 112px;
    border: 0px;
    border-bottom: solid 1px #eee;
    

}

.ejfla ul li:hover .class2 li:hover a{

    

color: #666;

}

.ejfla ul li:hover .class2 li a{

    color: #666;

    font-size: 14px;

}

.ejfla ul li:hover{

    background: #1e50ae;


}

.ejfla ul li:hover a{

    color: #fff;

}
ul.class2.second{
    background: #ffffff;
}
.my-list .ejfla ul .xgy-second{
    width: 112px;
    margin: 0 auto;

}

.ejfla ul li a{

    color: #666;

    font-size: 15px;

}

.mian_nei{

    width: 1200px;

    margin: 0 auto;

    margin-top: 60px;

}

.mian_neit{

    text-align: center;

    color: #fff;

    border-bottom: solid 1px #eee;

}

.mian_nei a{

    display: none;

}

.mian_nei a:nth-of-type(3){

    display: block;

    font-size: 28px;

}

.mian_neib{

    

font-size: 15px;

    

color: #333;

    

line-height: 2;

    

margin-top: 28px;

    

font-weight: 300;

}

.mian_pro{

    width: 1200px;

    margin: 0 auto;

    margin-top: 60px;

}

.mian_pro ul{

    overflow: hidden;

}

.mian_pro ul li{

    float: left;

    width: 377px;

    margin-right: 30px;

    position: relative;

    margin-bottom: 40px;

    border: solid 1px #eee;

    padding-bottom: 2%;

}

.mian_pro ul li .nr{

    padding: 0% 10%;

    overflow: hidden;

}

.mian_pro ul li .nr a{

    display: block;

    float: left;

    width: 47%;

    margin-right: 3%;

    border: solid 1px #eee;

    text-align: center;

    color: #666;

    padding: 4% 0%;

}

.mian_pro ul li .nr a:nth-of-type(2){

    margin-right: 0px;

}

.mian_pro ul li .nr a:hover{

    background: #ea891b;

    color: #fff;

}

.mian_pro ul li .nr h3{

    color: #2f2f2f;

    line-height: 28px;

    font-weight: 500;

    font-size: 16px;

}

.mian_pro ul li .nr h4{

    font-weight: bold;

    font-size: 18px;

    margin-bottom: 4%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

.mian_pro ul li:nth-of-type(3n){

    

margin-right: 0px;

}

.mian_pro ul li img{

    width: 80%;

    padding: 0% 10%;

    transition: all ease 0.5s;

}

.mian_pro ul li .img{

    overflow:hidden;

}

.mian_pro ul li:hover img{transform: scale(1.1);-ms-transform: scale(1.2);}

.mian_pro ul li h2{

    color: #333;

    font-weight: 500;

    font-size: 18px;

    padding-top: 9%;

    font-weight: bold;

    width: 80%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

.mian_pro ul li h2 b{

    

font-weight: 500;

}

.mian_pro ul li a{

}

.mian_pro ul li:hover a{

}

.mian_case{

    width: 1200px;

    margin: 0 auto;

    margin-top: 60px;

}

.mian_case ul{

    overflow: hidden;

}

.mian_case ul li{

    float: left;

    width: 380px;

    margin-right: 30px;

    text-align: center;

    margin-bottom: 40px;

}

.mian_case ul li:nth-of-type(3n){

    margin-right: 0%;

}

.mian_case ul li .img{

    overflow:hidden;

}

.mian_case ul li img{

    width: 100%;

    transition: all ease 0.5s;

}

.mian_case ul li img:hover{

transform: scale(1.4);

    

}



.mian_case ul li h2{

    font-weight: 100;

    font-size: 16px;

    margin-top: 10px;

}

.mian_news{

    width: 1200px;

    margin: 0 auto;

    margin-top: 60px;

}

.mian_news ul{}

.mian_news ul li{border-bottom: solid 1px #eee;padding-bottom: 20px;margin-bottom: 20px;overflow: hidden;}

.mian_news ul li .img{

    float: left;

    overflow: hidden;

    width: 210px;

}

.mian_news ul li .img img{

    width: 100%;

    transition: all ease 0.5s;

}

.mian_news ul li .nr{

    width: 800px;

    margin-left: 40px;

    float: left;

    margin-top: 20px;

}

.mian_news ul li .nr h2{

    font-size: 18px;

    font-weight: 100;

    color: #222;

}

.mian_news ul li .nr p{

    color: #666;

    margin-top: 10px;

}

.mian_news ul li .nr span{

    border: #eee solid 1px;

    background: #f9f9f9;

    color: #999;

    padding: 6px 0px;

    display: block;

    width: 100px;

    text-align: center;

    font-size: 12px;

    margin-top: 24px;

}

.mian_news ul li:hover img{



transform: scale(1.4);

}

.mian_news ul li:hover h2{



color: #1e50ae;

}

.ejfla ul li.thisclass{

    background: #1e50ae;

    border: solid 1px #1e50ae;

}

.ejfla ul li.thisclass a{

    color: #fff;

}

.mian_xwxq{}

.mian_xwxql{

    width: 1200px;

    margin: 0 auto;

    margin-top: 60px;

}

.mian_xwxqla{

    border-bottom: solid 1px #eee;

    padding-bottom: 14px;

    margin-bottom: 14px;

    text-align: center;

}

.mian_xwxqla h1{

    font-weight: 100;

    font-size: 32px;

}

.mian_xwxqla p{

    color: #666;

    font-size: 14px;

    margin-top: 9px;

}

.mian_xwxqla p span{

    padding: 0px 9px;

}

.mian_xwxqlb{text-align: left;font-size: 16px;font-weight: 100;line-height: 2;}

.mian_xwxqlc{

    text-align: left;

    border-top: solid 1px #eee;

    padding-top: 15px;

    margin-top: 15px;

    line-height: 2;

    color: #999;

}

.mian_xwxqlc a{

    color: #1e50ae;

}

.proxq{

    width: 1000px;

    margin: 0 auto;

    margin-top: 60px;

}

.proxqt{

    margin-bottom: 40px;

    overflow: hidden;

    position: relative;

}



/* 垂直居�? */

.small-img{

	display: flex;

	align-items:center;

	justify-content: center;

}

.clearfix:before,

.clearfix:after{

  display: table;

  line-height: 0;

  content: "";

}

.magnifier{

	width: 450px;

}

.magnifier-container{

	width: 500px;

	height: 500px;

	overflow: hidden;

	position: relative;

	border: 1px solid #ddd;

}

.move-view{

	width: 100px;

	height: 100px;

	position: absolute;

	background-image: url('../images/move-box.png');

}

.images-cover{

	height: 100%;

	width: 100%;

	position: relative;

}

.images-cover img{

	position: absolute;

}

.magnifier-assembly{

	height: 92px;

	overflow: hidden;

	position: relative;

	padding-left: 30px;

	padding-right: 30px;

}

.magnifier-btn{

	position: absolute;

	font-family: "宋�?";

	width: 100%;

	top: 50%;

	left: 0;

	margin-top: -40px;

}

.magnifier-btn span{

	line-height: 80px;

	height: 80px;

	width: 20px;

	background-color: #6e6e6e;

	color: #fff;

	display: block;

	z-index: 9998;

	text-align: center;

	font-size: 20px;

	cursor: pointer;

	border-radius: 3px;

}

.magnifier-btn .magnifier-btn-left{

	float: left;

}

.magnifier-btn .magnifier-btn-right{

	float: right;

}

.magnifier-line{

	position: relative;

	overflow: hidden;

	height: 92px;

}

.magnifier-line ul{

	display: block;

	font-size: 0;

	width: 10000%;

	position: absolute;

	left: 0;

	z-index: 9997;

}

.magnifier-line li{

	float: left;

	width: 100px;

	cursor: pointer;

}

.magnifier-line ul > .active .small-img{

	border-color: #bbb;

	border: 1px solid #ddd;

}

.small-img{

	height: 78px;

	padding: 1px;

	margin: 5px;

	overflow: hidden;

	/* border: 1px solid #ddd; */

	text-align: center;

}

.small-img img{

	max-width: 100%;

	max-height: 100%;

}

.magnifier-view{

	width: 100%;

	height: 100%;

	position: absolute;

	right: 0%;

	top: 0;

	z-index: 9999;

	background-color: #fff;

	display: none;

	overflow: hidden;

}

.magnifier-view img{

	display: block;

	width: 1000px;

	height: auto;

}

.animation03{

	transition: all 0.3s ease-in 0.1s;

	-ms-transition: all 0.3s ease-in 0.1s;

	-moz-transition: all 0.3s ease-in 0.1s;

	-webkit-transition: all 0.3s ease-in 0.1s;

	-o-transition: all 0.3s ease-in 0.1s;

}

.proxqtl{

    float: left;

    width: 450px;

}

.proxqtl .swiper-container{

    margin-bottom: 4%;

}

.small-img img{

   width: 90%;

   padding: 4% 5%;

}

.jindf img{

width: 90%;

    

border: solid 1px #eee;

    

padding: 4% 4%;

    

}

.proxqtr{

    float: left;

    margin-left: 50px;

    margin-top: 40px;

    width: 498px;

}

.proxqtr h1{

    font-weight: 100;

    font-size: 32px;

    border-bottom: solid 1px #eee;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.proxqtr h3{font-weight: 500;border-bottom: solid 1px #eee;padding-bottom: 15px;margin-bottom: 15px;font-size: 16px;}

.proxqtr h4{

    border-bottom: solid 1px #eee;

    padding-bottom: 15px;

    margin-bottom: 15px;

    font-size: 16px;

    font-weight: 500;

}

.proxqtr .kf{

    overflow: hidden;

    margin-top: 60px;

}

.proxqtr .kfa{

    float: left;

    width: 120px;

    background: #142759;

    color: #fff;

    text-align: center;

    padding: 13px 0px;

}

.proxqtr .kfb{

    float: left;

    width: 290px;

    background: #f08919;

    color: #fff;

    text-align: center;

    padding: 13px 0px;

}

.proxqtr a{

    color: #fff;

}

.proxqb{}

#nava{

    background: #f9f9f9;

    overflow: hidden;

}

#nava li{

    float: left;

    padding: 14px 31px;

}

#nava li.on{

    background: #f08919;

    font-size: 16px;

    color: #fff;

}

#contentBoxa{

    border: solid 1px #eee;

    padding: 40px;

}

#contentBoxa li{

    display: none;

    font-size: 16px;

    line-height: 2;

    color: #333;

    font-weight: 500;

}

#contentBoxa li.active{

    display: block;

}

#contentBoxa li table{

    border-top: solid 1px #eee;

    border-left: solid 1px #eee;

    width: 100%;

}

#contentBoxa li table td{

    text-align: center;

    border-bottom: solid 1px #eee;

    border-right: solid 1px #eee;

    padding: 7px 0px;

}

#contentBoxa li table tr:nth-of-type(1) td{

    background: #f08919!important;

    color: #fff!important;

}

#contentBoxa li table tr td:nth-of-type(1){

    background: #f9f9f9;

    color: #333;

}

.dede_pages{

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    margin-top: 40px;

}

.dede_pages ul{

    display: inline-block;

}

.dede_pages ul li{

    float: left;

    margin: 0px 2px;

}

.dede_pages ul li a{

    display: block;

    width: 24px;

    height: 24px;

    border: solid 1px #eee;

    line-height: 24px;

    color: #666;

    font-size: 12px;

}

.dede_pages ul li a:hover{

    color: #fff;

    background: #1e50ae;

}

.dede_pages ul li.thisclass{

    width: 24px;

    height: 24px;

    border: solid 1px #eee;

    line-height: 24px;

    color: #fff;

    background: #1e50ae;

    font-size: 12px;

}

.dede_pages ul li.thisclass a{}

.lxfs{

    overflow: hidden;

    margin-bottom: 40px;

    border-bottom: solid #eee 1px;

    padding-bottom: 40px;

}

.lxfsl{

    float: left;

    width: 500px;

    margin-top: 58px;

}

.lxfsl h2{

    font-weight: 500;

    color: #333;

}

.lxfsr{

    float: right;

    width: 693px;

}

.lxfsr iframe{

    width: 100%;

    height: 400px;

    border: 0px;

}

.zxlr{}

.zxlr input{width: 44.8%;margin-right: 1.5%;border: solid 1px #eee;padding: 1.4% 2%;margin-bottom: 2%;}

.zxlr input:nth-of-type(2n){

    margin-right: 0%;

}

.zxlrjs textarea{

    width: 95.5%;

    margin-right: 2%;

    border: solid 1px #eee;

    padding: 1.4% 2%;

    margin-bottom: 1%;

    height: 138px;

    font-family: Microsoft YaHei;

}

.zxlrjs{

    text-align: left;

}

.tjan{

    

}

.tjan input{background: #fff;width: 180px;padding: 14px 0px;border: 0px;background: #1e50ae;font-size: 16px;color: #fff;}

.nrkh{}

.nrkh ul{

    overflow: hidden;

}

.nrkh ul li{

    float: left;

    width: 15.8%;

    margin-right: 1%;

    margin-bottom: 1%;

}

.nrkh ul li:nth-of-type(6n){

    

margin-right: 0%;

}

.nrkh ul li img{

    border: solid 1px #eee;

    width: 99%;

}



.nybanner img{

    

     width: 100%;

}

.footera h2 a {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    display: block;

}

.nyaboutt{}

.nyaboutt h2{

    font-weight: 500;

    color: #1e50ae;

    font-size: 32px;

}

.nyaboutt p{

    font-size: 18px;

}

.nyaboutt img{

    float: left;

    width: 50%;

    margin-right: 3%;

}

.nyaboutb{}

.nyaboutb h2{

    text-align: center;

    color: #1e50ae;

    font-weight: 500;

    margin-top: 3%;

    margin-bottom: 2%;

}

.nyaboutb img{

    width: 48%!important;

    margin: 0% 1%;

    height: auto!important;

}

.main-content{

    width: 100%;

}

.title{

    margin: 20px 30px;

}

.image-list{

}

.ryzs .image-list .cover{

    width: 18.9%;

}

.ryzs .image-list .cover:nth-of-type(3){

    margin-right: 1%;

}

.ryzs .image-list .cover:nth-of-type(5n){

    margin-right: 0%;

}

.image-list .cover{

    position: relative;

    width: 32.11%;

    display: inline-block;

    background-color: #fff;

    cursor: pointer;

    border: solid 1px #eee;

    margin-right: 1%;

    margin-bottom: 1%;

}

.image-list .cover:nth-of-type(3n){

    

margin-right: 1%;

}

.image-list .cover img{

    /* position: absolute; */

    /* margin: auto; */

    /* top: 0; */

    /* right: 0; */

    /* bottom: 0; */

    /* left: 0; */

    width: 100%;

}



/*main CSS*/

#pictureViewer{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.3);

    z-index: 10000;

}

#pictureViewer > .content{

    background-color: #fff;

    position: absolute;

    width: 590px;

    height: 590px;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

#pictureViewer .menu-bar{

    width: 100%;

}

#pictureViewer .menu-bar .handel{

    width: 40px;

    height: 40px;

    float: right;

    background-repeat: no-repeat;

    background-position: 50%;

    cursor: pointer;

}

#pictureViewer .menu-bar .handel:hover{

    background-color: #1e50ae;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

#pictureViewer .menu-bar .handel.maximization{

    background-image: url(../images/maximization_black.png);

    background-size: 14px;

}

#pictureViewer .menu-bar .handel.maximization:hover{

    background-image: url(../images/maximization_white.png);

}

#pictureViewer .menu-bar .handel.miniaturization{

    background-size: 16px;

    background-image: url(../images/miniaturization_black.png);

}

#pictureViewer .menu-bar .handel.miniaturization:hover{

    background-image: url(../images/miniaturization_white.png);

}

#pictureViewer .menu-bar .handel.close-view{

    background-image: url(../images/close_black.png);

    background-size: 15px;

}

#pictureViewer .menu-bar .handel.close-view:hover{

    background-image: url(../images/close_white.png);

}

#pictureViewer .handel-prev,

#pictureViewer .handel-next{

    display: inline-block;

    width: 50px;

    height: 70px;

    position: relative;

    top: calc(50% - 80px);

    background-repeat: no-repeat;

    background-size: 25px;

    background-position: 50%;

    cursor: pointer;



    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

#pictureViewer .handel-prev{

    background-image: url(../images/prev_blank.png);

}

#pictureViewer .handel-next{

    background-image: url(../images/next_blank.png);

}

#pictureViewer .handel-prev:hover,

#pictureViewer .handel-next:hover{

    background-color: #1e50ae;

}

#pictureViewer .handel-prev:hover{

    background-image: url(../images/prev_white.png);

}

#pictureViewer .handel-next:hover{

    background-image: url(../images/next_white.png);

}

#pictureViewer .picture-content{

    display: inline-block;

    width: 80%;

    height: calc(100% - 80px);

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

}

#pictureViewer .picture-content .cover{

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

#pictureViewer .counter{

    position: absolute;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    width: 100%;

    text-align: center;

    color: #808080;

    font-size: 13px;

}

#pictureViewer .hide{

    display: none;

}

#pictureViewer .left{

    float: left;

}

#pictureViewer .right{

    float: right;

}

#pictureViewer .clear-flex{

    clear: both;

}

#pictureViewer img{

    max-width: 100%;

    max-height: 100%;

}

.dede_pages{

    text-align: center;

    margin-top: 3%;

}

.dede_pages ul{

    display: inline-block;

}

.dede_pages ul li{

    float: left;

    margin: 0px 3px;

}

.dede_pages ul li.thisclass{



font-size: 14px;



border: solid 1px #0071bd;



line-height: 24px;



height: 24px;



width: 24px;



font-size: 13px;



color: #fff;



background: #0071bd;

}

.dede_pages ul li a{

    display: block;

    font-size: 14px;

    border: solid 1px #eee;

    line-height: 24px;

    height: 24px;

    width: 24px;

    font-size: 13px;

    color: #999;

}

.dede_pages ul li:hover{}

.dede_pages ul li:hover a{

    background: #0071bd;

    border: solid 1px #0071bd;

    color: #fff;

}

.mian_xwxqlb img{

    

width: 100%!important;

    

height: 100%!important;

}

.float_qq {

    position: fixed;

    top: 50%;

    right: 0;

    margin-top: -101px;

    width: 50px;

    height: 203px;

    z-index: 6666;

}

.float_qq li {

    width: auto;

    height: 50px;

    z-index: 20;

    transition: all ease 0.5s;

}

.float_qq li.float_qq1, .float_qq li.float_qq4 {

    position: absolute;

    left: 0;

    width: 62px;

}

.float_qq li.float_qq1 {

    top: 0;

}

.float_qq li.float_qq2 {

    position: absolute;

    top: 51px;

    left: 0;

    width: 126px;

}

.float_qq li.float_qq2:hover{

    left: -76px;

}

.float_qq li.float_qq2:hover a{

    background: #1e50ae;

    opacity: 1;

}

.float_qq li.float_qq3 {

    position: absolute;

    top: 102px;

    left: 0;

    width: 172px;

}

.float_qq li.float_qq3:hover{

    

left: -116px;

}

.float_qq li.float_qq3:hover a{

    background: #1e50ae;

    opacity: 1;

}

.float_qq li.float_qq4 {

    top: 153px;

}

.float_qq li.float_qq4:hover .float_shwx{

    display: block!important;

    left: -140px;

}

.float_qq li.float_qq4:hover .float_shwx img{

    

width: 140px;

}

.float_shwx{

    display: none;

    position: absolute;

}

.float_qq li a {

    display: block;

    font-family: "Microsoft Yahei";

    color: #FFF;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    background-color: #000;

    opacity: .8;

    border-radius: 6px;

}

.float_qq li a img {

    display: block;

    float: left;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    margin: 12px 12px 14px 14px;

}

.souym{



text-align: center;

}

.souym ul{

    

display: inline-block;

    

margin: 32px 0px;

}

.souym ul li{

    

width: 300px;

    

border: solid 1px #eee;

    

padding: 30px;

    

margin: 30px;

    

float: left;

}

.souym ul li img{

    

width: 100%;

}

.souym ul li h2{

    

font-size: 14px;

    

margin-top: 22px;

}

.souym ul li p{

    

font-size: 16px;

    

color: #666;

    

margin-top: 20px;

}

/*-----------1440-----------------*/

@media screen and (max-width: 1440px){

    .header_w {

    width: 90%;



}

    .mian_case ul li {

    float: left;

    width: 30.3%;

    margin-right: 3%;

    text-align: center;

    margin-bottom: 3%;

}

    .mian_pro ul li {

    float: left;

    width: 30%;

    margin-right: 3%;

    position: relative;

    margin-bottom: 3%;

}

   .header_wr ul li {

    font-size: 1vw;

}

  .header_wr {

    width: 66%;

}  

.mbx {

    width: 90%;

    margin: 2.5% auto;

}

.ejfla ul li {

    width: 130px;

}

.ejfla ul li a {

    font-size: 14px;

}

.mian_nei {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}

.ejfla {

    text-align: center;

    margin-top: 5%;
    overflow: hidden;


}

.mian_pro {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}

.mian_pro ul li:hover a {

}

    .proxq {

    width: 80%;

    margin: 0 auto;

    margin-top: 6%;

}

 .proxqt {

    margin-bottom: 4%;

    overflow: hidden;

}

.proxqtl {

    float: left;

    width: 45%;

    border: solid 1px #eee;

}

.proxqtr {

    float: left;

    margin-left: 5%;

    margin-top: 4%;

    width: 48%;

}

.mian_case {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}

.mian_news {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}   

.mian_news ul li .img {

    float: left;

    overflow: hidden;

    width: 20%;

}   

.mian_news ul li .nr {

    width: 70%;

    margin-left: 4%;

    float: left;

    margin-top: 2%;

}

.mian_xwxql {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}

.lxfsl {

    float: left;

    width: 46%;

    margin-top: 5%;

}

.lxfsr {

    float: right;

    width: 52%;

}

.header_wr ul li {

    font-size: 15px;

    margin-left: 4%;

    width: 8.6666%;

}

.header_wr ul li {


    background-repeat: no-repeat;

    padding-right: 27px;

    background-position-y: 30px;

}

.about_plater p:nth-of-type(3),.about_plater p:nth-of-type(4){display:none;}

.platebt h2 {

    font-size: 26px;

}

.xsfc_paltewl h2 {

    font-size: 36px;

}

.xsfc_paltewl h3 {

    font-size: 18px;

}

.xsfc_paltewl h4 {

    font-size: 16px;

}

.xsfc_paltewrl .nr h2 {

    font-size: 28px;

    color: #fff;

}



.news_paltet ul li a {

    font-size: 16px;

}

}

@media screen and (max-width: 1200px){

   .header_wl {

    float: left;

    width: 30%;

}

.header_wr {

     width: 56%;

}

.about_plater h3 {

    font-size: 22px;

}



.about_plater p {

    color: #666;

    line-height: 1.8;

    font-size: 14px;

}

    

  .about_plater a {

 

    

    margin-top: 2%;

   

    font-size: 12px;

   

}  

  .xsfc_paltewl h2 {

    font-size: 30px;

}

.xsfc_paltewl h3 {

    font-size: 14px;

}

.news_paltet ul li a {

    display: block;

    font-size: 14px;

    margin: 0px 12px;

    border: solid 1px #cccccc;

    padding: 10px 30px;

}

.news_palteb ul li {

    float: left;

    width: 31.3%;

    margin-right: 2%;

}

.news_palteb ul li:nth-of-type(4){

    

display: none;

}

.pro_plate ul li {

    float: left;

    width: 31.3%;

    margin-right: 2%;

    margin-bottom: 2%;



}

.pro_plate ul li:nth-of-type(3n) {

    margin-right: 0%;

}

.pro_plate ul li:nth-of-type(4n) {

    margin-right: 2%;

}

.pro_plate ul li:nth-of-type(7),.pro_plate ul li:nth-of-type(8)  {

 display: none;

}

.header_wr ul li {

    font-size: 14px;

    margin-left: 3%;

    width: 10.6666%;

}

.header_wr ul li {

    /* background: url(../images/xhws.png) right; */

    background-repeat: no-repeat;

    padding-right: 15px;

    background-position-y: 30px;

    background-size: 10px;

}

.mian_pro ul li h2 {

    color: #666;

    font-weight: 500;

    font-size: 14px;

    padding-top: 4%;

}

.mian_case ul li h2 {

    font-weight: 100;

    font-size: 14px;

    margin-top: 10px;

}

.proxqtr h1 {

    font-weight: 100;

    font-size: 26px;

    border-bottom: solid 1px #eee;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.proxqtr h3,.proxqtr h4{

    

    font-size: 14px;

}

.nyaboutt p {

    font-size: 16px;

}

}



@media screen and (max-width: 1080px){

    .nrkh ul li:nth-of-type(4n) {

    margin-right: 0%;

}

  .nrkh ul li:nth-of-type(6n) {

    margin-right: 1%;

}

    .nrkh ul li{

    width: 24%;

}

    .ryzs .image-list .cover:nth-of-type(2) {

    margin-right: 1%;

}

    .ryzs .image-list .cover:nth-of-type(3) {

    margin-right: 1%;

}

.ryzs .image-list .cover:nth-of-type(5n) {

    margin-right: 1%;

}

.ryzs .image-list .cover:nth-of-type(4n) {

    margin-right: 0%!important;

}

    .ryzs .image-list .cover {

    width: 23.6%;

}

    .image-list .cover{

    width: 48%;

}

    .nyaboutt img {

    float: none;

    width: 100%;

    margin-right: 3%;

}

.image-list .cover:nth-of-type(2n){

    

margin-right: 0%;

}

.image-list .cover:nth-of-type(3n){

    

margin-right: 1%;

}

    .about_plate {

    overflow: hidden;

    width: 90%;

    position: relative;

    margin: 0 auto;

    margin-top: 5%;

}

.about_platel {

    float: none;

    width: 100%;

}

    .about_plater {

    position: relative;

    left: 0%;

    width: 100%;

    padding: 0%;

    height: auto;

    margin-top: 4%;

}

.about_plater p {

 

    display: block!important;

}

.pro_plate ul li {

    float: left;

    width: 48.5%;

    margin-right: 2%;

    margin-bottom: 2%;

}

.pro_plate ul li:nth-of-type(3n) {

    margin-right: 2%;

}

.pro_plate ul li:nth-of-type(2n) {

    margin-right: 0%;

}

.xsfc_paltew {

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

    padding: 5% 0%;

}.xsfc_palte {

    background: url(../images/xsfcbj.jpg);

    background-size: 200%;

}

.xsfc_paltewl {

    float: none;

    width: 100%;

}

.xsfc_paltewr {

    float: none;

    width: 100%;

    overflow: hidden;

    margin-top: 3%;

}

.news_palteb ul li {

    float: left;

    width: 48%;

    margin-right: 2%;

    display: block!important;

    margin-bottom: 2%;

}

.news_palteb ul li .nr p {

    

    height: 38px;

}

.footera a {

    display: block;

    color: #666666;

    line-height: 2.6;

    display: none;

}

.footera h2 {

    font-size: 16px;

}

.started .footera {

    opacity: 1;

    transform: none;

    float: none;

    text-align: center;

    width: 100%;

}

.footera h2 {

    font-size: 16px;

    font-weight: 500;

    border-bottom: solid 1px #dcdcdc;

    padding-bottom: 2%;

    margin-bottom: 2%;

    position: relative;

}

.footera h2::before {

    content: '';

    position: absolute;

    width: 20%;

    height: 1px;

    background: #1e50ae;

    bottom: -1%;

    display: none;

}

.footera img {

    margin-top: 3%;

    width: auto;

}

.footerb {

    float: none;

    width: 100%;

    margin-top: 4%;

    text-align: center;

}

.mian_neib {

    font-size: 14px;

    font-weight: 500;

}

.mian_pro ul li {

    float: left;

    width: 48%;

    margin-right: 3%;

    position: relative;

    margin-bottom: 3%;

}

.mian_pro ul li:nth-of-type(2n) {

    margin-right: 0px!important;

}

.mian_pro ul li:nth-of-type(3n) {

    margin-right: 3%;

}

.proxqtl {

    float: left;

    width: 99%;

    border: solid 1px #eee;

}

.proxqtr {

    float: left;

    margin-left: 0%;

    margin-top: 4%;

    width: 100%;

}

.mian_case ul li {

    float: left;

    width: 48.3%;

    margin-right: 3%;

    text-align: center;

    margin-bottom: 3%;

}

.mian_case ul li:nth-of-type(2n) {

    margin-right: 0%!important;

}

.mian_case ul li:nth-of-type(3n) {

    margin-right: 3%;

}

    #sjheader.sjheadera{

        

position: fixed;

        

z-index: 999;

        

box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);

    }

    #header {

    display: none;

}

header{

    

display: none;

}

    #sjheader{

    width: 90%;

    padding: 2vh 5%;

    background: #fff;

    height: 8vh;

    display: inline-block;

}

    .sjheaderlogo{

    float: left;

    width: 55%;

    line-height: 6vh;

}

.sjheaderlogo img{



width: 100%;

}

    .sjheaderdaoh{float: right;width: 40px;line-height: 8vh;}

    .daikai{

    width: 100%;

    display: inline-block;

    position: relative;

    height: 20px;

    margin-top: 13%;

}

    .daikai span{

    width: 100%;

    height: 3px;

    background: #333;

    transition: all ease 0.5s;

    position: absolute;

    opacity: 1;

}

    .sjheaderdaoh ul{

    position: fixed;

    width: 100%;

    left: 0%;

    z-index: 999;

    height: 100vh;

    background: rgba(253, 253, 253, 0.93);

    padding-top: 7vh;

    transition: all ease 1s;

    top: 11vh;

    opacity: 0;

    right: -200%;

}

.sjheaderdaohdj ul{opacity: 1;right: 0%;}

    .sjheaderdaoh ul li{

    text-align: center;

    font-size: 16px;

    line-height: 4;

}

.sjheaderdaohdj .daikai span:nth-of-type(1){

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);

    top: 9px;

    background: #1e50ae;

}

.sjheaderdaohdj .daikai span:nth-of-type(2){opacity: 0;}

.sjheaderdaohdj .daikai span:nth-of-type(3){

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);

    top: 10px;

    background: #ea891b;

}

 .daikai span:nth-of-type(1){

    

top: 0px;

}

 .daikai span:nth-of-type(2){

    

top: 7px;

}

.daikai span:nth-of-type(3){

    

top: 14px;

}

.dede_pages {

    width: 90%;

    margin: 0 auto;

    text-align: center;

    margin-top: 8%;

}

}

@media screen and (max-width: 768px){

    .ejflw-li ul.class2.second{
        display: none;
        overflow: hidden;
        position: absolute;
        z-index: 999;
        background: #f9f9f9;
    }
    .ejflw-li:hover ul.class2.second{
        display: block;
    }
    .image-list .cover{

    width: 100%;

    margin: 0%;

    margin-bottom: 2%;

}
.my-list .ejfla ul .xgy-second {
    background: #fff;
    border: 1px solid #f9f9f9;
}
.ejfla ul li:hover .class2 li {
    margin: 0 auto;
    width: 180px;
    border: 0px;
    border-bottom: solid 1px #eee;
}

    .sjheaderlogo {

    float: left;

    width: 65%;

    line-height: 8vh;

}

.sjheaderdaoh {

    float: right;

    width: 40px;

    line-height: 10vh;

}

.pro_plate ul li {

    float: left;

    width: 99%;

    margin: 0%;

  

    margin-bottom: 3%;

}

.xsfc_paltewrl {

    width: 100%;

    float: none;

}

.xsfc_paltewrr {

    float: none;

    width: 100%;

    margin-top: 4%;

}

.xsfc_paltewrrt {

    position: relative;

    margin-bottom: 0%;

    float: left;

    width: 48%;

}

.xsfc_paltewrrb {

    position: relative;

    float: right;

    width: 48%;

}

.xsfc_paltewrr .nr h2 {

    font-size: 18px;

    color: #fff;

}

.news_paltet ul {

    display: inline-block;

    width: 90%;

}

.news_paltet ul li {

    float: left;

    width: 30%;

    margin: 0% 1%;

}

.news_paltet ul li a {

    display: block;

    font-size: 14px;

    margin: 0%;

    border: solid 1px #cccccc;

    padding: 8% 0%;

}

.news_palteb ul li {

    float: left;

    width: 100%;

    margin: 0%;

    display: block!important;

    margin-bottom: 4%;

}

.bqxx {

    text-align: center;

    color: #666666;

    line-height: 24px;

    background: rgb(41 40 40);
    padding: 4% 5%;

    font-size: 12px;

}

.ejfla ul {

    display: inline-block;

    width: 99%;

    margin-left: 1%;

}

.ejfla ul li a {

    font-size: 12px;

}

.ejfla ul li {

    width: 30%;

    margin: 0%;

    line-height: 36px;

    height: 36px;

    margin: 1% 1%;

}

.mbx {

    width: 90%;

    margin: 5.5% auto;

}

.mian_nei a:nth-of-type(3) {

    display: block;

    font-size: 22px;

}

.mian_pro ul li {

    float: left;

    width: 99%;

    margin: 0%;

    position: relative;

    margin-bottom: 5%;

}

.proxq {

    width: 90%;

    margin: 0 auto;

    margin-top: 6%;

}

#contentBoxa {

    border: solid 1px #eee;

    padding: 5%;

}





#contentBoxa li {

    display: none;

    font-size: 14px;

    line-height: 2;

    color: #333;

    font-weight: 500;

}

.mian_news ul li .img {

    float: left;

    overflow: hidden;

    width: 100%;

}

.mian_news ul li .nr {

    width: 100%;

    margin-left: 0%;

    float: left;

    margin-top: 4%;

}

.mian_xwxqlb {

    text-align: left;

    font-size: 14px;

    font-weight: 500;

    line-height: 2;

}

.lxfsl {

    float: none;

    margin-top: 5%;

    width: 100%;

}

.lxfsr {

    float: right;

    width: 100%;

    margin-top: 3%;

}

.zxlr input {

    width: 92%;

    margin-right: 1.5%;

    border: solid 1px #eee;

    padding: 4.4% 4%;

    margin-bottom: 2%;

}

.news_palteb ul li .nr h2 {

    font-size: 18px;

    margin-bottom: 3%;

    font-weight: 500;

}

.nrgd {

    display: block;

    color: #666666;

    width: 180px;

    margin: 0 auto;

    border: solid 1px #dcdcdc;

    text-align: center;

    padding: 2.8% 0%;

    margin-top: 5%;

}

.mian_case ul li {

    float: left;

    width: 100%;

    margin: 0%;

    text-align: center;

    margin-bottom: 6%;

}

.nyaboutt p {

    font-size: 14px;

    line-height: 1.8;

}

.nyaboutb img {

    width: 100%!important;

    margin: 2% 0%;

    height: auto!important;

}

  .ryzs .image-list .cover:nth-of-type(2n) {

    margin-right: 0%!important;

}

    .ryzs .image-list .cover:nth-of-type(3) {

    margin-right: 1%;

}

.ryzs .image-list .cover:nth-of-type(6) {

    margin-right: 1%;

}

.ryzs .image-list .cover:nth-of-type(4) {

    margin-right: 0%!important;

}

    .ryzs .image-list .cover {

    width: 48.6%;

    margin: 0%!important;

    margin-right: 1%!important;

    margin-bottom: 1%!important;

}

.nrkh ul li:nth-of-type(3n) {

    margin-right: 0%;

}

 .nrkh ul li:nth-of-type(4n) {

    margin-right: 1%;

}

  .nrkh ul li:nth-of-type(6n) {

    margin-right: 1%;

}

    .nrkh ul li{

    width: 32.333%;

}

}





/* xddz */
.header_wl img{
    width: 96px;
}
.header_wr ul li .class2>li{
    position: relative;
}
.header_wr ul li .class2 li .class3 li {
    padding: 0px;
    width: 200px;
    background: #ffffff !important;
}
.header_wr ul li .class2 li .class3{
    display: none;
    position: absolute;
    left: 94px;
    top: 0;
    text-align: center;
}
.header_wr ul li .class2 li:hover .class3{
    display: block;
}
.header_wr ul li .class2 li a {
    color: #1e50ae;
    text-align: center;
}
.header_wr ul li .class2 li .class3 a {
    font-weight: normal;
    color: #1e50ae;
}
.header_wr ul li .class2 li a h3 {
    color: #1e50ae;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
.header_wr ul li .class2 li{
    float: none;
    padding: 0 15px;
}

.header_wr ul li .class2 li .class3 {
    padding: 0 5px;
}



/* �б�ҳ */
.my-list{
    padding-left: 12.4%;
    padding-right: 12.4%;
}
.xgy-list{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.ejfla .xgy-list-ejfla{
    width: 25%;
    position: relative;
    min-height: 30px;
    box-sizing: border-box;
}
.ejfla .xgy-list-pro{
    width: 75%;
}

.my-list .ejfla ul li{
    float: none;
}
.my-list .mian_pro ul li {
    float: none;
    width: 100%;
    border: none;
    padding-bottom: 2%;
    margin: 0;
}
.my-list .mian_pro ul li h2 {
    padding-top: 0;
    margin: 0;
    font-size: 17px;
    cursor: pointer;
}
.mian_pro ul li h2{
    cursor: pointer;
}
.des-xgy {
    padding-top: 20px;
}
.my-list .panel:not(:nth-child(1)) .des-xgy {
	display:none;
}
/* .my-list .ejflw-ul .ejflw-li:nth-child(1) .second{
    display:block;
}
.my-list .class2.second{
    z-index: 999;
    position: absolute;
    top: 0;
    left: 119%;
    width: 100%;
}
.my-list .ejflw-ul .ejflw-li .second{
    display: none;
}
.ejflw-ul {
    position: relative;
}
.my-list .xgy-list .ejfla .ejflw-ul .xgy-second{
  float: left;
}
.my-list .ejflw-ul .ejflw-li:hover .second{
    display: block;
} */
/* .my-list .class2.second{
    position: absolute;
    top: 0;
    left: 107%;
    z-index: 9;
    display: flex;
}
.my-list .ejfla>ul{
    position: relative;
}
.my-list .class2.second .xgy-second{

} */


/* .pro_list .hock-1{
    height: 300px;
}
.pro_list .hock-3{
    background: url(../images/x3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 300px;
} */
.pro_list .hock-1{
    height: 100%;
    font-size: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 10px;
}
.pro_list .hock-1 a{
    display: block;
}
.pro_list .hock-1 img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.pro_list .hock-2 img{
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.pro_list .hock-2 p{
    position: absolute;
    bottom: 0;
    color: #ffffff;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: rgba(0,0,0,.7);
}
.pro_list .xgy-hock {
    width: 76%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
}
.pro_list .xgy-hock li a{
    position: relative;
    display: block;
}
.pro_list .xgy-hock li{
    float: left;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.hock-1 {
    margin-bottom: 30px;
}
.pro_list {
    margin-top: 60px;
}
.pro_list .platebt{
    border: none;
}
.platebt h2{
    border: none;
    opacity: 1;
    transform: none;
}
.about_plate {
    margin-top: 60px;
}
    
/* �������? */
/* ���� */
.xgy-ys{
    padding-top: 60px;
}
.xgy-ys .g_cpys h2{
    display: inline-block;
    color: #333333;
    font-weight: bold;
    font-size: 40px;
    padding-bottom: 23px;
    opacity: 0;
    transform: translatey(100%);
    transition: all .8s ease-out;
}
.xgy-ys .g_cpys dl {
    float: left;
    width: 25%;
    position: relative;
}
.xgy-ys .g_cpys dl:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.xgy-ys .g_cpys dt, .g_cpys dt img {
    width: 100%;
    display: block;
}
.xgy-ys .g_cpys dd {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 38%;
    transition: all 0.3s linear 0s;
}
.xgy-ys hr{
    width: 70px;
    margin-bottom: 37px;
    margin-top: 20px;
}
.g_cpys h3 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 15px;
}
.g_cpys p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    padding: 0 10%;
    text-align: center;
    margin-bottom: 45px;
}
.g_cpys span a {
    display: block;
    width: 138px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    display: none;
}
.g_cpys h3 em {
    display: block;
    width: 84px;
    height: 84px;
    overflow: hidden;
    margin: 0 auto 10px;
}
.g_cpys h2 em {
    display: block;
    font-size: 20px;
    color: #666666;
    font-weight: normal;
}
.g_cpys .gs-p{
    font-size: 16px;
    color: #999999;
    padding-bottom: 30px;
}
.g_cpys dl:hover:before{
    background: rgba(0,0,0,.4);
}
.f_cb:after, .f_cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}
.xgy-about {
    margin-top: 70px;
}
.about_plate {
    padding-top: 60px;
    width: 90%;
    margin: 0 auto;
}
.mian_case ul li .img {
    overflow: hidden;
    border: 1px solid #eeeeee;
}

@media screen and (max-width: 1080px){
.sjheaderlogo img {
    width: 80px;
}
.pro_list {
    margin-top: 30px;
}
}
@media screen and (max-width: 1200px){
.pro_list .xgy-hock{
    width: 90%;
}
.about_plater{
    width: 50%;
}
.g_cpys h3 {
    text-align: center;
    font-size: 20px;
}
.g_cpys p {
    font-size: 13px;
}
.xgy-ys .g_cpys dd {
    padding-top: 22%;
}
.xgy-ys hr {
    width: 40px;
    margin-bottom: 20px;
}
.my-list {
    padding-left: 2%;
    padding-right: 2%;
}
}
@media screen and (max-width: 768px){
    .about_plater{
        width: 100% !important;
    }
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
        font-size: 18px !important;
    }
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
        font-size: 18px !important;
    }
    .footer-list {
        display: block;
    }
    .footera {
        width: 100%;
        text-align: center;
        padding: 10px 5px;
    }
    .xgy-list {
        width: 100%;
        display: block;
    }
    .ejfla ul li{
        float: left !important;
    }
    #sjheader {
        padding: 5px 5%;
    }
    .sjheaderlogo img {
        width: 60px;
    }
    .xgy-ys .g_cpys dl {
        float: left;
        width: 50%;
        position: relative;
        margin-top: 10px;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .g_cpys p{
        display: none;
    }
    .g_cpys h3 {
        text-align: center;
        font-size: 16px;
    }
    .xgy-ys .g_cpys dd {
        padding-top: 0;
        margin: 0;
        padding: 0 20px;
    }
    .xgy-ys .g_cpys dd {
        top: 38%;
    }
    .about_plate {
        padding-top: 20px;
    }
    .xgy-ys {
        padding-top: 20px;
    }
    .platebt h2 {
        font-size: 20px;
    }
    .hock-1 {
        margin-bottom: 0;
    }
    .pro_list .xgy-hock {
        width: 95%;
        margin-top: 5px;
    }
    .g_cpys.f_fw.f_cb {
        padding: 0 10px;
    }
    .about_plater a{
        text-align: center;
    }
} 
@media screen and (max-width: 1400px){
.tz table{
    width: auto !important;
    height: auto !important;
}
.tz table td{
    width: auto !important;
    height: auto !important;
    word-wrap: break-word;
    word-break: break-all;
}
.tz table tr{
    height: auto !important;
}
}


.des-xgy table tr:nth-child(1){
    background-color: rgb(238, 238, 238);
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev {
    right: 100px;
    left: auto;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
    left: 100px;
    right: auto;
}