@charset "utf-8";







.fl {

    float: left;

}



.fr {

    float: right;

}



.pl:hover {

    padding-left: 8px;

}



.pl {

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

}



li{list-style-type: none;}

.pages{ margin:  0 5px !important;}



.jiantou {

    cursor: default;

}



.hvr-sweep-to-top:active{

    color: #fff;

}







body {

    background-color: #fff;

    color: #666;

    font-size: 16px;

}



a {

    font-size: 16px;

    color: #222222;

}









img {

    vertical-align: middle;

}



i {

    display: inline-block;

    vertical-align: middle;

}



p {

    font-size: 16px;

    color: #777;

}









h1 {

    font-size: 24px;

    font-weight: 700;

    color: #222222;

}









h2 {

    font-size: 70px;

    font-weight: 700;

    color: #222;

}









h3 {

    font-size: 42px;

    font-weight: 700;

    color: #222222;

}









h4 {

    font-size: 28px;

    font-weight: 400;

    color: #222222;

}









h5 {

    font-size: 16px;

    font-weight: 400;

    color: #333333;

}









h6 {

    font-size: 20px;

    font-weight: 400;

    color: #222;

}









@media screen and (min-width:1300px) {

    .strength .container {

        width: 90%;

        max-width: 1280px;

    }

}





















.headbox {

    

    position: relative;

    padding: 35px 0 20px;

}



.headlogo {

    display: block;

    text-align: center;

    margin-top: 5px;

}



.headlogo_img img {

    margin: auto;

    max-width: 76px;

}



.headlogo_h {

    padding-top: 8px;

}

.headlogo_h h1{

    font-size: 20px;

    font-weight: 600;

}



.headlogo_p {

    padding-top: 5px;

    font-size: 12px;

    color: #999999;

}



.headtxt {

    position: relative;

    margin-top: 20px;

    margin-left: 38px;

    padding-left: 38px;

}



.headtxt_x {

    position: absolute;

    left: 0;

    top: 50%;

    width: 1px;

    height: 70px;

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

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.headtxt_xz  {

    font-weight: 600;

    font-size: 28px;

    color: #222222;

    vertical-align: middle;

}



.headtxt_xz b {

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    background-color: #ff7800;

    margin: 0 8px;

    vertical-align: middle;

}



.headtxt_tl>div:last-child b {

    display: none;

}



.headtxt_tr {

    margin-left: 10px;

}



.headtxt_tr {

    margin-top: 5px;

    padding: 3px 20px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    font-size: 22px;

    font-weight: 600;

    color: #fff;

}



.headtxt_b {

    margin-top: 5px;

}



.headtxt_bl {

    font-size: 16px;

    color: #777777;

}



.headtxt_br {

    color: #bbb;

}



.headtxt_b b {

    margin: 0 8px;

    color: #ff8c07;

}



.headtel {

    padding-right: 20px;

    margin-top: 40px;

}



.headtel_img {

    margin-top: 10px;

    margin-right: 20px;

}



.headtel_item div a{

    font-size: 24px;

    color: #222222;

}



.headtel_item div:last-child {

    margin-top: -5px;

}



.head_btn {

    display: none;

    width: 50px;

    height: 72px;

    background-color: pink;

    cursor: pointer;

}



#liuyan{

    position: relative;

    top: -76px;

    height: 0;

    overflow: hidden;

    display: block;

}







.headbox_dw {

    position: absolute;

    right: 0;

    top: 0;

    width: 339px;

}



.headbox_dwewm {

    position: absolute;

    right: 50px;

    top: 55px;

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

}



.headbox_dwewm_img {

    display: none;

}



.headboxdw_box {

    padding: 10px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    text-align: center;

}



.headboxdw_box a {

    padding: 0 20px;

}







.headboxdw_box i {

    font-size: 20px;

    color: #222222;

}

.headboxdw_boxwx i{

    font-size: 24px;

}

.headboxdw_box span {

    margin-left: 5px;

    font-size: 14px;

    color: #222222;

}



.headboxdw_box a:hover i,

.headboxdw_box a:hover span {

    color: #ff7800;

}



