@font-face{font-family:Fonts;src:url(../Fonts/Roboto-Regular.ttf)}
body{font-weight:lighter;font-family:Fonts,arial,sans-serif;}
::-webkit-scrollbar{width:0.05rem;height:0.05rem}
::-webkit-scrollbar-track{width:0.05rem;background-color:#a5b7cf}
::-webkit-scrollbar-thumb{background-color:#285491;background-clip:padding-box;min-height:28px}
::-webkit-scrollbar-thumb:hover{background-color:#093b81}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;font-size:100px}
@media (max-width:1600px){html{font-size:6.25vw}
}
@media (max-width:1024px){html{font-size:9.765625vw}
}
@media (max-width:480px){html{font-size:14vw}
}
body{line-height:2;font-size:0.16rem;}
.auto-inner{margin:0 auto;width:74%;position:relative;}
@media(max-width:1024px){.auto-inner{margin:0 auto;width:92%;position:relative;}
}
a{transition:0.3s;}
.part_head{height:auto;overflow:hidden;margin-bottom:0.35rem;position:relative;}
/*.------------------------------------------------------------------------------------------------------------.home_title */
.home_title{position:relative;z-index:56;padding-bottom:0.24rem;}
.home_title span{display:block;font-weight:bold;font-style:italic;font-size:0.34rem;color:#008fd7;line-height:1;margin-bottom:0.2em;text-transform:capitalize;}
.home_title h3{font-size:0.36rem;color:#222;line-height:1;margin:0;line-height:1;position:relative;font-weight:normal; /* text-transform: uppercase; */}
@media(max-width:768px){.home_title{display:table;margin:0 auto;text-align:center;}
}
/*.------------------------------------------------------------------------------------------------------------.home_more */
.home_more{ box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,20,30,0.02); line-height:1;margin-top:5vw;line-height:0.5rem;border-radius:1rem;background:#fff;display:table;position:relative;overflow:hidden;}
.home_more:after{content:"";display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#008fd7;transition:0.5s;}
.home_more>*{color:#444;display:inline-block;font-size:0.16rem;background:url(../images/home_more.png) no-repeat right 0.3rem center;transition:.5s;padding:0 0.6rem 0 0.3rem;position:relative;z-index:50;}
.home_more:hover:after{width:100%;}
.home_more:hover>*{background:url(../images/home_more3.png) no-repeat right 0.3rem center;}
.home_more:hover>*{color:#fff !important;}
@media(max-width:768px){.home_more{display:table;margin:0 auto;}
}
a:hover{color:#285491}
@keyframes fucks{from{transition:0.3s ease-in}
to{transform:rotate(360deg)}
}
.slick-dots{display:block;width:100%;padding:0;margin:0.8% 0 0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:30px;height:30px;margin:0 4px;padding:0;cursor:pointer;border-radius:100px;;}
.slick-dots li:after{content:"";display:block;position:absolute;left:13px;top:13px;width:4px;height:4px;border-radius:100px;background:rgba(0,0,0,0.5)}
.slick-dots li button{display:none}
.slick-dots .slick-active{background:url(../images/slick-dots-active2.png) no-repeat center center;animation-name:fucks;animation-duration:2s;animation-iteration-count:infinite; background-size: contain;}
@media(max-width:768px){
  .slick-dots{margin:6% 0 0;}
}
.slick-arrow{background:url(../images/arrow.png) no-repeat left 15px center #fff; 
  z-index:100;font-size:0;width:46px;height:46px;border-radius:100%;position:absolute;top:50%;margin-top:-23px;cursor:pointer;padding:0;}
.slick-prev{left:-25px;}
.slick-next{right:-25px;background-position:right 15px center !important;}
.slick-arrow:hover{background:url(../images/arrow2.png) no-repeat left 15px center;background-color:#285491 !important;border-color:#285491;}
@media(max-width:768px){
  .slick-arrow{transform:scale(0.7)}
}
.home_pager{display:inline-block;font-size:0.22rem;letter-spacing:0.02rem;vertical-align:middle;line-height:2;color:#999;margin-top:0.1rem;}
.home_pager .cur{color:#2b9f65;}
.home_bot{text-align:center;margin-top:0.45rem;position:relative;width:100%;}
.home_bot:before{content:"";display:block;position:absolute;left:0;top:51%;;width:42%;height:1px;background:#e8e8e8;}
.home_bot:after{content:"";display:block;position:absolute;right:0;top:51%;width:42%;height:1px;background:#e8e8e8}
/*.------------------------------------------------------------------------------------------------------------.Maintop */
.Maintop{width:100%;z-index:1000; position: fixed; left: 0; top: 0; background: rgba(255,255,255,1);}
.Maintop .auto-inner{position:relative}
.Maintop .logo{width:20vw;padding:0.12rem 0 0;float:left;}
.Maintop .logo a{}
.Maintop .logo img{max-height:0.56rem;}
.Maintop .open-search.on:before,.Maintop .open-search.on:after{background-color:#444;height:0.02rem;}
.Maintop .top-menu li{padding:0 1.5vw;position:relative;}
.Maintop .top-menu li span,.Maintop .top-menu li a{display:block; text-transform: capitalize;}
.Maintop .top-menu li span a{display:inline-block;position:relative;color:#222;font-size:0.18rem;}
.Maintop .top-menu li.aon span a,.Maintop .top-menu li span a:hover{color:#285491;font-weight:normal;}
.Maintop .top-menu li dl{padding:0;border-radius:0 0 0.1rem 0.1rem;overflow:hidden;}
.Maintop .top-menu li#m6 .sub,
.Maintop .top-menu li#m8 .sub{ width: 150%; margin-left: -25%; left: 0;}
.Maintop .top-menu li dt{padding:0}
.Maintop .top-menu li dt a{line-height:1.5;font-size:0.16rem;padding:0.5em 0;}
.Maintop .top-menu li dt a:hover{background:#285491;color:#fff;}
.Maintop .top-nav{float:right;padding:0.2rem 0;margin-left:0.3rem;position:relative;height:0.8rem; margin-left: 0.8rem;}
.Maintop .open-search{background:url("../images/searchbtn1.png") no-repeat center center;width:0.4rem;height:0.4rem;}
.Maintop .top-search{display:block;;padding:0 0.5rem 0 0;width:2.32rem;overflow:hidden;display:none;}
.Maintop .top-search .text{font-size:0.16rem;padding-left:0.2rem;width:1.92rem;line-height:0.4rem;height:0.4rem;background:rgba(255,255,255,.7);;color:rgba(0,0,0,0.5);}
.Maintop .top-search .btn{z-index:50;width:0.4rem;z-index:50;background:url(../images/searchbtn2.png) no-repeat #285491 center center;background-size:100% 100%;background-size:0.16rem;}
@media(min-width:1025px){.Maintop .top-menu{float:right;}
.Maintop .top-menu li{float:left;}
.Maintop .top-menu li span{text-align:center;}
.Maintop .top-menu li span a{line-height:0.8rem;}
.Maintop .top-menu li span a:before{position:absolute;left:0;top:0px;height:3px;content:'';width:100%;}
.Maintop .top-menu li span a:hover:before,.Maintop .top-menu li.aon span a:before{background:#285491}
.Maintop .top-nav:before{content:"";display:block;position:absolute;left:-0.5rem;top:42%;width:1px;height:16%;background:rgba(0,0,0,0.3);transform: skewX(-45deg);
}
}
@media(max-width:1024px){
.Maintop{height:1rem; position: relative;}
.Maintop .top-menu li#tel{display:block;}


.Maintop .auto-inner{height:100%;}
.Maintop .top-menu{position:fixed;top:1rem;right:0;bottom:0;width:0;opacity:0;transition:0.3s;overflow:hidden;background:#285491}
.menu-show .Maintop .top-menu{width:60%;opacity:1;padding:4%}
.Maintop .top-menu ul{height:100%;overflow:auto;width:100%;}
.Maintop .top-menu li{width:auto!important;padding:10px 0;border-color:rgba(255,255,255,0.2) !important;}
.Maintop .top-menu li:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.4);}
.Maintop .top-menu li span a{color:#fff !important;font-size:0.26rem}
.Maintop .top-menu li span{line-height:2;text-align:left;}
.Maintop .top-menu li .sub{background:rgba(0,0,0,0.1);padding:5%;;width:100%;margin-left:0;}
.Maintop .logo{width:50%;height:100%;padding:0}
.Maintop .logo h1{padding:0;height:100%;display:block;margin:0;}
.Maintop .logo a{padding:4% 0;height:100%;display:block;}



.Maintop .logo img{max-height:0.7rem;}


.Maintop .top-nav{padding:0;height:100%}
.Maintop .open-menu{float:left;margin-top:0.2rem;}
.Maintop .open-search{margin:0 0.2rem;margin-top:0.3rem; float: left;}
.Maintop .top-phone{height:32px;width:16px;}
.Maintop .top-menu li.center{display:none;}
.Maintop .top-menu li dt{width:100%;min-height:auto;border:none !important}
.Maintop .top-menu li dt a{color:#fff;line-height:2;}
.Maintop .top-menu li .pic,.Maintop .top-menu li dt a img{display:none;}
.Maintop .top-menu li .text{width:100%;float:left;}
.Maintop .top-menu li dt a span .op{display:none;}
.open-menu{width:0.6rem;height:0.6rem;border-radius:100%}
.open-menu i{background:#285491;height:3px;left:20%;width:60%}
.open-menu:not(.on) i:nth-child(1){margin-top:-8px;}
.open-menu:not(.on) i:nth-child(2){margin-top:0;}
.open-menu:not(.on) i:nth-child(3){margin-top:8px;}
}
/*Banner002826 */
.Banner002826{position: relative; z-index: 1;}

.Banner002826 li.slick-slide{position: relative;}
.Banner002826 li.slick-slide img{display: block;width: 100%;}
.Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
@media(min-width:1025px){
.Banner002826  li.slick-slide img.wap{display: none;}
.Banner002826:after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2.4rem;
  background:url(../images/bancover.png) no-repeat center top;background-size:100% 100%;z-index:50;}
}
@media(max-width:1024px){
.Banner002826  li.slick-slide img.pc{display: none;}
.Banner002826  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.Banner002826  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
.Banner002826  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.Banner002826  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}

.Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 15%;overflow: hidden; z-index: 100;}
.Banner002826 .slick-dots li:after{background:#fff;}
.Banner002826 .slick-dots .slick-active{background:url(../images/slick-dots-active2.png) no-repeat center center; background-size: contain;}
@media(max-width:640px){
  .Banner002826 .slick-dots{ bottom: 8%;}
}



/*.------------------------------------------------------------------------------------------------------------.Floor0001*/
.Floor0001{background:#f1f6fa; padding: 5% 0; }
.Floor0001 .auto-inner{position:relative;z-index:56;}
.Floor0001 .inner{position:relative;}
.Floor0001 .home_title{ text-align: center;}
.Floor0001 .home_title h3{ color: #fff;}
.Floor0001 li .pic{padding-bottom:42%;}
.Floor0001 .slick-initialized .slick-slide{position:relative;}
.Floor0001 li .video{width:100%;height: 5rem;position: absolute;z-index: 9999999;}
.Floor0001 li .video video{width:100%;height: 100%;position: absolute;z-index: 9999999;}
.Floor0001 .main li .pic{border-radius: 0.2rem; position: relative; transition: 0.5s;}
.Floor0001 .main li:hover .pic{ opacity: 0.8;}
.Floor0001 .main{ position: relative;}
.Floor0001 .rnav{border-radius:0  0.2rem 0.2rem 0; overflow: hidden; position: absolute; right:0rem; top: 0; width:30%; height: 100%;
   z-index: 100; padding: 8% 2% 7% 9%;background: url(../images/bg1.png) no-repeat; background-size: auto 100% }
.Floor0001 .rnav .slider-nav{ height: 100%;}
.Floor0001 .rnav .slick-slide{ margin:5% 0; text-align: center; opacity: 0.4; cursor: pointer; transform:scale(0.82);transition:all ease-in-out 0.1s}
.Floor0001 .rnav .slick-current{  opacity: 1;transform:scale(1);}
.Floor0001 .rnav .icon{  width: 0.6rem; margin: 0 auto; border-radius: 1rem;} 
.Floor0001 .rnav .icon img{ }
.Floor0001 .rnav .slick-slide h3{ color: #fff; font-weight: normal; margin: 0;  font-size: 0.18rem;}

.Floor0001 .slick-dots{overflow: hidden;text-align: center; padding: 2% 0;position: absolute;bottom:0%;z-index: 100}
.Floor0001 .slick-dots .slick-active{background:none;animation-name: none;}
.Floor0001 .slick-dots li:after{background:rgba(255,255,255,0.5);}
.Floor0001 .slick-dots .slick-active:after{background:rgba(255,255,255,1); width:8px;height: 8px;top:11px;left:11px;}

.Floor0001 .slick-arrow{left:50%;margin-top:0;margin-left:-23px;transform: rotate(90deg);top:auto;}
.Floor0001 .slick-arrow:hover{background-color:#19c3cf !important;border-color:#19c3cf;}
.Floor0001 .slick-prev{top:-45px;}
.Floor0001 .slick-next{bottom:-45px}

@media(max-width:768px){
  .Floor0001 .rnav .slick-slide{margin:2% 0;}
  .Banner002826 .slick-dots{ bottom: 8%;}
  .Floor0001 .slick-dots{text-align: left;padding:1% 0;}
  .Floor0001 .slick-arrow{width:26px;height: 26px;margin-left:-13px;background-position: left 6px center}
  .Floor0001 .slick-prev{top:-20px;}
  .Floor0001 .slick-next{bottom:-20px;background-position: right 6px center !important}
  .Floor0001 .rnav{ width:40%; padding: 8% 2% 8% 9%;}
  .Floor0001 .rnav .icon{  width: 0.6rem;}
  .Floor0001 li .pic{padding-bottom:48%;}

}


/*.------------------------------------------------------------------------------------------------------------.Floor0002*/
.Floor0002{background:#f1f6fa; padding:0 0 5% 0;}
.Floor0002 .home_title{ text-align: center;}
.Floor0002 .inner{position:relative;}
.Floor0002 .slick-list{ margin: 0 -0.1rem; }
.Floor0002 li{ background-color: #fff; border-radius: 0.2rem;  overflow: hidden; float: left; position: relative;}
.Floor0002 li:nth-child(3n){  margin-right:0}
.Floor0002 .pic{ padding-bottom: 70%;transition: transform .5s ease-in-out; background-size: cover; }
.Floor0002 li:hover .pic{ transform: scale(1.03);}
.Floor0002 .text{   text-align: center; padding:18% 0  3%; background:url(../images/mbg.png) no-repeat;background-size: 100% 100%;  z-index: 100;
   position: absolute; left: 0; bottom: 0; width: 100%; }
.Floor0002 .text h3{ font-weight: normal; margin: 0;  font-size: 0.18rem; color: #fff; margin: 0; text-transform: capitalize;}
.Floor0002 .slick-dots{margin-top: 0.4rem !important;}
.Floor0002 .slick-dots .slick-active{background:url(../images/slick-dots-active1.png) no-repeat center center;     background-size: contain;}
.Floor0002 .slick-arrow{ border: 0.03rem solid #f1f6fa;}
.Floor0002 .slick-arrow:hover{ border: 0.03rem solid #285491; }
@media(min-width:769px){
  .Floor0002 li{  width: 32.3%; margin-right: 1.5%; margin-bottom: 1.5%;  }
  .Floor0002 li:nth-child(3n){  margin-right:0}
}
@media(max-width:768px){
  .Floor0002 li{  width: 49%; margin-right:2%; margin-bottom: 2%; float: left;}
  .Floor0002 li:nth-child(3n){  margin-right:2%}
  .Floor0002 li:nth-child(even){  margin-right:0 !important}
}

/*.------------------------------------------------------------------------------------------------------------.Floor0003*/
.Floor0003{background:#f1f6fa; padding:0 0 5% 0;}
.Floor0003 .pic{background-color: #999; position: absolute; right: 0; top: 0; width:60%; height: 100%;border-radius: 0.2rem;}
.Floor0003 .text{ width: 35%;float: left; padding:0; font-size: 0.18rem;}
.Floor0003 .text b{ width: 0.44rem; height: 0.44rem; line-height: 0.44rem; display: inline-block; background:url(../images/nbg.png) no-repeat; background-size: contain; 
  margin-right: 0.1rem; color: #fff; text-align: center; position: relative; overflow: hidden; vertical-align: middle; font-size: 0.18rem; padding: 0.01rem 0.01rem 0 0 ;}
.Floor0003 .home_title{  margin-bottom: 1em;}
.Floor0003 .text dl{ border-radius: 0.1rem;  overflow: hidden;}
.Floor0003 .text dd{ padding:0.32rem 0.3rem;  transition: 0.5s; text-transform: capitalize; background:rgba(255,255,255,0.7); color: #222;}
.Floor0003 .text dd:hover{ padding-left: 0.6rem;}
.Floor0003 .text dd:nth-child(2n){background: rgba(0,0,0,0.03);}
.Floor0003 .text dd:nth-child(1) b{ opacity: 0.2;}
.Floor0003 .text dd:nth-child(2) b{ opacity: 0.4;}
.Floor0003 .text dd:nth-child(3) b{ opacity: 0.6}
.Floor0003 .text dd:nth-child(4) b{ opacity: 0.8;}
@media(max-width:768px){
  .Floor0003 .pic{ padding-bottom: 50%; right: auto; height: auto; top: auto; margin-top: 0.3rem;}
  .Floor0003 .pic,
.Floor0003 .text{ position: relative; width: 100%; float: none}
}

/*.Mainbottom*/
.Mainbottom{background:#285491;padding:4% 0;font-size:0.16rem; color:rgba(255,255,255,0.5)}
.Mainbottom a:hover{color:#fff}
.Mainbottom .icon{ } 
.Mainbottom .icon a {  display: inline-block; text-align: center; margin: 0 0 0 0.3rem; color:rgba(255,255,255,0.5);  text-transform: capitalize; opacity: 0.8; transition: 0.5s;}
.Mainbottom .icon a:hover { opacity: 1; color: #fff;}
.Mainbottom .icon a span{  display: table; margin: 0 auto 7%; border-radius: 2rem; background: rgba(255,255,255,0.15);}
.Mainbottom .icon a span img{width: 0.6rem; height: 0.6rem; padding: 0.1rem; }

.Mainbottom .share{margin: 0 0 0 -0.16rem;width:100%;position:relative;z-index:10;}
.Mainbottom .share a{border-radius:100px;overflow:hidden;display:inline-block;transition:.5s;width:0.38rem;height:0.38rem;margin:0 0 0 0.07rem;position:relative;opacity:0.8}

.Mainbottom .share a:hover{opacity:1}
.Mainbottom .copyright{ width: 70%;}
.Mainbottom .copyright p{ margin:0;}
.Mainbottom .copyright a{color:rgba(255,255,255,0.5)}
.Mainbottom .copyright a:hover{color:rgba(255,255,255,0.8)}
.Mainbottom .copyright a:not(:last-child):after{display:inline-block;content:'';width:1px;height:0.1rem;background:rgba(255,255,255,0.2);vertical-align:middle;margin:0 1em}
.Mainbottom .icon{display: inline-block}
.Mainbottom .fr{text-align: center}
.link_dl{ position: relative;width:180px; text-align: center; display: inline-block; vertical-align: top; padding-top: 20px; z-index: 20}
.link_dl dt{ position: relative; line-height: 34px; rgba(255,255,255,0.5); margin:0; border: 1px solid rgba(255,255,255,0.5);}
.link_dl dt i{ display: inline-block; width: 6px; height: 9px; vertical-align: middle; position: relative; margin-top: -3px; margin-left: 15px; background: url("../images/icon1.png") no-repeat center top;}
.link_dl dd{ position: absolute; left: 0; bottom:35px; width: 100%; z-index: 10; background: #285491; border: 1px solid rgba(255,255,255,0.5); padding:0; display: none; font-size: 14px; }
.link_dl dd a{ color: #fff; display: block; padding: 5px 10px; border-bottom:solid 1px rgba(255,255,255,0.5);}
.link_dl dd a:hover{ background: #007fba}
.link_dl:hover dt i{ transform: rotate(90deg);}
@media(min-width:1024px){
.Mainbottom .copyright{max-width: 700px;}
}
@media(max-width:1024px){
.Mainbottom .copyright{width: 100%; text-align: center}
.link_dl{padding-top: 10px}
}

@media(max-width:768px){
  .Mainbottom{text-align: center; padding: 0.5rem 0;}
 .Mainbottom .copyright{ width: 100%;;}
  .Mainbottom .share a{width:0.6rem;height:0.6rem;}

}
/*-------------------------------------------------------------------------------------------------------------.Columntit*/
.Columntit{margin-bottom:3em}
.Columntit h2{font-size:0.42rem;margin:0;display:block;color:#333;  line-height: 1;}
.Columntit span:after{content:"";display:block;width:0.3rem;height:0.03rem;background:#285491;margin:1% 0 2%}
.Columntit h3{font-size:0.28rem;font-weight:normal;margin:0;display:block;color:#333; text-transform: capitalize;}
.Columntit:after{content:"";display:block;width:0.3rem;height:0.03rem;background:#285491;margin:0.5% 0 2%}
.Columntit h4{font-size:0.18rem;margin:0;display:block;color:#444;font-weight:normal;position:relative;line-height:1;}
.Columntit span{font-size:0.16rem;}
.Columntit_center{text-align:center;}
/*-------------------------------------------------------------------------------------------------------------.Columnmore*/
.Columnmore{text-align:center;margin:2% 0 0}
.Columnmore a{color:#666;text-align:center;line-height:0.6rem;margin:0 auto 0;font-size:0.18rem;padding-right:0.2rem;background:url(../images/more.png) no-repeat right center;}
/*-------------------------------------------------------------------------------------------------------------.Columnbanner*/
.Columnbanner{position:relative;z-index:1;overflow: hidden; margin-top: 0.8rem;}
.Columnbanner div{padding-bottom:20%;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#666;}
.Columnbanner img{display:none}
.Columnbanner aside{ text-transform: uppercase; display:block;position:absolute;left:0%;top:52%;line-height:1.5;z-index:50;font-size:0.38rem;padding:0 10%;text-align: center; color:#fff;width:100%; font-weight: normal;}
.Columnbanner aside span{display:block;font-size:0.16rem;text-transform:capitalize;}
@media(max-width:1024px){.Columnbanner div{display:none}
.Columnbanner img{display:block;width:100%}
}
/*-------------------------------------------------------------------------------------------------------------.Columnmenu*/
/**.Columnmenu*/
.Columnmenu{padding:0.3rem 0 0;background: url(../images/bg1.jpg);
  background-size: cover;}
.Columnmenu .col-name{font-size:0.3rem;color:#222;margin:0;font-weight:400;position:relative;margin-left:0.1rem;display:none}
@media(min-width:1025px){.Columnmenu ul{margin-top:0;text-align:center;width:100%}
.Columnmenu li{display:inline-block;margin:0 0.02rem}
.Columnmenu li a{color:#444;font-size:0.16rem;line-height:0.5rem;display:block;padding:0 0.3rem;transition:.3s;border-radius:1rem; text-transform: capitalize;}
.Columnmenu li.aon a,.Columnmenu li:hover a{color:#fff;background:#285491}
}
@media(max-width:1024px){.Columnmenu .auto{border-bottom:none;padding:5vh 4% 0}
.Columnmenu .col-name{display:block;width:100%;height:0.6rem;line-height:0.6rem;color:#666;font-size:0.16rem;text-align:center;border:0.01rem solid #eee;background:url(../images/icon_r.png) no-repeat right 0.2rem center;margin:0;border-radius:1rem;}
.Columnmenu .col-name:after{display:none}
.Columnmenu ul{display:none;background:#fff;border-top:none;width:100%;max-width:100%;float:left;border-radius:0.05rem;overflow:hidden;}
.Columnmenu li{padding:0;color:#666;font-size:0.16rem;text-align:center;margin:0;display:block;width:100%;text-align:center}
.Columnmenu li:last-child{border-bottom:none}
.Columnmenu li a{line-height:0.6rem;font-size:0.14rem;background:#f2f3f5;border-radius:0;display:block;}
}












/*.------------------------------------------------------------------------------------------------------------.Singlepage*/
.Singlepage{padding:4% 0;}
.Singlepage2{background:#f1f6fa; padding:4% 0;}
.Singlepage .about .text{ text-align: justify;line-height:2;}
.Singlepage .about .box {margin-bottom: 0.4rem; }

@media(min-width:769px){
  .Singlepage .about .box1 .pic{width:38%;float:right}
  .Singlepage .about .box1 .text{width:55%;float:left;}
  .Singlepage .about .box2 .pic{width:55%;float:left}
  .Singlepage .about .box2 .text{width:38%;float:right;}
}


.Singlepage .history{ margin-top: 0.6rem;}
.Singlepage .contact{position:relative; padding-top:10%; overflow: hidden; margin-top: -5%;}
.Singlepage .contact .text{width:75%;float:left; background: url(../images/contact_bg.png) no-repeat left 11% center #f1f6fa; background-size:40%; padding:6% 20% 6% 5%;  border-radius: 0.2rem;}
.Singlepage .contact .pic{width:40%;position:absolute;right:0;bottom:10%;height:80%; z-index: 50;border-radius: 0.2rem;}
.Singlepage .contact .pic img{width:100%;border-radius: 0.2rem;}
.Singlepage .contact .Columntit{margin-bottom:3%;}
.Singlepage .contact .item { margin: 0.3em 0;}
.Singlepage .contact .text {font-size:0.18rem;font-weight:normal;margin:0;color:#444; float: left;}
.Singlepage .contact .text img{width:0.2rem;vertical-align:middle;margin-right:0.6em;opacity:0.6}
.Singlepage .contact .text .item{margin-bottom:0.3%;color:#666; height: auto; overflow: hidden;}
.Singlepage .contact .box{}
.Singlepage .contact .box:nth-child(1){margin-bottom:1%;}
.Singlepage .contact .text .item p{;margin:0; float: left;}
.Singlepage .contact .text .item:last-child{margin-bottom:0}
.Singlepage .contact .Columntit{text-align:left;}

@media(max-width:768px){
  .Singlepage .contact .text,
  .Singlepage .contact .pic{ width: 100%; position: relative;}
  .Singlepage .contact .pic{ padding-bottom: 50%;border-radius:0.2rem 0.2rem  0 0 ;}
  .Singlepage .contact .text{ padding: 5%; border-radius: 0 0 0.2rem 0.2rem;}
}


.News_top{padding:5% 0 0}
.News_top .slick-slide a{display:block;position:relative;height:auto;overflow:hidden;}
.News_top .slick-slide .pic{position:absolute;left:0;top:0;width:50%;height:100%;background-color:#666;transition:transform .5s ease-in-out;}
.News_top .slick-slide:hover .pic{transform:scale(1.05);}
.News_top .slick-slide .text{float:right;width:50%;background:#f5f5f5;padding:7% 6%;position:relative;z-index:50;}
.News_top .slick-slide .h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.3rem 0 0.1rem}
.News_top .slick-slide .p{color:#999;font-size:0.16rem;line-height:0.3rem;overflow:hidden;height:0.85rem;}
.News_top .slick-slide .time{margin-top:7%;color:#999;font-family:Fonts2;}
.News_list01{padding:3% 0 0}
.News_list01 img{width:100%;border-radius:0rem;transition:transform .5s ease-in-out}
.News_list01 .h3{color:#333;font-size:0.22rem;font-weight:400;margin:0.1rem 0 0.1rem}
.News_list01 .p{color:#999;font-size:0.16rem;line-height:0.3rem;overflow:hidden}
.News_list01 ul li{margin-bottom:0;background:#fff;padding:0.3rem 0;position:relative;border-bottom:0.01rem solid #eee;transition:.5s}
.News_list01 li:hover{background:#f5f5f5}
.News_list01 li:hover .left img{transform:scale(1.1)}
.News_list01 ul li a{display:block;height:auto;overflow:hidden}
@media(min-width:769px){.News_list01 .right{float:right;width:20%;overflow:hidden;border-radius:0rem}
.News_list01 .left{float:left;width:75%;padding:1% 1% 1% 2.2rem;position:relative}
.News_list01 .time{border-right:0.01rem solid #e5e5e5;position:absolute;left:0;top:0;width:1.5rem;text-align:center;font-family:Fonts2;height:2.1rem;padding-top:0.4rem;color:#999;opacity:0.7;}
.News_list01 .time span{font-size:0.42rem;font-weight:normal;display:block;line-height:1;}
.News_list01 .time{margin-top:0.14rem}
.News_list01 ul li{padding-right:0.2rem}
}
@media(max-width:768px){.News_list01{padding:5vh 0}
.News_list01 ul li{padding:0 0 0.4rem 0}
.News_list01 .left img{border-radius:0.05rem;}
.News_list01 .right .time{margin:0.1rem 0 0.05rem;display:inline-block}
.News_list01 .right .time span{float:right;margin:0}
.News_list01 .right .time span:before{content:"-"}
.News_list01 .right .h3{margin:0.3rem 0 0}
}
.Columnpage .Pages{text-align:center;padding:5% 0}
.Columnpage .Pages a{display:inline-block;vertical-align:middle;border:0.01rem solid #ececec;background:#fff;padding:0 0.15rem;line-height:0.38rem;color:#999; text-transform: capitalize;}
.Columnpage .Pages a.a_cur,.Columnpage .Pages a:hover{background-color:#285491;color:#fff}
.Columnpage .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden}
.Columnpage .Pages em a{float:left;margin-left:-0.01rem}
.Columnpage .Pages .p_count,.Columnpage .Pages .p_cur,.Columnpage .Pages .p_jump,.Columnpage .Pages .p_total{display:none}
.Columnpage .Pages .a_prev,.Columnpage .Pages .a_next{padding:0;width:0.44rem;overflow:hidden;line-height:10rem;height:0.38rem}
.Columnpage .Pages .a_prev{background:url(../images/Columnpage-a_prev.png) no-repeat center center #fff; background-size:30%;}
.Columnpage .Pages .a_next{background:url(../images/Columnpage-a_next.png) no-repeat center center #fff; background-size:30%;}
.Columnpage .Pages .a_prev:hover{background:url(../images/Columnpage-a_prev2.png) no-repeat center center #285491; background-size:30%;}
.Columnpage .Pages .a_next:hover{background:url(../images/Columnpage-a_next2.png) no-repeat center center #285491; background-size:30%;}
@media(max-width:6.4rem){.Columnpage .Pages .a_end,.Columnpage .Pages .a_first{display:none}
}
@media(max-width:4.8rem){.Columnpage .Pages a{padding:0 0.05rem}
}
.Logo_list{padding:4% 0;}
.Logo_list .list{ position: relative;}
.Logo_list span {display: inline-block;padding: 1em;}
.Logo_list span a{display:block;border-radius:0.1rem;border:1px solid #e8e8e8;position:relative;border-radius:0.1rem;overflow:hidden;}
.Logo_list span img{display:block; height:1rem;}
.Logo_list span figure{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(40,84,145,0.95);opacity:0;transition:0.3s;}
.Logo_list span:hover figure{opacity:1;}
.Logo_list span dl{display:table;width:100%;height:100%;}
.Logo_list span dt{display:table-cell;vertical-align:middle;text-align:center;font-size:0.16rem;color:#fff;}
.Logo_list .box:nth-child(even) .str_origin{ margin-left:-129px;}
/*.------------------------------------------------------------------------------------------------------------.Pictext_list */
.Pictext_list_01{padding:4% 0 ;}
.Pictext_list_01 li{overflow:hidden;width:32%;margin-right:2%;margin-bottom:2%;float:left;list-style:none;overflow:hidden;border-radius:0.1rem;}
.Pictext_list_01 li:nth-child(3n){margin-right:0}
.Pictext_list_01 li:nth-child(3)~li{margin-bottom:0}
.Pictext_list_01 li .pic{padding-bottom:52%;background-size:cover;transition:transform .5s ease-in-out;background-color:#ccc;}
.Pictext_list_01.pic_short li .pic{padding-bottom:43%;}
.Pictext_list_01 li:hover .pic{transform:scale(1.1);}
.Pictext_list_01 li .text{position:relative;z-index:50;padding:8% 10% ;background:#f1f6fa;position:relative;z-index:50;}
.Pictext_list_01 li .text h3{ border-bottom: 1px solid rgba(0,0,0,0.06); color:#444;margin:0 0 8% 0;line-height:1.5;font-size:0.22rem;font-weight:normal; text-transform: capitalize;}
.Pictext_list_01 li .text dl { height:7.5em; overflow: auto;}
.Pictext_list_01 li .text dd { line-height: 1.5em; margin: 3% 0;}
.Pictext_list_01 li .text dd img{ height: 0.18rem; margin-right: 0.05rem;}
@media(max-width:768px){
  .Pictext_list_01{margin-top:3%;}
  .Pictext_list_01 li{width:49%;margin-right:2% !important;margin-bottom:2%;}
  .Pictext_list_01 li:nth-child(2n){margin-right:0 !important}
}

/*.------------------------------------------------------------------------------------------------------------.Pictext_list2 */
.Pictext_list_02{padding:4% 0 0;background:#f1f6fa; margin-top: 1.5%;}
.Pictext_list_02 li{overflow:hidden;width:32.3%;margin-right:1.5%;margin-bottom:1.5%;float:left;list-style:none;overflow:hidden;border-radius:0.1rem; position: relative;}
.Pictext_list_02 li:nth-child(3n){margin-right:0}
.Pictext_list_02 li:nth-child(3)~li{margin-bottom:0}
.Pictext_list_02 li .pic{padding-bottom:100%;background-size:cover;transition:transform .5s ease-in-out;background-color:#fff;}
.Pictext_list_02 li:hover .pic{transform:scale(1.1);}
.Pictext_list_02 li .text{   text-align: center; padding:18% 0  3%; background:url(../images/mbg.png) no-repeat;background-size: 100% 100%;  z-index: 100;
  position: absolute; left: 0; bottom: 0; width: 100%; }
  .Pictext_list_02 li  .text h3{ font-weight: normal; margin: 0;  font-size: 0.18rem; color: #fff; margin: 0; text-transform: capitalize;}
.Pictext_list_02 li .text dd { line-height: 0.18rem; margin: 3% 0;}
.Pictext_list_02 li .text dd img{ height: 0.18rem; margin-right: 0.05rem;}
@media(max-width:768px){
  .Pictext_list_02{margin-top:3%;}
  .Pictext_list_02 li{width:49%;margin-right:2% !important;margin-bottom:2%;}
  .Pictext_list_02 li:nth-child(2n){margin-right:0 !important}
}



/*.------------------------------------------------------------------------------------------------------------.Pictext_list */
.Tit_list_02{padding:4% 0 0;}
.Tit_list_02 ul{}
.Tit_list_02 li{ width: 49.5%; float: left; margin-right: 1%; margin-bottom: 1%;}
.Tit_list_02 li:nth-child(2n){margin-right:0;}
.Tit_list_02 li a{border:1px solid #e2eaf0;display:block;padding:2.6% 2%;height:auto;overflow:hidden; background: #fff; position: relative; font-size: 0.16rem;  border-radius: 0.1rem; }
.Tit_list_02 li a:hover{ background: #f1f6fa;}
.Tit_list_02 li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0.28rem; width: 0.02rem ; height: 0.16rem; background: #285491  }
.Tit_list_02 li a h3{width:80%;color:#444;margin:0;line-height:2;font-size:0.16rem;font-weight:normal;float:left; text-transform: capitalize;}
.Tit_list_02 li a span{float:right; color: #666;}
/*-------------------------------------------------------------------------------------------------------------.Product_detail*/
.Product_detail{padding:4% 0;background:#f1f6fa; margin-top: 1.6%;}
.Product_detail .auto-inner{position:relative; border-radius: 0.2rem;}
.Product_detail .ptit{font-size:0.22rem;font-weight:normal;margin:0 ;display:block;color:#333}
.Product_detail .ptit:after{content:"";display:block;width:0.3rem;height:0.03rem;background:#4559a6;margin:0.6% 0 1em}
.Product_detail .pic_list{width:50%;float:left;position:relative;}
.Product_detail .top .auto-inner,
.Product_detail .bot .auto-inner{position:relative;height:auto;overflow:hidden;background:#fff;margin-bottom:0.5%;padding:4%;}
.Product_detail .top .con{width:50%;float:right;position:relative;padding:0;border-left:none;padding:0 0 0 6%; }
.Product_detail .top .slider-for{border:1px solid #e5ebe7;border-radius: 0.1rem; }
.Product_detail .top .slider-nav{width:100%;padding:0 0.3rem;border-top:none; margin-top: 7%;}
.Product_detail .top .slider li { overflow: hidden; border-radius: 0.1rem; overflow: hidden;}
.Product_detail .top .slider li .a_play{width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.4);z-index: 10}
.Product_detail .top .slider li .a_play::before,
.Product_detail .top .slider li .a_play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.Product_detail .top .slider li .a_play::before{width: 56px;height: 56px;border: 2px solid rgba(255,255,255,1);margin-left: -28px;margin-top: -28px;border-radius: 50%;}
.Product_detail .top .slider li .a_play::after{width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 12px solid rgba(255,255,255,1);margin-left: -4px;margin-top: -9px;}

.Product_detail .top .slider-nav li .a_play::before{width:40px;height: 40px;margin-left:-20px;margin-top:-20px;}

.Product_detail .top .slider li .pic{padding-bottom:100%;position: relative; background-size: contain;}
.Product_detail .top .slider li .pic:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
     background: url(../images/pbg.png) no-repeat center center; z-index: -10; background-size: cover;}
.Product_detail .top .slider li .pic video{width:100%; height:100%; position:absolute; object-fit: fill; -o-object-fit: fill;}
.Product_detail .top .slider-for li .pic{border:none}
.Product_detail .top .slider-for li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:11;}
.Product_detail .top .slider-for li .video_files video{width:100%; height:100%; background-color:#000;}
.Product_detail .top .slider-for li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #285491;cursor: pointer;}
.Product_detail .top .slider-for li .video_files .close::before,
.Product_detail .top .slider-for li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.Product_detail .top .slider-for li .video_files .close::before{ transform:rotate(45deg);}
.Product_detail .top .slider-for li .video_files .close::after{ transform:rotate(-45deg);}

.Product_detail .top .slider-nav .slick-list{margin:0 -0.08rem;}
.Product_detail .top  .slider-nav .slick-slide{position:relative;margin:0 0.08rem;cursor:pointer;}
.Product_detail .top  .slider-nav .slick-slide.have_video::before{content: "";z-index: 10; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:url(../images/play.svg) no-repeat center center;background-size:20%}
.Product_detail .top  .slider-nav .slick-slide:after{border-radius: 0.1rem; content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%
  ;border:0.01rem solid rgba(44, 92, 155, 0.1)}
.Product_detail .top  .slider-nav .slick-current:after{border-color:#285491}
.Product_detail .top .slick-prev{left:0%;border:0.01rem solid rgba(44, 92, 155, 0.1)}
.Product_detail .top .slick-next{right:0%;border:0.01rem solid rgba(44, 92, 155, 0.1)}
.Product_detail .top .con .mtit{border-bottom:1px solid #e5ebe7;padding-bottom:1%;margin-bottom:5%;}
.Product_detail .top .con .mtit h1{line-height:1;font-size:0.3rem;margin:0 0 2%;font-weight:normal;color:#222}
.Product_detail .top .con .mtit span{line-height:1;font-size:0.16rem;margin:0 0 10% 0;font-weight:normal;color:#666}
.Product_detail .top .con h2{line-height:1;font-size:0.18rem;margin:0 0 2%;font-weight:normal;color:#222}
.Product_detail .top .con pre{margin:0;line-height: 1.8;}
.Product_detail .top .con .btn{display:inline-block;vertical-align:middle;margin-right:0.2rem;margin-top:2%;}
.Product_detail .top .con .btn a{font-size:0.16rem;display:inline-block;line-height:0.44rem;min-width:1.8rem;padding-left:0.2rem;background:url(../images/cont.png) no-repeat left 0.44rem center #222;color:#fff;border:none;cursor:pointer;border-radius:1rem;float:left;text-align:center;}
.Product_detail .top .con .phone{font-size:0.3rem;color:#222;font-family:Fonts2;margin-bottom:0.01rem;padding-left:0.42rem;display:inline-block;position:relative;line-height:0.44rem;vertical-align:middle;margin-top:5%;}
.Product_detail .top .con .phone:before{content:"";display:block;position:absolute;left:0;top:0.05rem;width:0.35rem;height:0.35rem;background:url(../images/phone.png) no-repeat center center;background-size:contain}
.Product_detail .top .con .code_con{margin:15% 0 10%;}
.Product_detail .top .con .code_con dd{width:32%;margin-right:2%;float:left;text-align:center;border:1px solid #e5ebe7;padding:0.6em;}
.Product_detail .top .con .code_con dd:nth-child(3n){margin-right:0;}
.Product_detail .bot .box{ margin-bottom: 5%;}
.Product_detail .bot .box:last-child{ margin-bottom: 0pic_text_list;}
.Product_detail .bot img{margin: 0.2rem 0;}
.Product_detail .info_back a{position:relative;color:#fff;background:url(../images/back.png) no-repeat left 0.35rem center #285491;
    display:inline-block;width:1.6rem;line-height:2.5;padding-left:0.2rem;font-size:0.16rem;border-radius:1rem;margin-left:2%;text-align:center;
margin-top: 5%;}
.Product_detail .info_back a:hover{opacity:.8}
@media(max-width:768px){
  .Product_detail .top .pic_list,
  .Product_detail .top .con{ width: 100%; float:none; height: auto; overflow: hidden;}
  .Product_detail .top .con{ margin-top: 0.4rem;}


}


/*-------------------------------------------------------------------------------------------------------------.News_detail*/
.News_detail{padding:4% 0;background:#f1f6fa;}
.News_detail .auto-inner{background:#fff;padding:4% 10%; border-radius: 0.2rem;}
.News_detail .news_info{height:auto;overflow:hidden}
.News_detail .news_info .title{text-align:center;padding-bottom:0.2rem;border-bottom:0.01rem dashed #d2d2d2;margin-bottom:0.3rem}
.News_detail .news_info .title h2{margin:0;padding-bottom:0.15rem;font-size:0.3rem;font-weight:400;color:#222; text-transform: capitalize;}
.News_detail .news_info .title p{margin:0;padding-bottom:0.1rem}
.News_detail .news_info .title p span{margin:0 0.05rem;color:#777;font-family:Arial,Helvetica,sans-serif}
.News_detail .news_info .info{/* text-align:justify;text-justify:inter-ideograph */}
.News_detail .news_info .center{text-align:center}
.News_detail .info{font-size:0.16rem;line-height:0.28rem;color:#666;/* text-indent:2em; */}
.News_detail .info img{display:block;width:100%;margin:2em 0;}
.News_detail .info video{width:70%;display:block;margin:3% auto}
.News_detail .pic_2{margin:3% 0}
.News_detail .pic_2 img{width:49%;margin-right:2%;float:left;}
.News_detail .pic_2 img:nth-child(2n){margin-right:0}
.News_detail .bot{position:relative;margin-top:0.7rem;padding-top:0.5rem;font-size:0.16rem;border-top:0.01rem dashed #d2d2d2}
.News_detail .info_back{text-align:center;clear:both;position:absolute;right:0;bottom:0.05rem;width:40%;text-align:right;}
.News_detail .info_back a{position:relative;color:#fff;background:url(../images/back.png) no-repeat left 0.48rem center #285491;display:inline-block;width:1.6rem;line-height:2.5;padding-left:0.2rem;font-size:0.16rem;border-radius:1rem;margin-left:2%;text-align:center;}
.News_detail .info_back a.download{background:url(../images/download.png) no-repeat left 0.35rem center #2b9f65;}
.News_detail .info_back a:hover{opacity:.8}
.News_detail .info_pn span{display:block;font-size:0.16rem;margin:0.15rem 0 0;  text-transform: capitalize;}
.News_detail .info_pn span a{color:#666}

.News_detail .listicon li { float: left; width: 16.66%;}
.News_detail .listicon li .img{/* width: 100%;padding-bottom: 100%;background-position: center;background-size: contain;background-repeat: no-repeat; */}
.News_detail .listicon li .img img{ width: 60px; margin: 0 auto;}
.News_detail .listicon li .text{text-align: center;margin-top: 10px;}
.News_detail h4{font-size: 0.20rem; font-weight: normal;}

.News_detail .container .item{}
.News_detail .container .item .pic{position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;}
.News_detail .container .item img{vertical-align: bottom;}
.News_detail .container .item .txt{color: #fff;background-color: rgba(40,84,145,.5);padding: 5% 2%;position: absolute;width: 100%;font-size: 15px;font-weight: 700;line-height: 32px; text-align: center;}
.News_detail .container .item .txt a {color: #fff;text-decoration: none;}

@media(min-width:1025px){
.News_detail .container .item{ float: left; width: 25%; padding: 0 15px;}
.News_detail .container .item img{height: 180px;}
}






@media(max-width:768px){
.News_detail .listicon li { width: 33.33%;}
}


@media(max-width:10.24rem){
.News_detail{padding:4vh 0;background:#fff}
.News_detail .auto{padding:0 4%}
.News_detail .info_back{position:relative}
.News_detail .bot{position:relative;margin-top:0.15rem}
.News_detail .news_info .title h3{font-size:0.22rem}
}
@media(max-width:7.68rem){
.News_detail .info *{max-width:100%!important}
.News_detail .info .rich_media_area_primary_inner{max-width:100%!important}
.News_detail .info_back a{width:100%}
.News_detail .listicon li { width: 33.33%;}
}
@media(min-width:10.25rem){.News_detail .info_pn span{width:80%}
}


/*.search_list----------------------------------------------------------------------*/
.search_list{ padding: 4% 0 0;}
.search_list li a{ display: block; height: auto; overflow: hidden; padding: 0.5em 0; margin-bottom: 1em; border-bottom: 0.01rem dashed #e5e5e5;;}
  .search_list li h3{ width: 90%; float: left; font-size: 0.16rem; font-weight: normal; margin:0 }
  .search_list li time{  float: right }



  .probtn{
    width: 48%;
    text-align: center;
    line-height: .52rem;
    font-size: .18rem;
    background: #285491;
    color: #fff;
    border-radius: 0.05rem;
    display: block;
    margin-top: 5%;

  }


  .open_pro_index{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 200; background: rgba(0,0,0,0.7); display: none;}
.pro_info_show{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 10px; background: #fff; max-width: 600px; width: 90%;}
.pro_info_show h2{ text-align: center;margin: 0; margin-bottom: 3%; font-weight: normal; color: #fff; background: #285491; font-size: 20px; line-height: 60px; border-radius: 10px 10px 0 0;}
.pro_info_show .list{max-height: 320px; overflow-y: auto; }
.pro_info_show table{ width: 100%;}
.pro_info_show table tr{ border-bottom: solid 1px #eee}
.pro_info_show table td{ padding: 2% 3%; position: relative}
.pro_info_show .pic{ width: 35%;}
.pro_info_show .pic figure img{ width: 100%;border-radius: 10px; }
.pro_info_show .info{}
.pro_info_show .txt h3{ font-weight: normal; color: #666666; line-height: 30px; font-size: 16px; margin-bottom: 4%;}
.pro_info_show .txt p{ color: #b6b6b6;}
.pro_info_show .txt em{ display: inline-block; vertical-align: middle; margin: 0 10px; font-style: normal; margin-top: -4px;}
.pro_info_show .delete{ background: #285491 url("../images/icon_close.png") no-repeat center; border-radius: 100px; width: 20px; height: 20px; display: block; position: absolute; top: 50%; margin-top: -10px; right: 4%; font-size: 0; border: solid 4px #285491; cursor: pointer}
.pro_info_show .btn{ padding-bottom: 3%}
.pro_info_show .click_btn{ display: block; width: 164px; line-height: 52px; text-align: center; margin: 0 auto; background: #285491; border-radius: 5px; color: #fff; font-size: 18px; cursor: pointer;}
.pro_info_show .close{ position: absolute; width: 19px; height: 19px; background: url("../images/icon_close.png") no-repeat center; right: 15px; top: 20px; cursor: pointer;}
.pro_info_show .form{ padding: 2%;}
.pro_info_show .form li{ margin-bottom: 3%; border: solid 1px #eee; padding: 2px 5px 2px 40px; background: no-repeat 10px}
.pro_info_show .form li .text{ width: 100%; height: 40px; border: none;}
.pro_info_show .form li .text::placeholder{ color: #999}
.pro_info_show .form li:nth-child(1){ width: 49%; float: left; background-image: url("../images/name_icon.png")}
.pro_info_show .form li:nth-child(2){ width: 49%;  float: right;  background-image: url("../images/company_icon.png")}
.pro_info_show .form li:nth-child(3){ clear: both; background-image: url("../images/email_icon.png")}
@media(min-width:640px) {
.pro_info_show .list::-webkit-scrollbar{ width:10px;  background-color:#fff}    /*滚动条整体部分*/
.pro_info_show .list::-webkit-scrollbar-button{ background-color:#fff}    /*滚动条两端的按钮*/
.pro_info_show .list::-webkit-scrollbar-track{ background-color:#fff}    /*外层轨道*/
.pro_info_show .list::-webkit-scrollbar-track-piece{ background-color:#fff}    /*内层轨道，滚动条中间部分（除去）*/
.pro_info_show .list::-webkit-scrollbar-thumb{background-color:#ddd; border-radius:100px;}    /*滚动条里面可以拖动的那个*/
.pro_info_show .list::-webkit-scrollbar-corner{ background-color:#fff}    /*边角*/
.pro_info_show .list::-webkit-resizer{ background-color:#fff}    /*定义右下角拖动块的样式*/
}
@media(max-width:640px) {
    .pro_info_show{ width: 92%;}
}

.car_btn{position: fixed;right: 4%;bottom: 14%;height: 27px;width: 97px;background: url("../images/carts.png") no-repeat center left 20%;background-size: 20%;background-color: #fff;border: 1px solid #285491;padding: 0px 0.2rem;}
#vBtnNum{text-align: center;color: #285491;background-color: transparent;height: 20px;width: 20px;border-radius: 50%;position: absolute;bottom: 0px;height: 27px;right: 7px;border: 0;}
.car_btn span{
  margin-left: 30px;
}