@charset "UTF-8";
/* CSS Document */

/*imgList1 start*/
.wrapList{
    width: 1234px;
    margin: 0 auto;
    clear: both;
}
.imgList1{
    padding: 0 8px 0 8px;
}
.imgList1 li{
    float:left;
    width: 389px;
    display: block;
    background:#fff;
    overflow: hidden;
    margin: 0 8px 15px 8px;
    -webkit-transition:all 0.9s ease;
    transition:all 1s ease;
}

.imgList1 li:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,.4);
    box-shadow:0 4px 10px rgba(0,0,0,.4);
}

.imgList1 .pic1{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}
.imgList1 .pic1:before{
    display: block;
    content: '';
    padding-top: 66.666666%;
}

.imgList1 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.imgList1 li:hover img{
    background: rgba(0,0,0,0.2);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.imgList1Box{
    position: relative;   
}
.imgList1Flex{
    position: absolute;
    top: 0px;
    left: 0px;
    width:  100%;
    height:   100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.imgList1TextBox{
    overflow:  hidden; 
    padding: 18px 20px;
}
.imgList1 li:hover .imgList1Flex{
    opacity: 1;
}
.imgList1More{
    position:   absolute;
    left: 50%;
    top:  50%;
    margin-top: -17.5px;
    margin-left: -17.5px;
    width: 35px;
    height:35px;
    background: url(../images/s.png)no-repeat center center ;
}
.imgList1 h6{
    font-size: 16px;
    /* padding: 20px 0; */
    height: 35px;
    line-height: 35px;
    color: #333333;
    overflow: hidden;
    font-weight: normal;
}
.imgList1 h5{
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #999999;
    overflow: hidden;
    font-weight: normal;
}
.imgList1 li:hover h6{
    color: #2e3191;
}
.jqthumb {
    position: absolute;
    left: 0px;
    top: 0px;
}
.Pic4{
    width:100%;
    height: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    opacity: 0;
    z-index: 9;
}
/*imgList1 end*/

/*imgList2 start*/
.imgList2{
    padding: 0 8px 0 6px;
}
.imgList2 dd{
    float: left;
    width: 376px;
    display: block;
    background: #fff;
    overflow: hidden;
    margin: 0 15px 30px 15px;
    -webkit-transition: all 0.9s ease;
    transition: all 1s ease;
}
.imgList2.imgList5 dd a{
    padding: 0px;
}
.imgList2 dd a{
    display: block;
    padding: 10px;
    background: #f5f5f5;
}
.imgList2 dd:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.2);
    box-shadow:0 5px 20px rgba(0,0,0,.2);
}

.imgList2 .pic1{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}
.imgList2 .pic1:before{
    display: block;
    content: '';
    padding-top: 66.666666%;
}

.imgList2 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.imgList2 dd:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.imgList2Box{
    position: relative;   
}
.imgList2Flex{
    position: absolute;
    top: 0px;
    left: 0px;
    width:  100%;
    height:   100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.imgList2TextBox{
    overflow:  hidden;
    /* padding: 18px 20px; */
}

.imgList2 h6{
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    color: #333333;
    overflow: hidden;
    text-align: center;
    font-weight: normal;
}
.imgList2 dd:hover h6{
    color: #2e3191;
}
/*imgList2 ending*/

/*imgList3 start*/

.imgList3{
    padding: 0 8px 0 8px;
}
.imgList3Top{
    overflow:hidden;
    padding: 0 20px 0 15px;
}
.imgList3TopTitleBox{
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}
.imgList3TopT1{
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #333;
}
.imgLCall{
    overflow: hidden;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #2f34d8;
    padding-left: 30px;
}


.imgList3TopT1.productT{
    color: #0a418c;
}
.imgList3TopT2 a{
    display: block;
    padding: 11px 30px;
    background: #0a418c;
    color: #ffffff;
    font-size: 18px;
    border-radius: 4px;
}
.imgListTopC{
    padding-top: 24px;
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 35px;
}
.imgList3 dd{
    float:left;
    width: 389px;
    display: block;
    background:#fff;
    overflow: hidden;
    margin: 0 8px 15px 8px;
    -webkit-transition:all 0.9s ease;
    transition:all 1s ease;
}

.imgList3 dd:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.4);
    box-shadow:0 5px 10px rgba(0,0,0,.4);
}

.imgList3 .pic1{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}
.imgList3 .pic1:before{
    display: block;
    content: '';
    padding-top: 66.666666%;
}

