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

body {margin: 0px;font-size: 12px;color: #333333; font-family:Arial, Helvetica, sans-serif;}
* {padding: 0px;margin: 0px;}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0;padding: 0; font-family:"微软雅黑"; font-weight:200;}
h1, h2, h3, h4, h5, h6 {font-size: 12px;list-style: none;font-weight: normal;}
input, select {font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei","微软雅黑" SimSun,STXihei, Heiti, sans-serif;}
button {overflow: visible}
img {border: none;max-width: 100%;height:  auto;}
a {color: #333333;text-decoration: none;font-size: 12px;outline: none; font-family:"微软雅黑";}
li {list-style: none;}
input, select, button {font: 12px Verdana, Arial, Tahoma;vertical-align: middle;}
.clear {clear: both;}
.lf {float: left;}
.rt {float: right;}
.m {max-width: 1400px;margin: 0px auto;}
.my{width: 1050px;margin: 0px auto;}
.mm {margin-top:60px;}
.red{ margin-bottom:15px;}
.red a{ font-size:12px!important;}
.aa{ color:#b5001b!important;}
.tpd{
    width: 100%;
    height: auto;
    overflow: hidden;
    position:  relative;
}
.tpd img {
    max-width: 100%;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
    cursor: pointer;
}
.tpd:hover img {
    transform: scale(1.1)
}
a:hover{ text-decoration:none;}

/*导航*/
.header{width:100%;background-color:#fff;left:0;z-index:999;/* position: absolute; */background:  url(../images/hbg.jpg)bottom repeat-x;}
.header.on{position:fixed; top:0; box-shadow:0 0 5px #aaa;}
.header img{width:100%; height:auto; display:block;}
.header .row{position:relative;}
.header .logo{width: 305px;margin: auto;float:left;}
.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}
.header .an span{width:24px; height:2px; background-color:#555; display:block; position:absolute;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:6px; left:0;}
.header .an span.a3{top:12px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:6px; width:24px;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:6px; width:24px;
    transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);}
.header .nav{}
.header .nav i{font-size:12px; color:#ddd; line-height:46px; text-align:right; position:absolute; width:50%; height:46px; right:15px; top:0; display:none;}
.header .nav ul li{font-size:15px;text-align:center;float:left;position:relative;line-height: 72px;}
.header .nav ul li a.o_lm{line-height:65px;color:#000000;display:block;font-size: 18px;}
.header .nav ul li:hover a.o_lm{color: #0042b3;font-weight:300;}
.header .nav ul li a.o_lm.on{ font-weight:300;border-top: 2px solid; border-bottom:none;}
.header .nav .y_j{position:relative;width: 120px;}
.header .nav .e_j{width:120px;background-color:#fff;position:absolute;top:65px;left:50%;margin-left:-60px;display:none;z-index:9999;}
.header.on .nav .e_j{box-shadow:0 2px 2px #aaa; color:#fff}
.header .nav .e_j .e_lm a{display:block; font-size:14px; color:#555; line-height:36px;}
.header .nav .e_j .e_lm:hover a{background-color:#0042b3; color:#fff;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j .e_lm{position:relative;}
.header .nav .e_j .e_lm em{font-size:12px; color:#aaa; line-height:36px; text-align:right; position:absolute; height:36px; right:15px; top:0; z-index:999; display:block;}
.header .nav .e_j .e_lm:hover em{color:#fff;}
.header .nav .e_j .s_j{width:251px; border-left:1px solid #fff; background-color:#f7f7f7; position:absolute; top:0; right:-209%; display:none;}
.header .nav .e_j .e_lm:hover .s_j{display:block;}
.header .nav .e_j .e_lm:hover .s_j a{background-color:#f7f7f7; color:#555;}
.header .nav .e_j .e_lm:hover .s_j a:hover{background-color:#0042b3; color:#fff;}
.nav ul{width:100%;height:auto;margin-bottom: 0px;}
@media (min-width:992px){
    .header .nav ul li{padding:0 15px;}
    .header .nav .e_j{display:none !important;}
    .header .nav .e_j .s_j{display:none !important;}
    .header .nav ul li:hover .e_j{display:block !important;}
    .header .nav .e_j .e_lm:hover .s_j{display:block !important;}
}
@media (min-width:1200px){
    .header .nav ul li{padding: 0 3px;}
}
@media only screen and (max-width:992px){
    .header{padding: 0;top:0;}
    .header .logo{width:auto; margin:0 0 0 15px;}
    .header .logo img{width:auto; height:44px;}
    .header .hd{display:none;}
    .header .xz{display:none;}
    .header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}
    .header .an{display:block;}
    .header .nav{width:50%; padding:15px 5%; background-color:#000; height:100%; position:fixed; margin:0; top:0; left:-50%; overflow:auto;
        transition:all .5s;
        -o-transition:all .5s;
        -ms-transition:all .5s;
        -moz-transition:all .5s;
        -webkit-transition:all .5s;}
    .header .nav.on{left:0;z-index: 999;}
    .header .nav i{display:block;line-height: 76px;}
    .header .nav ul li{width:100%; height:auto; font-size:14px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}
    .header .nav ul li a.o_lm{color:#ddd;font-size: 14px;}
    .header .nav ul li:hover a.o_lm{color:#ddd; border-bottom:0;}
    .header .nav ul li.on a.o_lm{background:none; color:#fff;}
    .header .nav .e_j{width:100%; border-top:1px solid #444; background:none; position:relative; top:auto; left:auto; margin:0; padding-bottom:10px;}
    .header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
    .header .nav .e_j .e_lm:hover a{background:none;}
    .header .nav ul li:hover .e_j{display:none;}
    .header .nav .e_j .e_lm em{color:#ddd; line-height:32px; text-align:right; width:50%; height:32px;}
    .header .nav .e_j .e_lm:hover em{color:#fff;}
    .header .nav .e_j .s_j{width:100%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:0; background:none; position:relative; display:none; top:auto; right:auto; margin-bottom:10px;}
    .header .nav .e_j .e_lm:hover .s_j{display:none;}
    .header .nav .e_j .e_lm:hover .s_j a{background:none; color:#aaa;}
    .header .nav .e_j .e_lm:hover .s_j a:hover{background:none;}
}
.head_h{width:100%; height:97px; background-color:#fff;}
@media only screen and (max-width:992px){
    .head_h{height:64px;}
}

.top{ background:#fff; border-bottom:1px solid #c8d0d6;}
.banner{margin:0 auto;width: 100%;}
.banner img{ width:100%;}

/*轮播图*/
.sy_ban{width:100%;height: 620px;position:relative;}
.sy_ban a{display:block; width:100%; height:100%;}
.sy_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:16px; height:30px; margin-top:-15px;
    background-size:16px 30px;
    -webkit-background-size:16px 30px;
    -moz-background-size:16px 30px;
    -ms-background-size:16px 30px;
    -o-background-size:16px 30px;}
.sy_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:16px; height:30px; margin-top:-15px;
    background-size:16px 30px;
    -webkit-background-size:16px 30px;
    -moz-background-size:16px 30px;
    -ms-background-size:16px 30px;
    -o-background-size:16px 30px;}
@media only screen and (max-width:992px){
    .sy_ban{height: 26vh;}
    .sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}
}
@media only screen and (max-width:320px){
    .sy_ban{height: 30vh;}
}
.top{}
.top2{
    text-align: right;
    line-height: 100px;
}
.top2 a{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0042b3;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #fff!important;
    display: inline-block;
    margin-right: 6px;
}
.top2 em{}

.search {
    width: 230px;
    background-color: #fff;
    border: 3px solid #0042b3;
    overflow: hidden;
    position: absolute;
    top: 77px;
    display: none;
    z-index: 999;
    right: 0;
}
.search input {
    width: 170px;
    height: 38px;
    padding: 0 5px;
    line-height: 38px;
    color: #555;
    display: block;
    float: left;
}
.search button {
    width: 54px;
    height: 38px;
    background-color: #0042b3;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    float: right;
    border:  none;
}
.sc {
    border: 0;
    color: #868686;
    font-weight: lighter;
    cursor: pointer;
}
@media only screen and (max-width:992px){
    .top{}
    .top2{
        text-align: right;
        line-height: 35px;
    }
    .top2 a{
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #0042b3;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #fff!important;
        display: inline-block;
        margin-right: 6px;
    }
    .top2 em{}

    .search {
        width: 230px;
        background-color: #fff;
        border: 3px solid #0042b3;
        overflow: hidden;
        position: absolute;
        top: 035px;
        display: none;
        z-index: 999;
        right: 0;
    }
    .search input {
        width: 170px;
        height: 38px;
        padding: 0 5px;
        line-height: 38px;
        color: #555;
        display: block;
        float: left;
    }
    .search button {
        width: 54px;
        height: 38px;
        background-color: #0042b3;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        float: right;
        border:  none;
    }
    .sc {
        border: 0;
        color: #868686;
        font-weight: lighter;
        cursor: pointer;
    }
}
/*首页产品*/
.sycp{ padding-top:60px; padding-bottom:60px;}
.cpzs{
	margin-bottom:15px;
}
.cpzs .tpd{
    width:  100%;
    border: 3px solid #d1d1d1;
    transition:all .5s ;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
	padding:30px;
}
.cpzs .tpd:hover{ border:3px solid #0042b3; }
.cpms{}
.cpms span{
    margin: 10px 0;
    display:  block;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color:  #666666;
    font-size: 16px;
    font-weight:  bold;
}
.cpms p{
    font-size: 14px;
    margin-bottom: 20px;
    color:  #666666;
    overflow: hidden;
    display:-webkit-box;
    line-clamp:2;
    -webkit-line-clamp:2;
    -moz-line-clamp:2;
    -ms-line-clamp:2;
    -o-line-clamp:2;
    -webkit-box-orient: vertical;
	line-height:28px;
}
.cpms a{
    width:  110px;
    height:  28px;
    display:  block;
    border: 1px solid;
    line-height: 28px;
    text-align:  center;
    font-size:  13px;
    color: #666666;
    transition:all .7s;
    -moz-transition: all .7s; /* Firefox 4 */
    -webkit-transition:all .7s; /* Safari 和 Chrome */
    -o-transition: all .7s; /* Opera */
}
.cpms a:hover{ background:#666666; color:#fff}
.cp2{ padding-bottom:80px; padding-top:0px;}
.cp2 span{
    font-size: 28px;
    font-weight:  bold;
    text-align:  center;
    margin:  auto;
    display:  block;
    margin: 20px 0;
}
.cp2 p{
    text-align:  center;
    color:  #666666;
    font-size: 14px;
    overflow: hidden;
    display:-webkit-box;
    line-clamp:2;
    -webkit-line-clamp:2;
    -moz-line-clamp:2;
    -ms-line-clamp:2;
    -o-line-clamp:2;
    -webkit-box-orient: vertical;
}
.cp22{
    width:  100%;
    margin: 20px 0;
}
.cp221{
    margin: 5px 0;
}
.cp221 img{
    position:  relative;
    width: 100%;
}
.cp221 a{ color:  #fff; font-size: 25px;
	font-weight:normal;}
.cp221 span{
   
    position:  absolute;
    top: 50%;
    left:  0;
    right: 0;
   
    transform: translateY(-50%);
}
.cp22 .col-12{
    padding: 0;
}

/*资质*/
#certify {







    position: relative;
    width: 100%;
    margin: 80px auto;
	margin-bottom:10px;
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 428px;
}
#certify  .swiper-slide img{
    display:block;
}
.Member_fc_nr a{ display:none}
#certify  .swiper-slide-active .Member_fc_nr{display: block !important;text-align:  center;margin-top: 20px;font-size:  20px;font-weight:  bold;}
#certify .swiper-slide-active .Member_fc_nr a{ font-size:20px; display:block}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    outline: 0;
    margin-top: auto;
    top: 30%;
    width: auto;
    height: auto;
    left: 100px;
    background:none;
}
#certify .swiper-button-prev i{ font-size: 40px !important; color: #fff; line-height: 30px; font-weight: bold;}

#certify .swiper-button-next {
    outline: 0;
    margin-top: auto;
    top: 28%;
    right: 100px;
    background:none;
    width: auto;
    height: auto;
}
#certify .swiper-button-next i{ font-size: 40px !important; color: #fff; line-height: 30px; font-weight: bold;}
.syzz{width:  100%;overflow:  hidden;background: url(../images/zzbg.jpg)no-repeat;background-size: cover; padding-top:60px; padding-bottom:80px;}
.syzz2{}
.syzz21{ padding-right:0px;padding-left:0px;}
.syzz21 li{
    line-height: 45px;
    color:  #666666;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.syzz21 img{
    margin-right: 9px;
	width:30px;
}
.syzz22{}
@media only screen and (max-width:992px){
    #certify {
        position: relative;
        width: 100%;
        margin: 20px auto;
    }

    #certify .swiper-container {
        padding-bottom: 0;
    }

    #certify  .swiper-slide {
        width: 100%;
    }
    #certify  .swiper-slide img{
        display:block;
        width: 100%;
    }
    .Member_fc_nr a{ display:none}
    #certify  .swiper-slide-active .Member_fc_nr{display: block !important;text-align:  center;margin-top: 20px;font-size:  20px;font-weight:  bold;}
    #certify .swiper-slide-active .Member_fc_nr a{ font-size:17px; display:block}

    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }

    #certify .swiper-button-prev {
        outline: 0;
        margin-top: auto;
        top: 30%;
        width: auto;
        height: auto;
        left: 0;
        background:none;
    }
    #certify .swiper-button-prev i{ font-size: 40px !important; color: #fff; line-height: 30px; font-weight: bold;}

    #certify .swiper-button-next {
        outline: 0;
        margin-top: auto;
        top: 30%;
        right: 0;
        background:none;
        width: auto;
        height: auto;
    }
    #certify .swiper-button-next i{ font-size: 40px !important; color: #fff; line-height: 30px; font-weight: bold;}
    .syzz{margin-top: 30px;width:  100%;overflow:  hidden;float:  left;background: url(../images/zzbg.jpg)no-repeat;padding: 25px;background-size: cover;}
    .syzz2{}
    .syzz21{}
    .syzz21 li{
        line-height: 45px;
        color:  #666666;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }
    .syzz21 img{
        margin-right: 5px;
    }
    .syzz22{}
}
/*合作伙伴*/
.syhb{
    width:  100%;
    padding: 80px 0;
    background: url(../images/dt.png) center 40px  no-repeat;
    overflow: hidden;
}
.bt{
    text-align:  center;
    padding: 19px 0;
    background: url(../images/bt4.png)bottom center no-repeat;
}
.bt span{
    font-size:  40px;
    font-weight: bold;
    text-transform:  uppercase;
    font-family: Impact;
    color:  #b4b4b4;
}
.bt p{
    font-size:  25px;
    color:  #333333;
    font-weight:  bold;
}
.hbms{
    text-align:  center;
    margin: 30px auto;
    font-size:  18px;
    color:  #666666;
    width:  60%;
}
.hbsj{}
.hb1{
    text-align:  center;
    margin-bottom: 30px;
}
.hb1bt {color: #0042b3!important;}
.hb1bt a{
    font-size:  100px;
    font-family:  Impact;
    color: #0042b3!important;
    position:  relative;
}
.hb1bt span{
    position:  absolute;
    top: 10%;
    font-size: 38px;
}
.hb1 p{
    font-size:  18px;
    color: #666666;
}
.hb2{}
.hb2 .tpd{
    border: 1px solid #dadada;
}
.hb2 .col-12{
    padding:  0;
}
@media only screen and (max-width:992px){
    .syhb{
        width:  100%;
        padding: 40px 0;
        background: url(../images/dt.png) top center no-repeat;
    }
    .bt{
        text-align:  center;
        padding: 15px 0;
        background: url(../images/bt4.png)bottom center no-repeat;
    }
    .bt span{
        font-size: 30px;
        font-weight: bold;
        text-transform:  uppercase;
        font-family: Impact;
        color:  #b4b4b4;
    }
    .bt p{
        font-size: 20px;
        color:  #333333;
        font-weight:  bold;
    }
    .hbms{
        text-align: left;
        margin: 30px auto;
        font-size: 15px;
        color:  #666666;
        width: 100%;
    }
    .hbsj{}
    .hb1{
        text-align:  center;
        margin-bottom: 10px;
    }
    .hb1bt{
        font-size: 80px;
        font-family:  Impact;
        color: #0042b3;
        position:  relative;
    }
    .hb1bt span{
        position:  absolute;
        top: 10%;
        font-size: 38px;
    }
    .hb1 p{
        font-size: 16px;
        color: #666666;
    }
    .hb2{
        text-align:  center;
    }
    .hb2 .tpd{
        border: 1px solid #dadada;
    }
    .hb2 .col-12{
        padding:  0;
        margin: 5px 0;
    }
}
/*首页信息*/
.sylx{width: 100%;background:#0040b7 url(../images/lx.png)no-repeat right;padding: 80px 0; overflow: hidden}
.lx1{}
.lx1 li{
    font-size:  30px;
    color:  #fff;
    font-weight:  bold;
}
.lx1 p{
    margin:  20px 0;
    font-size: 16px;
    color:  #fff;
}
.lx1m {
    line-height:  31px;
    color:  #fff;
    font-weight:  bold;
    font-size: 20px;
}
.lx1m em{
    width:  31px;
    height:  31px;
    border:  1px solid #fff;
    border-radius:  50%;
    text-align:  center;
    line-height:  31px;
    color:  #fff;
    font-size: 17px;
    margin-right: 5px;
}
.lx2{
    color: #fff;
    line-height: 21px;
}
.lx21{
    margin-bottom: 20px;
}
.lx21 img{float: right;}
.lx21 span{
    display:  block;
    font-size: 17px;
    font-weight:  bold;
    margin-top: 35px;
}
/*底部*/
.dibu{
    width:  100%;
    line-height: 40px;
    background: #000;
    color: #999999;
    font-size: 17px;
    padding: 10px 0;
}
.db1{}
.db2{
    text-align:  right;
}
.db2 a{
    color: #999999;
    font-size: 17px;
}
.db2 span{
    margin: 0 5px;
}
.dibu2{ width: 100%; background: #282828; display:none;}
@media only screen and (max-width:992px){
    .sylx{width: 100%;background:#0040b7 url(../images/lx.png)no-repeat right;padding: 40px 0;}
    .lx1{}
    .lx1 li{
        font-size: 22px;
        color:  #fff;
        font-weight:  bold;
    }
    .lx1 p{
        margin:  20px 0;
        font-size: 13px;
        color:  #fff;
    }
    .lx1m {
        line-height:  31px;
        color:  #fff;
        font-weight:  bold;
font-size: 17px;
    }
    .lx1m em{
        width:  31px;
        height:  31px;
        border:  1px solid #fff;
        border-radius:  50%;
        text-align:  center;
        line-height:  31px;
        color:  #fff;
        font-size: 17px;

        margin-right: 5px;
    }
    .lx2{
        color: #fff;
        line-height: 21px;
        margin: 15px 0;
    }
    .lx21{
        margin: 10px 0;
        text-align: center;
    }
    .lx21 img{
        float: none;
    }
    .lx21 span{
        display:  block;
        font-size: 17px;
        font-weight:  bold;
    }
    /*底部*/
    .dibu{
        width:  100%;
        line-height: 30px;
        background: #000;
        color: #999999;
        font-size: 13px;
        padding: 10px 0;
margin-bottom: 50px;
    }
    .db1{text-align:  center;}
    .db2{
        text-align:  center;
    }
    .db2 a{
        color: #999999;
        font-size: 13px;
    }
    .db2 span{
        margin: 0 5px;
    }
    .dibu2{width: 100%;background: #282828;text-align:  center;}
}

/*内页*/
.nb{ width: 100%; overflow: hidden}
.nb img{ width: 100%;}
.bt2{
    text-align: center;
	padding-bottom:16px;
    background: url(../images/bt4.png)bottom center no-repeat;
    margin-bottom: 15px;
    }
.bt2 span{
    font-size:  25px;
    font-weight:  bold;
    text-transform: uppercase;
	margin-bottom:9px;
}
.bt2 p.gn{
    font-size:  14px;
    color:#656565;
    text-transform:  uppercase;
	margin:0px;
	margin-top:16px;
}
.btms{
    margin: 16px 0;
    text-align:  center;
    font-size:  18px;
    color: #666666;
}
.nal{
    width:  100%;
    padding-top:60px;
	padding-bottom:80px;
}
.nal p{
    margin: 15px 0;
    text-align:  center;
    font-size: 18px;
}
.ys1{
    width: 160px;
    height: 160px;
    border: 10px solid #dfdfdf;
    border-radius:50%;
    margin:0 auto 20px;
    position:relative;
    overflow:hidden;
    transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    text-align:  center;
    line-height: 150px;
    background: #0042b3;
    cursor:  pointer;
}
.ys1:hover{border:2px solid #0042b3; background:#0042b3}
.ys1:before{width:0; height:0; background-color:rgba(2,128,206,.6); border-radius:50%; content:""; 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 linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;}
.ys1:hover .ys1:before{width:96%; height:96%;}
.ys1 img{height:auto;position:  relative;}
.nys{
    width:  100%;
    padding-top:82px;
	padding-bottom:80px;
    background: #f2f2f2;
}
.ysm{
    margin: 30px auto;
}
.ys2{
    text-align:  center;
}
.ys2 span{
    font-size:  20px;
    color:  #0042b3;
    font-weight:  normal;
    margin-bottom: 15px;
    display:  block;
}
.ys2 p{
    font-size: 16px;
    color:  #888888;
    line-height: 24px;
}

.nb{}
.nb img{}

.nbb{
    margin:  30px 0;
    font-size:  25px;
    text-align:  center;
    font-weight:  normal;
}
.nm{ overflow:hidden}
.nm p{
    color:  #666666;
    font-size:  18px;
	line-height:30px;
}
.wh{
    width:  100%;
    background: url(../images/whbg.jpg);
    padding: 45px 0;
}
.wh .bt2{ margin-bottom:0px}
.qyys{}
.nys2{
    margin-top: 30px;
}
.nys2 img{ width:100%;}
.nys2 p{
    width: 100%;
    background: #bbbbbb;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
}
.nyzz{}
.nyzz1{
    margin: 20px 0;
    padding: 5px;
}
.cpys img{ width: 100%;}
.nyzz1 img{ width:100%;}
.cptp{
    padding: 50px 0 30px 0;
    text-align: center;
    background: url(../images/cpbg.jpg)bottom no-repeat;
}
.cptp p{
    margin-top: 50px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}
.cpgg{
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #e5e5e5;
    text-align: center;
}
.cpgg a{
    width: 16%;
    display: block;
    float: left;
    text-align: center;
    margin: auto;
    color: #666666!important;
    font-size: 20px;
}

.cpgg a:nth-of-type(0){ background: #e5e5e5}
.cpgg a:nth-of-type(2){ background: #eeeeee}
.cpgg a:nth-of-type(4){ background: #eeeeee}
.cpgg a:nth-of-type(6){ background: #eeeeee}
.cpms{
    margin: 60px 0;
	overflow:hidden
}
.cpms.zn{ margin:15px 0px;
	
}
.cpms .col-12{ margin:20px 0}
.cpms1{
    padding-top: 30px;
    margin-top: 30px;
}
.cpms1.gn{ padding-left:90px; padding-top:5px; margin-top:5px; margin-bottom:20px;}
.cpms1 p{
    font-size: 18px;
    color: #777777;
}
.cpms1 p span{
    display: unset;
    margin-right: 3px;
    color: #195fcc;
}
.cpmsbt{
    border-left: 4px solid #195fcc;
    padding-left: 10px;
}
.cpmsbt span{
    margin: 0;
    font-size: 20px;
    color: #195fcc;
	font-weight:bold;
}
.cpmsbt p{
    font-size: 13px;
	text-transform:uppercase;
}
@media only screen and (max-width:992px){
    .nb{ width: 100%; overflow: hidden}
    .nb img{ width: 100%;}
    .bt2{text-align: center;
        padding: 15px 0;background: url(../images/bt4.png)bottom center no-repeat;}
    .bt2 span{
        font-size: 22px;
        font-weight:  bold;
        text-transform: uppercase;
    }
    .bt2 p{
        font-size: 12px;
        color: #666666;
        text-transform:  uppercase;
    }
    .btms{
        margin: 15px 0;
        text-align:  center;
        font-size: 14px;
        color: #666666;
    }
    .nal{
        width:  100%;
        padding: 60px 0;
    }
    .nal p{
        margin: 19px 0;
        text-align:  center;
        font-size: 18px;
    }
    .ys1{
        width: 160px;
        height: 160px;
        border: 10px solid #dfdfdf;
        border-radius:50%;
        margin:0 auto 20px;
        position:relative;
        overflow:hidden;
        transition:all .3s linear;
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -ms-transition:all .3s linear;
        -o-transition:all .3s linear;
        text-align:  center;
        line-height: 150px;
        background: #0042b3;
        cursor:  pointer;
    }
    .ys1:hover{border:2px solid #0042b3; background:#0042b3}
    .ys1:before{width:0; height:0; background-color:rgba(2,128,206,.6); border-radius:50%; content:""; 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 linear;
        -webkit-transition:all .3s linear;
        -moz-transition:all .3s linear;
        -ms-transition:all .3s linear;
        -o-transition:all .3s linear;}
    .ys1:hover .ys1:before{width:96%; height:96%;}
    .ys1 img{height:auto;position:  relative;}
    .nys{
        width:  100%;
        padding: 55px 0;
        background: #f2f2f2;
    }
    .ysm{
        margin: 30px auto;
    }
    .ys2{
        text-align:  center;
    }
    .ys2 span{
        font-size:  20px;
        color:  #0042b3;
        font-weight:  normal;
        margin-bottom: 15px;
        display:  block;
    }
    .ys2 p{
        font-size: 16px;
        color:  #888888;
        line-height: 24px;
    }

    .nb{}
    .nb img{}

    .nbb{
        margin:  30px 0;
        font-size: 16px;
        text-align: left;
        font-weight:  normal;
    }
    .nm{}
    .nm p{
        color:  #666666;
        line-height:  30px;
        font-size: 13px;
    }
    .wh{
        width:  100%;
        background: url(../images/whbg.jpg);
        margin: 40px 0;
        padding: 40px 0;
        background-size: cover;
    }
    .wh .bt2{ margin-bottom:0px}
    .qyys{}
    .nys2{
        margin-top: 30px;
    }
    .nys2 img{ width:100%;}
    .nys2 p{
        width: 100%;
        background: #bbbbbb;
        color: #ffffff;
        padding: 15px 0;
        text-align: center;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }
    .nyzz{}
    .nyzz1{
        margin: 20px 0;
        padding: 5px;
    }
    .nyzz1 img{ width:100%;}
    .cptp{
        padding: 50px 0 30px 0;
        text-align: center;
        background: url(../images/cpbg.jpg)bottom no-repeat;
    }
    .cptp p{
        margin-top: 50px;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }
    .cpgg{
        width: 100%;
        height: auto;
        line-height: 70px;
        background: #e5e5e5;
        text-align: center;
        overflow: hidden;
    }
    .cpgg a{
        width: 33%;
        display: block;
        float: left;
        text-align: center;
        margin: auto;
        color: #666666!important;
        font-size: 20px;
    }
    .cpgg a:nth-of-type(2){background: none;}
    .cpgg a:nth-of-type(4){background: none;}
    .cpgg a:nth-of-type(6){background: none;}
    .cpms{
        margin: 0;
    }
    .cpms .col-12{ margin:20px 0}
    .cpms1{
        padding-top: 10px;
        margin-top: 0;
    }
    .cpms1 p{
        font-size: 14px;
        color: #777777;
    }
    .cpms1 p span{
        display: inline;
        margin-right: 3px;
        color: #195fcc;
    }
.cpms1.gn{padding-left: 0px;}
    .cpmsbt{
        border-left: 4px solid #195fcc;
        padding-left: 10px;
    }
    .cpmsbt span{
        margin: 0;
        font-size: 17px;
        color: #195fcc;
    }
    .cpmsbt p{
        font-size: 12px;
    }
}
.cc{ margin-bottom:70px;}
.cc1{}
.cc1 img{
    width: 100%;
    position: relative;
}
.ccms{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    cursor: pointer;
}
.ccms span{
    font-size: 24px;
    font-weight: bold;
	margin-bottom:15px;
}

.ccms p{ font-size:16px; line-height:28px;}
.cc .col-6{
    padding: 0;
}
.cpys img{ width: 100%;}
.cc .row{ margin: 0}
.cpli{width:100%;padding: 40px 0; background-color:#0042b3; margin-bottom:30px;}
.cpli1{
    width:  100%;
    margin: 21px 0;
    height: auto;
    line-height: 30px;
    overflow:  hidden;
}
.cpli1 span{width: 17%;float:  left;font-size:  18px;font-weight:  bold;color:#FFF;text-align: right;}
.cpli1 a{
    color:  #FFF;
    font-size: 16px;
    margin-right: 50px;
}
.cpli1 p{
    float:  right;
    width:  80%;
}
.cpsp{
    width:  100%;
    margin: 40px 0;
}
.cpsp1{
    margin:  15px 0;
    text-align:  center;
}
.cpsp1 span{}
.cpsp1 p{
    margin-top: 10px;
}
.cpsp1 .tpd{
    width:  100%;
    position:  relative;
}
.cpsp1 .tpd img{}
.cpsp1 .tpd span{
    position:  absolute;
    z-index:  99;
    top: 50%;
    left:  0;
    right:  0;
    margin:  auto;
    display:  block;
    text-align:  center;
    transform: translateY(-50%);
}
.lx22{
    padding:  100px 0 80px 0;
    background:  url(../images/lx.jpg)top center no-repeat;
    overflow:  hidden;
}
.lx22 span{
    font-size:  30px;
    font-weight:  bold;
    color:  #0042b3;
    background: url(../images/rz.png) no-repeat right top;
    padding-right: 30px;
}
.lx22 li{
    margin: 15px 0;
    font-size:  20px;
    color:  #333333;
    font-weight:  normal;
}
.lx22 p{}
@media only screen and (max-width:992px){
    .cc{ margin-bottom:20px;}
    .cc1{}
    .cc1 img{
        width: 100%;
        position: relative;
    }
    .ccms{
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        cursor: pointer;
    }
    .ccms span{
        font-size: 20px;
        font-weight: bold;
    }
    .cc .col-6{
        padding: 0;
    }
    .cpys img{ width: 100%;}
    .cc .row{ margin: 0}
    .cpli{width:100%;padding: 40px 0;}
    .cpli1{
        width:  100%;
        margin: 15px 0;
        height: auto;
        line-height: 30px;
        overflow:  hidden;
    }
    .cpli1 span{width: 20%;float:  left;font-size: 14px;font-weight:  bold;color:  #fff;text-align: left;}
    .cpli1 a{
        color:  #fff;
        font-size: 12px;
        margin-right: 20px;
    }
    .cpli1 p{
        float:  right;
        width: 75%;
    }
    .cpsp{
        width:  100%;
        margin: 40px 0;
    }
    .cpsp1{
        margin:  15px 0;
        text-align:  center;
    }
    .cpsp1 span{}
    .cpsp1 p{
        margin-top: 10px;
    }
    .cpsp1 .tpd{
        width:  100%;
        position:  relative;
    }
    .cpsp1 .tpd img{}
    .cpsp1 .tpd span{
        position:  absolute;
        z-index:  99;
        top: 50%;
        left:  0;
        right:  0;
        margin:  auto;
        display:  block;
        text-align:  center;
        transform: translateY(-50%);
    }
    .lx img{ max-width: 100%;}
    .lx22{
        padding:  100px 0 80px 0;
        background:  url(../images/lx.jpg)top center no-repeat;
        overflow: hidden;
        background-size:  cover;
    }
    .lx22 span{
        font-size: 25px;
        font-weight:  bold;
        color:  #0042b3;
        background: url(../images/rz.png) no-repeat right top;
        padding-right: 30px;
    }
    .lx22 li{
        margin: 15px 0;
        font-size: 15px;
        color:  #333333;
        font-weight:  normal;
    }
    .lx22 p{
        font-size: 13px;
    }
    .lx{
        display: none;}
		.cp2 span{font-size: 20px;}
}
.xwlb{}
.xwlb .col-12{width: 98%;padding: 0;overflow:  hidden; cursor:pointer}
.xwlb .row{
    margin: 0;
}
.xwlb1{
    width: 99%;
    position:  relative;
    margin-bottom: 5px;
}
.xwlb1 img{
    width: 100%;
}
.xwlb2{
    width: 100%;
    position:  absolute;
    z-index: -1;
    background:  rgba(0,0,0,.4);
    top: 0;
    text-align:  center;
    height: 0;
    padding: 20px;
    transition:all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.xwlb1:hover .xwlb2{top: 0;
    transition:all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
    height:  100%;
    z-index: 99;}

.xwlbm{
    color: #fff;
    position: absolute;
    left:  0;
    right:  0;
    top: 50%;
    padding: 0 20px;
    transform: translateY(-50%);
}
.xwlbm span{
    color:  #fff;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.xwlbm li{
    font-size:  18px;
    margin: 15px 0;
}
.xwlbm a{font-size: 13px;margin-top:20px;color: #fff;display:block;width:  100px;margin: 20px auto;background: #0042b3;border-radius: 30px;line-height: 35px;font-weight:  bold;}
.xwlbm p{
    color: #fff;
    overflow:hidden; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-ms-line-clamp3;
-o-line-clamp:3;
-webkit-box-orient: vertical; 
}
.onb{
    top: 0;
    transition:all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
    height:  99%;
    z-index: 99;
}

.zhengwen{ margin:50px 0; padding:10px 0; min-height:300px}
.zhengwen img{ max-width:100%; height:auto;}


.xiaocms-page {font-family: "微软雅黑";padding: 5px;margin: 5px;text-align: center;margin: 30px auto;
}
.xiaocms-page a {border-right: #ddd 1px solid;padding-right: 8px;border-top: #ddd 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #ddd 1px solid;color: #0184c1;margin-right: 5px;padding-top: 5px;border-bottom: #ddd 1px solid;text-decoration: none;}
.xiaocms-page a:hover {border-right: #a0a0a0 1px solid;padding-right: 8px;border-top: #a0a0a0 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #a0a0a0 1px solid;margin-right: 5px;padding-top: 5px;border-bottom: #a0a0a0 1px solid;
}
.xiaocms-page a:active {border-right: #a0a0a0 1px solid;padding-right: 5px;border-top: #a0a0a0 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #a0a0a0 1px solid;margin-right: 5px;padding-top: 5px;border-bottom: #a0a0a0 1px solid;}
.xiaocms-page span {border-right: #0184c1 1px solid;padding-right: 8px;border-top: #0184c1 1px solid;padding-left: 8px;font-weight: bold;padding-bottom: 5px;border-left: #0184c1 1px solid;color: #fff;margin-right: 5px;padding-top: 5px;border-bottom: #0184c1 1px solid;background-color: #0184c1;
}
.xiaocms-page span.disabled {border-right: #0184c1 1px solid;padding-right: 8px;border-top: #0184c1 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #0184c1 1px solid;color: #0184c1;margin-right: 5px;padding-top: 5px;border-bottom: #0184c1 1px solid;
}

.on{ font-weight:bold; color:#0042b3!important;border-bottom: 2px solid;}
.ny_cpt{ width:100%;}
.ny_cpt img{ width:100%; height:auto; display:block;}
.ny_pl{ width:100%;font-size: 18px;
    color: #777777;line-height:30px;}
.ny_pl p{ margin-bottom:0px; line-height:30px;}
.ny_pl.gn{ padding-left:70px;}

.sycp.ny{ margin-bottom:70px;}
.cc1 .tpd .g_cn{ width:100%; position:absolute; top:0; height:100%; background:rgba(0,0,0,.7); transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */}
.cc1 .tpd img{
	transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
.cc1:hover .tpd .g_cn{background:rgba(0,0,0,.5);}
.cc1:hover .tpd img{transform: scale(1.1);}
.nys .ysm .ys2.zn p{ line-height:28px;}
.ny_gyz{ padding-top:60px; padding-bottom:80px; width:100%;}
.ny_gyz .nbb{ font-weight:bold; font-size:26px; margin-top:0px;}
.qyys{ padding-top:60px; padding-bottom:80px; width:100%;}
.nyzz{ padding-top:60px; padding-bottom:80px; width:100%;}
.ny_lx{ width:100%; height:600px;}
.cp2 p.zn{ font-size:16px; line-height:30px;}

.ewm{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:99; display:none;}
.ewm .n_r{width:220px; padding:15px; background-color:#fff; text-align:center; position:absolute; 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%);}
.ewm .n_r .t_p img{width:100%; height:auto; display:block;}
.ewm .n_r .w_z{margin-top:10px; font-size:14px; line-height:26px;}
@media only screen and (max-width:640px){
.ewm .n_r{width:300px;}
.ewm .n_r .w_z{font-size:18px; line-height:32px;}
}

.btms.qn{ text-align:center; color:#656565; font-size:18px; line-height:30px;}
.hb2 .hz_ul{ width:100%; border-left:solid 1px #E4E4E4; border-top:solid 1px #E4E4E4; margin-top:30px;}
.hb2 .hz_ul li{ float:left; width:20%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;border-right:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;}
.hb2 .hz_ul li img{ width:100%; height:auto; display:block; }

.ny_cs{ width:100%;
    background: #e5e5e5;
    text-align: center; border-top:solid 2px #9999;}
.ny_cs ul li{ display:block; float:left; width:25%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.ny_cs ul li p{ width:100%; text-align:center;line-height: 50px;
    color: #666666!important;
    font-size: 20px;}
.ny_cs ul li p.zn{line-height: 70px;}
.ny_cs ul li:nth-of-type(0){ background: #e5e5e5}
.ny_cs ul li:nth-of-type(2){ background: #eeeeee}
.ny_cs ul li:nth-of-type(4){ background: #eeeeee}
.ny_cs ul li:nth-of-type(6){ background: #eeeeee}

.nal .nal1 .ggn{ margin-bottom:30px;}
.nal.zgn{ padding-top:20px;}
.BMap_Marker img{ max-width:inherit !important;}

.pc_kf{width:50px; position:fixed; right:10px; bottom:5%; z-index:999;}
.pc_kf .nr{width:50px; height:50px; font-size:18px; text-align:center; line-height:50px; background-color:#fff; box-shadow:0 0 2px #ddd; margin-bottom:4px; position:relative;}
.pc_kf .nr.wx{display:none;}
.pc_kf .tel{width:180px; background-color:#f39700; font-size:18px; line-height:50px; color:#fff; position:absolute; top:0; right:-180px; opacity:0;}
.pc_kf .nr:hover .tel{right:50px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .e_m{width:130px; padding:10px; background-color:#0042b3; font-size:18px; line-height:46px; color:#fff; position:absolute; bottom:0; right:-180px; opacity:0;}
.pc_kf .e_m img{width:100%; height:auto; display:block;}
.pc_kf .nr:hover .e_m{right:46px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#bbb; font-size:20px; line-height:50px;}
.pc_kf .nr a:hover i{color:#f39700;}
.pc_kf .fh{width:50px; height:50px; background-color:#f39700; font-size:22px; text-align:center; line-height:50px; color:#fff; cursor:pointer;}
@media only screen and (max-width:640px){
.pc_kf{width:100%; background-color:#f39700; position:fixed; right:0; bottom:0;}
.pc_kf .nr{width:25%; height:50px; border-right:1px solid rgba(255,255,255,.3); font-size:22px; line-height:50px; background:none; box-shadow:none; margin-bottom:0; float:left;}
.pc_kf .nr.wx{display:block;}
.pc_kf .nr.em{display:none;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{width:25%; height:50px; font-size:28px; line-height:50px; float:left;}

.ny_cs ul li{ display:block; float:left; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.ny_cs ul li p{ width:100%; text-align:center;line-height: 30px;
    color: #666666!important;
    font-size: 12px;}
.ny_cs ul li p.zn{line-height: 40px;}

.ny_pl {
    font-size: 13px;
}
}

.sh_tc{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; overflow:hidden;}
.sh_tc .s_bj{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.sh_tc .s_ch{width:300px;padding:25px 0px;text-align: center; color: #fff;font-size: 18px;background-color:#0042b3; box-shadow:0 0 5px #aaa; 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%);}
.pc_kf .nr.zgq.zqn{
display: none;
}
@media only screen and (max-width:640px){
.pc_kf .nr.zgq {
display: none;
}
.pc_kf .nr.zgq.zqn{
display: block;
}
}

.sh_tczqn{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; overflow:hidden;}
.sh_tczqn .s_bj{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.sh_tczqn .s_ch{width:300px;padding:25px 0px;text-align: center; color: #fff;font-size: 18px;background-color:#0042b3; box-shadow:0 0 5px #aaa; 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%);}