@charset "utf-8";
html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';overflow-x: hidden;}
body.font_cn {font-family:'KaiTi' !important;}
body.font_en {font-family:'Arial'}
a{color:#333;text-decoration:none;}
a:hover{color:#e9280c;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width: 1200px;}
#back_top {
    position: fixed;
    right: 3%;
    top: 50%;
    width: 43px;
    z-index: 99;
    display: none;
}

#back_top a {
    display: block;
    width: 100%;
    font-size: 0;
}

#back_top img {
    width: 100%;
}
.margin_top{
    position: relative;
    top: -80px;
}
@media(min-width:1000px){.tem_inner{padding:0;width: 1200px;}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width: 1200px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width: 1200px;}
}
::-webkit-scrollbar{/*滚动条整体样式*/width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
header{position: fixed;width: 100%;z-index: 99;background: #fff;box-shadow: 0px 2px 3px #bbbbbb;top: 0;}
header section{border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_top{position:relative;z-index:100;height:35px;color:#53555a;font-size:12px;line-height:35px;}
.tem_top h2{font-weight:normal;}
.tem_top a{color:#53555a;}
.tem_top a:hover{color:#e9280c;}
.tem_top_nav{position:absolute;top:0;right:0;}
.tem_top_nav ol{float:right;margin:0;padding:0;}
.tem_top_nav ol li{float:left;list-style:none;}
.tem_top_nav ol li.line{width:30px;color:#eee;text-align:center;}
.tem_top_nav dl{position:relative;float:right;}
.tem_top_nav dl dt i{margin-left:5px;}
.tem_top_nav dl dd{position:absolute;top:35px;right:0;display:none;padding:10px 18px;border:1px solid #e7e8ed;background:#f7f8fa;white-space:nowrap;}
.tem_top_nav dl dd a{display:block;height:35px;line-height:35px;}
.tem_top_nav div.line{float:right;width:30px;color:#eee;text-align:center;}
.tem_head{position: relative;font-size: 0;}
.tem_head .tem_inner{position:static;height: 100px;line-height: 100px;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}
header h1{float: left;}

@media(max-width: 1600px){
    header h1{float: left;margin: 0;}
}
header h1{display:flex;align-items: center;width:35%;justify-content: flex-end; height: 80px;}
header h1 a {
    display: block;
    font-size: 0;
}

header h1 a img {
  
}
header h1  p {
  font-size:18px;
  margin-left:80px
}
.web_head_right{
    float: right;
    font-size: 0;
    width: 65%;

}

.web_nav {
    display: inline-block;
    height: 80px;
    vertical-align: top;
    width: 85%;
    text-align: right;
}

.web_nav ul {
 display:flex;
 width: 100%;
 justify-content: flex-start;
 padding-left:100px
}

.web_nav ul li {
 width:12%;
    text-align: center;
    /* margin: 0 5px; */
}

.web_nav ul li a {
    display: block;
    line-height: 80px;
    font-size: 15px;
    color: #000;
    padding: 0 10px;
    transition: .5s;
}

.web_nav ul li dl {
    width: 100%;
    position: absolute;
    left: 0;
    background: #0079b8;
    display: none;
}

.web_nav ul li dl dd {
    display: block;
    padding: 15px 0;
}

.web_nav ul li dl dd a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 0 15px;
}

.web_nav ul li a:hover,.web_nav ul li a.navdown {
    transition: .5s;
    color: #b9b9b9;
}
.web_lang{
    display:inline-block;
    height: 80px;
    background: #40a62a;
    vertical-align: top;
    width: 15%;
       text-align:center
}

.web_lang dl {
    /* padding: 0 20px; */
    width: 100%;
}

.web_lang dl dd {
    display: inline-block;
    vertical-align: top;
    /* margin: 0 5px; */
    width: 33.33%;
    text-align: center;
}

.web_lang dl dd.dd1 {
    /* padding-right: 18px; */
    background: url(../images/lang_fg.png) no-repeat right center;
}

.web_lang dl dd a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 80px;
}
.tem_head nav{float: right;height: inherit;line-height: inherit;}
.tem_head nav ul{margin:0;padding:0;list-style:none;height: inherit;line-height: inherit;}
.tem_head nav ul li{position:relative;margin-left:8px;display: inline-block;vertical-align: top;}
.tem_head nav a{display: inline-block;margin: 0 auto;font-size: 14px;line-height: 80px;height: 80px;position: relative;}
.tem_head nav a:hover{color:#e9280c;}
.tem_head nav a.navdown{border-radius:2px;}
.tem_head nav a.navdown:hover{color:#fff;}
.tem_head nav ul li dl{position:absolute;top: 100%;left:0;z-index:99;display:none;width: 100%;background:#f3f4f5;line-height: 0;font-size: 0;}

.tem_head nav ul li:hover dl {
    z-index: 100;
}
.tem_head nav ul li dl dd{position: relative;line-height: 1;display: inline-block;padding: 15px 0 10px;}
.tem_head nav ul li dl dd a{padding:0;text-align:center;line-height:1.5;display: inline-block;line-height: 30px;height: 30px;padding: 5px 25px;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;font-size: 14px;}

.tem_head nav ul li dl dd a:hover {
    background: #fff;
    color: #000;
}
.tem_head nav ul li dl dt{float:right;overflow:hidden;padding:20px 20px 20px 0;width:380px;height:200px;font-size:0;}
.tem_head nav ul li dl dt img{width:380px;height:200px;}
.tem_head nav ul li dl dd i{position:absolute;top:-14px;left:50px;z-index:100;width:100%;color:#f3f4f5;font-size:22px;}
.tem_head nav ul li dl.tem_pronoaw{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px;}
.tem_head nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal;}
.tem_head nav ul li dl.tem_pronoaw dd div p a{margin:0;}
.tem_banner{position:relative;overflow:hidden;text-align:center;font-size:0;padding-top: 80px;max-height: 671px;}

.tem_banner.mob {
    display: none;
}

.tem_banner.page7.indise {
    display: none;
}
.tem_banner{position:relative;z-index:1}
.tem_banner .swiper-slide {background:#000;min-height:2.5rem;text-align:center;overflow:hidden;font-size:0}
/*banner--类型2*/
.tem_banner2 .swiper-slide a.img{display:block;position:relative;overflow:hidden;}
/*banner--类型3*/
.tem_banner3 .swiper-slide img {transition:1s linear 2s;transform:scale(1.1,1.1);}
.tem_banner3 .swiper-slide-active img,.tem_banner3 .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
/*banner--类型4*/
.tem_banner4 .swiper-slide  img {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.tem_banner4 .swiper-slide-active img,.tem_banner4 .swiper-slide-duplicate-active img{-webkit-transform: scale(1);transform: scale(1);}	

.tem_banner .swiper-slide{
	overflow:hidden;
}
.tem_banner .swiper-slide .img .txt {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tem_banner .swiper-slide .img .txt_pd {
    display:table-cell;
    vertical-align:middle;
    font-size:18px;
    color:#fff;
    padding-bottom: 70px;
}



.tem_banner .swiper-slide .img .txt_pd p {
    font-size: 48px;
    letter-spacing: 4px;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    text-shadow: 1px 1px 2px #525252;
}

.tem_banner .swiper-slide .img .txt_pd p.en {
    font-size: 15px;
    font-family: 'arial';
    text-transform: capitalize;
}
.tem_banner .swiper-slide.swiper-slide-active .img .txt_pd img {animation-name: bounceInLeft;animation-delay:1s;
-webkit-animation-delay:1s;}
.tem_banner .swiper-slide.swiper-slide-active .img .txt_pd p {animation-name: bounceInLeft;animation-delay:1s;
-webkit-animation-delay:1s;}
.tem_banner a{color:#fff;}
.tem_banner .skitter.with-dots{width:100%;max-width: 100%;margin-bottom: 0;}

.tem_banner .skitter .info_slide_dots {
    bottom: 8px;
}

.tem_banner .skitter .info_slide_dots .image_number {
    margin: 0 10px 0 0;
}
.tem_banner ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a.flex-active{background:#fff;}
.tem_banner .flash img{width:100%!important;height: 100%;}
.tem_index_title{
   
    text-align:center;
    display: block;

    padding: 146px 0 65px;
    position:relative
}
.tem_index_title:after{content:"";position:absolute;background:url(../images/LOGO.png) no-repeat;width:60px;height:60px;left:50%;transform:translateX(-50%);top:30%;background-size:100%}

.index_title_logo {
    width: 150px;
    display: block;
    margin:  0 auto;
    font-size: 0;
}

.index_title_logo img {
    width: 100%;
}

.tem_index_title h2 {
    font-size: 24px;
    color: #333;
    display: block;
    margin: 10px 0 15px;
}

.tem_index_title p {
    font-size: 16px;
    color: #333;
}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}

.tem_index_about{width: 100%;margin-top: 75px;min-height: 481px;background: #f5f5f5 url(../images/about_bj.jpg) no-repeat fixed;padding-bottom: 75px;}

.about_title {
    line-height: 110px;
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

.about_list {
    width: 100%;
}

.about_left {
    float: left;
    width: 50%;
    font-size: 0;
    position: relative;
    height: 435px;
    overflow: hidden;
}

.about_left .flex-control-nav {
    bottom: 24px;
}

.about_left .flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 0.9);
    cursor: default;
}
.about_left .flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.9);
}
.about_left .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: rgba(244, 244, 244, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.about_right {
    float: right;
    width: 50%;
    background: #36a3d8;
    height: 435px;
}

.about_right_pd {
    width: 500px;
    margin: 0 auto;
}

.about_txt {
    width: 100%;
    padding-top: 20px;
}

.about_txt h2 {
    font-size: 24px;
    color: #fff;
    line-height: 100px;
}

.about_txt p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    height: 96px;
    overflow: hidden;
}

.about_nav {
    width: 100%;
    padding-top: 22px;
}

.about_nav ul {
    list-style: none;
  
    font-size: 0;
}

.about_nav ul li {
    display: inline-block;
    vertical-align: top;
    width: 131px;
    text-align: center;
    margin-top: 20px;
    margin-right: 45px;
}

.about_nav ul li a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #fff;
    font-size: 14px;
    border-radius: 5px;
    color: #36a3d8;
    transition: .5s;
    
}

.about_nav ul li a:hover {
    background: #000;
    color: #fff;
    transition: .5s;
}

.about_bottom{
    width:100%;
    background: #fff;
}

.about_bottom ul {
    list-style: none;
}

.about_bottom ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.about_bottom ul li a {
    display: block;
    color: #292929;
    font-size: 18px;
    line-height: 80px;
    box-shadow: 1px 1px 2px #b7b7b7;
    position: relative;
    transition: .5s;
}

.about_bottom ul li a:hover {
    transition: .5s;
    color: #36a3d8;
}

.about_bottom ul li a::after {
    content: '';
    position: absolute;
    right: 60px;
    top: 0;
    background: url(../images/about_jt.png) no-repeat left center;
    width: 25px;
    height: 80px;
    transition: .5s;
}

.about_bottom ul li a:hover::after {
    transition: .5s;
    right: 30px;
}
.tem_index_product{
    width:100%;
}

.tem_index_product ul {
    list-style: none;
    white-space: nowrap;
}

.tem_index_product ul li {

}

.tem_index_product ul li a {
    display: block;
    width: 95%;
    font-size: 0;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.tem_index_product ul li a .bj {
    position: absolute;
    width: 100%;
    z-index: 3;
}

.tem_index_product ul li a .bj img {
    width: 100%;
    /* height: 321px; */
}

.tem_index_product ul li a:hover .product_txt {
    transition: .5s;
    bottom: 60px;
}

.tem_index_product ul li a img.img {
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.tem_index_product ul li a:hover img.img {
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.product_txt {
    position: absolute;
    bottom: 45px;
    width: 100%;
    transition: .5s;
}

.product_txt p {
    display: block;
    height: 36px;
}

p.img.img0 {
    background: url(../images/pro_li0.png) no-repeat center;
}
p.img.img1 {
    background: url(../images/pro_li1.png) no-repeat center;
}
p.img.img2 {
    background: url(../images/pro_li2.png) no-repeat center;
}
p.img.img3 {
    background: url(../images/pro_li3.png) no-repeat center;
}
p.img.img4 {
    background: url(../images/pro_li4.png) no-repeat center;
}
p.img.img5 {
    background: url(../images/pro_li0.png) no-repeat center;
}
p.img.img6 {
    background: url(../images/pro_li4.png) no-repeat center;
}
p.img.img7 {
    background: url(../images/pro_li1.png) no-repeat center;
}
p.img.img8 {
    background: url(../images/pro_li2.png) no-repeat center;
}
.product_txt h2 {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin-top: 5px;
      /** 隐藏超出的内容 **/
    word-break: break-all;
     /** 多行 **/
     /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    margin-bottom: .3rem;
    width: 98%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.product_txt_pd {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.product_txt_color {
    padding: 5px 0;
    border-radius: 5px;
}

.product_txt_color.color0 {
    background: #4a88db;
}
.product_txt_color.color1 {
    background: #ec8428;
}
.product_txt_color.color2 {
    background: #00a4ba;
}
.product_txt_color.color3 {
    background: #40a62a;
}
.product_txt_color.color4 {
    background: #2380bc;
}
.product_txt_color.color5 {
    background: #4a88db;
}
.product_txt_color.color6 {
    background: #ec8428;
}
.product_txt_color.color7 {
    background: #4a88db;
}
.product_txt_color.color8 {
    background: #40a62a;
}
.product>div{padding:130px 0 ;font-size:0}
.product>div>div{display:inline-block;vertical-align:top}
.product .product_nav{width:18%}
.product .product_nav h2{padding:25px 0 25px 35px;background:#36a3d8;color:white;font-weight:bold;font-size:30px}
.product .product_nav ul li{list-style:none}
.product .product_nav ul li>a{padding:20px  0 20px 40px ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black;font-size:16px;position:relative;display:block}
.product .product_nav ul li>a:hover{background:#36a3d8;color:white;transition:.3s}
.product .product_nav ul li.active a{background:#36a3d8;color:white;}
.product .right{width:75%;margin-left:80px}
.product .right .title {padding:0 0 36px}
.product .right .title h1{font-size:25px;border-bottom:0.01rem solid #d2d2d2;padding:40px 0 27px}
.product  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product  .lists .items{width:31%;position:relative;margin-bottom:70px}
.product  .lists .items:after{content:"";position:absolute;bottom:0;width:100%;left:0;height:1px;background:#d2d2d2}
.product  .lists .items:before{content:"";position:absolute;bottom:0;width:0;left:0;height:1px;background:#36a3d8;z-index:1;transition:.6s}
.product  .lists .items:hover:before{width:100%;transition:.6s}
.product  .lists .items a{margin-bottom:20px;position:relative;display:block}
.product  .lists .items a .img{position:relative;transition:.3s;overflow:hidden}
.product  .lists .items a .img img{transition:.3s;}
.product  .lists .items a:after{width:100%;height:0;content:"";position:absolute;background:rgba(0,98,204,.3);top:0;left:0;transition:.6s}
.product  .lists .items a:hover:after{height:100%;transition:.6s}
.product  .lists .items a .text{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;text-align:center;opacity:0;width:100%}
.product  .lists .items a .text h1{color:white;font-size:18px;padding:0 0 5px}
.product  .lists .items a .text p{color:#36a3d8;font-size:14px}
.product  .lists .items a:hover .text{top:60%;transition:.6s;opacity:1}
.product  .lists .items a:hover img{transform:scale(1.1)}
.product .met_pager{text-align:center;font-size: 0;padding:20px 0 0}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{
  background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px; display: inline-block;
  min-width: 16px; padding: 5px; line-height: 20px; border-radius: 10px;
  transition: all 0.1s;
  height:20px;width:20px;
  border:0

}
.met_pager .null{display:none}
.met_pager a.page-num-current, .met_pager a:hover{background:#018dff;color:white;transition:.3s}
.met_pager a:hover i{color:white}
.showproduct {padding:33px 0 113px;}
.showproduct>div{display:flex;justify-content: space-between;}
.showproduct .product_nav{width:20%}
.showproduct .product_nav h2{padding:25px 0 25px 35px;background:#36a3d8;color:white;font-weight:bold;font-size:30px}
.showproduct .product_nav ul li{list-style:none}
.showproduct .product_nav ul li>a{padding:20px  0 20px 40px ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black;font-size:16px;position:relative;display:block}
.showproduct .product_nav ul li>a:hover{background:#36a3d8;color:white;transition:.3s}
.showproduct .product_nav ul li.active a{background:#36a3d8;color:white;}
.showproduct .mains{background:#f9f9f9;padding:20px 20px 30px;width:74%;}
.showproduct .mains .item1{margin:0 0 55px;font-size:0;position:relative}
.showproduct .mains .item1>div{display:inline-block;vertical-align:top;}
.showproduct .mains .item1>div.imglist{padding-right:14px;width:60%;}
.showproduct .mains .item1>div.text{width:38%;}
.showproduct .mains .item1>div .infos {border-radius:0.03rem;}
.showproduct .mains .item1>div.imglist .infos {padding:10px 20px 20px;}
.showproduct .mains .item1>div.imglist .swiper-slide{text-align:center;}
.showproduct .mains .item1>div.imglist .maylists{margin:35px 0 0;position:relative;padding:0 35px}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide{border:0.01rem solid #e5e5e5;cursor:pointer;}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div{position:absolute;left:0;top:0;width:22px;text-align:center;font-size:14px;color:#015fc5;background:#e5e5e5;outline:none;height:100%}
.main_middle {display:flex;flex-direction:column;justify-content:center;}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div.slide-button-next{left:auto;right:0}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div:hover {background:#015fc5;color:#FFF}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide-thumb-active{border-color:#015fc5}
.showproduct .mains .item1>div.text .infos {padding:45px 35px 0;position:relative;}
.showproduct .mains .item1>div.text h5{font-size:24px;color:#005ecb;padding:0 0 35px;border-bottom: 1px dotted #cccccc;}
.showproduct .mains .item1>div.text .editor{font-size:18px;color:#525253;line-height:1.8;padding:35px 0}
.showproduct .mains .item1>div.text .btns{margin:20px 0 0}
.showproduct .mains .item1>div.text .btns>a{display:inline-block;padding:0 49px;line-height:47px;font-size:16px;color:#FFF;border-radius:0.05rem;background:#015fc5;margin-right:29px;}
.showproduct .mains .item1>div.text .btns>a:last-child{background:#ff7500}

.showproduct .mains .item2 {background:#FFF;padding:30px 0 100px;margin:0 0 55px;}
.showproduct .mains .item2 h5,.showproduct .mains .item3 h5 {font-size:24px;color:#005ecb;padding:0 50px 25px;border-bottom:0.01rem solid #e5e5e5}
.showproduct .mains .item2 .editor {padding:50px 50px 0;}
.showproduct .mains .item2 .editor table{width:100%;}
.showproduct .mains .item2 .editor table td{border:0.02rem solid #FFF;background:#f0f0f0;font-size:16px;color:#424242;padding:0 30px;line-height:53px;}
.showproduct .mains .item2 .editor table tr:first-child td {background:#015fc5;color:#FFF}

.showproduct .mains .item3 {background:#FFF;padding:30px 0 65px;}
.showproduct .mains .item3 .editor{padding:40px 55px 0;font-size:16px;color:#535353;line-height:1.8}
.tem_index_news{padding: 0px 0 80px;background: #f5f5f5 ;}
.news_list{
    width: 100%;
    margin-top: 20px;
}

.news_list ul {
    list-style: none;
    width: 100%;
}

.news_list ul li {
    width: 25%;
    float: left;
    position: relative;
}

.news_list ul li.two {
    margin-bottom: 35px;
}

.news_list ul li a {
    display: block;
    width: 90%;
    margin:  auto;
    box-shadow: 1px 1px 3px #c3c3c3;
}

.news_list ul li a .img{
    width: 100%;
    overflow: hidden;
    position:relative;
    font-size: 0;
}

.news_list ul li a .img span {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 30px;
    padding: 0 15px;
    background: #48b7d0;
    color: #f5f5f5;
    font-size: 14px;
}

.news_list ul li a .img span.two {
    background: #59b530;
}
.news_list ul li a .img img{
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.news_list ul li a:hover .img img {
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.news_list ul li a .txt{
    background: #fff;
    padding: 15px;
}

.news_list ul li a .txt h2 {
    font-size: 16px;
    color: #909090;
    line-height: 24px;
    transition: .5s;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    margin-bottom: .3rem;
}

.news_list ul li a:hover .txt h2 {
    transition: .5s;
    color: #5a5a5a;
}
.tem_index_job{
    width:100%;
}

section.tem_index_job ul {
    list-style: none;
}

section.tem_index_job ul li {
    height: 350px;
    width: 50%;
    float: left;
    text-align: center;
}

section.tem_index_job ul li a {
    display: inline-block;
    text-align: left;
    color: #fff;
    margin-top: 144px;
    transition: .5s;
    padding: 0 30px;
}

section.tem_index_job ul li a:hover {
    transition: .5s;
    margin-top: 150px;
    color: #f7ff77;
}

section.tem_index_job ul li a h2 {
    font-size: 24px;
    display: block;
    margin-bottom: 6px;
}

section.tem_index_job ul li a p {
    font-size: 16px;
}

.tem_footer{position:relative;padding-top: 60px;background: #0079b8;color: #fff;font-size:12px;}

footer.tem_footer .foot_left {
    float: left;
    padding-top: 15px;
}

footer.tem_footer .foot_left .foot_logo>div {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

footer.tem_footer .foot_left .foot_logo .img {
    font-size: 0;
    margin-right: 40px;
}

.foot_logo {
    width: 100%;
}

.foot_logo .link a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #7f7f7f;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

.foot_logo .link a:hover {
    color: #0079b8;
}
.foot_logo .link a:first-child+a:hover{color:rgba(29,161,242,1.00)}
.foot_logo .link a:first-child+a+a:hover{color:#0a66c2)}


.foot_logo a {
    display: block;
    width: 100%;
    font-size: 0;
}

footer.tem_footer .foot_right {
    float: right;
    font-size: 0;
}

.foot_nav{
    margin-top:40px;
}

.foot_nav ul {
    list-style: none;
}

.foot_nav ul li {
    float: left;
    margin-right: 50px;
}

.foot_nav ul li a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.tem_footer_nav{
    display: block;
    border-top: 1px solid #3b99d1;
    margin-top: 45px;
    padding: 40px 0;
}

.foot_txt {
    float: left;
}

.foot_txt p {
    color: #fff;
    line-height: 22px;
}

.foot_txt p a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #b8d0e4;
    transition: .5s;
}

.foot_txt p a:hover {
    transition: .5s;
    color: #fff;
}

.foot_bq {
    float: right;
    line-height: 24px;
}

.foot_bq>div {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 14px;
}

.foot_bq .beian p{margin:0}
.foot_bq .beian a>* {
    display: inline-block;
    vertical-align: middle;
}


.foot_bq>div>a {
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.foot_bq p {
    display: inline-block;
    vertical-align: top;
    /* margin-left: 15px; */
}

.foot_bq p a {
    color: #fff;
    display: inline-block;
    margin: 0 5px;
}

.met_section{position:relative;padding:40px 0 50px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section article .met_article{margin-left:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #e9280c;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}

.page_inner{
    width:1200px;
    margin:0 auto;
    display: table;
}
.page_nav{
    width:100%;
    margin-top: -73px;
    position: relative;
    z-index: 1;
    background: url(../images/page_nav_bj.png);
}

.page_nav dl {
    text-align: center;
    display: table-cell;
    width: 220px;
}

.page_nav dl a {
    height: 73px;
    line-height: 73px;
    color: #fff;
    display:block;
    transition:.5s;
}

.page_nav dl a.on,.page_nav dl a:hover {
    background: #2b8cb6;
     transition:.5s;
}


.page_web{
    /* padding:60px 0; */
}

.page_about_j {
    padding: 70px 0;
}

.page_about_cul{
    width:100%;
    padding: 80px 0;
    background: #eee;
}

.page_about_cul .top {
    width: 100%;
    position: relative;
}

.page_about_cul .top .p_cul_left {
    width: 500px;
    position: absolute;
    z-index: 1;
    background: #fff;
}

.page_about_cul .top .p_cul_left .pd {
    padding: 40px;
}

.page_about_cul .top .p_cul_img {
    float: right;
    font-size: 0;
}

.page_about_cul .home{
    background: #fff;
    display: block;
    margin: 40px 0;
}

.page_about_cul .home .pd {
    padding: 40px;
}

.page_about_cul .list{
    width:100%;
}

.page_about_cul .list .img {
    font-size: 0;
    float: left;
}

.page_about_cul .list .txt {
    float: left;
    width: 650px;
    display: table;
    height: 216px;
    margin-left: 25px;
}

.page_about_cul .list li.two .img {
    float: right;
}

.page_about_cul .list li.two .txt {
    float: right;
    margin-left: 0;
    margin-right: 25px;
    text-align: right;
}

.page_about_cul .list .pd {
    display: table-cell;
    vertical-align: middle;
}

.page_about_cul .list .txt h2 {
    font-size: 24px;
    color: #272727;
}

.page_about_cul .list .txt p {
    font-size: 16px;
    color: #3c3c3c;
}

.page_about_cul .list ul{
    list-style:none;
}

.page_about_cul .big_img{
    width:100%;
    font-size:0px;
    padding: 70px 0 40px;
}
.page_about_honor{
    padding: 80px 0;
    background: #fefefe;
}

.p_honor_head,.p_show_head {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
    line-height: 75px;
}

.p_honor_head h2,.p_show_head h2{
    font-size: 24px;
    color: #111111;
    font-weight: normal;
    display: block;
    padding-left: 13px;
    position: relative;
}

.p_honor_head h2::after,.p_show_head h2::after{
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    height: 28px;
    width: 2px;
    background: #000;
}

ol.p_honor_tab,ol.p_show_tab{
    position: absolute;
    right: 0;
    top: 0;
    list-style: none;
    font-size: 0;
}

ol.p_honor_tab li,ol.p_show_tab li {
    display: inline-block;
    width: 194px;
    text-align: center;
    vertical-align: top;
}

ol.p_honor_tab li a,ol.p_show_tab li a{
    display: block;
    font-size: 18px;
    color: #fff;
    height: 75px;
    line-height: 75px;
    background: #40a62a;
    cursor: pointer;
}

ol.p_honor_tab li.flex-active a,ol.p_show_tab li.flex-active a {
    background: #2b8cb6;
    position:relative;
}
ol.p_honor_tab li.flex-active a::after,ol.p_show_tab li.flex-active a::after{
    position:absolute;
    content:'';
    width: 100%;
    background: url(../images/honor_sj.png) no-repeat center;
    height: 12px;
    bottom: -12px;
    left: 0;
}
.p_honor_list{
    width: 100%;
}
.p_honor_img {
    width:100%;
    padding-bottom: 40px;
}

.p_honor_img .owl-pagination,.p_show_img .owl-pagination,.p_video_list .owl-pagination,.tech_l3_con .owl-pagination{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.p_honor_img .owl-pagination .owl-page,.p_show_img .owl-pagination .owl-page,.p_video_list .owl-pagination .owl-page,.tech_l3_con .owl-pagination .owl-page{
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 5px;
    background: #e5e5e5;
    margin: 0px 10px;
}

.p_honor_img .owl-pagination .owl-page.active,.p_show_img .owl-pagination .owl-page.active,.p_video_list .owl-pagination .owl-page.active,.tech_l3_con .owl-pagination .owl-page.active {
    background: #2b8cb6;
}
.p_honor_img .item{
    list-style: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px;
}

.p_honor_img .item li {
    width: 250px;
    margin-top: 40px;
}

.p_honor_img .item li a {
    display: block;
    box-shadow: 1px 1px 3px #c1c1c1;
}

.p_honor_img .item li a .img {
    width: 100%;
    overflow: hidden;
}

.p_honor_img .item li a img {
    width: 100%;
}

.p_honor_img .item li a img{
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.p_honor_img .item li a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.p_honor_img .item li a h2{
    font-size: 15px;
    color:#232323;
    line-height: 60px;
    font-weight: normal;
    padding: 0 15px;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    border-top: 1px solid #ddd;
    background: #effdff;
}

.page_about_hist{
    background: url(../images/hist_bj.jpg) no-repeat center;
    width: 100%;
    padding: 80px 0;
}

.p_hist_head {
    width: 100%;
    text-align: left;
    color: #fff;
    margin-bottom:50px;
}

.p_hist_head p {
    text-transform: uppercase;
    font-size: 30px;
}

.p_hist_head h2 {
    font-size: 24px;
    font-weight: normal;
}
.p_hist_list{
    width:100%;
    position:relative;
}

.p_hist_list .item {
    display: block;
    /* width: 80%; */
    /* margin: 0 auto; */
}

.p_hist_list .item a {
    padding: 0 35px;
    display: block;
    position: relative;
}

.p_hist_list .item a::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    left: 2.49px;
    top: 0;
    background: #fff;
}

.p_hist_list .item a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
}

.p_hist_list .item a .time {
    font-size: 20px;
    display: inline-block;
    height: 102px;
    width: 102px;
    background: #fff;
    color: #40a62a;
    text-align: center;
    border-radius: 100%;
    line-height: 102px;
    font-weight: bold;
    margin-bottom: 20px;
}

.p_hist_list .item a .time h2 {
    /* display: block; */
    /* margin-top: 25px; */
}
.p_hist_list .item a p{
    color:#fff;
    display: block;
}
.p_hist_list .owl-buttons{
    position: absolute;
    width: 100%;
    top: 35%;
    left: 0;
}

.p_hist_list .owl-buttons div{
    position: absolute;
    top: 0;
    width: 63px;
    height: 63px;
    font-size: 0;
}

.p_hist_list .owl-buttons .owl-prev {
    /* left: -70px; */
    /* background: url(../owl_left.png) no-repeat; */
}

.p_hist_list .owl-buttons .owl-next{
    right: 0;
    background: url(../images/owl_right.png) no-repeat;
}

.p_about_show{
    padding:60px 0;
}

.p_show_list{
    width:100%
}

.p_show_img {
    width: 100%;
}

.p_show_img .item {
    list-style: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px;
    text-align: left;
}
.p_show_img .item:after{content:""; width: 31%;}
.p_show_img .item li {
    display: block;
    margin-bottom: 30px;
    width: 31%;
}

.p_show_img .item li a {
    display: block;
    width: 100%;
    position: relative;
}

.p_show_img .item li a .img {
    width: 100%;
    overflow: hidden;
}

.p_show_img .item li a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.p_show_img .item li a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.p_show_img .item li a h2{
    display: block;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/black_bj.png);
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.p_show_img .item li a h2 span {
    display: block;
    padding: 0 20px;
    word-break: break-all;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.p_about_video{
    width:100%;
}

.p_video_head {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.p_video_head h2 {
    font-size: 24px;
    color: #111111;
    font-weight: normal;
    display: block;
    padding-left: 13px;
    position: relative;
}

.p_video_head h2::after{
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    height: 28px;
    width: 2px;
    background: #000;
}

.p_video_list{
    width:100%;
}

.p_video_list .item {
    display: block;
    width: 100%;
    list-style: none;
    font-size: 0;
    white-space: nowrap;
}

.p_video_list .item li {
    margin-bottom: 50px;
    margin-right: 25px;
}

.p_video_list .item li.one {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.p_video_list .item li.ones {
    display: inline-block;
    vertical-align: top;
    width: 383px;
}

.p_video_list .item li a img {
    width: 100%;
}

.p_video_list .item li a h2 {
    line-height: 65px;
    color: #000;
    font-size: 20px;
    display: block;
    padding: 0 20px;
    font-weight: normal;
}

.p_video_list .item li a {
    display: block;
    width: 100%;
    font-size: 0;
    box-shadow: 1px 1px 3px #b7b7b7;
}

.p_about_scatter{
    width:100%;
    background: url(../images/scatter_bj.jpg) no-repeat fixed center;
    height: 750px;
}

.p_scatter_head {
    width: 100%;
    color: #fff;
    padding-top: 80px;
}

.p_scatter_head h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #0079b8;
}

.p_scatter_head p {
    font-size: 24px;
    color: #0079b8;
}

.p_scatter_content {
    display: block;
    margin-top: 25px;
}

.p_scatter_content p {
    text-shadow: 0px 0px 7px #0079b8;
    color: #000;
    line-height: 36px;
    font-weight: bold;
    font-size: 16px;
}

.p_about_video{
    padding: 80px 0;
}

.p_about_video .title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 45px;
}

.p_about_video .list {
    width: 100%;
}

.p_about_video .list .navigation {
    position: relative;
    font-size: 0;
    text-align: center;
    margin-top: 45px;
}

.p_about_video .list .navigation>div {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    background: #0079b8;
    color: #fff;
    margin: 0 5px;
    outline: none;
    cursor: pointer;
}

.page_guideproduct{
    width:100%;
    padding:0 0 70px;
}

.page_guideproduct ul {
    list-style: none;
}

.page_guideproduct ul li.frist {
    margin-top: 70px;
}

.page_guideproduct ul li.fristou .img {
    float: right;
}

.page_guideproduct ul li .img {
    float: left;
    width: 50%;
    font-size: 0;
}

.page_guideproduct ul li .img img {
    width: 100%;
}

.page_guideproduct ul li .txt {
    float: left;
    width: 50%;
}

.page_guideproduct ul li .txt_pd {
    padding: 0 40px;
}

.page_guideproduct ul li .txt .head{
    width: 100%;
}

.page_guideproduct ul li .txt .head h2 {
    font-size: 26px;
    color: #242424;
    font-weight: normal;
    display: block;
    padding: 15px 0 12px;
}

.page_guideproduct ul li .txt .head p {
    font-size: 16px;
    color: #242424;
    display: block;
    margin-bottom: 40px;
}

.page_guideproduct ul li .txt .con {
    width: 100%;
    font-size: 0;
}

.page_guideproduct ul li .txt .con ol {
    list-style: none;
    font-size: 0;
}

.page_guideproduct ul li .txt .con ol li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 23px;
}

.page_guideproduct ul li .txt .con li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.page_guideproduct ul li .txt .con li a {
    font-size: 14px;
    color: #242424;
    line-height: 48px;
    border-bottom: 1px solid #2b8cb6;
    display: block;
    transition:.5s;
    text-transform: capitalize;
}
.page_guideproduct ul li .txt .con li a:hover{
    transition:.5s;
    color:#2b8cb6;
}
.page_guideproduct ul li .txt .more{
    width:100%;
    display: block;
    margin-top: 15px;
}

.page_guideproduct ul li .txt .more a {
    font-size: 16px;
    color: #646464;
    display: block;
    background: url(../images/about_jt.png) no-repeat right center;
    transition: .5s;
    /* text-align: right; */
    padding-right: 38px;
}

.page_guideproduct ul li .txt .more a:hover {
    transition: .5s;
    color: #0089a2;
}

.page_product{
    width:100%;
    padding: 70px 0;
}

.page_product ul {
    list-style: none;
    font-size: 0;
    white-space: nowrap;
}

.page_product ul li {
    width: 387px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 18px;
    margin-bottom: 40px;
}

.page_product ul li a {
    display: block;
    width: 100%;
    box-shadow: 1px 1px 3px #bdbdbd;
}

.page_product ul li a img {
    width: 100%;
}

.page_product ul li a .img {
    overflow: hidden;
    width: 100%;
    font-size: 0;
}

.page_product ul li a h2 {
    line-height: 60px;
    color: #2b8cb6;
    font-size: 18px;
    display: block;
    padding: 0 10px;
}


.page_news{
    padding:70px 0;
}

.page_news ul {
    list-style: none;
    font-size: 0;
    white-space: nowrap;
}

.page_news ul li {
    white-space: normal;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 378px;
    margin-right: 34px;
    margin-bottom: 55px;
}

.page_news ul li a {
    display: block;
    width: 100%;
}

.page_news ul li a .img {
    width: 100%;
    overflow: hidden;
    font-size: 0;
    box-shadow: 1px 1px 1px #7d7d7d;
}

.page_news ul li a .img img {
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.page_news ul li a:hover .img img {
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.page_news ul li a .txt {
    background: #fff;
    margin: -59px 25px 0;
    transition: .5s;
    position: relative;
    top: 0;
}

.page_news ul li a .txt .txt_pd {
    padding: 15px;
    box-shadow: 1px 1px 3px #7f7f7f;
}

.page_news ul li a:hover .txt {
    transition: .5s;
    top: -20px;
}

.page_news ul li a .txt .txt_pd h2 {
    font-size: 18px;
    color: #2c2c2c;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    font-weight: normal;
    transition: .5s;
}

.page_news ul li a .txt .txt_pd p {
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    color: #6b6b6b;
    height: 44px;
    margin: 10px 0;
}

.page_news ul li a .txt .txt_pd span {
    text-align: center;
    color: #2c2c2c;
    display: block;
    transition: .5s;
}

.page_news ul li a:hover .txt .txt_pd span,.page_news ul li a:hover .txt .txt_pd h2 {
    color: #006782;
    transition: .5s;
}

.show_news {padding: 70px 0 90px;}
.show_news h2 {font-size:36px;color:#333;text-align:center;}
.show_news .met_infos {padding:15px 0 35px;font-size:14px;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 10px;}
.show_news .met_infos span a {font-size:14px;color:#585858}
.show_news .editor {font-size:16px;color:#333;line-height:1.8}
.show_news .met_page {padding:45px 0 0;margin:45px 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page ul{list-style:none}
.show_news .met_page li {margin:10px 0;font-size:14px;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:14px;color:#333}

.page_tech{
    width: 100%;
    padding-bottom: 70px;
}

.tech_l2 {
    padding: 50px 50px 70px;
    margin: 60px 0;
    box-shadow: 1px 1px 3px #797979;
}

.tech_title {
    width: 100%;
    text-align: center;
    margin: 40px 0 60px;
}

.tech_title h2 {
    font-size: 30px;
    color: #212121;
    display: inline-block;
    padding-left: 60px;
}
.tech_title h2.t1{
    background: url(../images/tech_t1.png) no-repeat left center;
}
.tech_title h2.t2{
    background: url(../images/tech_t2.png) no-repeat left center;
}
.tech_title h2.t3{
    background: url(../images/tech_t3.png) no-repeat left center;
}
.tech_l3{
    width:100%;
    background: #edf3f3;
    padding: 30px 0  60px;
}

.tech_l3_con {
    width: 100%;
    padding-bottom: 50px;
}

.page_job{
    width:100%;
    padding-top:50px;
}

.p_job1 {
    width: 100%;
    margin-bottom: 80px;
}

.p_job1 .img {
    width: 100%;
    font-size: 0;
}

.p_job1 .img img {
    width: 100%;
}

.p_job1 .txt {
    position: relative;
    padding: 0 80px;
    margin-top: -196px;
}

.p_job1 .txt_pd {
    background: #fff;
    box-shadow: 1px 1px 3px #ddd;
    padding: 40px;
}

.p_job1 .txt_pd_con {
    display: table;
}

.p_job1 .txt_pd_con .tb {
    font-size: 0;
}

.p_job1 .txt_pd_con .tr {
    display: table-cell;
    vertical-align: middle;
}

.p_job1 .txt_pd_con .title {
    padding: 0 80px 0 50px;
    color: #2b8cb6;
}

.p_job1 .txt_pd_con .title h2 {
    font-size: 30px;
    white-space: nowrap;
}

.langen .p_job1 .txt_pd_con .title h2 {
    white-space: nowrap;
}

.langen .p_job1 .txt_pd_con .title p {
    font-size: 20px;
    white-space: nowrap;
}

.p_job1 .txt_pd_con .title p {
    font-size: 20px;
}

.p_job1 .txt_pd_con .con.tr {padding-left: 50px;line-height: 50px;}

.langit .p_job1 .txt_pd_con .con.tr {
    padding: 0;
}

.langen .p_job1 .txt_pd_con .con.tr {
    padding-left: 0;
}

.p_job1 .txt_pd_con .con.tr p {
    line-height: 2!important;
}

.p_job2{
    background: url(../images/jobs_bj.jpg) no-repeat;
    padding: 50px 0 70px;
    margin-top: 80px;
    background-size: cover;
}

.p_job2 .title {
    color: #fff;
    text-align: center;
}

.p_job2_list {
    padding: 50px;
    background: url(../images/white.png);
    margin-top: 50px;
}

.p_job2_list ul {
    list-style: none;
}

ol.p_job_tab {
    list-style: none;
    width: 100%;
    font-size: 0;
}

ol.p_job_tab li {
    display: inline-block;
    /* width: 205px; */
    line-height: 80px;
    text-align: center;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 20px;
}

ol.p_job_tab li a {
    color: #fff;
    display: block;
    background: #40a62a;
    cursor: pointer;
    font-size: 16px;
    padding: 0 20px;
}

ol.p_job_tab li.flex-active a {
    background: #2b8cb6;
}

.p_job2 .title h2 {
    font-size: 30px;
    font-weight: normal;
}

.p_job2 .title p {
    text-transform: uppercase;
    font-size: 24px;
}

.page_contact{
    width:100%;
    background: url(../images/contact_bj.jpg) no-repeat center;
    padding-bottom: 40px;
    margin-top: 80px;
}

.p_contact_head {
    padding: 50px 0;
    color: #fff;
    text-align: center;
}

.p_contact_head h2 {
    font-size: 30px;
}

.p_contact_head p {
    font-size: 30px;
}

.p_contact_list{
    width:100%
}

.p_contact_list ul {
    list-style: none;
}

.p_contact_list ul li {
    float: left;
    width: 49%;
    margin-bottom: 80px;
    min-height: 252px;
}

.p_contact_list ul li a {
    width: 554px;
    display: block;
}

.p_contact_list ul li a .p_tact_pd {
    display: block;
    font-size: 0;
}

.p_contact_list ul li a .p_tact_pd .title {
    vertical-align: top;
    display: inline-block;
    width: 138px;
    height: 114px;
    background: #2b8cb6;
    color: #fff;
    text-align: center;
}

.p_contact_list ul li a .p_tact_pd .title dl {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.p_contact_list ul li a .p_tact_pd .title dl dd {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}

.p_contact_list ul li a .p_tact_pd .con{
    display:inline-block;
    width: 416px;
    background: #fff;
}

.p_contact_list ul li a .p_tact_pd .con_pd {
    padding: 20px;
}

.con.tr {}
/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0;max-width: 100%;}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}

.met_module1{padding:30px 10px}
.shownews h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.shownews .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.shownews .met_time{padding-right:6px}
.shownews .met_source{padding-right:6px}
.shownews .met_source a{color:#607fa6}
.shownews .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;/* position:absolute; */right:5px;top:0;color:#818181;}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;width:100%}
#showproduct dl.pshow dd .met_box{padding:0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd;color: #2b8cb6;}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding: 8px 5px;border-bottom:1px solid #ddd;position:relative;}
#showproduct dl.pshow dd .met_box ul li span{/* position:absolute; *//* left:0; */display: inline-block;padding:8px 5px;padding: 0px 5px;word-wrap:break-word;}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;/* background:#f7f8fa; */color:#666;}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px;color: #fff;}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background: #2b8cb6;}
#showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showproduct .met_related_list{list-style:none;visibility:hidden}
#showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showproduct .met_related_list li a:hover h2{color:#333}
#showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .met_nav_contbox{padding:0 10px}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(../images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}
#showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .met_slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#joblist{padding:15px}
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#1c57c4}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
#showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showjob .met_editor{padding:0 10px}
#cvlist{padding:15px}
#showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showjob .paralist li:last-child{border-bottom:0}
#showjob .paralist li a{color:#fff}
#showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#showjob .info_cv{margin-top:30px;margin-left:10px}
#showjob .info_cv a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showjob .info_cv a:hover{background:#38c4f0}
#showjob .info_cv a.active{background:#1ba4cf}
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px}
#messagelist .v52fmbx{margin:30px 0 0}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}
.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width:100%;zoom:1;background:#fff}
.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}


/*********************--mobile header*/
.m-header {position:fixed;top:-100%;background:rgba(0,0,0,0.4);z-index:50;transition:all .36s;opacity:0;width:100%;line-height: 80px;height: 80px;overflow:hidden;}
.m-header >.col-xs-6>div {font-size:1.8rem;color:#FFF;display:inline-block}
.m-header >.col-xs-6>div a {color:#FFF}
.m-header >.col-xs-6>div i {font-size:2rem;padding:0 5px;}
.st-menu-open {overflow:hidden;}
.st-menu .logo {margin:0 0 15px;padding:1em;}
.st-menu {display:none;}
.st-menu li {margin:2px 0}
.st-menu li dl {margin:0 0 15px;padding:0;display:none;}
.st-menu li dd a {text-indent:1.5em;font-size:1.4rem;}
.m-header {background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.m-header >.col-xs-6{float: left;width: 50%;padding: 0;}

.m-header >.col-xs-6 a {
    display: block;
    font-size: 0;
}

.m-header >.col-xs-6 a img {
    margin-top: 15px;
}

.m-header >.col-xs-6.text-right {
    text-align: right;
}
.m-header >.col-xs-6>div {color:#000}
.m-header img {max-height: 55px;}
.st-container .st-menu {background:#FFF}
.st-container .st-menu ul li a {color:#333;position:relative;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#004ea2;box-shadow:0 4px 8px rgba(0,0,0,0.2);color:#FFF;border-radius:3px;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#333;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#004ea2}
/**ipad*/
@media(max-width:990px){
	.st-menu {display:block;}	
	header {display:none;}
    .m-header  {top:0;opacity:1}	
}
/********mobile********/
@media(max-width:767px){
    .product .product_nav{width:100%}
    .product>div{padding:0}
    .product .right{width:100%;margin:0}
    .product .lists .items{width:48%}
    .showproduct>div{display:inherit}
    .showproduct .product_nav{width:100%}
    .showproduct .mains{width:100%;padding:0}
    .showproduct .mains .item1>div.imglist{width:100%}
    .showproduct .mains .item1>div.text{width:100%}
    .showproduct .mains .item3 .editor{padding:20px}
    .tem_banner .swiper-slide .img .txt_pd img{
        width: 290px;
        height: 67px;
    }
    .tem_banner .swiper-slide .img .txt_pd p{
        font-size:30px;
    }
    .tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width: 95%;}
    .tem_index_title{
        width:100%;
    }
    .tem_index_product ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tem_index_product ul li{
     
    }
    .product_txt h2{
        overflow: hidden;  /** 隐藏超出的内容 **/
        word-break: break-all;
        text-overflow: ellipsis; /** 多行 **/
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 1; /** 显示的行数 **/
    }
    .about_left {
        width: 100%;
        height: initial;
        margin-bottom: 20px;
    }

    .tem_index_news{
        padding: 40px 0;
    }

    .about_left a img {
        width: 100%;
    }
    .about_right{
        width: 100%;
    }
    .about_right_pd{
        width:100%;
    }

    .about_right_pd .about_txt {
        padding: 10px;
        width: initial;
    }
    
    .about_nav ul{
        padding:10px;
    }
    .about_nav ul li {
        width: 50%;
        margin: 0;
        float: left;
        margin-bottom: 10px;
    }

    .about_nav ul li a {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .about_bottom ul li a{
        font-size: 13px;
        line-height: 50px;
    }

    .about_bottom ul li a::after {
        display: none;
    }
    .news_list ul li{
        width:100%;
        margin-bottom: 35px;
    }
    section.tem_index_job ul li{
        width: 100%;
    }
    .foot_logo{
        text-align: center;
    }
    .foot_nav{
        display: none;
    }
    footer.tem_footer .foot_right,footer.tem_footer .foot_left{
        width: 100%;
        float:initial;
    }
    footer.tem_footer .foot_right,footer.tem_footer .foot_right{
        width: 100%;
        text-align:center;
        margin-top: 35px;
    }
    .foot_bq{
        float: initial;
        width: 100%;
        text-align: center;
        line-height: 50px;
    }
    .foot_txt {
        display: block;
        float: inherit;
    }
    .foot_txt .list {
        display: block;
        text-align: center;
    }
    .page_inner{
        width: 95%!important;
        margin: 0 auto;
        display: inherit;
    }
    .page_nav{
        display: none;
    }
    .page_about_j .page_inner div{
        width: 100%!important;
    }
    .page_about_j .page_inner div img{
        width: 100%;
        margin-top: 20px;
    }
    .page_about_cul .top .p_cul_left{
        width: 100%;
        position: relative;
        top: 0!important;
    }
    .page_about_cul .top .p_cul_img{
        display: none;
    }
    .page_about_cul .list .img{
        float: inherit;
        width: 100%;
        text-align: center;
    }

    .page_about_cul .list li.two .img {
        float: inherit;
    }
    .page_about_cul .list .txt{
        float: initial;
        width: 100%;
        text-align: left;
        height: initial;
        display: block;
        margin: 20px 0;
    }

    .page_about_cul .list li.two .txt {
        float: initial;
        text-align: left;
        margin: 20px 0;
    }
    .page_about_cul .list .pd{
        display: block;
        vertical-align: initial;
    }
    .page_about_cul .big_img{
        width: 100%;
        padding: 20px 0;
    }
    .page_about_cul .big_img img{
        width:100%;
    }
    .page_about_cul .content,.page_about_cul .content img{
        width:100%;
    }
    .p_honor_head h2{
        width: 100%;
    }
    ol.p_honor_tab, ol.p_show_tab{
        position: relative;
        width:100%;
    }
    ol.p_honor_tab, ol.p_show_tab a{
        font-size: 14px!important;
    }
    ol.p_honor_tab li{
        width: 49%;
    }
    .p_honor_img .item li{
        width: 50%;
        float: left;
    }
    .p_honor_img .item li a{
        width: 95%;
        margin: 0 auto;
    }
    .p_honor_img .item li a h2{
        height:45px;
        line-height: 45px;
    }
    ol.p_show_tab li{
        width: 25%;
    }
    .p_about_show{
        padding: 0;
    }
    .p_video_list .item li {
        width: 100%!important;
        margin-right: 0;
        margin-bottom: 20px;
        display: block!important;
    }
    .p_about_scatter{
        margin: 0;
        height: initial;
        padding-bottom: 40px;
    }
    .p_scatter_content{
        padding: 25px;
        background: #032e65;
    }

.p_scatter_content p {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}
    .page_product ul li{
        width: 100%;
        display: block;
    }
    .tech_l1_con img{
        width: 100%;
    }
    .tech_title{
        margin: 40px 0;
    }
    .tech_l2{
        padding: 30px
    }
    .tech_l2_con .left{
        width: 100%!important;
    }
    .tech_l2_con .right{
        width: 100%!important;
    }
    .tech_l2_con .right img{
        width: 100%!important;
    }
    .p_honor_img .owl-pagination .owl-page, .p_show_img .owl-pagination .owl-page, .p_video_list .owl-pagination .owl-page, .tech_l3_con .owl-pagination .owl-page{
        margin-bottom: 10px;
        width: 10px;
        height: 10px;
    }
    .page_news ul li{
        width: 100%;
        display: block;
    }
    
    .p_job1 .txt{
        width: 95%;
        padding: 0;
        margin: 0 auto;
    }
    .p_job1 .txt_pd{
        padding: 10px;
    }

    .p_job1 .txt_pd_con {
        display: block;
    }
    .p_job1 .img{
        display: none;
    }
    .p_job1 .txt_pd_con .tr{}
    .p_job1 .txt_pd_con .tb{
        display: none;
    }
    .p_job1 .txt_pd_con .title{
        display: block;
        padding: 20px;
    }
    .p_job1 .txt_pd_con .con.tr{
        display: block;
        padding: 20px;
        line-height: 40px;
    }

    .p_job1 .txt_pd_con .con.tr p {
        line-height: 35px!important;
    }
    .p_job2_list{
        padding: 10px;
    }
    ol.p_job_tab li{
        width: 25%;
        margin: 0;
    }

    ol.p_job_tab li a {
        width: 95%;
        margin: 0 auto;
        font-size: 12px;
        border-radius: 4px;
    }
    .p_job1{
        margin: 0;
    }
    .p_contact_list ul li{
        width: 100%;
        margin-bottom: 30px;
    }
    .p_contact_list ul li a{
        width:100%;
    }
    .p_contact_list ul li a .p_tact_pd .title{
        display: block;
    }
    .p_contact_list ul li a .p_tact_pd .con {
        display: block;
        width: 100%;
    }
    #showproduct{
        margin:30px 0;
    }
    #showproduct dl.pshow dt{
        display:block;
        width: 100%!important;
    }
     #showproduct dl.pshow dd{
        display:block;
        margin: 0!important;
    }

#showproduct dl.pshow dd .met_box {
    margin: 0!important;
}

.bdsharebuttonbox {
    display: none;
}

.met_tools .met_page li {
    display: block;
    margin: 0;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    margin-bottom: .3rem;
}
.page_contact{
    background: url(../images/contact_bj.jpg) no-repeat center;
    background-size: cover;
}
.tem_banner.pc{display:none;}
.tem_banner.mob{display:block;}
}