.imgList3 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.imgList3 dd:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.imgList3Box{
    position: relative;   
}
.imgList3Flex{
    position: absolute;
    top: 0px;
    left: 0px;
    width:  100%;
    height:   100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.imgList3TextBox{
    overflow:  hidden; 
    padding: 18px 20px;
}
.imgList3 dd:hover .imgList3Flex{
    opacity: 1;
}
.imgList3More{
    position:   absolute;
    left: 50%;
    top:  50%;
    margin-top: -17.5px;
    margin-left: -17.5px;
    width: 35px;
    height:35px;
    background: url(../images/s.png)no-repeat center center ;
}
.imgList3 h6{
    font-size: 16px;
    /* padding: 20px 0; */
    height: 35px;
    line-height: 35px;
    color: #333333;
    overflow: hidden;
    font-weight: normal;
}
.imgList3 h5{
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #999999;
    overflow: hidden;
    font-weight: normal;
}
.imgList3 dd:hover h6{
    color: #2e3191;
}
/*imgList3 end*/

/*imgList4 start*/
.wrapList{
    width: 1234px;
    margin: 0 auto;
    clear: both;
}
.imgList4{
    padding: 0 8px 0 8px;
}
.imgList4 dd{
    float: left;
    width: 386px;
    display: block;
    background: #fff;
    overflow: hidden;
    margin: 0 10px 20px 10px;
    -webkit-transition: all 0.9s ease;
    transition: all 1s ease;
}
.imgList4 dd a{
    display: block;
    background: #f5f5f5;
}
.imgList4 dd:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.12);
    box-shadow:0 5px 15px rgba(0,0,0,.12)
}

.imgList4 .pic1{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}
.imgList4 .pic1:before{
    display: block;
    content: '';
    padding-top: 66.666666%;
}

.imgList4 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.imgList4 dd:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.imgList4Box{
    position: relative;
    overflow: hidden;
}
.imgList4Flex{
    position: absolute;
    top: 0px;
    left: 0px;
    width:  100%;
    height:   100%;
    background: rgba(0,0,0,0.4);
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.imgList4TextBox{
    overflow:  hidden; 
}

.imgList4More{
    position:   absolute;
    left: 50%;
    top:  50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height:40px;
    background: url(../images/video.png)no-repeat center center ;
}
.imgList4 h6{
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #333333;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
}
.imgList4 dd:hover h6{
    color: #2e3191;
}


.IAboutCTR{
    width: 386px;
    /* height: 332px; */
    /* margin-left: 40px; */
}
.ind3rdR{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.indVieo{
    overflow: hidden;
    height: 260px;
    position: relative;
}
#indV{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: 1;
}
.playVideo{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    cursor: pointer;
    background: rgba(0,0,0,0.2)!important;
}
.load{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    cursor: pointer;
}
.ind3rdRtext{
    z-index: 99;
    text-align: center;
}
.ind3rdRtext span{
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
    background: url(../images/video.png)no-repeat center center;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.ind3rdRtext em{
    color: #fff;font-size: 12px;font-style: normal;display: block;
    margin-bottom: 30px;
}
.proJ_dl dd .proJ_detail1:hover{
    border-color: #fff;
}
/*imgList1 end*/
/*imgText1 start*/

.imgText1 dd{
    overflow: hidden;
    padding: 22px;
    background-color: #ffffff;
    cursor: pointer;
    -webkit-transition:all .9s ease;
    transition:all .9s ease;
    margin-bottom: 20px;
    background: #f5f5f5;
}
.imgText1 .imgTLL{
    float: left;
    width: 300px;
    margin-right: 28px;
}
.imgText1 .imgTLL .imgTextPic{
     width: 100%; 
     overflow: hidden; 
     position: relative;
}
.imgText1 .imgTLL .imgTextPic:before{
    display: block; 
    content: ''; 
    padding-top: 66.666666%;
}
.imgText1 .imgTLL img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
}
.imgText1 .imgTLR{
    overflow:hidden;
    padding-top: 28px;
}
.imgText1 .imgTLR h5{
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}
.imgText1 dd:hover .imgTLR h5{
    color: #0a418c;
    font-weight: bold;
}
.imgText1 .Time span{
    display: inline-block;
    width: 145px;
    height: 37px;
    line-height: 37px;
    padding-left: 27px;
    font-size: 14px;
    color: #999999;
}

.imgText1 .Time .T1{background: url("../images/Time.png")no-repeat 0px center;}
.imgText1 .Time .T2{background: url("../images/wacth.png")no-repeat 0px center;}
.imgText1 .imgTLR .Text{
    height: 60px;
    line-height: 30px;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}
.imgText1 dd:hover .imgTLR a{
    color: #0076b6;
}
.imgText1 dd:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 20px 40px rgba(f,f,f,.12);
    box-shadow:0 5px 15px rgba(0,0,0,.12)
}
.imgText1 .imgTextMore{
    color: #048b5e;
    border: 1px solid #048b5e;
    width: 118px;
    font-size: 14px;
    height: 38px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 38px;
}
.imgText1 dd:hover .imgTextMore{
    background: #048b5e;
    color: #fff;
}
/*imgText1 ending*/

