#banners {width:100%;height:auto;min-width:300px; padding:0;margin:0;}
#banners .subpage_ad {height:480px;margin-top:0px;position:relative;overflow:hidden;}
#banners .subpage_ad .bgimg {background:no-repeat center/cover; position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
#banners .subpage_ad .mobitem {display:none;}
#banners .subpage_ad .capitalize {text-transform:capitalize;}
#banners .subpage_ad .text {position:absolute;width:80%;color:#fff;text-align:left;top:60%;left:50%;line-height:1.6;transform:translate(-50%,-50%);z-index:4;}
#banners .subpage_ad .text .ad-tit {font-size:28px;font-weight:normal;line-height:1.6;}
#banners .subpage_ad .text .ad-line {height:2px;width:3%;background:#fff;margin:0.8% 0% 0.8% 0%;}
#banners .subpage_ad .text .ad-sum {font-size:38px;font-weight:bold;line-height:1.6;}
@media only screen and (max-width:1200px) and (min-width:1025px) {
#banners .subpage_ad {height:450px;}
#banners .subpage_ad .text .ad-tit {font-size:30px;}
#banners .subpage_ad .text .ad-sum {font-size:16px;}
}
@media only screen and (max-width:1024px) and (min-width:769px) {
#banners .subpage_ad {height:400px;margin-top:70px;}
#banners .subpage_ad .text .ad-tit {font-size:30px;}
#banners .subpage_ad .text .ad-sum {font-size:16px;}
}
@media only screen and (max-width:768px) {
#banners .subpage_ad {height:30vh;margin-top:60px;}
#banners .subpage_ad .pcitem {display:none !important;}
#banners .subpage_ad .mobitem {display:block;}
#banners .subpage_ad .text {top:49%;}
#banners .subpage_ad .text .ad-tit {font-size:20px;font-weight:normal;}
#banners .subpage_ad .text .ad-sum {font-size:16px;}


#banners .subpage_ad.contact_ad {height:auto;margin-top:60px;}

}



.nynav {
  border-bottom: 1px solid rgba(96, 96, 96, 0.2);
}
.nynav ul {
  display: flex;
}
.nynav ul li:not(:last-child) {
  margin-right: 1.875rem;
}
.nynav ul li a {
  padding: 0 1rem;
  font-size: 1.125rem;
  line-height: 4rem;
  color: #606060;
  position: relative;
  display: block;
}
.nynav ul li a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 3px;
  background: #00428e;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.nynav ul li:hover a,
.nynav ul li.active a {
  color: #00428e;
}
.nynav ul li:hover a::before,
.nynav ul li.active a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}


@media only screen and (max-width:768px) {
  .nynav ul li:not(:last-child){margin-right:0px;}
  .nynav ul li a{font-size:1rem; line-height:3em;}
}



.flex{
	display:flex;
}


.pageabout{
	padding:100px 0px;
}
.aboutconbox{
	width:50%;
}
.aboutimg{
	width:46%;
	overflow: hidden;
	border-radius:12px;
}

.title {
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: #000000;
}
.subtitle {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  color: #00428e;
  margin-bottom: 1rem;
}
.subtitle div {
  display: inline-block;
  position: relative;
  padding-right: 2.25rem;
}
.subtitle div::before {
  content: "";
  position: absolute;
  bottom: 0.125rem;
  right: 0;
  width: 1.5625rem;
  height: 0.125rem;
  border-radius: 0.1875rem;
  background: #00428e;
}
.subtitle.cf div::before {
  background: #fff;
}


.aboutcon{
	margin-top:20px;
    color: rgb(57, 56, 55);
    font-size:16px;
    font-weight: 400;
    line-height: 40px;
    height: 400px;
}
.aboutcon p{text-indent:2em;}

.aboutimg>div{
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:12px;
}
.aboutimg img:hover {
    transform: scale(1.1);
    border-radius:12px;
}

