@charset "UTF-8";
/*全局样式.开始*/
html { height: 100%; }

body { height: 100%; color: #333; font-size: 14px; font-family: "Microsoft YaHei","微软雅黑,Arial","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","sans-serif"; }

button, input, select, textarea { font: 14px Verdana,Helvetica,Arial,sans-serif; }

li, ol, ul, dl, dt, dd { list-style: none; }

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box; }

a { color: #555; text-decoration: none; }
a:hover { text-decoration: none; }

.wrapper{width: 1280px; margin: 0 auto;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tybt{text-align: center;}
.tybt h3{font-size: 2rem;color: #1a1a1a;font-weight: normal;}
.tybt p{font-size: 16px;color: #666666;margin-top: 0.8vw;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.top{height: 40px; line-height: 40px; background:#f2f2f2; color: #999;}
.topnav{ text-align:right; float:right;} 
.topnav a{padding:0 10px; color: #999; } 
.top p{ color: #999;}

.x-top2 {height: 99px;line-height: 99px;}
.x-top2 .wrapper{display: flex;justify-content: space-between;}
.x-top2 .dlogo {height: 99px;line-height: 99px; width: 24%;}
.x-top2 .dlogo img{ max-width: 100%;vertical-align: middle;}
.x-top2 .nnav {width: 56%;animation-fill-mode: none;}
.x-top2 .tdh{font-size: 22px;line-height: 99px;color: #303030; padding-left: 48px; background: url(../images/toptel.png) no-repeat left center;}

/* 导航样式 */
.x-menu {width: 58.75%;float: left;}
.x-menu > li { width: 16.66666666%; margin: 0;text-align: center;float: none;position: relative;}
.x-menu > li > a {font-size: 16px;color: #303030;line-height: 99px;display: block;}
.x-menu > li > a:hover {color: #053e95;}
.x-menu { width: 100%; float: none; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.x-sub-menu { top: 80px;}
.x-menu .lastli {width: 6% !important;}
.x-menu > li:after { content: ''; position: absolute; z-index: 100; width: 100%;left: 0;height: 40px;opacity: 0;top: 100%;}
.x-menu > li:hover .x-sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.x-sub-menu {position: absolute; z-index: 999; width: 150%;left: -25%; top: 109px; background: #fff; border-radius: 5px; padding: 10px 0; opacity: 0;visibility: hidden;transform: translateY(20px);transition: all .5s ease;}
.x-sub-menu > li > a {display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;}
.x-sub-menu > li > a:hover { background: #e9eaeb;}
.x-sub-menu:after {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px; z-index: 99;}

.rslides { position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0; margin: 0; }
.rslides li { position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; z-index:0; }
.rslides li:first-child { position: relative;  display: block;  float: left; }
.rslides img { display: block;  height: auto; width: 100%;  border: 0;z-index:0; } 
.rslides { margin: 0 auto;  }
.rslides_container {  position: relative;  }
.centered-btns_tabs { position: absolute;  width:100%; bottom:3%; text-align: center; z-index:2; }
.centered-btns_tabs li{display: inline; float: none; _float: left; *float: left;margin: 0 5px;  }
.centered-btns_tabs a{background:#fff;width:20px; height:5px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; }
.centered-btns_here a{ background: #ed6d00; }
.centered-btns_nav { z-index:9999; position: absolute; top: 50%; left: 5%; text-indent: -9999px; overflow: hidden;height: 61px; width: 38px; background: rgba(0,0,0,0.5) url("../images/themes.png") no-repeat left top; margin-top: -30px; }
.centered-btns_nav:active { }
.centered-btns_nav.next { left: auto; background-position: right top; right: 5%; }

.hotsearch{ background:#f1f1f1;padding:1% 0; position:relative; }
.search{height:35px;float:right; width:440px;position:relative;  z-index:5; border:1px #ccc solid; border-radius:0 30px 30px 0; margin-top:3px;} 
.search .input{ float:left;width:380px;height:35px;line-height:35px; color:#ccc;text-indent:1em;margin:0px;  border:none;background:none; outline: none;} 
.search .button{float:left; width:35px;height:35px;border:none;background: url(../images/search.png) no-repeat center center;cursor: pointer;} 
.hotsearch p{padding:0.5% 0; }
.hotsearch p a{margin: 0 2px;}

/* 产品中心 */
.product{padding:5vh 0 7vh;}
.x-product{margin-top:5vh;}
.x-product-list .x-pro-item{text-align: center;}
.x-product-list .x-pro-item a{display: block;border:1px solid #e9e9e9;}
.x-product-list .x-pro-item .img{ overflow: hidden;}
.x-product-list .x-pro-item img{transition: all .5s ease; width: 100%; height: 410px;}
.x-product-list .x-pro-item:hover img{transform: scale(1.1);}
.x-product-list .text{ background: #f7f7f7; padding:2vh 8%;} 
.x-product-list .text h3{ color:#333;font-size: 18px;font-weight: 600;line-height: 2;}
.x-product-list .text .intro{color:#999;font-size: 14px; line-height: 2; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.x-product-list .text span{display: inline-block;width: 110px; background:#053e95; color:#fff; font-size: 12px; text-transform: uppercase; line-height: 36px; border-radius: 3px; margin-top:1.5vh;}
.x-product-list .x-pro-item:hover a{ border-color: #132b83;}
.x-product-list .x-pro-item:hover .text h3{color:#053e95;}
.x-product-list .x-pro-item:hover .text span{ background: #0dad3b;}
.x-product .owl-carousel .owl-nav button.owl-prev,
.x-product .owl-carousel .owl-nav button.owl-next {outline: none;position: absolute;top: 50%;z-index: 9999;height: 60px;width: 38px;margin-top: -32.5px;border-radius: 0; transition: all .5s ease;}
.x-product .owl-carousel .owl-nav .icon-font:after { background:none;}

.goods-speed-container .swiper-button-prev { left: 0; width: 30px; height: 60px; background: #053e95;}
.goods-speed-container .swiper-button-next { right: 0; width: 30px; height: 60px;background: #053e95;}
.swiper-button-next:after{font-size: 16px;color: #fff;}
.swiper-button-prev:after{font-size: 16px;color: #fff;}

.gywm{ padding: 5.209% 0 0;}
.gywm .sytitle h3{color:#e5f2f4;}
.gywm .gywm_fc{margin-top: 3.2%;padding: 3.2% 3.2% 0;background-color: #ffffff;box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.08);display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.gywm .gywm_fc .gywm_fcl{width: 44.73%;overflow: hidden;cursor: pointer;}
.gywm .gywm_fc .gywm_fcl img{width: 100%;transition:all 0.5s;} 
.gywm .gywm_fc .gywm_fcl:hover img{transform:scale(1.1); }
.gywm .gywm_fc .gywm_fcr{ width: 52.28%;}
.gywm .gywm_fc .gywm_fcr h3{font-size: 16px;font-weight: normal;line-height: 2;color: #666666;margin: .4rem 0 3.25rem;}
.gywm .gywm_fc .gywm_fcr ul{display: flex;}
.gywm .gywm_fc .gywm_fcr li:nth-child(1) a{background-image: linear-gradient(50deg, #053e95 0%, #2bc0c9 100%), linear-gradient(#053e95, #053e95);background-blend-mode: normal, normal;border-radius: 4px 0px 0px 4px; color: #ffffff;}
.gywm .gywm_fc .gywm_fcr li a{display: inline-block;font-size: .9rem;line-height: 1;padding: .9rem 3.75rem;color: #222222;background-color: #ebebeb;border-radius: 0px 4px 4px 0px;}
.gywm .gywm_fb{background-color: #053e95;}
.bsbj{padding: 3.2% 0 0;width: 100%;background: #fff;}
.gywm .gywm_fb ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;padding-top: 3.734%;padding-bottom: 5.334%;}
.gywm .gywm_fb li{width: 25%;padding: 0 5px;text-align: center;}
.gywm .gywm_fb li .suzi{ font-size: 3.2rem;font-weight: normal;line-height: 1;color: #ffffff;}
.gywm .gywm_fb li .suzi1{display: inline-block;width: 22px;background-color: #ffffff;font-size: 18px;font-weight: normal;line-height: 22px;color: #053e95; border-radius: 50%;text-align: center;vertical-align: top; margin-left: 5px;}
.gywm .gywm_fb li h4{font-size: 18px;font-weight: normal;line-height: 1.25;color: #ffffff; margin-top: 2.935%;}


/* 客户案例 */
.case{padding-top: 70px;padding-bottom: 80px;}
.case-cfn{ margin-top: 35px;}
.case-show{ margin-top: 38px;}
.case-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.case-list ul li{width: 32.4%; margin-bottom: 20px;}
.case-list ul li{display: block;position: relative;}
.case-list ul li .case-img{overflow: hidden;}
.case-list ul li .case-img img{max-width: 100%;transition: all .5s ease; vertical-align: middle;}
.case-list ul li:hover .case-img img{transform: scale(1.1);}
.case-list ul li h3{font-size: 16px;color: #fff;line-height: 50px;background: #053e95;text-align: center;transition: all .5s ease;}
.case-list ul li:hover h3{ opacity: 0;}
.case-list ul li .case-more{position: absolute;width: 100%;background-color: rgba(5, 63, 149, 0.9);bottom: 0;left: 0;padding: 2.15rem 0;opacity: 0; transition: all .8s ease;}
.case-list ul li .case-more h4{ font-size: 16px; color: #fff; text-align: center;}
.case-list ul li .case-more .more{display: flex;justify-content: center; margin-top: 28px;}
.case-list ul li .case-more .more a{ display: block; font-size: 14px; line-height: 32px; padding: 0 2rem; margin: 0 .8rem; color: #fff; font-size: 14px;border: solid 1px #fff; transition: all .8s ease;}
.case-list ul li .case-more .more a:hover{background-color: #fff;color: #333;}
.case-list ul li:hover .case-more{opacity: 1;}


.joinus{padding:4% 0 2% 0; background:#f1f1f1; }
.joinus .wrapper{background: url(../images/mallbg.png) no-repeat bottom center; padding-bottom: 27px;}

#ifocus {height: 414px; position: relative; margin-top: 28px; }
#ifocus_btn {display: inline; float: left; width: 30%; background: #fff; }
#ifocus_btn ul{list-style-type:none; }
#ifocus_btn li { height: 138px; }
#ifocus_btn li a { display: block;  padding: 45px 0 0 90px; position: relative; }
#ifocus_btn li a strong{display: block; font-size: 16px; line-height:1.6em;  }
#ifocus_btn li a span { display: block; font-size: 16px; color: #ababab; text-transform: uppercase; line-height:1.6em; }
#ifocus_btn li a i { display: block; float:left;margin-right:10px; border: 1px solid #e8e8e8; width: 50px; height: 50px; border-radius: 50%; }
#ifocus_btn li a i.a0 { background-image: url(../images/Icon1.png); }
#ifocus_btn li a i.a1 { background-image: url(../images/Icon2.png); }
#ifocus_btn li a i.a2 { background-image: url(../images/Icon3.png); }
#ifocus_btn li.on { background: #f6f6f6; }
#ifocus_pic { margin:0 0 0 30%; height: 414px; overflow: hidden; }
#ifocus_piclist img {display: block; width: 50%; height: 414px; }
#ifocus_piclist img:hover { filter: alpha(opacity=70); opacity: 0.7; transition: all 0.5s ease; }

#ifocus_tx { position: absolute; right: 0; top: 0; color: #fff; background: #053e95; width: 448px; height: 414px; }
#ifocus_tx:hover { background: #0dad3b; transition: all 0.5s ease; }
#ifocus_tx ul li { display: none; padding: 80px 80px 0; }
#ifocus_tx ul li h3 { font-size: 24px; margin-bottom: 10px;}
#ifocus_tx ul li h3 a {font-size: 24px; color: #f9f9f9;}
#ifocus_tx ul li p {line-height: 30px; }

.inews{margin-top: 3.8vw;}
.xwfl{ margin-top: 2.8vw;}
.xwfl ul{display: flex;flex-wrap: nowrap;justify-content: center;}
.xwfl ul li{ width:200px; height: 60px; background: #eeeeee;text-align: center;margin: 0 5px;border-radius: 6px;}
.xwfl ul li h3{color: #555555;font-size: 18px;font-weight: 400;line-height: 60px;}
.xwfl ul li:hover{background: #053e95;}
.xwfl ul li:hover h3{ color: #ffffff;}
.xwbj{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top: 3vw;}
.xwbj .xwz{width: 40.2%;background: #f8f8f8;padding: 2vw;}
.news_listt li h3{font-size: 1.1rem;color: #333333;font-weight: 400;}
.news_listt li h5{font-size: 15px;color: #999999;line-height: 28px;margin-top: 20px;}
.news_listt li span{display: block;font-size: 16px;color: #999999;margin-top: 20px;}
.news_listt li .img{ width: 100%; margin-top: 4vw;}
.news_listt li .img img{ width: 100%;}
.news_listt li:hover h3{color: #053e95; font-weight: 600;}
.xwbj .xwy{width: 55.5%;}
.news_listt2 li a{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.news_listt2 li{ margin-bottom: 0.8vw;}
.news_listt2 li:last-child{margin-bottom: 0;}
.news_listt2 li .rq{ width: 12.5%; border: 1px solid #eeeeee;text-align: center;padding-bottom: 12px;}
.news_listt2 li .rq dd{font-size: 2.4rem;color: #454545;font-weight: 400;}
.news_listt2 li .rq dt{font-size: 16px;color:#666666;font-weight: 400;}
.news_listt2 li .wz{ width: 83%;}
.news_listt2 li .wz h3{font-size: 18px;color: #333333;font-weight: 400;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;}
.news_listt2 li .wz h5{font-size: 15px;color: #888888; font-weight: 400;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 24px;margin-top: 8px;}
.news_listt2 li .wz span{display: block;font-size: 14px;color: #888888;line-height: 24px;margin-top: 10px;}
.news_listt2 li:hover .rq{ background: #053e95; border-color: #053e95;}
.news_listt2 li:hover .rq dd{color: #fff;}
.news_listt2 li:hover .rq dt{color: #fff;}
.news_listt2 li:hover .wz h3{font-weight: 600;color: #053e95;}
.news_listt2 li:hover .wz span{color: #053e95;display: flex;align-items: center;}
.news_listt2 li .wz span::before{display:inline-block;content: "";width: 0;height: 1px;background: #053e95; transition: all 0.3s;}
.news_listt2 li:hover .wz span::before{width: 56px;margin-right: 14px;}
.footer{background-color: #1f1f1f;padding-top: 3vw;padding-bottom: 1vw;margin-top: 4vw;}
.fota{width: 40%;}
.fotc{ width: 20%;}
.fota>div{ width: 25%;}
.fota dd{font-size: 18px;color: #ffffff;font-weight: 600; margin-bottom: 0.8vw;}
.fota a{font-size: 14px; line-height: 32px;font-weight: 400;color: #949494;}
.fota a:hover{ color: #053e95;}
.fotb{color: #949494;font-size: 14px;line-height: 24px;}
.fotb dd{line-height: 30px;font-weight: 400;}
.fotb dt{ font-size: 1.4rem; color: #00a0e9;font-weight: 600;}
.fotb dl{font-weight: 400;margin-top: 15px;}
.fotc{text-align: center;color: #949494;font-size: 14px; line-height: 32px;}
.xwxw{color: #949494;font-size: 14px; line-height: 28px;  text-align: center;}
.xwxw a{color: #949494; }
.footyj{background: #161616;}

.fotc{display: flex; justify-content: space-between;}
.fotc .fotcewm{width: 46%; text-align: center;}
.fotc .fotcewm img{width: 100%;}


.ibanner{width: 100%;}
.ibanner img{width: 100%; vertical-align: middle;}

.page-position {padding: 15px 0; font-size: 14px;color: #2f2f2f;}
.page-position a { color: #2f2f2f;}
.page-position a:hover {color: #132b83;}

.page-wrap .wrapper{display: flex; justify-content: space-between;}
.page-wrap-left {
  width: 305px;
}

.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #132b83;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;display:none;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;

  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}

.latest-news {
  padding: 10px 0;
}

.latest-news li {
  padding: .5em 1em;
  font-size: 14px;
}

.latest-news li a {
  display: block;
  line-height: 1.2;
  color: #5a5a5a;
  text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.latest-news li a:before {
  content: '+';
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

.latest-news li a:hover {
  color: #132b83;
}

.latest-news li a:hover:before {
  color: #132b83;
}

.hot-keys {
  padding: 20px 7px 8px 7px;
}

.hot-keys li {
  width: calc(50% - 14px);
  float: left;
  margin: 0 7px 14px 7px;
}

.hot-keys li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 2.857;
  border: 1px dashed #f1f1f1;
}

.hot-keys li a:hover {
  color: #132b83;
  border-color: #132b83;
}

.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}

.page-wrap-contact h4 {
  padding: .3em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000;
}

.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}

.page-message-img img {
  border: 1px solid #d2d2d2;
}

.page-wrap-right {
  overflow: hidden;
}

.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: #292e39;
  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;
}
/* 内页左侧导航栏样式 */
.xypg-left-nav {
  margin: 0 -1px;
}

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

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

.xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.xypg-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;
}

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

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #132b83;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #132b83;
}

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

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

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #132b83;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #132b83;
}

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

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

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #132b83;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #132b83;
}


.page-wrap-right{width: 925px;}

.xypg-product-list {
  margin: 0 -1.5%;
  font-size: 0;
}

.xypg-product-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 30.333%;
  margin: 0 1.5% 20px 1.5%;
  padding: 10px 10px 0 10px;
  border: 1px solid #eeeeee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-product-list li .img {
  display: block;width: 100%;overflow: hidden;
}
.xypg-product-list li .img img{width: 100%;transition: all .5s ease;}
.xypg-product-list li:hover .img img{transform: scale(1.2);}
.xypg-product-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-product-list li:hover {
  border-color: #292e39;
}

.xypg-product-list .no-result {
  margin: 0 1.5%;
  font-size: 14px;
}

.xypg-case-list {
  margin: 0 -1%;
  font-size: 0;
}

.xypg-case-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 31.333%;
  margin: 0 1% 10px 1%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-case-list li .img {
  display: block;
}

.xypg-case-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-case-list li:hover h3 a {
  color: #132b83;
}

/* 内页新闻列表 */
.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
}

.xypg-news-list li .more {
  margin-top: 15px;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #132b83;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: #132b83;
}


.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; }
.meta .info{ margin:0 0 10px; }
.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
.meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
.meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }

.next-box{ position:relative; padding:10px 0px 20px; line-height:20px; color:#444; font-size:14px; }
.next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color: #f5f5f5; padding: 6px;}
.next-box p a{ color:#444; }
.next-box p.prev{ float:left; }
.next-box p.next{ float:right; }


.page-product-detail-effect {
  float: left;
  width: 42.61%;
}

.page-product-detail-effect .big-img {
  border: 1px solid #eee;
}

.page-product-detail-effect .big-img a {
  display: block;
  display: block;
  text-align: center;
  width: 100%;
  height: 390px;
  font-size: 0;
}

.page-product-detail-effect .big-img a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-effect .big-img a:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-right {
  width: 50%;
  float: right;
}

.page-product-detail-right > h1 {
  font-size: 22px;
  color: #0d0d0d;
  margin-bottom: 20px;
}

.product-detail-item li {
  font-size: 14px;
  line-height: 30px;
  color: #777272;
}

.product-detail-slick {
  position: relative;
  margin-top: 20px;
}

.product-detail-slick a.slick-item {
  display: block;
  text-align: center;
  width: 100%;
  height: 95px;
  font-size: 0;
  border: 1px solid #eee;
  position: relative;
}

.product-detail-slick a.slick-item img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item.active {
  border-color: #132b83;
}

.product-detail-slick .owl-nav button {
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(37, 37, 37, 0.6) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  top: 50%;
  margin-top: -13.5px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: none;
  border: none;
}

.product-detail-slick .owl-nav button .icon-font {
  width: 100%;
  height: 100%;
  display: block;
}

.product-detail-slick .owl-nav button .icon-left-arrow:after {
  background-position: 1px -509px;
}

.product-detail-slick .owl-nav button .icon-right-arrow:after {
  background-position: -27px -240px;
}

.product-detail-slick .owl-prev {
  left: 0;
}

.product-detail-slick .owl-prev:after {
  background-position: 0 0;
}

.product-detail-slick .owl-next {
  right: 0;
}

.product-detail-slick:hover .owl-nav button {
  opacity: 1;
}

.page-product-inquiry {
  margin-top: 30px;
}
.page-product-inquiry .buy-product{
  display: none;
}

.page-product-inquiry a {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  background: #132b83;
  padding: .5em 1.875em;
  border-radius: 2em;
}

.page-product-inquiry a:hover {
  opacity: .8;
}
.product-detail-tab {
  margin-top: 50px;
}

.product-detail-tab .product-detail-tabli {
  border: 1px solid #eee;
  height: 40px;
  line-height: 38px;
}

.product-detail-tab .product-detail-tabli li {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 14px;
  color: #2f2f2f;
  cursor: pointer;
  border-right: 1px solid #eee;
}

.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:visited, .product-detail-tab .product-detail-tabli li:active {
  color: #132b83;
  position: relative;
}

.product-detail-tab .product-detail-tabli li.on:before, .product-detail-tab .product-detail-tabli li:visited:before, .product-detail-tab .product-detail-tabli li:active:before {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  border: 1px solid #132b83;
}

.product-detail-tab .product-detail-tabcon {
  padding: 15px 0;
  font-size: 14px;
}
.xypg-right-content{
  font-size: 14px;
}
.product-detail-tab .product-detail-tabcon img,
.product-detail-tab .product-detail-tabcon p img {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}