/*textList1 start*/

.textList1 dd{
    overflow: hidden;
    padding: 22px;
    background-color: #ffffff;
    cursor: pointer;
    -webkit-transition:all .9s ease;
    transition:all .9s ease;
    margin-bottom: 20px;
    background: #f5f5f5;
}
.textList1 .imgTLL{
    float: left;
    width: 300px;
    margin-right: 28px;
}
.textList1 .imgTLL .imgTextPic{
     width: 100%; 
     overflow: hidden; 
     position: relative;
}
.textList1 .imgTLL .imgTextPic:before{
    display: block; 
    content: ''; 
    padding-top: 66.666666%;
}
.textList1 .imgTLL img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
}
.textList1 .imgTLR{
    overflow:hidden;
    padding-top: 28px;
}
.textList1 .imgTLR h5{
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}
.textList1 dd:hover .imgTLR h5{
    color: #0a418c;
    font-weight: bold;
}
.textList1 .Time span{
    display: inline-block;
    width: 145px;
    height: 37px;
    line-height: 37px;
    padding-left: 27px;
    font-size: 14px;
    color: #999999;
}

.textList1 .Time .T1{background: url("../images/Time.png")no-repeat 0px center;}
.textList1 .Time .T2{background: url("../images/wacth.png")no-repeat 0px center;}
.textList1 .imgTLR .Text{
    height: 30px;
    line-height: 32px;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}
.textList1 dd:hover .imgTLR a{
    color: #0076b6;
}
.textList1 dd:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 20px 40px rgba(f,f,f,.12);
    box-shadow:0 5px 15px rgba(0,0,0,.12)
}
.textList1 .imgTextMore{
    color: #048b5e;
    border: 1px solid #048b5e;
    width: 118px;
    font-size: 14px;
    height: 38px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 38px;
}
.textList1 dd:hover .imgTextMore{
    background: #048b5e;
    color: #fff;
}
/*textList1 ending*/

/*message start*/
.khly{
    background-color: #fff;
    overflow: hidden;
    padding: 20px 100px 75px 100px;
}
.message1.khly{
    border-bottom: 10px solid #f5f5f5;
}
.khlyT{
    overflow: hidden;
    text-align: center;
}
.khlyT h5{
    display: inline-block;
    font-size: 24px;
    color: #333333;
    height: 45px;
    line-height: 45px;
    font-weight: normal;
}

.khlyC{
    overflow: hidden;
}
.khlyInputB{
    overflow: hidden;
    padding: 10px 0;
}
.khlyInputB h6{
    display: inline-block;
    vertical-align: 16px;
    color: #555555;
    font-size: 15px;
    font-weight: normal;
}
.khlyI{
    display: inline-block;
    overflow: hidden;
    width: 353px;
    height: 35px;
    border: 1px solid #cccccc;
    position: relative;
}
.khlyI.yzmB{
    width: 160px;
}
/*.khlyI span{
    display: inline-block;
    font-size: 14px;
    color: #cccccc;
}*/
.khlyI input{
    display: inline-block;
    position: absolute;
    left: 10px;
    top: -1px;
}
.textA{
    display: inline-block;
    overflow: hidden;
    width: 893px;
    height: 195px;
    border:1px solid #ccc;
}
.khlyInputB .textH{
    vertical-align: 180px;
}
.khlyInputB .textA span{
    padding-top: 5px;
    padding-left: 10px;
    display: block;
    color: #b1b1b3;
    font-size: 14px;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #cccccc; /* placeholder颜色  */
    font-size:14px; /* placeholder字体大小  */
    text-align: left; /* placeholder位置  */
    font-family:"Microsoft YaHei";
}

.khlyML2{
    margin-left: 15px;
}
.yzmFl{
    float: left;
    margin-right: 20px;
}

.khlySubmit{
    padding: 40px 0 0 0;
    overflow: hidden;
}

.khlyYes a,.khlyResite a{
    display: inline-block;
    overflow: hidden;
    padding: 18px 60px;
    /* background-color: #e5e5e5; */
    color: #005aaa;
    font-size: 16px;
    /* border-radius: 3px; */
    border: 1px solid #005aaa;
}
.khlyYes{
    float: left;
    margin-left: 82px;
    margin-right: 20px;
}
.khlySubmit a:hover{
    background-color: #005aaa;
    color: #fff;
}
.khlySubmit a.hover{
    background-color: #005aaa;
    color: #fff;
}
.khlyInputB{
    position: relative;
}

