﻿
a{ text-decoration:none;}


.document_width{ width:83.33333333%;  box-sizing:border-box;  margin:auto; box-sizing:border-box; }


.posdw{ position:relative;}
.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
.textleft{ text-align:left !important;}
s{ text-decoration:none;}
.margtop{ margin-top:122px;}
.margtops{ margin-top:70px;}



.indexdiv{ width:100%; height:90px; float:left; background:#fff; border-bottom:1px solid #ededed;}
.indexdiv strong{ width:auto; height:90px; line-height:90px;  float:left; font-size:18px; color:#1947ba; font-weight:600;}
.indexdiv p.p1{ width:100%; height:34px; float:left; padding:0 0 0 145px; box-sizing:border-box; position:absolute; left:0; top:30px;}
.indexdiv p.p1 a{ width:auto; height:30px; line-height:30px; float:left; font-size:16px; color:#555; padding:0 15px; background:url(../images/hsbj.jpg) right center no-repeat; background-size:1px 10px;}
.indexdiv p.p1 a:hover{ color:#1947ba;} 
.indexdiv p.p1 a:last-child{ background:none;} 

.indexdiv .soso{ width:340px; height:180px; display:none; float:right; background:#1947ba; position:absolute; right:0; bottom:-90px; padding:35px; box-sizing:border-box; z-index:9991;}
.indexdiv .soso span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#fff; font-weight:600;}
.indexdiv .soso p{ width:100%; height:auto; float:left; background:rgba(255,255,255,0.4); margin-top:25px; border-radius:5px;}
.indexdiv .soso p .input{ width:220px; height:40px; line-height:40px;font-family:"Montserrat",'Poppins';   float:left; border:none; outline:none; background:none; text-indent:10px; color:#fff;  }
.indexdiv .soso p .button{ width:50px; height:40px; line-height:40px; float:left; border:none; outline:none; background:url(../images/soso1.png) center center no-repeat; cursor:pointer; background-size:20px auto;  }



.indexdiv1left ul{ width:100%; height:auto; float:left; list-style:none; margin:15px 0;}
.indexdiv1left ul li{ width:100%; height:40px; float:left; margin:15px 0;}
.indexdiv1left ul li a{ width:100%; height:40px; line-height:40px; float:left; font-size:18px; color:#333; font-weight:bold;}
.indexdiv1left ul li a img{ width:40px; height:40px; float:left; display:block; margin-right:10px;}
.indexdiv1left ul li a img.img1{ display:none;} 
.indexdiv1left ul li a:hover,.indexdiv1left ul li a.cur{ color:#1947ba;} 
.indexdiv1left ul li a:hover .img,.indexdiv1left ul li a.cur .img{ display:none;} 
.indexdiv1left ul li a:hover .img1,.indexdiv1left ul li a.cur .img1{ display:block;} 
.indexdiv1left ul li a:hover span,.indexdiv1left ul li a.cur span{ background:url(../images/tmbj.png) center 15px no-repeat; background-size:100% 10px;} 
 
.indexdiv1right{ width:70%; height:auto; float:right; position:relative;} 
.indexdiv1righttxt{ width:100%; height:auto; float:left; margin-bottom:20px; font-size:16px; line-height:28px; color:#444;} 
.indexdiv1righttxt a{ color:#1947ba;} 
.prolistqh{ width:100%; height:auto; float:left; display:none;}
dl.ipdl{ width:350px; height:auto; background:url(../images/lsbj.png) left bottom no-repeat #fff;background-size:0 2px;  transition:all 0.5s ease; float:left; padding:30px 30px 10px 30px; box-sizing:border-box; margin-right:10px;}
dl.ipdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.ipdl dt img{ width:100%; height:auto; display:block;  -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.ipdl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.ipdl dd{ width:100%; height:auto; float:left;}
dl.ipdl dd h3 a{ width:100%; height:50px; line-height:50px; float:left; font-size:18px; color:#333; overflow:hidden; border-bottom:1px solid #f9f9f9;}
dl.ipdl dd a.a{ width:100%; height:50px; line-height:50px; float:left; font-size:16px; color:#777; background:url(../images/index1_tb4.png) right center no-repeat;}
dl.ipdl:hover{  background-size:100% 2px; transition:all 0.5s ease;}
dl.ipdl:hover dd a.a{ color:#1947ba; background:url(../images/index1_tb4h.png) right center no-repeat; }

.indexpro{ width:100%; height:auto; float:left; padding-bottom:50px; background:url(../images/lsbj.png) left bottom no-repeat; background-size:33% 2px; border-bottom:1px solid #ededed; overflow:hidden;}
.indexprolist{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.projtdiv{ width:160px; height:50px; float:left; position:absolute; left:-400px; bottom:60px;}
.projtdiv .jtl{ width:60px; height:60px; float:left; background:url(../images/jtl.png) center center no-repeat; cursor:pointer; background-size:100% 100% !important;}
.projtdiv .jtl:hover{background:url(../images/jtlh.png) center center no-repeat; }
.projtdiv .jtr{ width:60px; height:60px; float:right; background:url(../images/jtr.png) center center no-repeat; cursor:pointer; background-size:100% 100% !important;}
.projtdiv .jtr:hover{background:url(../images/jtrh.png) center center no-repeat; }
 
img.framed {
  border: 6px solid transparent;
  background: linear-gradient(135deg, #fff, #fff0f0) padding-box,
              linear-gradient(135deg, rgba(255,0,0,0.7), rgba(153,0,0,0.7), rgba(255,51,51,0.7), rgba(204,0,0,0.7)) border-box;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 15px 25px -10px rgba(153, 0, 0, 0.5),
              inset 0 1px 3px rgba(255,255,255,0.6),
              0 0 0 2px rgba(255,50,50,0.3);
  transition: all 0.3s ease;
}

img.framed:hover {
  box-shadow: 0 20px 35px -8px rgba(153, 0, 0, 0.6),
              inset 0 1px 3px rgba(255,255,255,0.7);
  border-radius: 16px;
}
.indexdiv2{ width:100%; height:auto; float:left;  padding:20px 0;}
.indextt1{ text-align:center;}
.indextt1 strong{ background:none !important;}




@media (max-width: 1399px) {
  dl.isdl{height:auto; float:left; margin:5px; position:relative; width: 368px}
}


@media (min-width: 1400px) and (max-width: 1439px) {
  dl.isdl{height:auto; float:left; margin:5px; position:relative; width: 375px}
}


@media (min-width: 1440px) and (max-width: 1918px) {
  dl.isdl{height:auto; float:left; margin:5px; position:relative; width: 387px}
}


@media (min-width: 1919px) and (max-width: 2000px) {
  dl.isdl{height:auto; float:left; margin:5px; position:relative; width: 388px}
}


@media (min-width: 1922px) {
  dl.isdl{height:auto; float:left; margin:5px; position:relative; width: 388px}
}


dl.isdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.isdl dt img{ width:100%; height:auto; display:block;  -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}

dl.isdl dd.dd{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; padding:30px 20px; text-align:center; box-sizing:border-box;}
dl.isdl dd.dd img{ width:48px; height:48px; display:block; margin:0 auto;}
dl.isdl dd.dd h3{ width:100%; height:auto; line-height:28px; font-size:20px; color:#333; margin-top:10px;}
dl.isdl:hover dd.dd h3{ color:#1947ba;}
dl.isdl dd.dd1{ position:absolute; left:0; bottom:20px; width:100%; height:auto; float:left;}
dl.isdl dd.dd1 a{width:250px; height:46px; background: rgba(218,37,28,0.8); box-sizing:border-box; border-radius:36px; display:inherit; color:#fff; margin:0 auto; text-align: center}
dl.isdl dd.dd1 a span{ display:block;height: 46px;
    line-height: 46px;}
dl.isdl:hover dd.dd1 a{ width:250px; height:46px; background: rgba(218,37,28,0.8); text-align: center box-sizing:border-box; border-radius:36px; display:inherit; color:#fff; margin:0 auto;}
dl.isdl:hover dd.dd1 a span{ width:auto; height:46px; line-height:46px; display:block;}

.indexsolz{ width:100%; height:auto; float:left; position:relative;}
.indexsol{ width:100%; height:auto; float:left; overflow:hidden;}
.indexsollist{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.isoljtl{ position:absolute; left:-30px; top:45%; width:60px; height:60px; float:left; background:url(../images/jtl.png) center center no-repeat #fff; cursor:pointer; border-radius:100%; background-size:100% 100% !important;}
.isoljtl:hover{background:url(../images/jtlh.png) center center no-repeat; }
.isoljtr{position:absolute; right:-30px; top:45%; width:60px; height:60px; float:right; background:url(../images/jtr.png) center center no-repeat #fff; cursor:pointer; border-radius:100%; background-size:100% 100% !important;}
.isoljtr:hover{background:url(../images/jtrh.png) center center no-repeat; }

.indexdiv3{ width:100%; height:auto; float:left; padding:80px 0; overflow:hidden; background-size:cover;}



@media (max-width: 1399px) {
  .indexdiv3txt{ width:300px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
}


@media (min-width: 1400px) and (max-width: 1439px) {
  .indexdiv3txt{ width:300px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
}


@media (min-width: 1440px) and (max-width: 1918px) {
  .indexdiv3txt{ width:300px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
}


@media (min-width: 1919px) and (max-width: 2000px) {
  .indexdiv3txt{ width:500px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
}


@media (min-width: 1922px) {
  .indexdiv3txt{ width:500px; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0;}
}


.indexdiv3 ul{ width:100%; height:auto; float:left; max-width:650px; list-style:none; margin-top:35px;}
.indexdiv3 ul li{ width:50%; height:auto; float:left; margin-bottom:15px;} 
.indexdiv3 ul strong{ width:100%; height:auto; float:left; color:#000; font-size:30px; line-height:50px;} 



@media (max-width: 1399px) {
  .indexdiv3 ul strong em{ font-size:36px; font-style: normal;} 
}


@media (min-width: 1400px) and (max-width: 1439px) {
  .indexdiv3 ul strong em{ font-size:36px; font-style: normal;} 
}


@media (min-width: 1440px) and (max-width: 1918px) {
  .indexdiv3 ul strong em{ font-size:36px; font-style: normal;} 
}


@media (min-width: 1919px) and (max-width: 2000px) {
  .indexdiv3 ul strong em{ font-size:56px; font-style: normal;} 
}


@media (min-width: 1922px) {
  .indexdiv3 ul strong em{ font-size:56px; font-style: normal;} 
}


.indexdiv3 ul p{ width:100%; height:auto; float:left; color:#444; font-size:16px; line-height:24px; min-height:48px; font-weight:bold;} 



@media (max-width: 1399px) {
  .indexdiv3 ul li.l1{ padding-left:0px; background:url(../images/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
}


@media (min-width: 1400px) and (max-width: 1439px) {
  .indexdiv3 ul li.l1{ padding-left:0px; background:url(../images/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
}


@media (min-width: 1440px) and (max-width: 1918px) {
  .indexdiv3 ul li.l1{ padding-left:0px; background:url(../images/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
}


@media (min-width: 1919px) and (max-width: 2000px) {
  .indexdiv3 ul li.l1{ padding-left:40px; background:url(../images/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
}


@media (min-width: 1922px) {
  .indexdiv3 ul li.l1{ padding-left:40px; background:url(../images/hsbj.jpg) left  top no-repeat; background-size:1px 40px; box-sizing:border-box;} 
}


.indexdiv3dt{ width:auto; height:auto; position:static; top:0px;}

 @media (max-width: 1399px) {
  .indexdiv3dt img{ width:auto; height:auto;  max-width:100%; display:block; margin: 0 auto} 
	 
	 .aaaaaa{margin-bottom: 20px; margin-top: 20px;}
}


@media (min-width: 1400px) and (max-width: 1439px) {
  .indexdiv3dt img{ width:auto; height:auto; max-width:900px; display:block; margin: 0 auto} 
		 .aaaaaa{margin-bottom: 20px; margin-top: 20px;}
}


@media (min-width: 1440px) and (max-width: 1918px) {
  .indexdiv3dt img{ width:auto; height:auto;  max-width:100%; display:block; margin: 0 auto} 
		 .aaaaaa{margin-bottom: 20px; margin-top: 20px;}
}


@media (min-width: 1919px) and (max-width: 2000px) {
  .indexdiv3dt img{ width:auto; height:auto; max-width:100%; display:block; margin: 0 auto} 
		 .aaaaaa{margin-bottom: 50px; margin-top: 50px;}
}


@media (min-width: 1922px) {
  .indexdiv3dt img{ width:auto; height:auto;  max-width:100%; display:block; margin: 0 auto} 
	.aaaaaa{margin-bottom: 50px; margin-top: 50px;}
}
.indexdiv4{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/index4divbj.png) left bottom no-repeat #fff; }
.indexdiv4l{ width:45%; height:auto; float:left; padding-right:8%; box-sizing:border-box;}
.indexdiv4 .indextt strong{ margin-top:10px;}
.indexdiv4ltw{ width:100%; height:150px; float:left; position:relative;}
.indexdiv4ltw ul{ width:811px; height:auto; float:left; list-style:none; position:absolute; left:0; top:0;}
.indexdiv4ltw ul li a{ width:270px; height:auto; padding:30px; box-sizing:border-box; border-right:1px solid #ededed; background:rgba(255,255,255,0.9); float:left; } 
.indexdiv4ltw ul li a span{ width:auto; height:auto; float:right; font-size:24px; line-height:26px; color:#666; opacity:0.2; font-weight:bold;} 
.indexdiv4ltw ul li a img{ width:50px; height:50px; float:left; display:block;} 
.indexdiv4ltw ul li a img.img1{ display:none;} 
.indexdiv4ltw ul li a p{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; font-weight:600; color:#333; margin-top:5px;} 
.indexdiv4ltw ul li a:hover,.indexdiv4ltw ul li a.cur{ background:url(../images/xin_ysbj1.jpg) center center no-repeat; background-size:cover;}
.indexdiv4ltw ul li a:hover img.img1,.indexdiv4ltw ul li a.cur img.img1{ display:block;}
.indexdiv4ltw ul li a:hover img.img,.indexdiv4ltw ul li a.cur img.img{ display:none;}
.indexdiv4ltw ul li a:hover p,.indexdiv4ltw ul li a.cur p{ color:#fff;} 
.indexdiv4ltw ul li a.last{ border-right:none;}
.indexdiv4ltxt{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:15px 0; display:none;}
.indexdiv4r{ width:55%; height:auto; float:left;}
a.amore{ width:auto; height:50px; line-height:50px; font-size:16px; color:#fff; background:#1947ba; padding:0 35px; float:right; margin-bottom:30px; }
a.amore s{ padding-right:20px; background:url(../images/index1_tb4a.png) right center no-repeat;} 
a.amore:hover{ background:#133894;}
.indexdiv4r img,.indexdiv4r video{ width:100%; height:auto; display:block;}

.indexdiv5{ width:100%; height:auto; float:left; padding:80px 0; background:#f9fafc;}
.ixul{ width:220px; height:auto; margin:0 auto; list-style:none; position:relative; top:-100px;}
.ixul li{ width:50%; height:46px; float:left; border-bottom:2px solid #ededed;}
.ixul li a{ width:100%; height:46px; line-height:46px; float:left; overflow:hidden; font-size:18px; font-weight:600; color:#333;}
.ixul li a:hover,.ixul li a.cur{ color:#1947ba; border-bottom:2px solid #1947ba;}
.indexdiv5 a.amore{ margin-top:-95px;}
.indexdiv5qh{ width:100%; height:auto; float:left; min-height:200px;  display:none;}
.indexdiv5qhtz{ width:66%; height:auto; float:left; margin-right:2%;}
.indexdiv5qhtz dl{ width:100%; height:auto; float:left;  position:relative; display:none;}





.indexdiv5qhtz dl dt{ width:100%; height:360px;border-radius:15px; overflow:hidden; float:left; }
.indexdiv5qhtz dl dt img{ width:100%; height:100%; display:block;}
.indexdiv5qhtz dl dd{ width:100%; height:auto; float:left; padding:40px; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff;}
.indexdiv5qhtz dl dd div{ width:100%; height:auto; float:left; padding-right:250px; box-sizing:border-box;}
.indexdiv5qhtz dl dd div strong{ width:50px; height:auto; float:left; font-size:20px; line-height:20px; padding-right:25px; background:url(../images/indexdiv5_tb.png) right 5px no-repeat;}
.indexdiv5qhtz dl dd div strong p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; font-weight:normal; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.2);}
.indexdiv5qhtz dl dd div h3 a{ width:100%; height:52px; overflow:hidden; float:left; padding-left:110px; margin-top:-55px; font-size:23px; line-height:26px; color:#fff;}

.inwspan{ width:90px; height:30px; float:right; background:rgba(255,255,255,0.4); border-radius:30px; padding:0 15px; box-sizing:border-box; margin:-80px 40px 0 0; position:relative; z-index:1; } 
.inwspan a{ width:10px; height:10px; margin:10px 5px; background:#ccc; border-radius:100%; display:block; float:left;}
.inwspan a.cur{ background:#fff;} 
dl.ixwdl{ width:32%; height:360px; float:left; margin-right:2%; margin-bottom:2%; position:relative; background:#fff; border-radius:15px; padding:40px; box-sizing:border-box;}
dl.ixwdl dd{ width:100%; height:auto; float:left;}
dl.ixwdl dd span{ width:auto; height:30px; border-radius:30px; float:left; line-height:30px; color:#1947ba; font-weight:bold; padding:0 25px 0 37px; background:url(../images/inew_tb.png) 15px center no-repeat #edf8fd;}
dl.ixwdl dd h3 a{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; font-weight:bold; color:#333; margin-top:15px;}
dl.ixwdl dt{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:20px;}
dl.ixwdl dt p{ width:100%; height:auto; float:left; padding:0 40px; box-sizing:border-box;}
dl.ixwdl dt p a{ width:100%; height:auto; float:left; border-top:1px solid #f9f9f9; line-height:40px; background:url(../images/index1_tb4.png) right center no-repeat; font-size:16px; font-weight:600; color:#666;}
dl.ixwdl:hover dd h3 a{ color:#1947ba;} 
dl.ixwdl:hover dt p a{ color:#1947ba; background:url(../images/index1_tb4h.png) right center no-repeat;} 
dl.ixwdl.d1{ margin-right:0;}



.divbot{ width:100%; height:auto; float:left; background:#fff; padding:45px 0; border-top:1px solid #f9f9f9;}
.divbota{ width:32%; height:auto; margin-right:2%; float:left; background:url(../images/hsbj.jpg) right center no-repeat; background-size:1px 100%; box-sizing:border-box;}
.divbota a{ width:100%; height:auto; min-height:60px; float:left; padding:0 0px 0 85px; color:#333; background-position:15px top !important; box-sizing:border-box; background-size:50px auto !important;} 
.divbota a strong{ width:100%; height:auto; float:left;  font-size:22px; line-height:28px;}
.divbota a span{ width:auto; height:auto; float:left; font-size:16px; line-height:26px; background:url(../images/index1_tb4h.png) right center no-repeat; color:#1947ba; padding-right:18px; font-weight:bold;} 
.divbota:last-child{ background:none; margin-right:0%;} 

/*******产品中心列表******/
dl.profl{ width:100%; height:auto; float:left; }
dl.profl dt{ width:100%; height:auto; float:left;}
dl.profl dt h2,dl.profl dt h1{ width:100%; height:auto; float:left; font-size:26px; line-height:46px;  color:#333; font-weight:bold;}
dl.profl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:28px;   color:#333;}

.prodivfl{ width:100%; height:auto; float:left; margin-top:0px;}
.prodivfl .h3{ display:none; width:100%; height:auto; float:left; font-size:28px; line-height:40px; margin-bottom:5px;  color:#1947ba; font-weight:bold;}
dl.pdl1{ width:31.333%; height:auto; float:left; margin:1%;padding:25px; box-sizing:border-box; position:relative; background:url(../images/lsbj.png) center top no-repeat #fafbfd; background-size:0 2px; transition:all 0.5s ease;}
dl.pdl1 dd.dd{ width:100%; height:auto; float:left; padding-bottom:5px;}
dl.pdl1 dd.dd h2 a{ width:100%; height:26px; float:left; text-align:center; font-size:18px; line-height:26px; color:#333; overflow:hidden;}
dl.pdl1 dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.pdl1 dt img{ width:70%; margin:10px auto; height:auto; display:block;  -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pdl1:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pdl1 dd.dd1{ width:100%; height:auto; float:left; }
dl.pdl1 dd.dd1 p{ width:100%; height:44px; float:left; font-size:16px; line-height:22px; color:#555; text-align:center; overflow:hidden;}
dl.pdl1:hover{ background-size:100% 2px; transition:all 0.5s ease;}
dl.pdl1:hover dd.dd h2 a{ color:#1947ba;}

/****产品详细******/
.prodwdiv{ width:100%; height:auto; float:left; background:rgba(255,255,255,0.8); position:fixed; left:0; top:122px; z-index:9991;}
.prodwdiv ul{ width:100%; height:auto; float:left; padding-right:200px; list-style:none; box-sizing:border-box;}
.prodwdiv ul li{ width:auto; height:auto; float:left; margin-right:40px;}
.prodwdiv ul li a{ width:auto; height:60px; line-height:60px; font-size:16px; font-weight:600; color:#333;float:left; display:block;}
.prodwdiv ul li a:hover,.prodwdiv ul li a.cur{background:url(../images/lsbj.png) left bottom no-repeat;   background-size:100% 2px; color:#1947ba;}
.prodwdiv a.a{ width:auto; height:36px; line-height:36px; color:#fff; font-weight:bold; border-radius:18px; float:right; margin-right:0px; margin-top:-48px; padding:0 25px; background:#1947ba;}
.prodwdiv a.a span{ padding-left:25px; background:url(../images/proxxtb.png) left center no-repeat;}
.prodwdiv a.a:hover{ opacity:0.8;}
.prodwdivs{ top:70px;}

.proxxdiv{ width:100%; height:auto; float:left; background:#f9fafc/*url(../images/proxxbj.jpg) center center no-repeat*/; margin-top:50px; padding:80px 0 0 0; background-size:cover;}
.proxxdivc{ width:100%; height:auto; min-height:300px; float:left; background:#fff; padding:90px 90px 50px 90px; border-bottom:1px solid #ededed; box-sizing:border-box;}
.proxxdivs{ margin-top:70px;}

.proxxdivtz{ width:42%; height:auto; float:left;}
.jqzoom{float:left; width:100%; background:#f3f4f7; position:relative; height:auto;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:40px 60px; box-sizing:border-box; display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.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);}
.spec-preview{width:100%;height:auto; }
.spec-scroll{ height:auto; float:left; margin:15px 0;width:100%; position:relative; box-sizing:border-box;}
.spec-scroll .prev{ position:absolute; left:0px; top:0; z-index:99;width:40px;height:60px;display:block;cursor:pointer; background:url(../images/jtl.png) center center no-repeat; background-size:30px auto !important;}
.spec-scroll .next{position:absolute; right:0px; top:0; z-index:99;width:40px;height:60px;display:block;cursor:pointer; background:url(../images/jtr.png) center center no-repeat; background-size:30px auto !important;}
.spec-scroll .prev:hover{background:url(../images/jtlh.png) center center no-repeat;}
.spec-scroll .next:hover{background:url(../images/jtrh.png) center center no-repeat;}
.spec-scroll .items{float:left;position:relative;width:80%;height:60px;overflow:hidden; margin:0 10%;}
.spec-scroll .items ul{position:absolute; left:0; top:0; width:999999px;height:auto; transition: transform 232ms; list-style:none;}
.spec-scroll .items ul li{float:left;width:60px; height:60px;text-align:center; cursor:pointer; margin-right:10px; background:#f3f4f7;}
.spec-scroll .items ul li img{width:auto; height:100%; margin:0 auto; padding:15px 0;   box-sizing:border-box;}
.spec-scroll .items ul li:hover,.spec-scroll .items ul li.cur{ border:2px solid #1947ba; box-sizing:border-box;}
