.intopb{
    height: 280px;
    width: 100%;
    background-size: 100% 260px;
    box-sizing: border-box;

}
.intopbz{
    padding: 107px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.38) 100%);
    height: 280px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 77px;
}
.shuqi{
    display: none;
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #2550bd;
}
.intopb2{
    font-size: 27px;
    letter-spacing: 4px;
    color: #fff;
    /*font-weight: bold;*/
    text-align: center;
    position: relative;
    height: 15px;
}

.intopb3{
    text-align: center;
    line-height: 80px;
    color: #eee;
    font-size: 18px;
}
.intopb3 a{
    color: #fff;
}

.topnav{
    height: 55px;
    border-bottom: solid 1px #eeeeee;
    line-height: 55px;
}
.topnav2>ul>li{
    display: inline-block;
}
.topnav2>ul>li a{
    display: block;
    padding: 0 35px;
}




.zont2{
    /*width: 240px;*/
    width: 25%;
    float: right;
    transition: 0s;
}
.zont3{
    float: left;
    /*width: 936px;*/
    width: 70%;
}
.zont1{
    min-height: 500px;
    margin-bottom: 100px;
    margin-top: 87px;
}
.zont22 li{
    line-height: 47px;
    height: 47px;
    background: #f4f4f4;
    margin-top: 10px;
    box-sizing: border-box;
    transition: .5s;
}
.zont22 li a{
    display: block;
    padding-left: 50px;
    position: relative;
    font-size: 15px;
}
.zont22 li a:after{
    position: absolute;
    left: 15px;
    top: 22px;
    width: 17px;
    height: 2px;
    background: #999;
    display: block;
    content: '';
}
.zont22 li:hover{
    background: #2550bd;
}
.zont22 li:hover a{
    color: #ffffff;
}
.zont21{
    height: 52px;
    padding-left: 50px;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: #2550bd url("../images/38.png") no-repeat 15px center;
    background-size: 21px auto;
    color: #fff;
    border-radius: 2px 2px 0 0;
    position: relative;
}

.zont211{
    line-height: 52px;
    font-size: 25px;
    padding-top: 0px;
}
.zont212{
    font-size: 15px;
    display: none;
}
.zont31{
    height: 52px;
    line-height: 52px;
    margin-top: 0px;
    background: #f2f2f2;
    margin-bottom: 15px;
    padding: 0 15px 0 0;
}
.zont32{
    float: left;
}
.zont32 span{
    font-size: 18px;
    color: #fff;
    padding: 0 20px;
    height: 52px;
    line-height:52px;
    position: relative;
    display: inline-block;
    background: #2550bd;
    min-width: 80px;
    text-align: center;
    border-radius: 0px 0 0 0;

}

.zont32 span:after{
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    content: '';
    display: block;
    height: 0;
    border-bottom: 52px solid #2550bd;
    border-right: 25px solid transparent;
}

.zont33{
    float: right;
    color: #888;
    background: url("../images/wz1.png") no-repeat left center;
    background-size: 20px auto;
    padding-left: 30px;
}
.zont33 a{
    color: #888;
}



.zont2-hove{
    background: #2550bd!important;
}
.zont2-hove a{
    color: #fff;
}
.zont2-hove a:after{
    background: #fff!important;
}


.ddetq{
    background: rgba(255, 255, 255, 0);
    box-shadow:none;
}
.ddetq .headnav>ul>li>a{
    color: #fff;
}
.ddetq .headnav>ul>li:hover:after{

    position: absolute;
    left: 0;
    bottom: 9px;
    width: 60%;
    right: 0;
    margin: 0 auto;
    height: 2px;
    background: #fff;
    display: block;
    content: '';
}


.ddetq .headnav-hover:after {
    position: absolute;
    left: 0;
    bottom: 9px;
    width: 60%;
    right: 0;
    margin: 0 auto;
    height: 2px;
    background: #fff;
    display: block;
    content: '';
}
.ddetq{
    padding-top: 20px;
}
.ddetq .souc1 {
    position: relative;
    width: 20px;
    height: 27px;
    background: url(../images/ss1.svg) no-repeat center;
    cursor: pointer;
}
.ddetq .headtel1 {
    font-size: 20px;
    line-height: 29px;
    padding-left: 30px;
    background: url(../images/tel1.svg) no-repeat left center;
    background-size: 19px auto;
}
.ddetq .headtel1{
    color: #fff;
}
.ddetq .top3{
    display: block;
    display: none;
}
.ddetq .top2{
    display: none;
    display: block;
}