.khlyInputB.i1{
    width: 458px;
}

.khlyIl{
    overflow: hidden; 
}
.khlyInputB em{
    position: absolute;
    display: block;
    right: 10px;
    bottom: 30px;
    width: 6px;
    height: 6px;
    background: url("../images/ypsq.png")no-repeat center center;
}

.sexdIput{
    display: inline-block;
    overflow: hidden;
    width: 353px;
    height: 35px;
    position: relative;
    vertical-align: -3px;
}
.sexdIput input{
    display: inline-block;
    
}

.khlyYzmPic{
    overflow: hidden;
    width: 100px;
    height: 35px;
    float: left;
    margin-right: 20px;
}
.khlyYzmPic img{
    width: 100%;
    height:100%;
}
.khlyInputB span a{
    font-size: 16px;
    color: #666666;
    display: block;
    padding: 6px 20px;
}
.messageFootBox{
    padding: 0 50px;
}
.messageFootBox dt{
    padding: 40px 0;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.messageFootBox dd{
    padding: 13px 0 22px 0;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #dedede;
}
.messageQ{
    position: relative;
}
.messageQ1{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    line-height: 48px;
    width: 115px;
    text-align: left;
}
.messageM.messageQ1{
    color: #d6000f;
}
.messageQ2{
    margin-left: 115px;
    padding: 7px 0;
    /* height: 35px; */
    line-height: 35px;
}
/*message ending*/

/*contact start*/

.contact .subTitleT{
    padding-left: 0px;
}
.contact_box{
    overflow: hidden;
    padding: 30px 100px 95px 100px;
}
.contactT{
    text-align: center;
}
.contactT span{
    display: inline-block;
    width: 655px;
    height: 44px;
    line-height: 44px;
    font-size: 24px;
    color: #333333;
}
.contactC dd{
    position: relative;
    width: 25%;
    display: block;
    text-align: center;
    float: left;
}
.contactC a{
    display: block;
    position: relative;
    display: block;
    height: 108px;
    width: 108px;
    border: 1px solid #dedede;
    left: 50%;
    border-radius: 100%;
    margin-left: -54px;
}
.contactC a img{
    position: absolute;
    top: 50%;
    left: 50%;
}
.contactC .mm1 a img{
    width: 45px;
    height: 36px;
    margin-left: -23px;
    margin-top:  -18px;
}
.contactC .mm2 a img{
    width: 45px;
    height: 45px;
    margin-left: -23px;
    margin-top:  -23px;
}
.contactC .mm3 a img{
    width: 45px;
    height: 36px;
    margin-left: -23px;
    margin-top:  -18px;
}
.contactC .mm4 a img{
    width: 45px;
    height: 60px;
    margin-top:  -30px;
    margin-left: -23px;
}
.contactC dd span{
    display:block;
    font-size: 14px;
    color: #000000;
    padding: 22px 0 28px 0;
}
.contactC dd em{
    display:block;
    font-size: 14px;
    color: #666666;
    padding: 0px 34px;
}

.contact_map{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}


.contact_map img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
}
/*contact ending*/

/*history start*/
.historyBox{
    background: #fff;
    overflow: hidden;
    position: relative;
}
.historyBox dl{
    /* position: relative; */
    overflow: hidden;
    padding: 60px 250px 55px 250px;
}
.historyBox dt{
    display: block;
    position: absolute;
    top: 59px;
    left: 50%;
    margin-left: -10.6px;
    width: 21px;
    height: 100%;
}
.historyBox dt em{
    display: block;
    width: 21px;
    height: 11px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/historyUp.png)no-repeat center center;
    background-size: 100%;
}
.historyBox dt:after{
    display: block;
    content: "";
    height: 100%;
    width: 1px;
    background: #cccccc;
    position: absolute;
    top: 0px;
    left: 10px;
}
.historyBox dd{
    position: relative;
    padding: 65px 8px 0 8px;
    overflow:hidden;
}
.historyBox dd a{
    display: block;
}
.historyBox .historyL{
    width: 300px;
    height: 200px;
    overflow: hidden;
}
.historyBox .historyPic{
    width: 100%; 
    overflow: hidden; 
    position: relative;
}
.historyBox .historyPic:before{
    display: block;
    block; content: ''; 
    padding-top: 66.666666%;
}
.historyBox .historyPic img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.historyM{
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 100%;
}
.historyM span{
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 33%;
    left: 50%;
    margin-left: -11px;
    border:1px solid #cccccc;
    border-radius: 22px;
    background: #fff;
    z-index: 3;
}

.historyM span:before{
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -5px;
    border-radius: 22px;
    background: #cccccc;
    z-index: 5;
}
.first .historyM span{
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 33%;
    left: 50%;
    margin-left: -11px;
    border:1px solid #0a418c;
    border-radius: 22px;
    background: #fff;
    z-index: 3;
}