.headnavbox {

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99;

    background: -moz-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -webkit-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -o-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -ms-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: linear-gradient(to left, #0b92df 0%, #0050a2 10);

}



.headnav li {

    position: relative;

    float: left;

    width: 14.2%;

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

}



.headnav li:hover {

    background-color: #222222;

}



.headnav li.active {

    background-color: #222222;

}



.headnav li:last-child .headnav_itemx {

    display: none !important;

}



.headnav_item .headnav_item_txt {

    display: block;

    text-align: center;

    height: 58px;

    line-height: 58px;

    font-size: 16px;

    font-weight: 400;

    color: #fff;

}



.headnav_itemdw {

    position: absolute;

    display: none;

    left: 0;

    

    width: 100%;

    background-color: rgba(34, 34, 34, .8);

    padding: 5px 0 5px;

    z-index: 99;

}



.headnav_itemx {

    position: absolute;

    right: -1px;

    top: 50%;

    width: 1px;

    height: 20px;

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

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.headnav_itemdw a {

    display: block;

    text-align: center;

    font-size: 14px;

    height: 42px;

    line-height:42px;

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

}



.headnav_itemdw a:last-child {

    border-bottom: 0;

}



.headnav li.active .headnav_itemx{

    display: none;

}







.mbhead {

    display: none;

    padding: 0 15px;

    background-color: #F9F9F9;

}



.mbhead_t {

    height: 72px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.mbhead_tlogo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.mbhead_tlogo_img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.mbhead_tlogo img {

    height: 46px;

}



.mbhead_tlogo_txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    margin-left: 10px;

}



.mbhead_tlogo_txtbox h6 {

    font-size: 25px;

    font-weight: 700;

    color: #222;

}



.mbhead_tlogo_txtbox p {

    font-size: 12px;

    color: #999;

}



.mbheadr {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.mbhead_ttel,

.mbhead_tlx {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.mbhead_tlx {

    margin-left: 10px;

}



.mbhead_ttel i {

    font-size: 24px;

    color: #777;

}



.mbhead_tlx i {

    font-size: 32px;

    color: #777;

}



.mbhead_b {

    background: -moz-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -webkit-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -o-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -ms-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: linear-gradient(to left, #0b92df 0%, #0050a2 10);

    margin: 0 -15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.mbhead_b .mbhead_bitem {

    width: 33.33%;

    height: 42px;

    border-top: 1px solid rgba(255, 255, 255, .2);

    border-right: 1px solid rgba(255, 255, 255, .2);

    line-height: 41px;

    text-align: center;

    font-size: 14px;

    color: #fff;

}



.mbhead_b .mbhead_bitem:nth-child(3n) {

    border-right: none;

}



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

    .headtxt {

        display: none;

    }

}



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

    

}



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

    .headbox_dw {

        display: none;

    }

    .headtel {

        display: none;

    }

    .head {

        display: none;

    }

    .headnav {

        display: none;

    }

    .mbhead {

        display: block;

        background-color: #fff;

    }

    .headboxbigzw {

        

    }

    .headboxbig {

        

        position: relative;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 999;

    }

}



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

    .headbox {

        padding: 0 0 0 15px;

    }

}







 

.foott {

    background-color: #f3f3f3;

}



.baise .foott{

    background-color: #fff;

}



.footlan {

    margin-top: 110px;

    height: 150px;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    background: -moz-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -webkit-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -o-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -ms-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: linear-gradient(to left, #0b92df 0%, #0050a2 10);

}



.footlanl {

    width: 68%;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

}



.footlanl_txt {

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}



.footlanlimg {

    margin-right: 30px;

    margin-left: 20px;

    transform: translateY(-126px);

    -webkit-transform: translateY(-126px);

    -moz-transform: translateY(-126px);

    -ms-transform: translateY(-126px);

    -o-transform: translateY(-126px);

}



.footlanlh span {

    font-size: 28px;

    color: #fff;

    font-weight: 700;

}



.footlanlh b {

    font-size: 12px;

    color: #85c1ee;

    margin-left: 10px;

}



.footlanlp {

    color: #fff;

}



.footlanr {

    width: 32%;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.footlanr .footlanra {

    width: 224px;

    height: 54px;

    overflow: hidden;

    text-align: center;

    line-height: 52px;

    border:1px solid rgba(255, 255, 255, 0.5);

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    -ms-border-radius: 27px;

    -o-border-radius: 27px;

}

.footlanr .footlanra:hover{

    border-color: transparent;

}



.footlanra i {

    font-size: 30px;

    color: #fff;

}



.footlanra span {

    font-size: 18px;

    color: #fff;

    margin-left: 8px;

}



.footb {

    background-color: #292929;

}



.footblxfs {

    background-color: #202020;

}



.footblxfs_item {

    padding: 28px 0;

    width: 33.33%;

    border-right: 1px solid rgba(255, 255, 255, .2);

    padding-left: 50px;

}



.footblxfs_item:last-child {

    border-right: none;

}



.footblxfs_itemi i {

    font-size: 40px;

    color: #fff;

}



.footblxfs_itemtxt {

    margin-left: 10px;

}



.footblxfs_itemtxth {

    color: #fff;

}



.footblxfs_itemtxtp {

    margin-top: 5px;

    font-size: 14px;

    color: #777777;

}

.footblxfs_itemtxtp a{

    color: #777777;

}



.footbnav {

    padding: 70px 0 50px;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.footbnav_box {

    width: 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: space-around;

    -webkit-justify-content: space-around;

    justify-content: space-around;

}



.footbnav_box_itemh {

    font-size: 18px;

    color: #fff;

}



.footbnav_box_itembox {

    margin-top: 25px;

}



.footbnav_box_itembox .footbnav_itembox_link {

    margin-top: 8px;

    display: block;

    font-size: 14px;

    color: #999;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.footbnav_weixin {

    width: 20%;

    text-align: center;

}



.footbnav_weixintx {

    margin-top: 8px;

    font-size: 14px;

    color: #777;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.footbnav_weixinimg img {

    margin: auto;

}



.footbnav_weixin:hover .footbnav_weixintx {

    color: #fff;

}



.footbnav_box_itembox .footbnav_itembox_link:hover {

    color: #fff;

}



.footbbq {

    border-top: 1px solid #3e3e3e;

    padding: 15px 0;

}



.footbbql_sy {

    font-size: 13px;

    color: #777777;

}



.footbbql .footbbql_ba {

    margin-left: 15px;

    font-size: 13px;

    color: #777777;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.footbbql .footbbql_ba:hover {

    color: #fff;

}



.footbbqr span {

    font-size: 13px;

    color: #777777;

}



.footbbqr a {

    font-size: 13px;

    color: #777777;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.footbbqr a:hover {

    color: #fff;

}



.footbnav_box_itembox .footbnav_itembox_link:hover {

    transform: translateX(5px);

    -webkit-transform: translateX(5px);

    -moz-transform: translateX(5px);

    -ms-transform: translateX(5px);

    -o-transform: translateX(5px);

}



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

    .footlan {

        padding: 20px 0;

    }

    .footblxfs_item {

        padding: 20px 0 20px 20px;

    }

    .footbnav {

        padding: 50px 0;

    }

    .footlanlimg {

        transform: translateY(-146px);

        -webkit-transform: translateY(-146px);

        -moz-transform: translateY(-146px);

        -ms-transform: translateY(-146px);

        -o-transform: translateY(-146px);

    }

}



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

    .footlan {

        padding: 30px;

        height: auto;

        margin-top: 30px;

    }

    .footblxfs_item {

        padding: 25px 0 25px 10px;

    }

    .footblxfs_itemi i {

        display: none;

        font-size: 26px;

    }

    .footblxfs_itemtxtp {

        margin-top: 0;

    }

    .footblxfs_itemtxtp a{

        font-size: 14px;

    }

    .footbbq>div {

        width: 100%;

        text-align: center;

        font-size: 12px;

    }

    .footlanlimg {

        display: none;

    }

    .footlanr .footlanra{

        width: 200px;

        height: 50px;

        line-height: 50px;

    }

    .footbnav{

        display: block;

    }

    .footbnav_box{

        width: 100%;

        margin-bottom: 40px;

    }

    .footbnav_weixin{

        width: 100%;

        background: rgb(32, 32, 32);

        padding: 30px;

    }

    .footbbq>div.fr{

        display: none;

    }

    .footbbq{

        margin-bottom: 60px;

    }

}



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

    .footlan {

        display: none;

    }

    .footblxfs_itemi i{

        display:block ;

        font-size: 30px;

    }

    .footblxfs_item {

        width: 100%;

        padding-left: 15px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, .1);

    }

    .footbnav_box .footbnav_box_item {

        display: none;

    }

    .footbnav_box .footbnav_box_item:first-child,

    .footbnav_box .footbnav_box_item:nth-of-type(3) {

        display: block;

    }

    .footbnav {

        padding: 30px 0 0;

    }

    .footbnav>div {

        

    }

    .footbnav_box_itembox {

        margin-top: 15px;

    }

    .footbbql_sy,.footbbql .footbbql_ba{

        font-size: 12px;

        line-height: 1.2;

    }

}









.nybg {

    height: 300px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.nybg::after{

    content: "";

    background: rgba(0, 0, 0, 0.7);

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    z-index: 1;

}



.nybg_title {

    height: 250px;

    position: relative;

    z-index: 2;

}



.nybg_titletxt {

    height: 250px;

    font-size: 40px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-flow: column;

}

.nybg_titletxt p{

    color: rgba(255, 255, 255, 0.4);

}

.nybg_titletxt p::before,

.nybg_titletxt p::after{

    content: '';

    width: 80px;

    height: 1px;

    display: inline-block;

    background:rgba(255, 255, 255, 0.2); 

    position: relative;

    top: -20%;

    margin: 0 10px;

}



.nybg_mbx {

    height: 50px;

    background: -moz-linear-gradient(left, #0050a2 0%, #0b92df 100%);

    background: -webkit-linear-gradient(left, #0050a2 0%, #0b92df 100%);

    background: -o-linear-gradient(left, #0050a2 0%, #0b92df 100%);

    background: -ms-linear-gradient(left, #0050a2 0%, #0b92df 100%);

    background: linear-gradient(to left, #0050a2 0%, #0b92df 10);

    padding: 0 20px;

    position: relative;

    z-index: 2;

}



.nybg_mbxbox {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.nybg_mbxboxl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}



.nybg_mbxboxl i {

    font-size: 24px;

    color: rgba(255, 255, 255, .5);

}



.nybg_mbxboxl span {

    font-size: 14px;

    color: rgba(255, 255, 255, .5);

    margin-left: 10px;

}



.nybg_mbxboxr {

    margin-left: 10px;

    width: 0;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow-x: auto;

	color:#a5d0ff;

}



.nybg_mbxboxr::-webkit-scrollbar {

    display: none;

}



.nybg_mbxboxr a {

    font-size: 14px;

    color: rgba(255, 255, 255, .8);

    padding: 0 10px;

    flex-shrink: 0;

}



.nybg_mbxboxr a:hover {

    color: rgba(255, 255, 255, 1);

}



.nybg_mbxboxr span {

    flex-shrink: 0;

    width: 10px;

    height: 1px;

    background-color: rgba(255, 255, 255, .2);

}



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

    .nybg {

        height: 200px;

    }

    .nybg_title {

        height: 150px;

    }

    .nybg_titletxt {

        height: 150px;

        font-size: 24px;

    }

    .nybg_mbxboxl i{

        font-size: 20px;

    }

    .nybg_mbxboxr span{

        width: 5px;

    }

    .nybg_mbxboxl span,.nybg_mbxboxr a{

        font-size: 12px;

        margin-left: 0;

    }

    .nybg_titletxt p{

        font-size: 12px;

    }

    .nybg_titletxt p::before,

    .nybg_titletxt p::after{

        width: 40px;

        top: -4px;

    }

}

red{

    color: red;

}









.nylist {

    margin-top: 56px;

}



.nylist_box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}



.nylist_box .nylist_box_item {

    width: 180px;

    height: 40px;

    overflow: hidden;

    line-height: 40px;

    text-align: center;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    border: 1px solid #e5e5e5;

    margin: 0 5px;

    color: #000;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;
	font-size: 12px;

}



.nylist_box .nylist_box_item:hover {

    

    color: #fff;

	background: #ff7800;

    

}



.nylist_box .nylist_box_item.on {

    background-color: #ff7800;

    color: #fff;

    

}



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

    .nylist {

        margin-top: 40px;

    }

    .nylist_box {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .nylist_box .nylist_box_item {

        width: 44%;

        margin-bottom: 10px;

        height: 36px;

        line-height: 34px;

        font-size: 14px;

    }

}







.pagebox {

    

    padding-top: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}



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

    .pagebox {

        padding-bottom: 10px;

    }

    .nytop{

        padding: 0 10px;

    }

}



.nytop {

    height: 50px;

    line-height: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}



.nytopl {

    width: 90%;

}



.nytopl .nybg_mbxboxl i,

.nytopl .nybg_mbxboxl span {

    color: #333;

    opacity: .3;

}



.nytopl .nybg_mbxboxr a {

    color: #333;

}



.nytopl .nybg_mbxboxr a:hover {

    color: #ff7800;

}



.nytopl .nybg_mbxboxr span {

    background-color: #333;

    opacity: .3;

}



.nytoplr {

    width: 10%;

}



.nytoplr i {

    font-size: 18px;

    color: #0360b0;

}



.nytoplr span {

    font-size: 14px;

    color: #333;

}



.nytop .nytoplr {

    text-align: right;

}

.nytoplr a{

    background-color:  #fff;

    border: 1px solid #eee;

    border-radius: 20px;

    padding: 5px 20px;

}

.nytoplr a:hover{

    border-color: #ff7800;

    background-color: #ff7800;

}

.nytoplr a:hover span,

.nytoplr a:hover i {

    color: #fff;

}



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

    .nytopl {

        width: 100%;

    }

    .nytoplr {

        width: 20%;

        display: none;

    }

}



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



}









.cpxqct_sy,

.cpxqct_xy {

    margin-top: 23px;

    border: 1px solid #eeeeee;

    height: 60px;

    line-height: 58px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.cpxqct_xy {

    margin-top: 10px;

}



.cpxqct_sy_l,

.cpxqct_xy_l {

    width: 90%;

    padding: 0 22px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.cpxqct_sy_l b,

.cpxqct_xy_l b {

    font-size: 14px;

    color: #999;

}



.cpxqct_sy_l span,

.cpxqct_xy_l span {

    font-size: 14px;

    color: #333333;

}



.cpxqct_sy_l span.nolink{

    color: #777;

}



.cpxqct_sy .cpxqct_sy_r,

.cpxqct_xy .cpxqct_xy_r {

    width: 10%;

    text-align: center;

    background-color: #eeeeee;

}

.cpxqct_sy .cpxqct_sy_r:hover,

.cpxqct_xy .cpxqct_xy_r:hover{

    background-color: #ff7801;

}



.cpxqct_sy_r i,

.cpxqct_xy_r i {

    color: #cfcfcf;

}



.cpxqct_sy_l:hover span,

.cpxqct_xy_l:hover span {

    color: #fd7801;

}



.cpxqct_sy .cpxqct_sy_r:hover i,

.cpxqct_xy .cpxqct_xy_r:hover i {

    color: #fff;

}



.biaoqian {

    padding: 63px 0;

}



.biaoqian i {

    font-size: 20px;

    color: #0051a3;

    margin-right: 10px;

}



.biaoqian a {

    display: inline-block;

    padding: 0 20px;

    height: 24px;

    line-height: 22px;

    border: 1px solid #dddddd;

    font-size: 13px;

    color: #999;

    margin: 0 1px;

}



.biaoqian a:hover {

    background: #fd7801;

    color: #fff;

    border-color: #fd7801;

}



.cpxqct_r {

    width: 30%;

}



.cpxqct_rbox {

    -webkit-transform: translateZ(0);

    background-color: #fff;

    z-index: 10;

    overflow: hidden;

    border: 1px solid #eeeeee;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.cpxqct_rnav {

    padding: 20px 35px;

}



.cpxqct_rnav_itemtitle {

    cursor: pointer;

    padding: 0 22px;

    height: 54px;

    line-height: 54px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    background-color: #333333;

}

.cpxqct_rnav_item{

    margin-bottom: 1px;

}



.fudong {

    position: fixed;

    top: 100px;

    width: 384px;

}



.cpxqct_rnav_itembox {

    

}



.cpxqct_rnav_itemtitle i {

    font-size: 20px;

    color: #fff;

}



.cpxqct_rnav_itemtitle span {

    margin-left: 8px;

    font-size: 18px;

    color: #fff;

}



.cpxqct_rnav_itembox .cpxqct_rnav_itemboxa {

    display: block;

    padding: 0 34px;

    height: 56px;

    line-height: 55px;

    border-bottom: 1px dashed #e5e5e5;

}



.cpxqct_rnav_itembox .cpxqct_rnav_itemboxa:last-child {

    border-bottom: 0;

}



.cpxqct_rnav_itemboxa span {

    font-size: 14px;

    color: #333333;

    margin-left: 8px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.cpxqct_rnav_itemboxa i {

    color: #e5e5e5;

}



.cpxqct_rnav_itembox .cpxqct_rnav_itemboxa:hover span,

.cpxqct_rnav_itembox .cpxqct_rnav_itemboxa:hover i {

    color: #ff7900;

}







.zixun {

    margin-top: 50px;

}



.zixunbox {

    margin-bottom: 20px;

}



.zixunbox_title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.zixunbox_title_l{

  font-size: 22px;

  font-weight: 600;

  color: #111;  

}

.zixunbox_title_l span {

    

    

}



.zixunbox_title_l em {

    color: #0051a3;

}



.zixunbox_title_l b {

    font-size: 13px;

    color: #999999;

    margin-left: 10px;

}



.zixunbox_title_r a {

    font-size: 14px;

    color: #777;

}



.zixunbox_title_r a:hover {

    color: #ff7800;

}



.zixunbox_xt {

    position: relative;

    margin-top: 12px;

    border-top: 1px solid #e1e1e1;

    background-color: #f4f4f4;

    padding: 50px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

.baisebg{

    background-color: #fff;

}



.zixunbox_xt .zixunbox_xtdw {

    position: absolute;

    left: 0;

    top: 0;

    width: 30px;

    height: 1px;

    background-color: #0050a2;

    transform: translateY(-1px);

    -webkit-transform: translateY(-1px);

    -moz-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    -o-transform: translateY(-1px);

}



.zixunbox_xt>div {

    width: 50%;

}



.zixunbox_xtl .zixunbox_xtla {

    padding: 0 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.zixunbox_xtlaimg {

    width: 42%;

    overflow: hidden;

}



.zixunbox_xtlaimg img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.zixunbox_xtlatxt {

    width: 58%;

    padding-left: 25px;

}



.zixunbox_xtlatxth {

    color: #333;

    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.zixunbox_xtlatxtp {

    margin-top: 15px;

    font-size: 13px;

    line-height: 20px;

    color: #999999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.zixunbox_xtlatxtsj {

    margin-top: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.zixunbox_xtlatxtsjs {

    font-size: 13px;

    color: #999;

}



.zixunbox_xtlatxtsjy {

    width: 36px;

    height: 36px;

    line-height: 34px;

    text-align: center;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border: 1px solid #dcdcdc;

}

.zixunbox_xtlatxtsjy:hover{

    background-color: #ff7800;

    border-color: #ff7800;

}

.zixunbox_xtlatxtsjy:hover i{

    color: #fff;

}



.zixunbox_xtla {

    border-right: 1px dashed #c3c3c3;

}



.zixunbox_xtla:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.zixunbox_xtla:hover .zixunbox_xtlatxth {

    color: #ff7800;

}



.zixunbox_xtlatxtsjy:hover {

    color: #ff7800;

}



.zixunbox_xtr {

    width: 50%;

    padding: 0 40px;

}



.zixunbox_xtr .zixunbox_xtr_item {

    margin-bottom: 12px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

.zixunbox_xtr .zixunbox_xtr_item:last-of-type{

    margin-bottom: 0;

}



.zixunbox_xtr .zixunbox_xtr_item:hover span {

    padding-left: 8px;

    color: #ff7800;

}



.zixunbox_xtr_item span {

    width: 80%;

    font-size: 13px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .3s;



}



.zixunbox_xtr_item b {

    text-align: right;

    width: 20%;

    font-size: 13px;

    color: #999;

}



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

    .zixunbox_xtl .zixunbox_xtla {

        padding: 0 20px;

    }

    .zixunbox_xtlatxt {

        padding-left: 10px;

    }

    .zixunbox_xtlatxtp {

        margin-top: 6px;

    }

    .zixunbox_xtlatxtsj {

        margin-top: 0;

    }

    .zixunbox_xtr .zixunbox_xtr_item {

        margin-bottom: 6px;

    }

}



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

    .zixunbox_xt {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .zixunbox_xt>div {

        width: 100%;

    }

    .zixunbox_xt {

        padding: 40px 0;

    }

    .zixunbox_xtr {

        margin-top: 15px;

    }

    .zixunbox_xtlatxtp {

        margin-top: 20px;

    }

    .zixunbox_xtlatxtsj {

        margin-top: 54px;

    }

    .zixunbox_xtla {

        border-right: 0;

        border-bottom: 1px dashed #c3c3c3;

    }

    .zixunbox_xtl .zixunbox_xtla {

        padding: 0 30px 15px;

    }

    .zixunbox_xtr {

        padding: 0 30px;

    }

    .zixunbox_xtr .zixunbox_xtr_item {

        margin-bottom: 10px;

    }

    .zixunbox_title_r a{

        font-size: 13px;

    }

    

}



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

    .zixunbox_title_l{

        font-size: 18px;

    }

    .zixunbox_title {

        padding: 0 15px;

    }

    .nyxgfa .zixunbox_title {

        padding: 0;

    }

    .zixunbox_xt .zixunbox_xtdw{

        left: 15px;

    }

    .zixunbox_xtl .zixunbox_xtla {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .zixunbox_xtlaimg {

        width: 100%;

    }

    .zixunbox_xtlatxt {

        width: 100%;

    }

    .zixunbox_xtlatxt {

        margin-top: 20px;

    }

    .zixunbox_xtlatxt {

        padding-left: 0;

    }

    .zixunbox_xtlatxtp {

        margin-top: 5px;

    }

    .zixunbox_xtlatxtsj {

        margin-top: 20px;

    }

    .zixunbox_xtl .zixunbox_xtla {

        padding: 0 15px 30px;

    }

    .zixunbox_xtr {

        padding: 0 15px;

    }

    .zixunbox_xtr {

        margin-top: 30px;

    }

    .shiping_list_itemimgdw img{

        max-width: 70%;

        margin: auto;

    }

    .pages a:first-child, .pages a:last-child{

        font-weight: 100;

    }

}









.hyfl {

    padding: 55px 0;

}



.hyflbox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.hyflbox .hyflbox_item {

    position: relative;

    width: 0;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    height: 70px;

    border-right: 1px solid #e1e1e1;

    overflow: hidden;

    line-height: 70px;

    text-align: center;

}



.hyflbox .hyflbox_item:last-child {

    border-right: none;

}



.hyflbox_itemt {

    height: 70px;

    overflow: hidden;

    line-height: 1.3;

}



.hyflbox_itemt i {

    font-size: 38px;

    color: #222222;

}



.hyflbox_itemt span {

    margin-left: 8px;

    font-size: 18px;

    color: #222222;

    display: block;

}



.hyflbox_itemb {

    height: 70px;

    overflow: hidden;

    line-height: 1.3;

}



.hyflbox_itemb i {

    font-size: 38px;

    color: #ff7800;

}



.hyflbox_itemb span {

    margin-left: 8px;

    font-size: 18px;

    color: #222222;

    display: block;

}



.hyflbox_itembox {

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.hyflbox .hyflbox_item:hover .hyflbox_itembox {

    transform: translateY(-70px);

    -webkit-transform: translateY(-70px);

    -moz-transform: translateY(-70px);

    -ms-transform: translateY(-70px);

    -o-transform: translateY(-70px);

}









.catjcp {

    margin-top: 80px;

}



.zixunbox_xt.catjcpbox {

    padding: 0;

    padding: 30px 0;

    background-color: #fff;

}



.catjcpbox.xgcpplb {

    width: 100%;

}



.catjcp_item {

    margin: 0 15px;

}



.catjcp_item .catjcp_itema {

    display: block;

}



.catjcp_itema_img {

    border: 1px solid #eee;

    border-bottom: none;

    overflow: hidden;

}



.catjcp_itema_img img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.catjcp_itema_p {

    height: 60px;

    line-height: 60px;

    text-align: center;

    font-size: 14px;

    color: #333333;

    background-color: #f4f4f4;

}



.catjcp_item .catjcp_itema:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.catjcp_itema_img:hover{

    border-color:#0050a2;

}

.catjcp_item .catjcp_itema:hover .catjcp_itema_p {

    color: #fff;

    background-color: #0050a2;

}



.catjcp .owl-controls .owl-page.active span {

    background-color: #0050a2;

}









.nykhlb {

    margin-top: 60px;

    padding: 60px 0;

    background-color: #f4f4f4;

}



.nykhlb_list_item {

    float: left;

    width: 25%;

    border-right: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    overflow: hidden;

}



.nykhlb_list_item img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.nykhlb_list_item:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.nykhlb_list_item:nth-child(4n) {

    

    border-right-color: #f4f4f4;

}



.nykhlb_list_item:nth-last-child(-n+4) {

    

}









.hzpage {

    margin-top: 65px;

    text-align: center;

}



.hzzixun .zixunbox_xt {

    background-color: #fff;

    border: 1px solid #e1e1e1;

}



.hzfoot .foott {

    background-color: #fff;

}



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

    .nykhlb {

        margin-top: 50px;

        padding: 50px 0;

    }

    .hzpage {

        margin-top: 55px;

    }

}



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

    .nykhlb {

        margin-top: 30px;

        padding: 40px 0;

    }

    .hzpage {

        margin-top: 42px;

    }

    .catjcp_itema_p{

        height: 50px;

        line-height: 50px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        display: block;

        padding: 0 5px;

    }

}



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

    .nykhlb_list_item {

        width: 50%;

    }

    .nykhlb_list_item {

        border-right: 1px solid #e5e5e5!important;

    }

    .nykhlb_list_item {

        border-bottom: 1px solid #e5e5e5 !important;

    }

    .nykhlb_list_item:nth-child(2n) {

        border-right: 1px solid #f4f4f4 !important !important;

    }

    .nykhlb_list_item:nth-last-child(-n+2) {

        border-bottom: none!important;

    }

    .hzpage {

        margin-top: 32px;

    }

    .nykhlb {

        padding: 30px 0;

    }

    .nykhlb .row {

        padding: 0 15px;

    }

}









.shiping_list_item {

    float: left;

    width: 31%;

}



.shiping_list_itemimg {

    overflow: hidden;

    position: relative;

}



.shiping_list_itemimgdw {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.shiping_list_itemimg>img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.shiping_list_itemtxt {

    padding: 20px 0;

    text-align: center;

    color: #333333;

}



.shiping_list_item {

    position: relative;

    margin-right: 3.43%;

    margin-bottom: 20px;

    cursor: pointer;

}



.shiping_list_item:nth-child(3n) {

    margin-right: 0;

}



.shiping_list_item:hover .shiping_list_itemimg>img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.shiping_list_item:hover .shiping_list_itemtxt {

    color: #ff7800;

}



.shiping_list_item:hover .shiping_list_itemimgdw{

    transform: translate(-50%, -60%);

    -webkit-transform: translate(-50%, -60%);

    -moz-transform: translate(-50%, -60%);

    -ms-transform: translate(-50%, -60%);

    -o-transform: translate(-50%, -60%);

    -webkit-transition: -webkit-transform 0.6s ease 0;

    transition: transform 0.6s ease 0;

}





.videos_box1{

    width: 100%;

    overflow: hidden;

}

.videos {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9995;

}



.videos_box {

    position: absolute;

    z-index: 9997;

    width: 60%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.videos_zhezhao {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    z-index: 9996;

}



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

    .videos_box {

        width: 80%;

    }

}



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

    .shiping_list_item {

        width: 49%;

        margin-right: 2% !important;

    }

    .shiping_list_item:nth-child(2n) {

        margin-right: 0!important;

    }

}



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

    .videos_box {

        width: 95%;

    }

    .shiping_list_itemtxt {

        padding: 10px 0;

        font-size: 14px;

    }

}









.xclist .xclist_item {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    background-color: #fff;

    margin-bottom: 50px;

}



.xclist .xclist_item:nth-child(3n) {

    margin-right: 0;

}



.xclist_itemimg {

    overflow: hidden;

    background-color: #fff;

}



.xclist_itemimg img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.xclist_itemtxt {

    padding: 18px;

    color: #333;

    text-align: center;

    

}



.xclist .xclist_item:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.xclist .xclist_item:hover .xclist_itemtxt {

    color: #fff;

}

.xclist .xclist_item:hover{

    background-color: #0050a2;

}



#baguetteBox-overlay .full-image figcaption {

    height: 60px;

    line-height: 60px;

    font-size: 18px;

    color: #fff;

    background: -webkit-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -o-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: -ms-linear-gradient(left, #0b92df 0%, #0050a2 100%);

    background: linear-gradient(to left, #0b92df 0%, #0050a2 10);

}



.xclist_itemimg .zhengs{

    max-height: 300px;width: auto;margin: auto;

}



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

    .xclist .xclist_item {

        width: 49%;

        margin-right: 2% !important;

    }

    .xclist .xclist_item:nth-child(2n) {

        margin-right: 0!important;

    }

    #baguetteBox-overlay .full-image figcaption{

        font-size: 14px;

        height: auto;

        line-height: 1.6;

        padding: 15px 10px;

    }

}



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

    .xclist .xclist_item {

        margin-bottom: 20px;

    }

    .xclist_itemtxt {

        padding: 10px;

        font-size: 12px;

    }

    .xclist_itemimg .zhengs{

        max-height: 180px; ;

    }

}





.pagebox{}

.pages{}

.pages a{

    font-size: 14px;

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border: 1px solid #d1d1d1;

    border-radius: 20px;

    margin: 0 1px;

}

.pages a:first-child,

.pages a:last-child{

    font-family: "宋体",Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: 600;

}





.pages a.nolink{

    cursor: no-drop;

}

.pages a:hover{

    background: #fff;

}

.pages a.current{

    background: #0051a3;

    color: #fff;

    border-color: #0051a3;

}



.cpbigboxs_itema{

    position: relative;

}



.l1 {

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 1px;

	background: #0051a3;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.l2 {

	position: absolute;

	top: 0;

	right: 0;

	width: 1px;

	height: 0;

	background: #0051a3;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.l3 {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 0;

	height: 1px;

	background:#0051a3;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.l4 {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 1px;

	height: 0;

	background: #0051a3;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}



.productitem .l1,.productitem .l2,.productitem .l3,.productitem .l4{

    background: #ff7800;

}



.cpbigboxs_itema:hover .l1 {

	width: 100%;

}

.cpbigboxs_itema:hover .l2 {

	height: 100%;

}

.cpbigboxs_itema:hover .l3 {

	width: 100%;

}

.cpbigboxs_itema:hover .l4 {

	height: 100%;

}