.aboutimg img { 
	max-width:100%;
    cursor: pointer;
    transition: all .6s;
    border-radius:12px;
}



.culturelist{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: space-between; margin-top:48px;}
.culturelist li{margin: 0 2.083vw;position: relative;background: #f2f2f2;padding: 3.125vw 1.0416vw;text-align: center;width: 30.33%;}
.culturelist li a{display: block;}
.culturelist li .opvimg{margin-bottom: 30px;}
.culturelist li .opvimg img{max-width: 100%;max-height: 58px;}
.culturelist li h3{font-size: 1.35416vw;color: #333333;font-weight: normal;margin-bottom: 15px;}
.culturelist li .spx{font-size: 16px;color: #999999;line-height: 1.7;}





.culture .cultureitem{width:33.333333333333%; float:left;}
.culture{padding-bottom: 40px;}
.culture .img{max-width: 100% !important; height: 220px;overflow: hidden;}
.culture .img img{width:100%;}
.culture .text{background: #f1f1f1;padding: 20px; height: 220px;text-align: center; display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.culture .text h2{font-size: 30px;color: #1d1d1d;font-weight: normal; margin-bottom: 12px;}
.culture .text p{font-size: 16px;color: #686868;}

.pageaboutbg{
	background:#f8f8f8; 
}


@media only screen and (max-width:768px) {
  .pageabout{padding:40px 0px;}
  .aboutcon{height: auto;}
  .aboutconbox{width:100%; margin-bottom:20px;}
  .aboutimg{width:100%;}
  .title{font-size:24px;}
  .subtitle{font-size:12px;}
  .subtitle div{padding-right:20px;}
  .subtitle div::before{width:16px;}
  .aboutcon{font-size:14px; line-height:32px;}
  .culturelist li{width:100%; margin:12px 0px; padding:20px 0px;}
  .culturelist{flex-wrap: wrap; margin-top:24px;}
  .culturelist li .opvimg{margin-bottom:12px;}
  .culturelist li h3{font-size:20px; margin-bottom:6px;}
  .culturelist li .spx{font-size: 14px;}
}






.pagebox{
	padding:100px 0px;
}

.proinfo{margin-top:24px; font-size: 16px;}


.product-box{display:flex;justify-content: space-between; margin-top:64px;}

 /*===============================================
                Inside pages left
===============================================*/
.inside-pages-left{width: 20%; float: left; border-bottom: 0px solid #eaeaea;margin-right: 2%; margin-bottom: 30px;}
.inside-pages-left .pg-left-title { background: #00428e;padding: 16px 20px; position: relative;}
.inside-pages-left .pg-left-title h3 { font-size: 24px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9; height:30px;}
.inside-pages-left .pg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 78px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}
.inside-pages-left .pg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}
.inside-pages-left .pg-left-title span:before { content: "/"; padding-right: 5px;}

.dgpg-left-nav {
  margin: 0 -1px;
}

.dgpg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.dgpg-left-nav > li:last-child {
  border-bottom: none;
}

.dgpg-left-nav > li > a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.dgpg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.dgpg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.dgpg-left-nav > li:hover > a, .dgpg-left-nav > li.clicked > a {
  color: #00428e;
}

.dgpg-left-nav > li:hover .first-nav-btn, .dgpg-left-nav > li.clicked .first-nav-btn {
  color: #00428e;
}

.dgpg-left-nav .dgpg-left-subnav {
  display: none;
  padding: 0 10px;
}

.dgpg-left-nav .dgpg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.dgpg-left-nav .dgpg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 32px;
  color: #818181;
  font-size: 16px;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dgpg-left-nav .dgpg-left-subnav > li > a:hover {
  color: #00428e;
}

.dgpg-left-nav .dgpg-left-subnav > li.clicked > a {
  color: #00428e;
}

.dgpg-left-nav .dgpg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.dgpg-left-nav .dgpg-left-threenav > li > a:before {
  content: '\2014   ';
}

.dgpg-left-nav .dgpg-left-threenav > li > a:hover {
  color: #00428e;
}

.dgpg-left-nav .dgpg-left-threenav > li.clicked > a {
  color: #00428e;
}
.mobprodetail{display:none}
@media (max-width: 990px) {
  .dgpg-left-nav .dgpg-left-threenav {
    display: block;
  }

}


.prolist{width: 80%;float:unset;}
.prolist .list{ width:100%; display:inline-block;}
.prolist .list .item{ text-align:center; display:block; 
/*width:30%; */
box-shadow: 0px 0px 5px 1px #ccc;
/*width: 31%;*/
width: 23%;
margin-right:2.3%; float:left;
margin-bottom: 2%;
/*margin-top:3%; */
background-size:100%;transition: all 0.5s ease;}
.prolist .list .item:nth-child(4n){margin-right:0;}
/*.prolist .list .item:nth-child(n+5){margin-bottom:0;}*/
.prolist .list .item .img{  width:100%;background: linear-gradient(#e2e5ec, #d5d5dd);}
.prolist .list .item .img img{ display:block; width:100%; }
.prolist .list .item .txtBox{ width:100%; position:relative; height:100%;}
.prolist .list .item .txtBox span{ display:block; font-size:16px; color:#666; line-height:20px; margin-top:10px; height:56px;}
.prolist .list .item .txtBox h3{
    
    /*font-size: 20px;*/
    font-size: 18px;
    /*padding: 0 15px;*/
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#333; line-height:24px; padding-top:20px;padding-bottom: 20px;}
.prolist .list .item .txtBox p{ 
    display: none;
    width:160px; height:40px; background-color:#00428e; font-size:16px; color:#fff; line-height:40px; border-radius:5px; margin: 20px auto;}
.prolist .list .item .txtBox i{ position:absolute; left:0; bottom:5%;}
.prolist .list .item:hover{transform:translateY(-3px); transition:all ease 0.36s;box-shadow: 0px 0px 0px 2px #00428e;}
.prolist .list .item:hover h3{ 
    color:#00428e;
    
}
.prolist .list .item p:hover{ background-color:#a32322;}





.prodetail{display:flex; justify-content: space-between; flex-wrap:wrap;}
.prodetail .proimg{width:42%; border:1px solid #ccc;}
.prodetail .proimg img{/*max-width:100%;*/}
.prodetail .probaseinfo{width:54%;}
.prodetail .probaseinfo h2{
  	font-weight: 400;
    letter-spacing: normal;
  	font-size: 30px;
    margin-top: 4px;
    border-bottom: 2px solid #666;
    padding-bottom:12px;
    margin-bottom:20px;
}
.prodetail .probaseinfo .prodesc{
  padding:12px 20px;
  background: #f2f2f2;
}
.prodetail .probaseinfo .prodesc strong{
  font-size:18px;
  line-height:2;
  padding-bottom:16px;
  color:#000;
}
.prodetail .probaseinfo .prodesc p{
  line-height:32px;
  font-size:14px;
}

.prodetail .probaseinfo .prodesc strong{
    font-size:18px;
    line-height:2;
    padding-bottom:16px;
    color:#000;
}
.prodetail .probaseinfo .prodesc strong a{
    line-height:32px;
    font-size:16px;
    color:#000;
}
.share{
    display: flex; margin-bottom:20px;
    margin-top:24px;
    line-height:42px;
    font-size:16px;
    font-weight: bold;
}

.share .text{
    padding-left:12px;
}


.procontact {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 40px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
    border-radius: 3px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
}

.procontact:visited {
    color: #fff;
}

.procontact:hover {
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
}

.proserver {
    margin-top: 10px;
}

.proserver>p{ position:relative; display:block;padding:4px 0 4px 42px; line-height:38px; font-size:14px}
.proserver>p img{ position:absolute;z-index:1; left:0;top:2px; height:38px; width:auto;}



.prodetail_mune{
  margin-top:24px;
  border-bottom:2px solid #00428e;
  margin-bottom:20px;
  display:flex;
  display:-ms-flexbox;
  display:-webkit-flex;
  justify-content:flex-start;
  -ms-justify-content:flex-start;
  -webkit-justify-content:flex-start;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items:center;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;

}
.prodetail_mune a{
  width:auto;
  padding:0 24px;
  font-size:16px;
  text-align:center;
  height:48px;
  line-height:48px;
  margin-bottom: -1px;
  background:#ccc;
  color:#00428e;
  display:block;
  margin-left: 5px;
  border: 1px solid #ccc;
  border-bottom:1px solid #00428e;
  font-weight:bold;
}
.prodetail_mune a:first-child{
	margin-left: 0px;
}
.prodetail_mune a:hover{
  cursor: pointer;
}
.prodetail_mune a.prodetail_mune_act{
  background:#00428e;
  color:#fff;
  border: 1px solid #00428e;
  border-bottom:3px solid #00428e;
}
.prodetail_con{
  display:none;
   font-size: 14px; 
  line-height: 36px;
}
.prodetail_con p{
  font-size: 14px; 
  line-height: 36px;
}


.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 9999;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00428e;
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}
.bfmob-left-close-btn{display:none}
@media (max-width: 990px) {
    /* 弹出框之后 body 上增加一个禁止滚动的类*/
    body.no-scroll, html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }

    .bfmob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }

    .bfmob-menu-click .xypg-left-news, .bfmob-menu-click .xypg-left-keys, .bfmob-menu-click .xypg-left-contact, .bfmob-menu-click .page-message-img {
        display: none;
    }

    .bfmob-menu-click .bfmob-left-close-btn {
        display: block;
        position: absolute;
        top: 8px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        z-index:9;
    }

    .bfmob-menu-click .bfmob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .bfmob-menu-click .bfmob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }

    .bfmob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }

    .bfmob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }

    .bfmob-menu-click.click {
        left: 0;
    }
}




@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}


@media only screen and (max-width:768px) {
  .pagebox{
    padding:40px 0px;
  }
  .dgpg-left-nav{background:#fff;}
  .dgpg-left-nav > li > a{font-size:14px; line-height:24px; padding:10px 12px;}
  .dgpg-left-nav .dgpg-left-subnav > li > a{ font-size:12px; line-height:20px;}
  .bfmob-menu-click .bfmob-left-close-btn{background: ""}
  .inside-pages-left .pg-left-title{padding:10px 12px; z-index: 8}
  .inside-pages-left .pg-left-title i{font-size: 64px;}

  .product-box{margin-top:32px;}
  .prolist{width:100%;}
  .prolist .list .item{width:49%; margin-right:2%}

  .prolist .list .item:nth-child(2n){margin-right:0px;}

  .prodetail .proimg{width:100%}
  .prodetail .probaseinfo{width:100%;}

  .prodetail .probaseinfo h2{margin-top:12px; font-size:20px;}

  .prodetail .probaseinfo .prodesc{padding:8px 12px;}
  .prodetail .probaseinfo .prodesc strong{font-size:14px}
  .prodetail .probaseinfo .prodesc strong a{font-size:14px}

  .share{margin:12px 0px 0px;}

  .prodetail_con img{max-width:100%}
}



.ny_wrapper {
    background: #f5f5f5;
}

.news_wrapper .pager{margin-top:30px;}
.news_center{padding-top:20px;}
.news_center .newslist li{position:relative;transition:all ease 0.36s;}
.news_center .newslist li .newscont{padding:50px 0;position:relative;display:block;border-bottom:1px solid #cccccc;}
.news_center .newslist li .img{position:relative;float:left;display:block;width:32.143%;height:338px;overflow: hidden;}
.news_center .newslist li img{position:absolute;top:0;left:0;display:block;width:100%;transition:all ease 0.36s;}
.news_center .newslist li .txtbox{float:right;width:60%;padding-top: 40px;}
.news_center .newslist li .txt{position:relative;}
.news_center .newslist li .txt .tit{position:relative;font-size:34px;line-height:36px;color:#333;}
.news_center .newslist li .txt .tit:before{content: '';position: absolute;left: -13%;top:20px;width: 0;height: 1px;background:#00428e;z-index:2;transition: .8s;}
.news_center .newslist li .txt .time{padding-top:16px;font-family: syht;font-size:24px;color:#999;}
.news_center .newslist li .txt .desc{padding-top:22px;font-size:16px;line-height:26px;color:#a0a3aa; padding-right:50px;}
.news_center .newslist li .detail{opacity:0;}
.news_center .newslist li:hover img{transform:scale(1.05);transition:all ease 0.36s;}
.news_center .newslist li:hover{box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);transform:translateY(-5px);background:#fff;transition:all ease 0.36s;}
.news_center .newslist li:hover a{border-bottom:none;}
.news_center .newslist li:hover .txt .tit:before{width:90px;transition:all ease 0.36s;}
.news_center .newslist li:hover .txt .tit{color:#00428e;}
.news_center .newslist li .detail{position:relative;margin-top:30px;display:block;width:150px;height:36px;font-size:16px;line-height:36px;text-indent:44px;color:#fff;background:url("../images/icon-arr.png") no-repeat 86px center #00428e;transition:all ease 0.36s;}
.news_center .newslist li .detail span{position:relative;z-index:12;}
.news_center .newslist li .detail:before,.news_center .newslist li .detail:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 36px;background:url("../images/icon-arr.png") 86px center no-repeat #00428e;z-index:2;transition: .5s;}
.news_center .newslist li .detail:before{transition: .3s; background:url("../images/icon-arr.png") 86px center no-repeat #00428e;z-index:-1;}
.news_center .newslist li:hover .detail{text-indent:44px;transition:all ease 0.36s;}
.news_center .newslist li:hover .detail:before,.news_center .newslist li:hover .detail:after{width:150px;}
.news_center .newslist li:hover .detail span{color:#fff;transition:all ease 0.36s;}
/*.news_center .newslist li:first-child .newscont{padding:0;background:#fff;border-bottom:0;}*/
/*.news_center .newslist li:first-child .newscont{ padding-top:0;}*/
.news_center .newslist li:first-child:hover{box-shadow: none;}
.news_center .newslist li:hover .detail{opacity:1;}
.news_center.tuandui .newslist li .img{ height:290px;width: 15.6%;}
.news_center.tuandui .newslist li .txtbox{ width:77%;}
.news_center.tuandui .newslist li .txt .tit:before{ display:none;}


.news_center.xin_xl{ padding-top:70px; padding-bottom:72px}
.news_detail{background:#fff; padding:50px;}
.news_detail .title{padding-bottom:50px;border-bottom:1px solid #999;}
.news_detail .title h1{font-family:"思源黑体 CN";font-size:40px;line-height:60px;text-align:left;
color: #00428e;
font-weight: bold;
/*color:#333;*/
    
}
.news_detail .title .marks{margin-top:30px;}
.news_detail .title .marks span{font-size:16px;color:#333;}
.news_detail .title .marks span em{margin-right:14px;color:#999;}
.news_detail .title .marks span.t1{margin-right:14px;}
.news_detail .title .marks span.t2{margin-right:54px;}
.news_detail .title .marks span.t3{font-family:syht;}
.news_detail .title .marks span.t3 em{font-family:"Microsoft YaHei";}
.news_detail .context{
   font-size: 17px;
    padding-top: 30px;
    line-height: 42px;
    /*font-weight: bold;*/
}
.news_detail .context img{max-width: 100%; margin:0 auto; display:block;}


.reLink{margin-top:100px;height:120px;box-sizing:border-box;background:#878f9f;}
.reLink .prevLink,.reLink .nextLink{position:relative;float:left;width:50%;height:120px;}
.reLink .prevLink .txt{padding:40px 50px;margin-left:50px;height:120px;box-sizing:border-box;background:url("../images/nico-prev.png") no-repeat left center;transition:all ease 0.36s;}
.reLink .prevLink .txt .tit{font-size:20px;line-height:20px;color:#fff;}
.reLink .prevLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;}
.reLink .prevLink .img{position:absolute;right:0;top:20px;width:135px;opacity:0;transition:all ease 0.36s;}
.reLink .prevLink img{display:block;width:135px;object-fit: contain;}
.reLink .nextLink .txt{padding:40px 50px 40px 50px;margin-right:50px;height:120px;box-sizing:border-box;background:url("../images/nico-next.png") no-repeat right center;transition:all ease 0.36s;}
.reLink .nextLink .txt .tit{font-size:20px;line-height:20px;color:#fff;text-align:right;}
.reLink .nextLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;text-align:right;}
.reLink .nextLink .img{position:absolute;left:0;top:20px;width:135px.product_center .prolist li .txtBox;opacity:0;}
.reLink .nextLink img{display:block;width:135px;object-fit: contain;}
.reLink .prevLink:hover{background:#00428e;}
.reLink .prevLink:hover .img{right:20px;transition:all ease 0.36s;opacity:1;}
.reLink .prevLink:hover .txt{padding-left:44px;transition:all ease 0.36s;}
.reLink .nextLink:hover{background:#00428e;}
.reLink .nextLink:hover .img{left:20px;transition:all ease 0.36s;opacity:1;}
.reLink .nextLink:hover .txt{padding-right:44px;transition:all ease 0.36s;}


@media only screen and (max-width:768px) {
    .news_center .newslist li .newscont{padding:24px 12px;}
  .news_center .newslist li .img{width:100%; height:auto}
  .news_center .newslist li img{position: relative;}
  .news_center .newslist li .txtbox{width:100%; padding-top:12px;}
  .news_center .newslist li .txt .desc{display:none}
  .news_center .newslist li .txt .tit{font-size:16px;}
  .news_center .newslist li .txt .time{font-size:14px; padding-top:8px;}

  .news_center .newslist li .detail{display:none}


    .news_center.xin_xl{padding-top: 24px;}
  .news_detail{padding:12px;}
  .news_detail .title h1{font-size:18px; line-height:32px;}
  .news_detail .title .marks{margin-top:0px;}
  .news_detail .title{padding-bottom:16px;}
  .news_detail .context{padding-top: 2px;}
  .news_detail .context{font-size:14px; line-height:28px;}
  .news_detail .title .marks span{font-size:12px}
  .reLink{margin-top:10px;}
  .reLink .prevLink, .reLink .nextLink{width:100%}
  .reLink{height:auto;}
  .reLink .prevLink .txt{padding:12px 12px 12px 16px; margin-left:8px; height:60px;display: flex;    align-items: center;    justify-content: flex-start;}
  .reLink .prevLink .txt .sub{display:none;}
  .reLink .prevLink, .reLink .nextLink{height:60px; float:none; margin-bottom: 8px;}
  .reLink .nextLink .txt .sub{display:none}
  .reLink .nextLink .txt{padding:12px 16px 12px 12px; height:60px; margin-right: 8px;     display: flex;    align-items: center;    justify-content: flex-end;}
  .reLink .nextLink .txt .tit{font-size:14px;}
  .reLink .nextLink .txt .tit{}
  .reLink .prevLink .txt .tit{font-size:14px;}
}



.downloadtit{width:20%;}

.downloadlist{width:80%; margin-bottom: 64px; min-height:400px}
.downloadlisttr{width:100%; background:#ececec; border-radius:4px 4px 0px 0px; height:64px; line-height: 64px; font-size: 20px; color: #666666;}
.downloadlisttr .tr1{float:left; width:80%; text-align: left; padding-left:20px; box-sizing: border-box;}
.downloadlisttr .tr2{float:left; width:20%; text-align: center;}
.downloaditem{border-bottom: 0px solid #ececec; line-height:64px; font-size: 16px; color:#666;}
.clear{clear:both;}
.downloaditem li{border-bottom:1px dashed #ccc}
.downloaditem a{color:#666;}
.downloaditem .td1{float:left; width:80%; text-align: left; padding-left:20px; box-sizing: border-box;}
.downloaditem .td2{float:left; width:20%; text-align: center;}

@media only screen and (max-width:768px) {
  .downloadtit,.downloadlist{width:100%}
  .downloadlisttr{height:40px; font-size:16px; line-height:40px; margin-top:12px;}
  .downloaditem{font-size: 14px;}
}

.nyban,.nyerji{display:none;}
            .map-box{
                position: relative;
            }
            .contact-info{
                background-color: #fff;
                position: absolute;
                bottom: 0;
                right: 6%;
                width: 30%;
                padding: 20px 30px;
            }
            .contact-info-top h1{
                font-weight: 600;
                color: #000;
                margin-bottom: .52vw;
                font-size: 27px;
            }
            .contact-info-top span{
                font-weight: 400;
                color: #666;
                margin-bottom: 2.14vw;
                font-size: 18px;
            }
            .contact-info-bottom{
                
                border-radius: .21vw .21vw 0 0;
                /*display: flex;*/
                position: relative;
            }
            .contact-info-bottom h1{
                font-size: 2rem;
                margin: 1.2rem 0;
            }
            .contact-info-bottom ul{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;
            }
            .contact-info-bottom ul li{
                width: 50%;
                display: flex;
                margin-bottom: 2rem;
            }
            .contact-info-bottom ul li:last-child{width:100%;}
            .contact-info-bottom ul li .contact-left{
                width: 2.45vw;
                margin-right: 0.6rem;
            }
            .contact-info-bottom ul li .contact-left>img{
                width: 100%;
            }
            .contact-info-bottom ul li .contact-right{
              font-size:14px;
            }
            .contact-info-bottom ul li .contact-right div:first-child{
                color: #666;
                font-weight: 400;
            }
            .contact-info-bottom ul li .contact-right div:last-child{
                font-weight: 600;
                color: #00428e;
                word-break: break-all;
            }
            .map-go{
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: .21vw;
                color: #fff;
                font-weight: 400;
                width: 35%;
                padding: 10px 0;
                background: #00428e;
            }
            .map-go>img{
                width: 0.8rem;
                margin-right: 0.4rem;
            }
            .map-go:hover span{
                color: #fff;
            }
            @media (max-width: 1600px){
                .contact-info-bottom ul li{
                    width:100%;
                }
            }
            @media (max-width: 980px){
                
                .contact-info{
                    width: 100%;
                    position: static;
                    padding: 20px 15px;
                }
                .contact-info-bottom ul li .contact-left{width: 11.45vw;}
                .map-go{width:100%;}
            }





.spec-preview{position: relative;}

 .proimg .jqzoom {
         border: none;
         padding: 0px;
         cursor: pointer;
         margin: 0px;
         display: block;
         position: relative;
     }
     
     .proimg .jqzoom img {
         width: 100%;
         margin: 0 auto;
         display: block;
     }
     
     .proimg .zoomdiv {
         z-index: 100;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 369px;
         height: 369px;
         background: #ffffff;
         display: none;
         text-align: center;
         overflow: hidden;
         border: 1px solid #e8e8e8;
     }
     
     .proimg .jqZoomPup {
         z-index: 10;
         visibility: hidden;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 20px;
         height: 20px;
         border: 1px solid #aaa;
         background: #ffffff;
         opacity: 0.5;
         -moz-opacity: 0.5;
         -khtml-opacity: 0.5;
         filter: alpha(Opacity=50);
     }