.first .historyM span:before{
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -5px;
    border-radius: 22px;
    background: #0a418c;
    z-index: 5;
}
.historyM em{
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background: #cccccc;
}

.historyR{
    width: 45%;
    padding-top: 8px;
}
.first .historyR .historyRTime{
    color: #0a418c;
}
.historyR .historyRTime{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px;
}

.historyR .historyRC{
    font-size: 14px;
    color: #999999;
    /* height: 50px; */
    line-height: 30px;
    max-height: 120px;
    overflow-y:  auto;
    text-overflow: ellipsis;
}
.textR{
    text-align: right;
}

.historyBox dd a:hover .historyRTime{
    color: #0a418c;
}
.historyBox dd a:hover .historyM span{
    border:1px solid #0a418c;
}
.historyBox dd a:hover .historyM span:before{
    background: #0a418c;
}
.historyBox dd a:hover .historyPic img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*history ending*/

/*culture start*/
.culture{
	padding: 40px 050px;
	background-color: #fff;
	border-radius: 3px;
}
.culture dt{
    margin-bottom: 43px;
    overflow:hidden;
}
.culture dt span{
    display: block;
    height: 46px;
    line-height: 46px;
    color: #0a418c;
    font-size: 30px;
}
.culture dt em{
    display: block;
    height: 38px;
    line-height: 38px;
    color: #cccccc;
    font-size: 26px;
    text-transform: uppercase;
}
.culture dd{
    margin-bottom: 30px;
}
.culture .culture1{
    height: 46px;
    line-height: 46px;
    color: #0a418c;
    font-size: 30px;
    margin-bottom: 10px;
}
.culture .culture2{
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 16px;
}

/*culture ending*/
/*introduce start*/
.introduce{
	padding: 40px 50px;
	background-color: #fff;
	border-radius: 3px;
}
.introduce dd{
    margin-bottom: 40px;
    border-bottom: 1px solid #e6ecf3;
}
.introduceTitle{
    margin-bottom: 33px;
}
.introduce1{
    height: 46px;
    line-height: 46px;
    font-size: 30px;
    color: #0a418c;
}
.introduce2{
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #cccccc;
    text-transform: uppercase;
}
.introduceC1{
    line-height: 40px;
    font-size: 16px;
    color: #666;
    margin-bottom: 38px;
}

.introduceCT2{
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    color: #0a418c;
}
.introduceCC2{
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 35px;
}

/*introduce ending*/
/*product start*/
.productBox{
    padding: 70px 0;
}
.productBox img{
    max-width: 100%;
}
.dynamicList1{
    margin: 0 -10px!important;
}
.focus3{position: relative;margin-bottom: 75px;}
.focus3 .hd{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;margin-bottom:-20px;}
.focus3 .hd ul{text-align: center;}
.focus3 .hd ul li{
    cursor: pointer;display: inline-block;*display:inline;zoom: 1;width:10px;height:10px;overflow: hidden;line-height: 999px;margin:0 2px 20px 2px;
    background:#fff;border: 1px solid #ff7741;
}

