@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#272727;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#015CB5;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.moddle{ width:1200px;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
@media(max-width: 1600px){
	.head-index .headr .ttel{display: none;}
	.head-index .headr .tnav{ width: 95% !important;}
	
}
.flexed { display: flex; justify-content: space-between; flex-wrap: nowrap; display: -webkit-flex;}
.head-bg{ padding: 30px 3.64583333333333%; position: absolute; left: 0; right: 0; z-index: 99;}
.head-index{ align-items: center;}
.head-index .logo{ width: 20%;}
.head-index .logo img{ max-width: 100%;}
.head-index .headr{ align-items: center; width: 66%;}
.head-index .headr .tnav{ width: 72%;}
.head-index .headr .ttel{}
.head-index .headr .ttel p{ display: flex; align-items: center; font-size: 24px; font-family: "Arial"; color: #fff; font-weight: 600;}
.head-index .headr .ttel p img{ max-width: 100%; margin-right: 5px;}
.x-menu {}
.x-menu > li { width: 14%; margin: 0; text-align: center; float: none; position: relative;}
.x-menu > li > a { font-size: 18px; color: #ffffff; line-height: 45px; display: block;}
.x-menu > li > a:hover {color: #f78e1e;}
.x-menu > li.active > a {}
.x-menu { width: 100%; float: none; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.x-menu > li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.x-sub-menu { position: absolute; z-index: 999; width: 150%; left: -25%; top: 55px; background: #fff; border-radius: 5px; padding: 10px 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; 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;}
.foot-bg{ background-image: -moz-linear-gradient( -90deg, rgb(6,19,34) 0%, rgb(17,28,61) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(6,19,34) 0%, rgb(17,28,61) 100%); background-image: -ms-linear-gradient( -90deg, rgb(6,19,34) 0%, rgb(17,28,61) 100%); padding: 2.60416666666667vw 0;}
.foot1-index{ align-items: center;}
.foot1-index .flogo p img{ max-width: 100%;}
.foot1-index .fnavlist li{ margin-left: 1.2vw;}
.foot1-index .fnavlist li a{ display: block; color: #fff; font-size: 16px;}
.foot1-index2{ margin-top: 1vw;}
.foot1-index2 .flx p{font-size: 16px; color: rgba(255,255,255,.4); margin-bottom: 1vw;}
.foot1-index2 .flx p:nth-of-type(2) strong{color: #fff;font-size: 24px;font-family: "Arial";}
.foot1-index2 .flx p:nth-of-type(1) strong{color: #fff;font-size: 24px;font-family: "Arial";}
.foot1-index2 .cop{ width: 50%; font-size: 16px; color: rgba(255,255,255,.4); text-align: right;}
.foot1-index2 .cop a{ font-size: 16px; color: rgba(255,255,255,.4);}
.c-link{ color: rgba(255,255,255,.4);}
.c-link a{ color: rgba(255,255,255,.4);}
.ab-index{ margin-top: 8.07291666666667vw; margin-bottom: 30px;}
.abl{ width: 18%;}
.abr{ width: calc(100% - 28.125%);}
.abr p{ color: #666666;font-size: 16px;line-height: 32px; margin-bottom: 1.5625vw; text-align: justify;}
.put { font-weight: 600;}
.put .put1{color: #111111;font-size: 48px;position: relative;}
.put .put1::before{ content: ''; position: absolute; left: -24px; top: 50%; transform: translateY(-50%); background: url(../images/put.png) no-repeat top center; width: 8px; height: 16px;}
.put .put2{ color: #111111; font-size: 24px; font-family: "Arial"; margin-top: 1vw;}
.amore{ border: 1px solid #999999; width: 180px; height: 54px; margin-top: 7.29166666666667vw;}
.amore a{ display: block; text-align: center; color: #111111; font-size: 16px; line-height: 52px;}
.amore a span{ color: #0070c2;}
.abr{ width: calc(100% - 28.125%);}
.abr p{ color: #666666; font-size: 16px; line-height: 32px; margin-bottom: 1.5625vw; text-align: justify; text-indent: 2em;}
.abimg{ margin-left: 70px;}
.abimg .w1600{ display: flex; justify-content: flex-end;}
.aimg1{ margin-top: -130px;}
.aimg1 img{width: 100%;}
.abpic{ width: 75%; position: relative; z-index: 99;}
.ablist li{ background: #fff; border-radius: 12px; box-shadow: 0px 2px 8.46px 0.54px rgba(19, 47, 67, 0.12); width: 15%; padding: 45px 42px; transition: 0.5s;}
.ablist li .w1{ color: #111111; font-size: 24px; font-weight: 600; margin-bottom: 1vw;}
.ablist li .w2{ color: #cccccc; font-size: 16px; font-weight: 600; opacity: 0.4; line-height: 24px;}
.ablist li .img{ margin-top: 3.64583333333333vw;}
.ablist li .img img{ max-width: 100%;}
.ablist li .img img.imga{}
.ablist li .img img.imgb{ display: none;}
.ablist li:hover{ background: #0070c2; box-shadow: 0px 2px 14.1px 0.9px rgba(19, 47, 67, 0.4); transform: translateY(-25px);}
.ablist li:hover .w1{ color: #fff;}
.ablist li:hover .img img.imga{ display: none;}
.ablist li:hover .img img.imgb{ display: block; transform: rotate(180deg);}
.flexend{ display: flex; justify-content: flex-end;}
.probg{
  background-size: 100% auto;
  padding-bottom: 3vw;
}

.pro-index{
  margin-top: 5.72916666666667vw;
}

.pro-wrap{
  margin-top: 3.125vw;
  position: relative;
}

.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.ptab{
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  box-shadow: 0px 2px 23.5px 1.5px rgba(22, 55, 80, 0.07);
  width: 23.5625%;
  padding: 0 3.38541666666667vw 2.08333333333333vw 2.08333333333333vw;
}

.psort li{
  border-bottom: 1px solid #cccccc;
  padding: 1.5625vw 0;
  background: url(../images/dt.png) no-repeat right center;
  position: relative;
}

.psort li::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #f78e1e;
  transition: 0.5s;
}

.psort li a{
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 18px;
}

.psort li a span{
  width: 6px;
  height: 6px;
  background: #66a9da;
  margin-right: 15px;
}

.psort li.active{
  background: url(../images/dl.png) no-repeat right center;
}

.psort li.active::before{
  width: 70px;
}

.psort li.active a{
  color: #0070c2;
}

.psort li.active a span{
  background: #f78e1e;
}

.proSwiper{
  overflow: hidden;
  width: 100%;
}

.proSwiper .swiper-slide a{
  display: flex;
}

.proSwiper .swiper-slide a .wwl{
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
  word-wrap: break-word;
  color: #111111;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 88px;
  width: 34px;
}

.proSwiper .swiper-slide a .wwr{
  width: calc(100% - 34px);
  position: relative;
}

.proSwiper .swiper-slide a .wwr .img1{
  width: 43.7%;
}

.proSwiper .swiper-slide a .wwr .img1 img{
  width: 100%;
}

.proSwiper .swiper-slide a .wwr .wz{
  width: 65%;
  background: #fff;
  position: absolute;
  z-index: 99;
  bottom: 0;
  right: 0;
  padding: 3.125vw 0;
  padding-left: 5vw;
}

.proSwiper .swiper-slide a .wwr .wz .wz1{
  color: #111111;
  font-size: 40px;
  font-weight: 600;
  margin-top: 1.5625vw;
  margin-bottom: 1.5625vw;
}

.proSwiper .swiper-slide a .wwr .wz .wz2{
  color: #111111;
  font-size: 18px;
  line-height: 2.5;
}

.proSwiper .swiper-slide a .wwr .wz .wz3{
  border: 1px solid #111111;
  width: 180px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  color: #111111;
  font-size: 16px;
  margin-top: 2vw;
}

.proSwiper .swiper-pagination{
  bottom: 30px;
  left: 75px;
  text-align: left;
}

.proSwiper .swiper-pagination-bullet{
  border-radius: 0;
  background: #0070c2;
}

.proSwiper .swiper-pagination-bullet-active{
  
}

.proSwiper .ind_fy_box{
  position: relative;
  display: inline-block;
  width: 12%;
}

.proSwiper .lb_pagination_box span:before{content: '0';}
.proSwiper .ind_fy_box span.on{
  color: #111111;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}
.proSwiper .ind_fy_box span.xian{
  color: #111111;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 30%;
}
.proSwiper .ind_fy_box span.xian:before{
  content: '';
}
.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: 0;
}

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

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

.xypg-product-list li .img {
    display: block;
	width: 100%;
	overflow: hidden;
	
}
.xypg-product-list li .img img{
	width: 260px;
	height: 195px;
	transition: all 0.6s;
}
.xypg-product-list li:hover img{
	transition: all 0.6s; transform: scale(1.2);
}

.xypg-product-list li p 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: #0070c2;
}

.xypg-product-list .no-result {
    margin: 0 1.5%;
    font-size: 14px;
}
.news-bg{
  background: url(../images/news-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 6.25vw;
  padding-bottom: 20.57291666666667vw;
}

.news-index{

}

.news-index .newsl{
  width: 52.5%;
}


.nlist1{

}

.nlist1 li{
  border-bottom: 1px solid #fff;
  padding: 1.58vw 0;
}

.nlist1 li a{
  display: flex;
  align-items: center;
}

.nlist1 li .nw1{
  font-size: 18px;
  color: #ffffff;
  width: 86.9%;
}

.nlist1 li .nw2{
  width: calc(100% - 83%);
  font-size: 14px;
  color: #ffffff;
  align-items: center;
  justify-content: space-between;
}

.news-index .newsr{
  width: calc(100% - 68.5625%);
}

.nut .put1{
  color: #fff;
}

.put .put1::before{
  background: url(../images/put.png) no-repeat top center;
}

.nut .put2{
  color: #fff;
}

.nut .put3{
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 2vw;
}

.nut .put4{
  border: 1px solid #fff;
  width: 180px;
  height: 54px;
  margin-top: 3.64583333333333vw;
}

.nut .put4 a{
  display: block;
  line-height: 52px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.flexed{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	display: -webkit-flex;
}
.hhyy-bg{
  background: #fff;
  margin-left: 70px;
  margin-top: -14.84375vw;
  padding-bottom: 5.72916666666667vw;
  position: relative;
}

.hhyy-index{

}

.hhyy-index .hhyy-left{
  width: 58.125%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.hyt .put1::before{
  background: url(../images/put.png) no-repeat top center;
}

.hyt .put2{
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 0.5vw;
}

.hyw{
  font-weight: 500;
  color: #111111;
  font-size: 16px;
  line-height: 30px;
  margin-top: 2vw;
}

.hylist1{
  margin-top: 2.60416666666667vw;
  width: 91.4%;
}

.hylist1 li{
  text-align: center;
}

.hylist1 li .img1{
  border: 1px solid #0070c2;
  width: 82px;
  height: 82px;
}

.hylist1 li .img1 img{
  max-width: 100%;
}

.hylist1 li .img1 img.imgb{
  display: none;
}

.hylist1 li .wz{
  color: #111111;
  font-size: 16px;
  margin-top: 1vw;
}

.hylist1 li:hover .img1{
  background: #0070c2;
}

.hylist1 li:hover .img1 img.imga{
  display: none;
}

.hylist1 li:hover .img1 img.imgb{
  display: block;
}

.hhyy-index .hhyy-right{
  width: calc(100% - 64.375%);
}

.hhyy-index .hhyy-right img{
  width: 100%;
}

.hhyy-img{
  margin-top: -15.10416666666667vw;
}

.hhyy-img img{
  width: 100%;
}










#wrap{width: 100%;padding:30px 0px;}
.icpfl{ width: 246px;}
.icpflt{ line-height: 50px; background: url(../images/cpfl.jpg) no-repeat left center; padding-left: 20px; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.icpflb{ border: 1px solid #DDDDDD; padding: 10px 20px;}
.icpflb p{ line-height: 42px; border-bottom: 1px dashed #E3E3E3; background: url(../images/flico.jpg) no-repeat 3px center ;}
.icpflb p a{ padding-left: 20px; font-size: 15px;}
.icpflb p:hover{ background: #025BB5;}
.icpflb p:hover a{ color: #fff;}
.cpzs{ width: 922px;}
.cpzs div{width:291px;margin-right:12px;float:left; background: #F5F5F5; margin-bottom: 10px;}
.cpzs div li{width:291px;height:230px;}
.cpzs div li a{width:291px;height:230px;overflow: hidden;display: inline-table;}
.cpzs div li a img{width:291px;height:230px;transition: all 0.6s;}
.cpzs div:hover{ background: #0070C2;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.2);}
.cpzs div p{line-height:52px;height:52px;text-align: center;}
.cpzs div p a{font-size:15px;}
.cpzs div:hover p{background-color:#0070C2;}
.cpzs div:hover p a{color:#fff;}

.section {padding: 70px 0;}
.bg1 {background: url(../images/fabg.jpg) no-repeat center 0 / cover #f5f5f5;}
.bg1 .section-title {color: #fff;}
.bg1 .section-title:after {	display: none;}
.section-title { text-align: center; margin-bottom: 50px; font-size: 32px; font-weight: bold;}
.section-title small {display: block;font-weight: normal;font-size: 18px;}
.section-title:after {height: 12px;margin-top: 5px;}
.in-jjfa {margin-left: -28px;}
.in-jjfa li {float: left;width: 25%;}
.in-jjfa li a {display: block;background-color: #fff;margin-left: 28px;}
.in-jjfa li .img-cover {position: relative;}
.in-jjfa li .img-cover span {padding-top: 66.7%;}
.in-jjfa li .img-cover p {background-color: rgba(0,0,0,0.6);color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;padding: 12px 0;}
.in-jjfa li .text {height: 130px;padding: 30px 20px 0px 20px;position: relative;}
.in-jjfa li .text p {margin: 0 0 8px;color: #666;font-size: 13px;padding-left: 24px;background: url(../images/faico.jpg) no-repeat 0 5px;line-height: 1.85;}
.in-jjfa li .text .more {position: absolute;right: 0;bottom: 0;line-height: 30px;background-color: #adadad;color: #fff;padding: 0 20px;}
.in-jjfa li a:hover .img-cover p {background-color: #015cb5;}
.in-jjfa li a:hover .text .more {background-color: #015cb5;}
.img-cover {overflow: hidden;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;}
.section-title:after {display: block;content: '';background: url(../images/cptit.jpg) no-repeat center bottom / auto 100%;height: 18px;margin-top: 20px;}
.bg2 {background: url(../images/rzbg.jpg) no-repeat center / cover;color: #fff;}
.bg2 .section-title:after {background-image: url(../images/cptit.png);}
.in-rz {margin-left: -82px;}
.in-rz li {float: left;width: 131px;margin-left: 82px;}
.in-rz li .wrap {display: table;width: 100%;height: 131px;position: relative; font-size: 15px;}
.in-rz li .wrap:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/rzico.png) no-repeat 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.in-rz li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 0 25px;}
.in-rz li .inner p {margin: 0;}
.in-rz li:nth-child(2) .wrap:before {background-position: -214px 0;}
.in-rz li:nth-child(3) .wrap:before {background-position: -427px 0;}
.in-rz li:nth-child(4) .wrap:before {background-position: -642px 0;}
.in-rz li:nth-child(5) .wrap:before {background-position: -855px 0;}
.in-rz li:nth-child(6) .wrap:before {background-position: -1068px 0;}
.in-rz li .wrap:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.in-rz-tel {margin-top: 50px;text-align: center;}
.in-rz-tel p {margin: 0 auto;width: 600px;background: url(../images/rztel.png) no-repeat 0 0;height: 64px;padding-left: 95px;font-size: 16px;line-height: 40px;}
.in-rz-tel strong {color: #f7c433;font-size: 40px;font-family: Impact; letter-spacing: 1px;}
.in-rz-tel .btn {display: block;width: 190px;line-height: 45px;color: #fff;background-color: #015cb5;margin: 20px auto 0; font-size: 18px;}
.bg3 {background-color: #f5f5f5;}
.bg3 .section-title:after {background-image: url(../images/zjtit.jpg); height: 20px;}
.in-about {background-color: #fff;margin: 0;}
.in-about dt {float: left;width: 500px;}
.in-about dd {margin-left: 500px;padding: 20px 40px;}
.in-about dd ol {margin: 0 0 20px;font-size: 24px; font-weight: bold;}
.in-about dd ol small {display: block;font-weight: normal;font-size: 14px;color: #999;letter-spacing: -1px;}
.in-about dd ol:after {display: block;content: '';width: 130px;height: 3px;background-color: #015cb5;margin-top: 15px;}
.in-about dd p {margin: 0;color: #666;line-height: 1.8;text-align: justify; font-size: 15px;}
.in-about dd .more {display: block;margin-top: 21px;line-height: 40px;width: 135px;text-align: center;color: #fff;background-color: #015cb5; font-size: 16px;}
.in-news {margin-left: -45px;}
.in-news .item {float: left;width:800px;}
.in-news .item2{float: right;width: 370px;margin-left: 45px;}
.in-news .tit {font-size: 16px;font-weight: bold;margin-bottom: 30px;}
.in-news .tit small {color: #999;padding-left: 5px;font-weight: normal;font-size: 16px;}
.in-news .tit .more {float: right;color: #999;font-weight: normal; font-size: 16px;}
.in-news .tit .more:hover {color: #015cb5;}
.in-news .tit:after {margin-top: 20px;display: block;content: '';width: 45px;height: 2px;background-color: #015cb5;}
.in-news .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-news .img-center a:hover img {opacity: 0.7;}
.in-news .list {border: 1px solid #ddd;padding: 20px;}
.in-news .list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.in-news .list li {border-bottom: 1px dashed #e3e3e3;line-height: 32px;height: 32px;overflow: hidden;background: url(../images/flico.jpg) no-repeat 0 10px;padding-left: 20px; width: 47%;}
.in-news .list li a{ font-size: 14px;}
.in-news .list dl {display: block;width: 130px;line-height: 36px;text-align: center;background-color: #015cb5;color: #fff;margin-bottom: -35px;margin-top: 20px; font-size: 14px;}
.in-news .list dl a{ color: #fff; font-size: 14px;}
.in-ask {background-color: #f5f5f5;	padding: 20px;}
#marquee {height: 350px;overflow: hidden;}
#marquee li {border-bottom: 1px dotted #d2d2d2;}
#marquee li a {display: block;padding: 18px 0;}
#marquee li h4 {margin: 0;background: url(../images/icon_askw.png) no-repeat 0 0;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;padding-bottom: 5px; font-size: 14px; font-weight: bold;}
#marquee li p {margin: 10px 0 0;color: #999;background: url(../images/icon_askd.png) no-repeat 0 0;line-height: 1.9;padding-left: 30px;height: 50px;overflow: hidden; font-size: 14px;}

.title{text-align: center;color: #272727; padding: 30px 0px;}
.title li{font-size: 18px; line-height: 27px;}
.title p{font-size: 32px; font-weight: bold; line-height: 48px; padding-bottom: 17px;}
.title ol{ background: url(../images/title.jpg) no-repeat center; height: 18px;}
.prott {width: 1282px;height: auto;overflow: hidden;ZOOM: 1;margin-left: -41px;margin-top:30px;}
.prott .pcontt {float: left;overflow: hidden;width: 1200px;ZOOM: 1;}
.prott .ScrCont1 {width: 32733px;ZOOM: 1;}
.prott #List3_1 {float: left;}
.prott #List4_1 {float: left;}
.prott .LeftBotton1 {background: url(../images/left.png) no-repeat left center;float:left;width:41px;height:41px;margin-top:100px;}
.prott .RightBotton1 {background: url(../images/right.png) no-repeat right center;float:right;width:41px;height: 41px;margin-top:100px;}
.prott .pl1 {display: block;cursor: pointer;float: left;}
.prott .pl1 li {float: left;margin:10px 10px 0px 10px;width: 280px;}
.prott .pl1 li ol{box-shadow:1px 1px 6px #ccc;}
.prott .pl1 li ol a {background-color: #fff;display: table;overflow: hidden;height: 220px;width: 280px;}
.prott .pl1 li ol a img {width: 280px;height:220px;vertical-align: middle;cursor: pointer;transition: all 0.6s;}
.prott .pl1 li:hover ol a img {transform: scale(1.3);}
.prott .pl1 li p{font-size:16px;height:46px;line-height:46px;text-align: center;}
.prott .pl1 li:hover p{color: #506A80;}
#wrap2{width: 100%;background: url(../images/lc.jpg) no-repeat center center;padding: 50px 0px;}
.lc dl{width: 200px;float: left;text-align: center;}
.lc dl img{transition: all 0.6s;}
.lc dl:hover img{transform: rotate(360deg);}
.lc dl p{color: #fff;font-size: 18px;margin-top: 15px;}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsb dl{ width: 560px; margin-bottom: 30px; background-color: #F4F2F3; padding: 10px;}
.newsb ul{ width: 189px; height: 142px; overflow: hidden; float: left; margin-right:20px ;}
.newsb ul img{ transition: all 0.6s; width: 189px;height: 142px;}
.newsb dl ol{ line-height: 23px; font-size: 14px; color: #606060;}
.newsb dl dt{ line-height: 40px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsb dl dt a{ font-size: 18px; color: #303030; font-weight: bold;}
.newsb dl hr{ border: none; background: #506A80; height: 1px; width: 20px; margin-left: 0px; margin-top: -1px; margin-bottom: 13px; transition: all 0.6s;}
.newsb dl dd{ line-height: 28px; font-size: 14px; color: #606060; }
.newsb dl:hover hr{ width: 350px; transition: all 0.6s;}
.newsb dl:hover dt a{ padding-left: 30px;}
.newsb dl:hover ul img{ transition: all 0.6s; transform: scale(1.2);}
.new_more{ width: 160px; height: 40px; background: #506A80; margin: 20px auto; line-height: 40px; text-align: center; border-radius: 5px;}
.new_more a{ color: #fff; font-size: 16px;}
.new_more:hover{ background-color: #C5D6DE;}
.new_more:hover a{color: #000;}

.footer{ width:100%; background-color:#032E65;color: #fff;padding:30px 0px;}
.footnav ul{width:317px;float: left;margin-right: 160px; border-right: 1px solid #294A72; padding-right: 30px;}
.footnav ul li{color: #fff;font-size: 18px;margin-bottom: 10px;}
.footnav ul p{font-size: 16px;line-height:42px;}
.footnav dl{ float: left;}
.footnav dl li{color: #fff;font-size: 18px;margin-bottom: 10px;}
.footnav dl dt{line-height: 42px;width: 50%;float: left;}
.footnav dl dt a{color: #fff;font-size: 15px;}
.footnav dl ol{line-height:42px;}
.footnav dl ol a{color: #fff;font-size: 15px;}
.footnav dl:nth-child(3){width:178px;float: right;padding-left: 40px;}
.footer a{color: #fff;}
.footer a:hover{color:#506A80;}
.copyright{line-height: 36px;margin-top: 15px;}
.copyright a{font-size: 14px;}
.yqlj{width:100%; text-align:center; line-height:40px; background-color:#000000; color:#fbfbfb;}
.yqlj a{color:#fbfbfb;font-size:12px;padding-right:5px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #506A80;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.rytp div{ width:232px; float:left;margin-right: 10px;}
.rytp div li{ width:230px; border:1px solid #ccc;border-radius: 5px;}
.rytp div li a{text-align:center;width:230px;height:230px;display:table-cell;vertical-align:middle;overflow:hidden;}
.rytp div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.rytp div li a img:hover{transform:scale(1.3);}
.rytp div p{ line-height:42px; height:42px; text-align:center;}
.rytp div:nth-child(5n){margin-right: 0px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #506A80;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #506A80;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #506A80;border: 1px solid #506A80;}
.page li:hover a{color: #fff;}
.current{background-color: #506A80!important;border: 1px solid #506A80!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #506A80;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{width: 940px;float: left;}
.product div{ width:226px; float:left;margin-right: 12px;}
.product div li{ width:224px; border:1px solid #ccc;border-radius: 5px;}
.product div li a{text-align:center;width:224px;height:224px;display:table-cell;vertical-align:middle;overflow:hidden;}
.product div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.product div li a img:hover{transform:scale(1.3);}
.product div p{ line-height:42px; height:42px; text-align:center;}
.product div:nth-child(4n){margin-right: 0px;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #015CB5;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:40px;line-height:40px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#015CB5;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #015CB5;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height: 36px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #015CB5; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r{ width:490px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #506A80;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #506A80;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #506A80;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}