*{margin: 0;padding: 0;}
em{ font-style:normal;}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}

.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}

.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat}

.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}
/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }
header{
    width: 100%;
    height: auto;
}
header .head{
    width: 100%;
    height: auto;
    background: #4E5465;
}
header .head .head_top{
    width: 1200px;
    height: 35px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .head .head_top .head_lt{
    font-size:14px;
    color: #ccc;
}
header .head .head_top .head_rt{
    width: 145px;
    height:  auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .head .head_top .head_rt a{
    color: #ccc;
    font-size: 14px;
}
header .head .head_top .head_rt span{
    width: 2px;
    height: 14px;
    display: flex;
    background: #ccc;
}
header .sj{
    width: 100%;
    height: auto;
}
header .sj .sanjie{
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .sj .sanjie .sanjie_lt{
    width:556px;
    height: 82px;
}
header .sj .sanjie .sanjie_rt{
    width: 220px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .sj .sanjie .sanjie_rt i{
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
header .sj .sanjie .sanjie_rt span{
    width: 2px;
    height: 20px;
    background: #666;
    display: flex;
}
header .sj .sanjie .sanjie_rt .dianhua{
    width: 130px;
    height: auto;
}
header .sj .sanjie .sanjie_rt .dianhua a{
    font-size: 20px;
    color:#000;
}
header .sj .sanjie .sanjie_rt .dianhua p{
    color:#ccc;
    font-size: 14px;
}
header .sj_nav{
    width: 100%;
    height: auto;
    background: #F2F4F7;
}
header .sj_nav .nav_t{
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
header .sj_nav .nav_t li{
    width: 130px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
}
header .sj_nav .nav_t li:first-child{
    width: 130px;
    height: 40px;
    background: #007EFE;
    border-radius: 10px;
    display: block;
    line-height: 40px;
}
header .sj_nav .nav_t li:first-child a{
    color:#fff;
}
header .sj_nav .nav_t li a{
    color:#333333;
    font-size:16px;
}
header .sj_nav .nav_t li:hover .shownav{
    visibility:visible;
}
header .sj_nav .nav_t li:hover{
    background: #007EFE;
    border-radius: 10px;
}
header .sj_nav .nav_t li:hover a{
    color:#fff;
}
header .sj_nav .nav_t li .shownav{
    padding-top: 7px;
    background: url(../images/jian.png) no-repeat center top;
    position: relative;
    visibility: hidden;
}
header .sj_nav .nav_t li .shownav .sed{
    margin: 0;
    border-bottom: 1px solid #ccc;
    background: #007EFE;
    color: #fff;
    padding: 8px 10px;
    line-height: 24px;
    text-align: center;
    position: relative;
    display: block;
    z-index: 10;
}
header .sj_nav .nav_t li .shownav .sed:hover{
    background: #034797;
}
.sj_banner{
    width: 100%;
    height: auto;
    position: relative;
}
.banner1b .img_banner{
    width: 100%;
    height: 485px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.banner1b .img_banner img{
    height: 100%;
}
.banner1b .swiper-button-prev{
    width:50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/zuo.png)center no-repeat;
    background-size:cover;
    left:170px;
}
.banner1b .swiper-button-prev:hover{
    background: url(../images/zuo1.png)center no-repeat;
}
.banner1b .swiper-button-next{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/you.png)center no-repeat;
    background-size:cover;
    right:170px;
}
.banner1b .swiper-button-next:hover{
    background: url(../images/you1.png)center no-repeat;
}
.swiper-pagination-bullet-active{
    background: #DD3B30;
}
.swiper-pagination-bullet {
    margin: 5px;
    width: 10px;
    height: 10px;
}
.remen{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.remen .remen_lt{
    height: auto;
}
.remen .remen_lt p{
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.remen .remen_lt p a{
    color:#333;
}
.remen .remen_lt p a:hover{
    color: red;
}
.remen .remen_lt p span{
    font-size: 16px;
    padding-right: 30px;
}
.remen .remen_lt p i{
    padding: 0 10px 0 10px;
    color:#333;
}
.remen .remen_rt{
    width: 266px;
    height: 28px;
}
.remen .remen_rt form{
    width: 100%;
    height: 100%;
    display: flex;
}
.remen .remen_rt input{
    outline:medium;
    border: none;
    background: #F5F6F7;
    height: 100%;
    width: 238px;
    text-indent: 1em;
    font-size: 12px;
}
.remen .remen_rt form a{
    width: 28px;
    height: 28px;
    background: #DD3B30;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 产品中心 */
.cpzx{
    width: 100%;
    overflow:hidden;
    height: auto;
    background: url(/images/index/beijing.jpg) no-repeat center;
}
.gongchen{
    width: 280px;
    height: 77px;
    margin: 0 auto;
    padding-top: 80px;
}
.gongchen h2{
    width: 100%;
    text-align: center;
    font-size: 42px;
    padding-bottom: 14px;
}
.gongchen p{
    text-align: center;
    font-size: 20px;
    color:#007efe;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.cpzx .cpzx_top{
    width:800px;
    height: 48px;
    margin: 0 auto;
    margin-top:55px;
    box-sizing: border-box;
    line-height: 30px;
    position:relative;
}
.cpzx .cpzx_top .table{
    display: flex;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 48px;
    margin-right:90px;
}
/*滚动条样式*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.cpzx .cpzx_top .table::-webkit-scrollbar
{
    width: 16px;
    height: 8px;
    background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.cpzx .cpzx_top .table::-webkit-scrollbar-track
{
    border-radius: 10px;
}
 
/*定义滑块 内阴影+圆角*/
.cpzx .cpzx_top .table::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0C95DD;
}
.cpzx .cpzx_top .table li{
    margin-right:20px;
    text-align: center;
    height: 30px;
}
.cpzx .cpzx_top .table li a{
    font-size: 16px;
    color:#333;
}
.cpzx .cpzx_top i{
    display: inline-block;
    position: absolute;
    right:0px;
    font-style: normal;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-transform:uppercase;
    top:5px;
}
.cpzx .cpzx_top .table i a{
    color:#666;
}
.cpzx .cpzx_top .table i a:hover{
    color:#007efe;
}
.cpzx .cpzx_top .table .calse{
    border-bottom: 2px solid #007efe;
}
.cpzx .cpzx_bottom .skr.skt{
    display: block;
}
.cpzx .cpzx_bottom{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
}
.cpzx .cpzx_bottom .skr{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: none;
}
.cpzx .cpzx_bottom .skr ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.cpzx .cpzx_bottom .skr ul li{
    width: 380px;
    height: 275px;
    margin-right:20px;
    margin-bottom: 30px ;
}
.cpzx .cpzx_bottom .skr ul li:last-child{
    margin-right:0px;
}
.cpzx .cpzx_bottom .skr ul li a{
    display: flex;
    height: 275px;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.cpzx .cpzx_bottom .skr ul li a span{
    display: flex;
    width: 100%;
    height: 228px;
    overflow: hidden;
}
.cpzx .cpzx_bottom .skr ul li a span img{
    max-width: 100%;
    min-width: 100%;
    transition: all 0.8s;
}
.cpzx .cpzx_bottom .skr ul li a span img:hover{
    transform: scale(1.2);
}
.cpzx .cpzx_bottom .skr ul li a p{
    width: 100%;
    height:47px;
    background: rgba(0,0,0,0.1);
    font-size:16px;
    color:#000;
    text-align: center;
    line-height: 47px;
}

/* 关于我们 */
.gywm{
    width: 100%;
    height:677px;
    background: url(/images/index/xiabeijing.jpg) no-repeat;
    background-size:cover;
}
.gywm .tu_1{
    width: 1200px;
    height: 400px;
    margin:0 auto;
    margin-top: 60px;
    border-radius:10px;
    display: flex;
    overflow: hidden;
}
.gywm .tu_1 .tupian{
    width:674px;
    height:400px;
    overflow: hidden;
}
.gywm .tu_1 .tupian img{
    transition: all 0.8s;
}
.gywm .tu_1 .tupian img:hover{
    transform: scale(1.2);
}
.gywm .tu_1 .wenzi{
    width: 474px;
    height: 400px;
    background: #fff;
    padding-left: 50px;
}
.gywm .tu_1 .wenzi h1{
    font-size: 32px;
    padding-top: 30px;
    padding-bottom: 28px;
}
.gywm .tu_1 .wenzi span{
    width: 30px;
    display: flex;
    height: 4px;
    background:#007EFE;
}
.gywm .tu_1 .wenzi p{
    width: 425px;
    height: auto;
    padding-top: 72px;
    font-size: 16px;
    line-height: 30px;
}
.chakan{
    width: 240px;
    height:50px;
    border-radius: 10px;
    border:1px solid #007EFE;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:50px;
}
.chakan a{
    color:#007EFE;
    font-size: 20px;
}
.chakan:hover{
    background: #007EFE;
}
.chakan:hover a{
    color:#fff;
}
/* 新闻中心 */
.xwzx{
    width: 100%;
    background: #F5F6F7;
    overflow:hidden;
}
.xwzx .huan{
    width:1200px;
    margin: 0 auto;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.xwzx .huan .yuandan{
    width: 555px;
    height: 130px;
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
.xwzx .huan .yuandan .yuan{
    width: 200px;
    height: 128px;
    overflow: hidden;
    display: flex;
}
.xwzx .huan .yuandan .yuan img{
    transition: all 0.8s;
    height:100%;
}
.xwzx .huan .yuandan .yuan img:hover{
    transform: scale(1.2);
}
.xwzx .huan .yuandan .ying{
    width: 340px;
    height: 130px;
    padding-left: 10px;
}
.xwzx .huan .yuandan .ying h2{
    padding-top: 10px;
    font-size: 16px;
    color:#000;
}
.xwzx .huan .yuandan .ying p{
    padding-top: 22px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color:#333;
}
.xwzx .huan .yuandan .ying .shijian{
    width:100px;
    height: auto;
    float: right;
    padding-top: 15px;
    color:#333;
}
/* 企业中心 */
.qiye{
    width: 100%;
    height: auto;
}
.qiye .zhongxin{
    width: 1200px;
    height: 490px;
    border:1px solid #ccc;
    border-radius:10px;
    margin: 0 auto;
    margin-top:60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
}
.qiye .zhongxin .ditu{
    width: 735px;
    height: 460px;
}
.qiye .zhongxin .dizhi{
    width: 415px;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qiye .zhongxin .dizhi h1{
    font-size: 24px;
    margin-top: 10px;
}
.qiye .zhongxin .dizhi .chuang{
    padding-top: 15px;
    display: flex;
    flex-direction: column;
}
.qiye .zhongxin .dizhi .chuang p{
    font-size: 14px;
    padding-top: 20px;
}
.qiye .zhongxin .dizhi .chuang p span{
    color:#666;
}
.qiye .zhongxin .dizhi .chuang p a{
    color:#333;
}
.qiye .zhongxin .dizhi .erwei{
    width: 80px;
    padding-top: 15px;
}
.qiye .zhongxin .dizhi i{
    font-size: 16px;
    color:#666;
    font-style:normal;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* 底部 */
footer{
    width: 100%;
    height: 164px;
    background: #007EFE;
}
footer .foot{
    width: 1200px;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size:16px;
}
footer .foot p{
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
}
footer .foot span{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
}
/*悬浮*/

.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }
.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#3b76df; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(/images/index/online_lx.png) no-repeat #007EFE; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#007EFE; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
	/* 返回顶部 */
.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }
.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }

/*在线客服*/
.online-qq{width:135px;z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.qq_content .dt{font-size:14px;font-weight:bold;color:#fff;cursor:pointer;padding:10px 20px;text-align:left}
.qq_content dd{padding:12px;font-size:12px}
.qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;}
.qq_content dd a:hover{color:#fff;text-decoration:none}
.qq_content dd img{margin:0 3px -3px 0}
.qq_content .tel{background:#eee;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .qr{background:#fff}
.qq_content .qr img{margin:0}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{padding:0 0 0 18px}
.online-qq{}
.qq_content .dt{background:#1a7bb5;}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#062f7e;border-color:#062f7e;}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;}

.footer { background-color:#252c2e;padding: 30px 0 30px; }