.focus3 .hd ul .on{background:#ff7741;}
.focus3 .bd{position:relative;height: 100%;z-index: 0; overflow: hidden;}
.focus3 .bd dd{zoom: 1;vertical-align: middle; width: 385px; float:left;position: relative;margin: 0 10px;}
.focus3 .prev, .focus3 .next{
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -25px;
    display: none;
    width: 36px;
    height: 36px;
    transition: all 0.3s linear;
}
.focus3 dd a{
    display: block;
    background:#fff;
    overflow: hidden;
    position: relative;
}
.focus3 dd a h5{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
}
.focus3 .prev{
    background:url(../images/showPre.png) center center no-repeat;
}
.focus3 .next{
    left: auto;
    right: -50px;
    background:url(../images/showNex.png) center center no-repeat;
}
.focus3 .prev:hover{
    background:url(../images/showPreH.png) center center no-repeat;
}
.focus3 .next:hover{
    left: auto;
    right: -50px;
    background:url(../images/showNexH.png) center center no-repeat;
}

.dynamicList1 p{
    width: 100%; 
    overflow: hidden; 
    position: relative;
}
.dynamicList1 p:before{
    display: block; 
    content: ''; 
    padding-top: 66.8393%;
}

.dynamicList1 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute;
    left:0px; 
    top:0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.dynamicList1 dd:hover p img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.dynamicList1 dd:hover h5{
    color: #0a418c;
}


/*product ending*/

/*order start*/
.cpyf{
    width: 100%;
    overflow: hidden;
    /*background: url("../images/cpyf.png")no-repeat center center;
    background-size: 100% 100%;*/
}
.cpyfBox{
    padding-right: 1px;
    overflow: hidden;
}
.cpyfList1{
    /* overflow: hidden; */
}
.cpyfList1 dd{
    position: relative;
    overflow: hidden;
    width: 25%!important;
    float: left;
    font-size: 0px;
}
.cpyfList1 dd:after{
    content: "";
    display: block;
    width:100%;
    padding-top:200.00000%;
}

.cpyfList1 .orderCenter a{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -95px;
    margin-left: -70px;
}
.orderCenterTop{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 9;
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
    background: url(../images/orderB.png)no-repeat center center ;
    background-size: cover;
}

.animate-bounce-down1{
 -webkit-animation: bounce-down 1.3s linear infinite;
 animation: bounce-down 1.3s linear infinite;
 }

.animate-bounce-down2{
 -webkit-animation: bounce-down 1.5s linear infinite;
 animation: bounce-down 1.5s linear infinite;
 }

@-webkit-keyframes bounce-down{
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@keyframes bounce-down{
     25% {transform: translateY(-10px);}
     50%, 100% {transform: translateY(0);}
     75% {transform: translateY(10px);}
}

.orderCenterTop span{
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -60px;
    background: #fff;
    border-radius: 100%;
    z-index: 10;
}
.orderCenterTop span:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.order .oo1 span:after{
    width: 43px;
    height: 40px;
    margin-top: -20px;
    margin-left: -21px;
    background: url(../images/order1.png)no-repeat center center ;
    background-size: cover;
}
.order .oo2 span:after{
    width: 41px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background: url(../images/order2.png)no-repeat center center ;
    background-size: cover;
}
.order .oo3 span:after{
    width: 50px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background: url(../images/order3.png)no-repeat center center ;
    background-size: cover;
}
.order .oo4 span:after{
    width: 48px;
    height: 40px;
    margin-top: -20px;
    margin-left: -24px;
    background: url(../images/order4.png)no-repeat center center ;
    background-size: cover;
    
}
.order .oo5 span:after{
    width: 41px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background: url(../images/order2.png)no-repeat center center ;
    background-size: cover;
}
.orderCenterText{
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #fff;
    max-width: 160px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.cpyfList1 dd a:hover .orderCenterText{
    color: #ffc667;
}
.order dd a:hover span:after{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transition: rotateY(360deg);
    transform: rotateY(360deg);

}

.focus2{position: relative;}
.focus2 .hd{width: 100%;position: absolute;z-index: 1;bottom: -30px;left: 0;height: 30px;line-height: 30px;margin-bottom: 50px;}
.focus2 .hd ul{text-align: center;}
.focus2 .hd ul li{
    cursor: pointer;
    display: inline-block;*
    display:inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    overflow: hidden;
    line-height: 999px;
    margin: 0 7px 20px 6px;
    background: #d5d5d5;
    /* border: 1px solid #ff7741; */
    border-radius: 10px;
}

.focus2 .hd ul .on{background: #0a418c;}
.focus2 .bd{position:relative;height: 100%;z-index: 0; overflow: hidden;}
.focus2 .bd dd{
    zoom: 1;
    vertical-align: middle; 
    float:left;
    position: relative;
}


.focus2 .prev, .focus2 .next{
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -25px;
    display: none;
    width: 36px;
    height: 36px;
}
.focus2 dd a{
    display: block;
    float: left;
    position: relative;
}
.order .swiper-slide{
    margin-right: 0px!important;
    height: auto!important;
}
.order .swiper-wrapper{
    height: 100%!important;
}
.order .swiper-pagination-bullet{
    opacity: 1!important;
    width: 12px!important;
    height: 12px!important;
    background:#fff!important;
}
.order .swiper-pagination-bullet-active{
    background:#0a418c!important;
}
/*order ending*/
/*show start*/
.show{
    position: relative;
    overflow:hidden;
}
.showT1 img,.showT2 img{
    position: absolute;
}
.showT1 img{
    top: 50%;
    left: 50%;
    margin-top: -195px;
    margin-left: -204px;
    height: 48px;
    z-index: 2;
}

.showT2 img{
    top: 50%;
    left: 50%;
    margin-top: -118px;
    margin-left: -220px;
    height: 15px;
    z-index: 2;
}
.showList{
    position: absolute;
    left: 50%;
    width: 77%;
    height: 23%;
    background: url(../images/showX.png)no-repeat center center;
    background-size: cover;
    z-index: 3;
}
.showList dd a{
    position: absolute;
}
.showList dd.ss1 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -684px;
}
.showList dd.ss2 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -99px;
    margin-left: -554px;
}
.showList dd.ss3 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -149px;
    margin-left: -331px;
}
.showList dd.ss4 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -159px;
    margin-left: -73px;
}
.showList dd.ss5 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -136px;
    margin-left: 215px;
}
.showList dd.ss6 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -81px;
    margin-left: 426px;
}
.showList dd.ss7 a{
    display: block;
    top: 50%;
    left: 50%;
    margin-top: 11px;
     margin-left: 571px;
}
.showList .showListText{
    font-size: 24px;
    color: #fff;
    margin-bottom: 6px;
}
.showList dd.ss1 .showListQ{
    position: absolute;
    top: 180%;
    left: 44%;
}
.showList dd.ss2 .showListQ{
    position: absolute;
    top: 184%;
    left: 59%;
}
.showList dd.ss3 .showListQ{
    position: absolute;
    top: 184%;
    left: 59%;
}
.showList dd.ss4 .showListQ{
    position: absolute;
    top: 184%;
    left: 59%;
}
.showList dd.ss5 .showListQ{
    position: absolute;
    top: 184%;
    left: 29%;
}
.showList dd.ss6 .showListQ{
    position: absolute;
    top: 184%;
    left: 29%;
}
.showList .minb{
    width:14px;
    height:14px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    bottom:4px;
    left:50%;
    margin-left:-7px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.showList .maxb{
    width:22px;
    height:22px;
    background:rgba(255,255,255,0.5);
    border-radius:50%;
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-11px;
    animation:maxb 1s infinite linear ;
    -webkit-animation:maxb 1s infinite ease ;
    -moz-animation:maxb 1s infinite ease ;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
@keyframes maxb{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
@-webkit-keyframes maxb{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
@-moz-keyframes maxb{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
.showList dd a:hover .minb{
    background:#ffcf7b;
}
.showList dd a:hover .maxb{
    background:rgba(255,207,123,0.5);
}
@media (max-width: 1920px) {
    .show {
        padding-top: 20%;
    }
    .showList {
        margin-left: -715px;
        bottom: -48px;
        height: 25%;
    }
}
@media (max-width: 1660px) {
    .show {
        padding-top: 22%;
    }
    .showList {
        margin-left: -597px;
        bottom: -88px;
    }
    .showList dd.ss1 a{
		margin-top: -65px;
		margin-left: -529px;
	}
	.showList dd.ss2 a{
		margin-top: -126px;
		margin-left: -412px;
	}
	.showList dd.ss3 a{
		margin-top: -152px;
		margin-left: -160px;
	}
	.showList dd.ss4 a{
		margin-top: -140px;
		margin-left: 60px;
	}
	.showList dd.ss5 a{
		margin-top: -109px;
		margin-left: 287px;
	}
	.showList dd.ss6 a{
		margin-top: -65px;
		margin-left: 430px;
	}
}

@media (max-width: 1366px) {
    .show {
        padding-top: 11%;
    }
    .showList {
        margin-left: -482px;
        bottom: -72px;
        height: 27%;
    }
	.showList .showListText{ font-size: 20px;}
	.showList dd.ss1 a{
		margin-top: -60px;
		margin-left: -428px;
	}
	.showList dd.ss2 a{
		margin-top: -105px;
		margin-left: -342px;
	}
	.showList dd.ss3 a{
		margin-top: -127px;
		margin-left: -130px;
	}
	.showList dd.ss4 a{
		margin-top: -117px;
		margin-left: 55px;
	}
	.showList dd.ss5 a{
		margin-top: -90px;
		margin-left: 240px;
	}
	.showList dd.ss6 a{
		margin-top: -60px;
		margin-left: 350px;
	}
}
/*show ending*/

/*单篇+文章页start*/
.articleTitle{
    font-size: 24px;
    text-align: center;
    line-height: 55px;
}
.newsViewBox{
    padding: 40px 50px;
	background-color: #fff;
}
.articleTime{
    line-height:36px;
    text-align:center;
    font-size:0px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.articleTime .center{
    display: inline-block;
    overflow: hidden;
}
.articleTimeTxt{
    font-size: 14px;
}
.newsShare{
    padding-left: 15px;
    margin-top: 2px;
}
.newsShare span{
    font-size: 14px;
}
.pageUp{
    clear:both;
    overflow:hidden;
    line-height:35px;
    font-size:16px;
    padding:20px 0;
    color: #858585;
}
.pageUp a{
    color: #858585;
}
.pageUp a:hover{
    color: #211E77;
}
/* 文章阅读页——*/

#play {
    width: 785px;
    height: 525px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin: 0 auto;
}

#play .change_a {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

#play .prev_a {
    left: 0;
}

#play .next_a {
    right: 0
}

#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}

#play .prev_a span {
    background: url(../images/view/article_icon.png) no-repeat 0px -50px;
    left: 15px;
}

#play .next_a span {
    background: url(../images/view/article_icon.png) no-repeat -30px -50px;
    right: 15px;
}

#play .img_ul {
    position: relative;
    z-index: 1;
    width: 785px;
    height: 525px;
}