.mycase{
    /*margin-top: 50px;*/
}
.mycase1{
    width: 100%;
    height: 266px;
    overflow: hidden;
    position: relative;

}
.mycase1 img{
    width: 100%;
    height: 266px;
    transition:.5s ;
    transform: scale(1);
}
.mycase>ul>li:hover .mycase1 img{
    transform: scale(1.1);
}
.mycase>ul>li:hover{box-shadow:0 150px 300px rgba(0,0,0,.1);}
.mycase7{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px 25px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.47);
    transform: scale(0.8);
    transition: .5s;
    opacity: 0;
}
.mycase>ul>li:hover .mycase7{
    transform: scale(1);
    opacity: 1;
}
.mycase8{
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 25px;
    height: 50px;
    position: relative;
    margin-bottom: 15px;
}
.mycase8:after{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 2px;
    background: #ffffff;
    display: block;
    content: '';
    margin: 0 auto;
}
.mycase9{
    line-height: 23px;
    height: 69px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.mycase2{
    padding: 10px 20px 33px;
    position: relative;
}
.mycase3{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    width: calc(100% - 77px);
    background: url(../images/kuang.png) no-repeat left center;
    background-size: 5px 5px;
    padding-left: 13px;
}
.mycase31{
    background: url(../images/kuang.png) no-repeat left center;
    background-size: 5px 5px;
    padding-left: 13px;
    height: 22px;
    width: calc(100% - 77px);
}
.mycase4{
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #616161;
    display: inline-block;
    margin-right: 20px;

}
.mycase5{
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #616161;
    display: inline-block;
    display: none;


}
.mycase6{
    position: absolute;
    right: 13px;
    top: 26px;
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #616161;
    border: solid 1px #ddd;
    transition: .5s;
}


.mycase5 span{
    color: #555;
    margin-left: 5px;
}
.mycase4 span{
    color: #555;
    margin-left: 5px;
}
.mycase>ul>li{
    float: left;
    margin-bottom: 20px;
    border: solid 1px #eaeaea;
    width: 23.7%;
    margin-right: 1.7%;
    box-sizing: border-box;
}
.mycase>ul>li:nth-of-type(4n){
    margin-right: 0;
}

.seinfo2{
    float: left;
    width: 350px;
}
.seinfo2 img{
    width: 100%;
}
.seinfo3{
    margin-left: 467px;
}
.seinfo5{
    height: 99px;
}
.seinfo5 li{
    float: left;
    width: 48.3%;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    margin-right: 3.2%;
}
.seinfo5 li:nth-of-type(2n){
    margin-right: 0;
}
.seinfo51 li{
    height: 35px;
    line-height: 32px;
    overflow: hidden;
    margin-right: 3.2%;
}
.seinfo4{
    display: block;
    line-height: 45px;
    font-size: 23px;
    margin-bottom: 10px;
}
.seinfo6{
    color: #2550bd;
}
.seinfo6 span{
    color: #585858;
    margin-left: 10px;
}
.seinfo7{
    margin-top: 5px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #2550bd;
}
.seinfo7 span{
    color: #585858;
}


.goods-right-two-goods2 {
    width: 430px;
    border: solid 2px #f2f2f2;
    background: #fff;
    height: 301px;
    float: left;
}
.goods-right-two-goods2>video{
    width: 100%;
    height: 301px;
}
.goods-right-two-goods2 img{
    width: 100%;
    height: 301px;
}
.goods-right-two-goods2 .ban{ width:430px; height:380px; position:relative; overflow:hidden;margin:0px auto 0 auto;}
.goods-right-two-goods2 .ban2{ width:430px; height:280px; position:relative; overflow:hidden;}
.goods-right-two-goods2 .ban2 ul{ position:absolute; left:0; top:0;}
.goods-right-two-goods2 .ban2 ul li{ width:430px; height:280px;}
.goods-right-two-goods2 .ban2 ul li img{ width:430px; height:280px;}
.goods-right-two-goods2 .prev{ float:left; cursor:pointer;}
.goods-right-two-goods2 .num{ height:82px;overflow:hidden; width:380px; position:relative;float:left;}
.goods-right-two-goods2 .min_pic{ padding-top:10px; width:430px;}
.goods-right-two-goods2 .num ul{ position:absolute; left:0; top:0;}
.goods-right-two-goods2 .num ul li{ width:70px; height:70px; margin-right:5px; padding:1px;}
.goods-right-two-goods2 .num ul li img{ width:70px; height:70px; }
.goods-right-two-goods2 .num ul li.on{ border:1px solid red; padding:0;}
.goods-right-two-goods2 .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:27px; margin-right:7px; cursor:pointer; float:left;}
.goods-right-two-goods2 .next_btn1{  width:16px; text-align:center; height:18px; margin-top:27px;cursor:pointer;float:right;}
.goods-right-two-goods2 .prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.goods-right-two-goods2 .next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.goods-right-two-goods2 .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.goods-right-two-goods2 .pop_up{ width:430px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.goods-right-two-goods2 .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.goods-right-two-goods2 .pop_up2{ width:430px; height:500px; position:relative; overflow:hidden;}
.goods-right-two-goods2 .pop_up2{ width:430px; height:500px; position:relative; overflow:hidden; float:left;}
.goods-right-two-goods2 .pop_up2 ul{ position:absolute; left:0; top:0;}
.goods-right-two-goods2 .pop_up2 ul li{ width:430px; height:500px; float:left;}


.seinfo8{
    margin-top: 30px;
}
.seinfo9{
    float: left;
    display: none;
}
.seinfo9 a{
    width: 140px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    background: #2550bd;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}
.seinfo10{

    margin-top: 10px;
}
.seinfo10>span{
    float: left;
}
.seinfo10 .bshare-custom{
    float: left;
}

.seinfo11{
    height: 45px;
    background: #f4f4f4;
    margin-top: 25px;
    line-height: 45px;
}
.seinfo11 span{
    font-size: 18px;
    color: #fff;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    position: relative;
    display: inline-block;
    background: #2550bd;
    border-radius: 7px 0 0 0;
}
.seinfo11 span:after{
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    content: '';
    display: block;
    height: 0;
    border-bottom: 45px solid #2550bd;
    border-right: 25px solid transparent;
}

.seinfo12{
    line-height: 30px;
    text-indent: 2em;
    color: #585858;
    margin-top: 20px;
}
.seinfo12 img{
    display: block!important;
    margin: 10px auto;
    max-width: 100%!important;
    height: auto!important;

}

.seinfo13{
    margin-top: 35px;
    margin-bottom: 52px;
}
.seinfo13 a{
    padding:10px 10px;
    margin-right: 10px;
    color: #333;
    background: rgba(227, 100, 25, 0.12);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
}
.seinfo11 a{
    float: right;
    color: #555;
    margin-right: 10px;
}

.seinfo14{
    margin-top: 20px;
    margin-bottom: 86px;
}
.seinfo14>ul>li{
    float: left;
    width: 23.45%;
    margin-right: 2%;
}
.seinfo14>ul>li:nth-of-type(4n){
    margin-right: 0;
}
.seinfo15{
    height: 173px;
    overflow: hidden;
    border-radius: 8px;
}
.seinfo15 img{
    width: 100%;
    height: 173px;
    transform: scale(1);
    transition: .5s;
}
.seinfo14>ul>li:hover .seinfo15 img{
    transform: scale(1.1);
}
.seinfo16{
    height: 40px;
    line-height: 40px;
    background: #f8f8f8;
    text-align: center;
    overflow: hidden;
  
}
.seinfo17{
    margin: 10px auto 30px;
}
.seinfo17>ul>li{
    line-height: 42px;
    height: 42px;
    overflow: hidden;
    padding-left: 25px;
    width: 48%;
    float: left;
    margin-right: 4%;
    box-sizing: border-box;
    border-bottom: dashed 1px #ddd;
    background: url("../images/jian.png") no-repeat left center;
    background-size: 20px auto;
}
.seinfo17>ul>li:nth-of-type(2n){
    margin-right: 0;
}
.seinfo17>ul>li a{
    display: block;
    width: calc(100% - 110px);
    float: left;
}
.seinfo17>ul>li span{
    float: right;
    width: 100px;
    color: #999;
    font-size: 13px;
}
.seinfo17>ul>li:hover a{
    color: #2550bd;
}
.seinfo17>ul>li:hover span{
    color: #2550bd;
}



























.prod>ul>li{
    float: left;
    width: 23.2%;
    margin-right: 2.4%;
    margin-bottom: 30px;
}
.prod>ul>li:nth-of-type(4n){
    margin-right: 0;
}
.prod1 img{
    width: 100%;
}
.prod2{
    background: #f8f8f8;
    padding:0 10px 10px;
}
.prod3{
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #2550bd;
    border-bottom: solid 1px #e8e8e8;
}
.prod4{
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #999;
}
.prod5{
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #999;
}
.prod5 span{
    color: #333;
}
.prod4 span{
    color: #333;
}
.prod7{
    float: left;
    width: calc(100% - 60px);
}
.prod6{
    float: right;
    width: 50px;
    height: 50px;
    text-align: center;
    border-left: solid 1px #ddd;
    overflow: hidden;
    position: relative;
}
.prod6 img{
    width: 30px;
    height: 30px;
    margin-top: 10px;
}
.prod61{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    width: 30px;
    height: 30px;
    display: none;
    margin: 0 auto;
}
.prod91{
    padding-top: 10px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 10px;
}

.prod1{
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 8px ;
}
.prod1 span{
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    transform: rotateY(90deg);
    transition: 0.2s;
    text-align: center;
}
.prod1 span img{
    width: 60px;
    display: block;
    margin: 70px auto;
}
.prod1>a>img{
    width: 100%;
    height: 200px;
    transition: .5s;
    transform: scale(1);
}
.prod>ul>li:hover .prod1 span{
    transform: rotateY(0deg);
    transition: .5s;
}
.prod>ul>li:hover .prod1>a>img{
    transform: scale(1.1);
}
.prod>ul>li:hover{
    box-shadow: 1px 1px 10px #ddd;
}
.prod>ul>li:hover .prod61{
    display: block;
}





.znews1{
    float: left;
    width: 210px;
    overflow: hidden;
    height: 145px;
    border-radius: 7px;
}
.znews1 img{
    width: 100%;
    height: 145px;
    transform: scale(1);
    transition: .5s;
}
.znews3{
    margin-left: 230px;
}
.znews4{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}
.znews4 a{
    width: calc(100% - 90px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    float: left;
}
.znews4 em{
    float: right;
    font-style: normal;
    width: 80px;
    display: block;
    font-size: 13px;
    color: #999;
}
.znews5{
    line-height: 25px;
    height: 50px;
    color: #858585;
    overflow: hidden;
}
.znews5 img{
    display: none;

}
.znews6{
    margin-top: 10px;
}
.znews6 em{
    font-style: normal;
    margin-right: 40px;
    color: #999;
}
.znews6 i{
    font-style: normal;
    width: 387px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.znews6 i a{
    display: inline-block;
    background: rgba(128, 128, 128, 0.35);
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    color: #666;
}
.znews6 span{

}
.znews>ul>li{
    padding: 10px 0;
    border-bottom: dashed 1px #ddd;
    transform: translateX(0);
    transition: .5s;
}
.znews>ul>li:hover .znews4 a{
    color: #2550bd;
}
.znews>ul>li:hover .znews1 img{
    transform: scale(1.1);
}
.znews>ul>li:hover{
    transform: translateX(10px);
}








.newsinfo1{
    text-align: left;
    font-size: 25px;
    line-height: 45px;
    font-weight: 400;
}
.newsinfo2{
    text-align: left;
    color: #999;
    margin: 10px auto 50px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 30px;
}
.newsinfo2 em{
    font-size: 14px;
    font-style: normal;
    margin: 0 30px 0 0;
}
.newsinfo3{
    width: 100%;
    padding: 10px;
    background: #f8f8f8;
    color: #999;
    line-height: 30px;
    box-sizing: border-box;
    margin: 50px auto 20px;
}
.newsinfo4{
    line-height: 32px;
    color: #666;
    text-indent: 2em;
    font-size: 15px;
}
.newsinfo4 img{
    display: inline-block;
    margin: 15px auto;
    max-width: 100%;
}
.ffrey1{
    float: right;
    margin-top: 60px;
}
.ffrey2{
    float: left;
    line-height: 27px;

}
.ffrey1 .bshare-custom{
    float: left;

}

.about{
    line-height: 30px;
    color: #666;
    text-indent: 2em;
}
.about img{
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
.about{
    margin-bottom: 34px;
}


.join{
    position: relative;
}
#join{
    position: absolute;
    left: 0;
    top: -300px;
    top: -300px;
    display: block;
    width: 1px;
    height: 1px;
}
.join>ul>li {
    float: left;
    width: 23.45%;
    margin-right: 2%;
    margin-bottom: 0px;
}
.join>ul>li:nth-of-type(4n){
    margin-right: 0;
}
.join>ul>li:hover .join1 img{
    transform: scale(1.1);
}
.join>ul>li:hover .join2{
    color: #2550bd;
}
.join1 {
    height: 173px;
    overflow: hidden;
}
.join1 img {
    width: 100%;
    height: 173px;
    transform: scale(1);
    transition: .5s;
}
.join2 {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.contact{
    line-height: 36px;
    float: left;
    width: 45%;
    box-sizing: border-box;
    padding-left: 0px;
    color: #858585;
}
.contact img{
    max-width: 100%;
}
.contact1{
    width: 45%;
    float: right;
    /*height: 263px;*/
    display: none;
}
.contact511{
    width: 50%;
    float: right;
    line-height: 41px;
    /*height: 263px;*/
    color: #858585;
}
.contact512{
    line-height: 41px;
    /*height: 263px;*/
    color: #858585;
}
.contact513{
    font-size: 22px;
    color: #2550bd;
    position: relative;
    margin-bottom: 10px;
}
.contact513:after{
    position: absolute;
    left: -10px;
    top: 10px;
    width: 2px;
    height: 25px;
    background: #2550bd;
    display: block;
    content: '';
}

.contactzwe{
    font-size: 22px;
    color: #2550bd;
    position: relative;
    line-height: 44px;
    margin-bottom: 10px;
}
.contactzwe:after{
    position: absolute;
    left: -10px;
    top: 10px;
    width: 2px;
    height: 25px;
    background: #2550bd;
    display: block;
    content: '';
}
.contactzwe span{
    color: #666;
    font-size: 15px;
}
.contact513 span{
    color: #666;
    font-size: 15px;
}
.contact512 img{
    max-width: 100%;
}
.contact1>div{
    margin-bottom: 10px;
}
.contact1 img{
    width: 100%;
    height: 100%;
}
.contact11{
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}
.contact11 iframe{
    width: 100%;
    overflow: hidden;
    border: none;
    height: 400px;
}
.lxwm{
    margin-top: 40px;
}

.tjxx1{
    float: left;
    width: 100px;
    background: #f2f2f2;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #686868;
}
.tjxx3{
    float: left;
    width: 100px;
    background: #f2f2f2;
    height: 100px;
    text-align: center;
    line-height: 100px;
    color: #686868;
}
.tjxx2 textarea{
    height: 100px;
    width: calc(100% - 100px);
    line-height: 25px;
    border:solid 1px #f2f2f2;
    box-sizing: border-box;
    padding: 5px 10px;
    resize: none;
}
.tjxx{
    height: 40px;
}
.tjxx input{
    box-sizing: border-box;
    padding:0 10px;
    width: calc(100% - 100px);
    float: left;
    height: 40px;
    border:solid 1px #f2f2f2;
}
.tjxx4 input{
    width: 100px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    background: #2550bd;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-left: 100px;
}

.tag{
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 33px;
}
.tag span{
    display: inline-block;
    background: rgba(200, 200, 200, 0.25);
    color: #666;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
}


.sety{

    border-bottom: solid 1px #ededed;
    background: #f9f9f9;
    line-height: 60px;
    height: 60px;
    padding: 0px 0 0px;
}
.sety1{
    width: 90%;
    min-width: 1200px;
    margin:0 auto;
    text-align: center;
}
.sety1 li{
    float: none;
    display: inline-block;
    height: 60px;
    line-height: 60px;

}
.rty li{
    float: left;
    display: inline-block;
    height: 60px;
    line-height: 60px;

}
.sety1 li a{
    padding: 0px 35px;
    border-radius: 0px;
    margin-right: 0px;
    font-size: 16px;
    display: block;
}
.sety2-hove a{
    background: #2550bd!important;
    color: #fff;
}


.bqian{
    background: #2550bd url("../images/biaoqian.png") no-repeat 15px center;
    background-size: 22px auto;
    height: 52px;
    line-height: 52px;
    border-radius: 2px 2px 0 0;
    color: #fff;
    margin-top: 40px;
    font-size: 25px;
    padding-left: 50px;
    box-sizing: border-box;
}
.bqian1{
    margin-top: 15px;
    overflow: hidden;
    /* max-height: 327px;
  
     height: 263px;*/
}
.bqian1 a{
    display: inline-block;
    background: #ebebeb;
    color: #777;
    padding: 5px 12px;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 13px;
}
.bqian1 a:hover{
    background: #bbb;
    color: #666;
}

.tuet{
    margin-bottom: 55px;
}
.tuet>ul>li{
    height: 389px;
    overflow: hidden;
}


.tuet1{
    float: left;
    width: 50%;
}
.tuet1 video{
    width: 100%;
    height: 389px;
}
.tuet2{
    float: right;
    width: 50%;
    padding:40px 35px;
    box-sizing: border-box;
    background: #f9f9f9;
    height: 389px;
}

.tuet>ul>li:nth-of-type(2n) .tuet2{
    float: left;
}
.tuet>ul>li:nth-of-type(2n) .tuet1{
    float: right;
}
.tuet3{
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    font-size: 25px;
    color: #2550bd;
}
.tuet4{
    height: 40px;
}

.tuet5{
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    float: left;
    margin-right: 29px;
}
.tuet6{
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    float: left;
}
.tuet7{
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #666;
}
.tuet8 a{
    display: inline-block;
    background: #f2f2f2;
    padding: 5px 12px;
    border-radius: 4px;
    color: #666;
    margin-right: 15px;
}
.tuet8{
    margin-top: 15px;
}
.tuet9{
    float: left;
    background: none;
    padding: 5px 12px;
    display: none;
}
.djck a{
    width: 120px;
    height: 35px;
    background: #2550bd;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    display: block;
    margin-top: 25px;
}
.djck a:hover{
    background: #2550bd;
    color: #ffffff;
}









.news{
    margin-top: 50px;
}
.news>ul>li{
    width: 32%;
    margin-right: 1.5%;
    float: left;
    margin-bottom: 35px;
}
.news>ul>li:nth-of-type(3n){
    margin-right: 0;
}
.news1 img{
    max-width: 100%;
    width: auto;
    height: auto;
    min-height: 280px;
    transition: .5s;
    transform: scale(1);
}
.news1{
    height: 280px;
    overflow: hidden;
}

.news2{
    height: 60px;
    position: relative;
}
.news3{
    position: absolute;
    left: 0px;
    top: -30px;
    width: 68px;
    height: 80px;
    background: #2550bd;
}
.news6{
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 18px;
    color: #555;
}

.news5{
    font-size: 14px;
    color: #818181;
    line-height: 30px;
}
.news7{
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #848484;
    margin-top: 15px;
}
.news8{
    height: 1px;
    width: 100%;
    background: #e7e7e7;
    margin: 15px auto 0px;
}

.news>ul>li:hover .news1 img{
    transform: scale(1.1);
}
.news>ul>li:hover .news6 a{
    color: #2550bd;

}

.rjzzqz{
    text-align: center;
    font-size: 68px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.06);
    height: 50px;
}
.rjzzq5{
    text-align: center;
    font-size: 32px;
    color: #2550bd;
    font-weight: bold;
    line-height: 30px;
    height: 50px;
    margin-bottom: 45px;
}
.rjzzq6{
    display: none;
}
.rjzzq7{
    text-align: center;
}
.rjzzq7 li{
    display: inline-block;
    background: url("../images/duih.png") no-repeat left center;
    padding-left: 30px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0 35px;
}










.xabou{
    padding: 50px 0;
}

.xabou2{
    font-size: 28px;
    text-align: center;
}
.xabou3{
    width: 35px;
    height: 2px;
    margin: 15px auto;
    background: #2550bd;
}
.xabou4{
    line-height: 30px;
    color: #666;

    margin-top: 40px;
}
.xabou5{
    margin-top: 58px;
}
.xabou5>ul>li{
    width: 23%;
    margin: 0 1%;
    float: left;
    padding: 0 1%;
    box-sizing: border-box;
}
.xabou6 img{
    height: 80px;
    display: block;
    margin: 0 auto;
}
.xabou7{
    text-align: center;
    line-height: 50px;

    font-size: 20px;
    margin-top: 20px;
    color: #2550bd;
}
.xabou9{
    line-height: 30px;
    color: #78787a;
    text-align: center;
    height: 90px;
    overflow: hidden;
    margin-top: 15px;
    font-size: 14px;
}

.ctfc{
    margin-top: 40px;
    margin-bottom: 20px;
}
.ctfc li{
    float: left;
    width: 27%;
    margin: 0 3%;
}
.ctfc li:nth-of-type(3n){
    margin-right: 0;
}
.ctfc1 img{
    width: 100%;
    height: 185px;
}
.ctfc2{
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.wybzd{
    padding: 65px 0 90px;
    background: #f2f2f2;
    margin-top: 50px;

}
.vto{
    float: left;

    width: 50%;
}
.vto5{
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.vto2{
    color: #2550bd;
    font-size: 16px;
    font-weight: bold;
}
.vto3{
    font-size: 22px;
    margin-bottom: 25px;
}
.vto5>ul>li{
    display: inline-block;
    width: 380px;
    height: 493px;
}
.vto5>ul>li img{
    width: 380px;
    height: 493px;
}
.vto5>ul>li:nth-of-type(2){
    position: absolute;
    left: 150px;
    top: 189px;
    width: 271px;
    height: 344px;
}
.vto5>ul>li:nth-of-type(2) img{
    width: 271px;
    height: 344px;
}

.fell{
    height: 60px;
    border-bottom: #e1e1e3 1px solid;
    line-height: 60px;
    box-sizing: border-box;
}
.fell1z{
    text-align: left;
}
.fell1z ul{
    white-space:nowrap;
}

.fell1z ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: none;

}
.fell1z ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-radius: 10px;
    background: #999;
}
.fell1z ul::-webkit-scrollbar-track {

    border-radius: 10px;
    background: none;
}

.fell1z li{
    /*float: left;*/
    display: inline-block;
    width: 160px;
    text-align: center;
    box-sizing: border-box;
    height: 59px;
    border-left: #e1e1e3 1px solid;
    border-bottom: solid 3px rgba(227, 100, 25, 0);
}
.fell1z li a{
    display: block;
}

.fell1z li:last-child{
    border-right: #e1e1e3 1px solid;
}
.fell1z li:hover{
    border-bottom: solid 3px #2550bd;
}
.fell1z li:hover a{
    color: #2550bd;
}
.zont22 .fell2{
    background: #2550bd;
}
.zont22 .fell2 a{
    color: #fff;
}

.cjjm{
    padding: 87px 0 55px;
}
.cjjm2{
    font-size: 32px;
    color: #2550bd;
    text-align: center;
}
.cjjm3{
    font-size: 14px;
    text-align: center;
    color: #818181;
    line-height: 1;
    margin: 15px 0 0;
    text-transform: uppercase;
}
.cjjm4{
    margin-top: 50px;
}
.cjjm4>ul>li{
    float: left;
    width: 30%;
    margin-right: 5%;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.cjjm4>ul>li:nth-of-type(3n){
    margin-right: 0;
}
.cjjm5{
    height: 220px;
    overflow: hidden;
}
.cjjm5>img{
    width: 100%;
    height: 220px;
}
.cjjm6{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
}
.cjjm7 img{
    display: block;
    height: 76px;
    margin: 30px auto 10px;
}
.cjjm8{
    color: #ffffff;
    font-size: 19px;
    line-height: 30px;
    text-align: center;
}
.cjjm9{
    width: 35px;
    height: 2px;
    background: #ffffff;
    margin: 15px auto;
}
.mmhzjm{
    padding-bottom: 90px;
    background: #f1f1f1;
    padding-top: 50px;
}
.mmhzjm1{
    height: 50px;
    background: #2550bd;
    margin-bottom: 15px;
    line-height: 50px;

}
.mmhzjm1>ul>li{
    float: left;
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;

}
.mmhzjm1>ul>li:nth-of-type(1){
    width: 50%;
    padding-left: 20px;
}
.mmhzjm1>ul>li:nth-of-type(2){
    width: 20%;
    text-align: center;
}
.mmhzjm1>ul>li:nth-of-type(3){
    width: 15%;
    text-align: center;
}
.mmhzjm1>ul>li:nth-of-type(4){
    width: 15%;
    text-align: center;
}
.mmhzjm3{
    height: 50px;
    background: #fff;
    line-height: 50px;
    cursor: pointer;

}
.mmhzjm3>ul>li{
    float: left;
    font-size: 18px;
    color: #333;
    box-sizing: border-box;

}
.mmhzjm3>ul>li:nth-of-type(1){
    width: 50%;
    padding-left: 20px;
}
.mmhzjm3>ul>li:nth-of-type(2){
    width: 20%;
    text-align: center;
}
.mmhzjm3>ul>li:nth-of-type(3){
    width: 15%;
    text-align: center;
}
.mmhzjm3>ul>li:nth-of-type(4){
    width: 15%;
    text-align: center;
}
.mmhzjm4{
    line-height: 30px;
    padding: 20px 30px;
    background: #fff;
    display: none;
    position: relative;
}
.mmhzjm2>ul>li{
    margin-bottom: 10px;
    border: solid 1px #ddd;
}
.xz .mmhzjm3{
    background: #2550bd!important;
    color: #fff!important;
}
.xz .mmhzjm4{
    display: block!important;
}

.xz .mmhzjm3>ul>li{
    color: #fff!important;
}

.dt{
    margin-bottom: 60px;
}
.dt iframe{
    width: 100%;
    height: 400px;
    border: none;
    box-sizing: border-box;
}
.vcon{
    margin-top: 50px;
}
.vcon>ul>li{
    width: 21%;
    margin: 0 2%;
    float: left;
    box-sizing: border-box;
    border: solid 1px #ddd;
    height: 259px;
    padding: 35px 0 15px;
}
.vcon1 img{
    height: 55px;
    display: block;
    margin: 0 auto;
}
.vcon2{
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    margin: 25px auto 15px;
}
.vcon3{
    text-align: center;
    line-height: 30px;
    padding: 0 20px;
    height: 60px;
    overflow: hidden;
    color: #666;
}
.yyfzr{
    margin-top: 50px;
}
.yyfzr>ul>li{
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border: solid 1px #dadada;
    padding: 30px 20px;
    height: 202px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 45px;
    border-radius: 4px;
    cursor: pointer;
}
.yyfzr>ul>li:nth-of-type(4n){
    margin-right: 0;
}
.yyfzr1{
    font-size: 15px;
    font-weight: bold;
    color: #696969;
    line-height: 25px;
}
.yyfzr2{
    line-height: 25px;
    margin-top: 10px;
    color: #888888;
    font-size: 13px;
}
.yyfzr3{
    line-height: 25px;
    color: #888888;
    font-size: 13px;
}
.yyfzr4{
    line-height: 25px;
    color: #888888;
    font-size: 13px;
}
.yyfzr>ul>li:nth-of-type(1){
    border: solid 1px rgba(221, 221, 221, 0)!important;
    background: #2550bd;
}
.shc5{
    font-size: 27px;
    line-height: 50px;
    color: #fff;
}
.shc6{
    font-size: 22px;
    color: #fff;
    line-height: 40px;
}
.shc4{
    background: url(../images/iconl.png) no-repeat 0px 20px;
    padding-left: 50px;
    margin-top: 20px;
}
.yyfzr>ul>li:hover{
    border-color: #2550bd;

}
.yyfzr>ul>li:hover .yyfzr1{
    color: #2550bd;
}
.yyfzr>ul>li:hover .yyfzr2{
    color: #2550bd;
}
.yyfzr>ul>li:hover .yyfzr3{
    color: #2550bd;
}
.yyfzr>ul>li:hover .yyfzr4{
    color: #2550bd;
}

.hzdl{
    border: solid 1px #ddd;
    max-width: 1200px;
    width: 77%;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
}

.hzdl1{
    line-height: 45px;
    font-size: 23px;
    margin-bottom: 15px;
}
.hzdl3{
    text-align: right;
    font-size: 18px;
    line-height: 30px;
    margin-top: 50px;
}
.hzdl2{
    line-height: 40px;
    text-indent: 2em;
    color: #666;
}
.hzdl2 img{
    max-width: 100%;
}
.hzdl4{
    margin-bottom: 100px;
    margin-top: 50px;
    text-align: center;
}
.hzdl4 a{
    display: inline-block;
    padding: 7px 25px;
    background: #666;
    color: #fff;
    margin-left: 15px;
    border-radius: 50px;
    font-size: 16px;
}
.hzdl4 a:hover{
    background: #2550bd;
}
.wenh{
    width: 1300px;
    margin: 50px auto 80px;
}
.wenh1{
    float: left;
    width: 65%;
    line-height: 35px;
    box-sizing: border-box;
    padding:30px 40px;
    font-size: 16px;
    color: #666;
}
.wenh2{
    float: right;
    width: 35%;
}
.wenh2 img{
    width: 100%;
    height: 500px;
}
.wenh>ul>li{
    margin-bottom: 25px;
}
.wenh>ul>li:nth-of-type(2n) .wenh2{
    float: left;
}
.wenh>ul>li:nth-of-type(2n) .wenh1{
    float: right;
}
.wenh>ul>li:nth-of-type(1) .wenh2 img{
    width: 100%;
    height: 300px;
}

.wenh>ul>li:nth-of-type(2) .wenh2 img{
    width: 100%;
    height: 300px;
}

.wenh>ul>li:nth-of-type(3) .wenh2 img{
    width: 100%;
    height: 600px;
}
.wenh>ul>li:nth-of-type(4) .wenh2 img{
    width: 100%;
    height: 400px;
}
.wenh3{
    font-size: 18px;
    color: #2550bd;
    font-weight: bold;
}
.wenh3:after{
    width: 60px;
    height: 2px;
    /*background: #2550bd;*/
    display: block;
    content: '';
    margin: 10px 0 20px;
}

.czlc{
    line-height: 25px;
    width: 1200px;
    text-align: center;
    color: #808080;
    margin: 20px auto;
}

.fzlc{
    position: relative;
    width: 1200px;
    margin: 70px auto 70px;
}
.fzlc>ul>li{

}
.fzlc:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 3px;
    background: rgba(187, 187, 187, 0.38);
    display: block;
    height: 100%;
    content: '';
    margin: 0 auto;
}

.fzlc1{
    width: 50%;
    float: left;
    padding-left: 5%;
    padding-right: 8%;
    box-sizing: border-box;
    text-align: right;
    position: relative;
}

.fzlc3{
    position: absolute;
    right: -30px;
    top: 26%;
    width: 60px;
    height: 60px;
    background: #2550bd;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    z-index: 999;

}
.fzlc2{
    padding: 35px 0;
    line-height: 30px;
    color: #333;
}
.fzlc>ul>li:nth-of-type(2n) .fzlc1{
    float: right;
    text-align: left;
}
.fzlc>ul>li:nth-of-type(2n) .fzlc3{
    right: auto;
    left: -30px;
}
.hpnoe{
    margin-top: 50px;
}
.hpnoe>ul>li{
    background: #f2f3f4;
    margin-right: 2%;
    width: 18.4%;
    float: left;
    margin-bottom: 40px;
}
.hpnoe>ul>li:nth-of-type(5n){
    margin-right: 0;
}

.hpnoe1 img{
    height: 230px;
    max-width: 100%;
    transition: .5s;
    transform: scale(1);
}
.hpnoe1{
    padding: 20px ;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
}
.hpnoe2{
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #cacbcc;;
    font-size: 15px;

}

.hpnoe>ul>li:hover .hpnoe1 img{
    transform: scale(1.1);
}
.hpnoe>ul>li:hover .hpnoe2{
    background: #2550bd;
    color: #fff;
}
.hpnoe>ul>li:hover{
    box-shadow: 2px 5px 10px #999;
}

.xgzz>ul>li{
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    background: url("../images/kuang.png") no-repeat 5px 17px;
    background-size: 5px auto;
    padding-left: 18px;
}
.xgzz>ul>li span{
    float: right;
    width: 100px;
    font-size: 13px;
    color: #999;
    text-align: right;
}
.xgzz>ul>li a{
    width: calc(100% - 130px);
    float: left;
    color: #515151;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.xgzz{
    margin-top: 10px;
}

.weiz{
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #eee;
    background: #f9f9f9;
}
.weiz1{
    background: url("../images/wz.png") no-repeat 5px center;
    background-size: 20px auto;
    padding-left: 35px;
    box-sizing: border-box;
    color: #666;
}
.weiz1 a{
    color: #666;
}
.weiz1 span{
    color: #2550bd;
}
.cce{
    margin-top:40px;
}
.zizhi3{
    text-align: center;
}
.zizhi3>div{
    width: 35px!important;
    height: 35px!important;
    display: inline-block!important;
    background: #b5b5b5;
    color: #ffffff;
    border-radius: 50%;
    position: static!important;
    line-height: 35px;
    margin: 20px 10px 50px;
    opacity: 1!important;

}
.zizhi3>div:after{
    color: #fff!important;
    font-size: 20px;
}
.zizhi3>div:hover{
    background: #2550bd;
}
.zizhi{
    padding-top: 50px;
}
.bmzzry{
    background:url("../images/abb.jpg") no-repeat center fixed;

}
.bmzzryz{
    background: rgba(76, 157, 238, 0.85);
    padding: 42px 0;
    height: 227px;
    box-sizing: border-box;
    overflow: hidden;
}
.bmzzry2{
    float: left;
    border: solid 1px #fff;
    width: 380px;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    padding: 30px 52px;
    color: #ffffff;
    box-sizing: border-box;
}
.bmzzry3{
    float: right;
    width: calc(100% - 401px);
}
.bmzzry3>ul>li{
    float: left;
    width: 31.8%;
    box-sizing: border-box;
    padding: 0 35px;
    text-align: left;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    border: solid 1px #fff;
    margin-bottom: 24px;
    margin-right: 2.2%;
    color: #fff;
    font-size: 15px;
}
.bmzzry3>ul>li:nth-of-type(3n){
    margin-right:0;
}
.bmzzry3>ul>li i{
    font-style: normal;
    font-size: 40px;
}
.bmzzry3>ul>li>span:nth-of-type(1){
    float: left;
    margin-top: -1px;
    margin-left: 30px;
    margin-right: 20px;
}
.qywh3>ul>li{
    float: left;
    height: 220px;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff;
}
.qywh3>ul>li>img{
    width: 100%;
    height: 220px;
}
.qywh{
    background: #f2f2f2;
    padding: 50px 0 70px;
}
.qywh3>ul>li:nth-of-type(1){
    width: 55%;

}
.qywh3>ul>li:nth-of-type(2){
    width: 22%;
}
.qywh3>ul>li:nth-of-type(3){
    width: 23%;
}
.qywh3>ul>li:nth-of-type(4){
    width: 35%;
}
.qywh3>ul>li:nth-of-type(5){
    width: 20%;
}
.qywh3>ul>li:nth-of-type(6){
    width: 22%;
}
.qywh3>ul>li:nth-of-type(7){
    width: 23%;
}
.qywh3>ul>li:nth-of-type(8){
    width: 35%;
}
.qywh3>ul>li:nth-of-type(9){
    width: 20%;
}
.qywh3>ul>li:nth-of-type(10){
    width: 22%;
}
.qywh3>ul>li:nth-of-type(11){
    width: 23%;
}
.qywh7{
    padding: 29px 135px 0 20px;
}
.qywh4{
    font-size: 22px;
    color: #333;
}
.qywh5{
    color: #2550bd;
    font-size: 25px;
    margin-top: 5px;
}
.qywh6{
    margin-top: 10px;
    color: #999999;
    line-height: 25px;
}
.qywh8{

    background: #007aff;
    padding:35px 45px;
}
.qywh9{
    font-size: 21px;
}
.qywh10{
    line-height: 30px;
    opacity: .5;
}
.qywh11{
    line-height: 25px;
    margin-top: 8px;
}
.qywh12{
    background: #2550bd;
    padding:55px 45px;
    text-align: center;
}
.qywh13{
    background: #ff9a89;
    padding:55px 45px;
    text-align: center;
}
.qywh14{
    padding:55px 45px;
    text-align: center;
    background: #fff;
    color: #333!important;
}
.qywh15{
    background: #e2b245;
    padding:55px 45px;
    text-align: center;
}
.zont31{
    display: none;
}
.foot20{
    margin-top: 50px;
}