#play .img_ul li {
    position: relative;
    z-index: 1;
    width: 785px;
    height: 525px;
    background: #fff;
    margin: 0 0 5px 0;
}

#play .img_ul li img {
    position: absolute;
}

.imgMove {
    width: 797px;
    clear: both;
    margin: 20px auto;
    position: relative;
}

.img_hd {
    margin: 0 auto;
    overflow: hidden;
    height: 90px;
    position: relative;
}

.img_hd ul {
    position: absolute;
    z-index: 1
}

.img_hd ul li {
    float: left;
    width: 124px;
    height: 82px;
    padding: 3px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d4d4d4;
    position: relative;
}

.img_hd ul li p {
    width: 124px;
    height: 82px;
    display: block;
    background: #fff;
    position: relative;
}

.img_hd ul li i {
    display: block;
    clear: both;
    line-height: 20px;
    padding: 0 5px;
    background: #000;
    color: #fff;
    position: absolute;
    right: 3px;
    bottom: 3px;
    z-index: 99999999999999;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
}

.img_hd ul li img {
    position: absolute;
    width: 90px;
    width: 124px;
    height: 82px;
}

.img_hd ul li.on {
    border: 1px solid #0d75d9;
    background: #0d75d9;
}

.imgMove .prev_a {
    display: block;
    width: 30px;
    height: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/view/prev6.png) no-repeat center center;
    background-color: #e5e5e5;
}

.imgMove .next_a {
    display: block;
    width: 30px;
    height: 90px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/view/next6.png) no-repeat center center;
    background-color: #e5e5e5;
}

.article_pageUp {
    font-size: 14px;
    line-height: 30px;
    color: #333;
    padding-left: 20px
}

.article_pageUp a {
    color: #666
}

.article_pageUp a:hover {
    color: #0a418c
}

.articlePage {
    clear: both;
    height: 30px;
    text-align: center;
    font-family: Arial;
}

.articlePage a {
    margin: 0 1px;
    background: #ccc;
    padding: 5px 10px;
}

.articlePage a:hover {
    color: #fff;
    background: #0a418c;
}

.articlePage a.hover {
    color: #fff;
    background: #0a418c;
}

.articleHand {
    clear: both;
    font-size: 16px;
    padding: 10px 0px 20px 0;
    overflow: hidden;
}

.articleHand a {
    display: block;
    line-height: 32px;
    padding: 0 20px 10px 30px;
    float: left;
    background: url(../images/view/file.png) no-repeat left center;
}

.articleHand a:hover {
    color: #365f4d;
}

.articleHand a.word {
    background: url(../images/view/word.png) no-repeat left 3px;
    color: #37a6ff !important;
}

.articleHand a.ppt {
    background: url(../images/view/ppt.png) no-repeat left center;
    color: #ff7735 !important;
}

.articleHand a.excel {
    background: url(../images/view/excel.png) no-repeat left center;
    color: #15bf44 !important;
}

.articleHand a.pdf {
    background: url(../images/view/pdf.png) no-repeat left center;
    color: #1369c0 !important;
}

.articleHand a.zip {
    background: url(../images/view/zip.png) no-repeat left 3px;
    color: #ff9779 !important;
}
.articleBox{
    font-size: 16px;
    line-height: 40px;
}
.articleBox em,
.articleBox i{
    font-style: italic;
}
.articleBox img{
    max-width: 100%;
}
/* 分享 */
.ShareBox {
    overflow: hidden;
    clear:both;
}
.ShareBox p {
    display: block;
    overflow: hidden;
    float: left;
}
.ShareBox i {
    clear:both;
    display: block;
    font-size:12px;
    color:#666;
    text-align: center;
    overflow: hidden;
    margin:5px 0px;
    display:none;
}
.ShareBox span {
    font-size: 14px;
    line-height: 30px;
    float:left;
}
.ShareBox a{
    padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 7px 0 0 !important;
    }
.ShareBox .bds_weChat{background: url(../images/share/shareBt5.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tsina{background: url(../images/share/shareBt1.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tqq{background: url(../images/share/shareBt2.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_qzone{background: url(../images/share/shareBt3.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_douban{background: url(../images/share/shareBt4.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_sqq{background: url(../images/share/shareBt6.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .f_more{background:url(../images/footShare.png) no-repeat -111px 0px !important;}
/*单篇+文章页end*/