/*************************************************************************/



/*全局样式开始*/



/*************************************************************************/



@charset "utf-8";



*{margin:0;padding:0;outline:0;}



body,html{overflow-x:hidden;color:#333;font:14px/30px "微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;background:#fff;}



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



input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-appearance:none;}



input:focus{outline:0;}



textarea{resize:none;}



h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}



abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}



img{border:0;vertical-align:middle;}



img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}



table{border-collapse:collapse;border-spacing:0;}



.clearfix{display:block;zoom:1;}



.clearfix:before{display:table;content:"";}



.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}



* html .clearfix{height:1%;}



*{box-sizing:border-box;}



a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}



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



.hide,.none,ins{display:none;}



.fl{float:left;display:inline-block;}



.fr{float:right;display:inline-block;}



.wrap{clear:both;display:block;margin:0 auto;max-width:1200px;width:100%;padding:0 0}



.wrap2{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;padding:0 0}



.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}



a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}



.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}



.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}



.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}



a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}



.bor_box::after,.bor_box::before{pointer-events:none;}



.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}



.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}



.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}



a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}







@font-face {



	font-family: "quicksand";



	src: url('../fonts/quicksand.ttf') format('truetype');



	font-weight: normal;



	font-style: normal;



}



@font-face{



	font-family:"din";



	src:url("../fonts/din-medium.woff") format("woff"),



		url("../fonts/din-medium.ttf") format("truetype"),



		url("../fonts/din-medium.eot") format("embedded-opentype"),



		url("../fonts/din-medium.svg") format("svg");



	font-weight:normal;



	font-style:normal;



}







#top{ width:100%;background:#edfaff; }



#top .wrap{display: flex;justify-content:space-between ;align-items:center;height:40px}



#top .contact{display: flex;justify-content:flex-start ;align-items:center;}



#top .contact .item{ margin-right:30px}



#top .contact .item i{ color:#1abc9c; font-size:13px; margin-right:5px}



#top .lan{display: flex;justify-content:flex-start;align-items:center;}



#top .lan a{display: flex;justify-content:flex-start;align-items:center; margin-left:20px;}



#top .lan img{ height:16px; margin-right:10px}



#top .user font{color:#f30}







#header{ width:100%}



#header .wrap{ height:80px;display: flex;justify-content:space-between ;align-items:center;}



#header .box .logo img{ height:56px}



#header .box .mnav{ display:none}



#header .nav ul{display: flex;justify-content:flex-start;align-items:center;}



#header .nav ul li{ margin-left:20px;position:relative;}



#header .nav ul li h3 a{ font-size:16px; font-weight: bold;line-height:80px}



#header .nav ul li h3 span{ display:none}



#header .nav ul li .sub{display:none;position:absolute;left:-30px;top:80px;width:240px;background:#fff; z-index:999;box-shadow: 0 5px 25px rgb(0 0 0 / 10%);}



#header .nav ul li .sub::after{content:'';position:absolute;left:50px;top:-10px;width:0;height:0;border-left:10px transparent solid;border-right:10px transparent solid;border-bottom:10px rgb(0 0 0 / 10%) solid;transform:translateX(-50%);}



#header .nav ul li .sub dl{padding:10px 20px;}



#header .nav ul li .sub dl a{display:block;padding:2px 10px;font-size:15px}



#header .nav ul li .sub dl a:hover{background:#005a96;color:#fff}



#header .nav ul li.on h3 a{ font-weight:700;color:#005a96}



#header .nav ul li .sub2{ width:auto}



#header .nav ul li .sub2 dl{display: flex;justify-content:flex-start;align-items:center; width:800px;flex-wrap:wrap;}



#header .nav ul li .sub2 a{min-width:26%}







#search{ width:100%; background:#005a96;padding:8px 0}



#search .wrap{}



#search .search_box{background:#fff;height:40px; border-radius:60px; width:100%; padding:5px 5px}



#search .search_box form{display: flex;justify-content:space-between ;align-items:center;}



#search .search_box .select{ width:15%; height:30px; line-height:30px; border-radius:4px; border:0; text-indent:10px; border-left:1px solid #eee; margin-left:1%}



#search .search_box .select:first-child{ border-left:0; margin-left:0}



#search .search_box .input{ width:75%; height:30px; line-height:30px; border-radius:4px; border:0; text-indent:10px; margin-left:1%;border-left:1px solid #eee;}



#search .search_box .btn{ width:10%;height:30px; line-height:30px; border-radius:30px; border:0; font-size:18px; background:#005a96; color:#fff}







#banner{ width:100%}



#banner .focus{position:relative; overflow:hidden;}



#banner .focus .swiper-slide{ text-align:center}



#banner .focus .swiper-slide img{width:100%;}











#quick{ width:100%; padding:70px 0}



#quick .wrap{display: flex;justify-content:space-between ;align-items:flex-start;}



#quick .item{ width:30%;display: flex;justify-content:flex-start ;align-items:flex-start;}



#quick .item .icon{ padding-top:10px}



#quick .item .icon i{ font-size:40px; color:#005a96}



#quick .item .info{ margin-left:20px}



#quick .item .info h2{ font-size:20px; font-weight:normal}



#quick .item .info p{ line-height:24px; margin-top:10px; color:#888}







#prolist{ width:100%;background:#efe2bf;}



#prolist ul{display: flex;justify-content:flex-start; ;align-items:flex-start;flex-wrap:wrap;gap:30px 30px;}



#prolist ul li{ width:calc((100% - 60px) / 3)}



#prolist ul li .img{ width:100%; height:230px; overflow:hidden}



#prolist ul li .img img{width:100%;height:100%;object-fit:cover}



#prolist ul li .info{ margin-top:20px}



#prolist ul li .info h2{ font-size:26px; font-weight:normal;color:#034eab; text-align:center;padding-bottom:20px;}



#prolist ul li .info span{ border:1px solid #666; padding:2px 20px; display:inline-block; margin-top:10px; font-size:12px; color:#666}



#prolist ul li:hover .info span{ border:1px solid #005a96; background:#005a96; color:#fff}







#other{ width:100%; padding:30px 0;}



#other .wrap{display: flex;justify-content:space-between ;align-items:flex-start;}



#other .item{width:calc(100% - 30px - ((100% - 60px) / 3)); position:relative}



#other .item .img{ width:100%; height:230px; overflow:hidden}



#other .item .img img{width:100%;height:100%;object-fit:cover}



#other .item .img img{ width:100%}



#other .item .info{ position:absolute; left:0; top:0; width:100%; height:100%;display: flex;justify-content:center;align-items:center;}



#other .item .info{ text-align:center;}



#other .item .info h2{ font-size:20px; font-weight:normal; color:#fff}



#other .item .info p{ color:#fff; font-size:16px; margin-top:10px}



#other .item .info span{ border:1px solid #fff; padding:2px 20px; display:inline-block; margin-top:10px; font-size:12px; color:#fff}



#other .item:hover .info span{ border:1px solid #005a96; background:#005a96; color:#fff}



#other .item2{width:calc((100% - 60px) / 3)}



#other .item2 .img{ width:100%; height:230px; overflow:hidden}



#other .item2 .img img{width:100%;height:100%;object-fit:cover}



#other .item2 .info{ margin-top:20px}



#other .item2 .info{display: flex;justify-content:space-between ;align-items:flex-start;}



#other .item2 .info h2{ font-size:20px; font-weight:normal;}







#product{ width:100%; background:#f5f5f5; padding:50px 0; margin-top:50px}



#product .wrap{display: flex;justify-content:space-between ;align-items:flex-start;}



#product .img{ width:48%}



#product .img .focus{position:relative; overflow:hidden}



#product .img .focus .swiper-slide{ text-align:center}



#product .img .focus .swiper-slide img{ width:100%}



#product .info{ width:48%}



#product .info h2{ font-size:20px}



#product .info .intro{ margin-top:10px; line-height:30px; font-size:16px}



#product .info .intro p i{ margin-right:5px; font-size:12px; color:#999}



#product .info .content{ margin-top:20px; line-height:26px}



#product .info .btn{ margin-top:30px}



#product .info .btn a{ border:1px solid #ddd; font-size:16px; display:inline-block; padding:10px 50px; border-radius:4px; margin-right:10px}



#product .info .btn a:last-child{ border:1px solid #005a96; background:#005a96; color:#fff}











#tjpro{ width:100%; padding:30px 0;}



#tjpro .title{ text-align:center}



#tjpro .title h2{ background:#0d3681; font-size:28px; text-align:center; font-weight:700; display:inline-block; color:#fff; border-radius:10px; padding:10px 30px}



#tjpro .title h2 a{ color:#fff;}



#tjpro .list{ margin-top:40px; position:relative}



#tjpro .list .swiper-slide .img{ position:relative; height:240px; overflow:hidden; border:1px solid #eee; padding:10px}



#tjpro .list .swiper-slide .img img{width:100%;height:100%;object-fit:cover}



#tjpro .list .swiper-slide .img .info{ position:absolute; left:0; top:0; background:rgba(0,168,133,0); width:100%; height:100%; text-align:center; font-size:40px; color:#fff; padding-top:100%}



#tjpro .list .swiper-slide:hover .img .info{ padding-top:35%;background:rgba(0,168,133,.6);}



#tjpro .list .swiper-slide p{ margin-top:10px; font-size:16px; text-align:center; line-height:26px;}



#tjpro .list .btn{ position:absolute; left:-25px; top:50%; margin-top:-25px; z-index:99;}



#tjpro .list .btn{width:50px;height:50px;display:inline-block; color:#0e357a; line-height:50px;border-radius:100%; text-align:center; font-size:20px; background:rgba(0,0,0,.3)}



#tjpro .list .btn.t_next{ right:-25px; left:auto}



#tjpro .list .btn.swiper-button-disabled{ color:#999}



#tjpro .list .btn:hover{ background:#005a96; color:#fff}



#tjpro .list .swiper-slide:hover .img{ -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}







#news{ width:100%; background:#f5f5f5; padding:50px 0}



#news .title{ text-align:center}



#news .title h2{ background:#0d3681; font-size:28px; text-align:center; font-weight:700; display:inline-block; color:#fff; border-radius:10px; padding:10px 30px}



#news .title h2 a{ color:#fff;}



#news .list{ margin-top:30px}



#news .list ul{display: flex;justify-content:space-between ;align-items:center;}



#news .list ul li{ padding:40px; border:1px solid #f5f5f5}



#news .list ul li a{display: flex;justify-content:space-between ;align-items:center;}



#news .list ul li .img{ width:100px; height:100px; position:relative;}



#news .list ul li .img img{width:100%;height:100%;object-fit:cover; border-radius:100px;}



#news .list ul li .img span{ position:absolute; right:-20px; bottom:-5px; width:50px; height:50px; background:#fff; color:#ddd; text-align:center; line-height:50px; border-radius:50px}



#news .list ul li .info{ width:calc(100% - 140px)}



#news .list ul li .info h2{ font-size:18px; font-weight:normal}



#news .list ul li .info p{ margin-top:5px; line-height:24px}



#news .list ul li:hover{ background:#fff; border:1px solid #eee}







#logo{ width:100%; padding:50px 0}



#logo .wrap{display: flex;justify-content:flex-start ;align-items:center;;flex-wrap:wrap;gap:30px 50px;}



#logo a img{ height:30px}







#brand{ width:100%; padding:30px 0;  background:#005a96; color:#fff; font-size:34px; text-align:center}







#map{ width:100%; padding:50px 0; background:#222}



#map .wrap{display: flex;justify-content:space-between ;align-items:flex-start;}



#map .contact{ width:250px}



#map .contact h3{ font-size:16px; color:#fff}



#map .contact .list{ margin-top:10px}



#map .contact .list .item{display: flex;justify-content:flex-start ;align-items:flex-start; padding:10px 0}



#map .contact .list .item .icon{ width:40px; color:#797979; font-size:12px}



#map .contact .list .item .right{ width:calc(100% - 40px); color:#797979}



#map .contact .list .item .right h4{ color:#fff; font-weight:normal}



#map .contact .list .item .right p{ line-height:24px}



#map .link{ width:200px;}



#map .link h3{ font-size:16px; color:#fff}



#map .link .list{ margin-top:10px}



#map .link .list p{ border-bottom:1px dotted #333; line-height:40px}



#map .link .list a{ color:#aaa}



#map .link .list a i{ margin-right:5px; font-size:12px}



#map .link .list a:hover{ color:#fff}



#map .share{ width:300px;}



#map .share h3{ font-size:16px; color:#fff}



#map .share .email{ margin-top:10px;display: flex;justify-content:space-between ;align-items:center}



#map .share .email .text{ background:#1b1b1b; line-height:40px; border:1px solid #555; width:calc(100% - 70px)}



#map .share .email .btn{ background:#005a96; color:#fff; width:70px; text-align: center; line-height:40px; border:1px solid #005a96;}



#map .share .img{ margin-top:30px}



#map .share .icon{ margin-top:30px}



#map .share .icon a{ margin-right:10px; color:#797979}



#map .share .icon a:hover{ color:#fff}







#copyright{ width:100%; background:#1b1b1b; text-align:center; padding:20px 0; color:#797979}



#copyright i{ margin:0 10px}



#copyright a{ color:#797979}



#copyright a:hover{ color:#fff}







@media (max-width:800px){



	body,html{font-size:.23rem;line-height:.34rem}



	#top .wrap{display: block;height:auto; padding:.1rem; text-align:center}



	#top .contact{display: block;}



	#top .contact .item{ margin-right:0}



	#top .contact .item i{font-size:.23rem; margin-right:.1rem}



	#top .lan{display: flex;justify-content:center ;align-items:center;}



	#top .lan img{ height:.2rem; margin-right:.1rem}







	#header{ width:100%; position:relative}



	#header .wrap{ height: auto; display:block}



	#header .box{ height:1rem; padding:0 .2rem;display: flex;justify-content:space-between;align-items:center;}



	#header .box .logo img{ height:56px}



	#header .box .mnav{position:relative;display:block;width:.34rem; height:.33rem;cursor:pointer; margin-left:.1rem}



	#header .box .mnav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#0e357a;transition:all .5s;}



	#header .box .mnav .s1{top:.05rem;}



	#header .box .mnav .s2{top:.15rem;width:.26rem;}



	#header .box .mnav .s3{top:.25rem;}



	#header .box .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}



	#header .box .mnav.isopen .s2{width:0;opacity:0;}



	#header .box .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}



	#header .nav{ height:0px; overflow:hidden;background:#fff;width:100%;padding:0 .2rem 0;}



	#header .nav ul{display: block;}



	#header .nav ul li{ margin-left:0; border-bottom:1px solid #eee; line-height:.7rem}



	#header .nav ul li h3 a{ font-size:.23rem; font-weight:normal}



	#header .nav ul li h3 span{position:absolute;right:0;top:0;padding-left:10%; display:block}



	#header .nav ul li h3 span i{font-size:.24rem;color:#005a96;-webkit-transition:all .3s;transition:all .3s;}



	#header .nav ul li .sub{position:inherit;left:0;top:0;width:100%;box-shadow:0 0 0}



	#header .nav ul li .sub::after{ display:none}



	#header .nav ul li .sub dl{padding:.1rem .2rem;}



	#header .nav ul li .sub dl a{padding:0;border-bottom:1px solid #eee;line-height:.7rem;font-size:.24rem;}



	#header .nav ul li .sub2{width:100%;}



	#header .nav ul li .sub2 dl{display:block;width:100%;}



	#header .nav ul li .sub2 a{ width:100%}



	#header .nav.isopen{ height:auto; padding:.1rem .25rem;border-top:1px solid #eee}











	#search{ padding:.25rem .2rem}



	#search .search_box{background:none;height:auto; border-radius:0; width:100%; padding:0}



	#search .search_box form{flex-wrap:wrap;gap:.1rem 2%;}



	#search .search_box .select{ width:48%; height:.6rem; line-height:.6rem; border-radius:4px; border:0; text-indent:.1rem; border-left:0px solid #eee; margin-left:0;font-size:.22rem}



	#search .search_box .select:first-child{ border-left:0; margin-left:0;}



	#search .search_box .input{ width:100%; height:.6rem; line-height:.6rem; border-radius:4px; border:0; text-indent:.1rem;margin-left:0;font-size:.22rem}



	#search .search_box .btn{ width:100%;height:.6rem; line-height:.6rem; border-radius:4px; border:0; font-size:.24rem; background:#fff;color:#005a96;}







	#quick{padding:0 .2rem .5rem}



	#quick .wrap{display: block;}



	#quick .item{ width:100%; margin-top:.5rem}



	#quick .item .icon{ padding-top:.1rem; width:.9rem}



	#quick .item .icon i{ font-size:.5rem;}



	#quick .item .info{ margin-left:0; width:calc(100% - .9rem)}



	#quick .item .info h2{ font-size:.3rem;l}



	#quick .item .info p{ line-height:.34rem; margin-top:.1rem;}







	#prolist{ padding:0 .2rem}



	#prolist ul{gap:.5rem 0;}



	#prolist ul li{ width:100%;}



	#prolist ul li .img{ width:100%; height:3.5rem;}



	#prolist ul li .info{ margin-top:.2rem}



	#prolist ul li .info h2{ font-size:.3rem;}



	#prolist ul li .info span{  padding:.05rem .2rem; margin-top:.1rem; font-size:.23rem;}







	#other{ width:100%; padding:.5rem .2rem;}



	#other .wrap{display: block;}



	#other .item{width:100%}



	#other .item .img{ width:100%; height:3.5rem;}



	#other .item .info h2{ font-size:.3rem;}



	#other .item .info p{  font-size:.23rem; margin-top:.1rem}



	#other .item .info span{  padding:.05rem .2rem; margin-top:.1rem; font-size:.23rem;}



	#other .item2{width:100%; margin-top:.5rem}



	#other .item2 .img{ width:100%; height:3.5rem;}



	#other .item2 .info{ margin-top:.2rem}



	#other .item2 .info h2{ font-size:.3rem;}







	#product{padding:.5rem .2rem; margin-top:.5rem}



	#product .wrap{display: block;}



	#product .img{ width:100%}



	#product .img .focus{position:relative; overflow:hidden}



	#product .img .focus .swiper-slide{ text-align:center}



	#product .img .focus .swiper-slide img{ width:100%}



	#product .info{ width:100%; margin-top:.5rem}



	#product .info h2{ font-size:.3rem}



	#product .info .intro{ margin-top:.1rem; line-height:.4rem; font-size:.23rem}



	#product .info .intro p i{ margin-right:.05rem; font-size:.23rem; }



	#product .info .content{ margin-top:.2rem; line-height:.4rem}



	#product .info .btn{ margin-top:.3rem; text-align:center}



	#product .info .btn a{font-size:.23rem; padding:.1rem .5rem; margin-right:.1rem}



	#product .info .btn a:last-child{ border:1px solid #005a96; background:#005a96; color:#fff}







	#tjpro{ padding:.5rem .2rem;}



	#tjpro .title h2{  font-size:.3rem; border-radius:.1rem; padding:.1rem .3rem}



	#tjpro .list{ margin-top:.4rem;}



	#tjpro .list .swiper-slide .img{height:3.5rem;}



	#tjpro .list .swiper-slide:hover .img .info{ padding-top:20%;}



	#tjpro .list .swiper-slide p{ margin-top:.2rem; font-size:.24rem}



	#tjpro .list .btn{ position:absolute; left:0; top:50%; margin-top:-25px; z-index:99;}



	#tjpro .list .btn.t_next{ right:0; left:auto}







	#news{ padding:.5rem .2rem}



	#news .title h2{  font-size:.3rem; border-radius:.1rem; padding:.1rem .3rem}



	#news .list{ margin-top:0}



	#news .list ul{display: block;}



	#news .list ul li{ padding:.3rem; margin-top:.3rem}



	#news .list ul li .img{ width:1.2rem; height:1.2rem;}



	#news .list ul li .img img{ border-radius:1.2rem;}



	#news .list ul li .img span{ position:absolute; right:-.2rem; bottom:-.05rem; width:.5rem; height:.5rem; background:#fff; color:#ddd; text-align:center; line-height:.5rem; border-radius:.5rem}



	#news .list ul li .info{ width:calc(100% - 1.6rem)}



	#news .list ul li .info h2{ font-size:.24rem; font-weight:normal}



	#news .list ul li .info p{ margin-top:.05rem; line-height:.34rem}











	#logo{ padding:.5rem .2rem}



	#logo .wrap{flex-wrap:wrap;gap:.3rem;}



	#logo a img{ height:.4rem}



	#brand{padding:.5rem 0;font-size:.4rem;}







	#map{ padding:.5rem .2rem;}



	#map .wrap{display: block;}



	#map .contact{ width:100%}



	#map .contact h3{ font-size:.26rem;}



	#map .contact .list{ margin-top:.3rem}



	#map .contact .list .item{ padding:.15rem 0}



	#map .contact .list .item .icon{ width:.6rem; color:#797979; font-size:.23rem}



	#map .contact .list .item .right{ width:calc(100% - .6rem);}



	#map .contact .list .item .right h4{ color:#fff; font-weight:normal}



	#map .contact .list .item .right p{ line-height:.34rem}



	#map .contact .list .item .right p a{ color:#797979}



	#map .link{ width:100%; margin-top:.5rem;}



	#map .link h3{ font-size:.26rem;}



	#map .link .list{ margin-top:.3rem}



	#map .link .list p{ line-height:.5rem}



	#map .link .list a i{ margin-right:.05rem; font-size:.23rem}



	#map .link .list a:hover{ color:#fff}



	#map .share{ width:100%; margin-top:.5rem}



	#map .share h3{ font-size:.26rem}



	#map .share .email{ margin-top:.3rem;}



	#map .share .email .text{ background:#1b1b1b; line-height:40px; border:1px solid #555; width:calc(100% - 70px); border-radius:0}



	#map .share .email .btn{ background:#005a96; color:#fff; width:70px; text-align: center; line-height:40px; border:1px solid #005a96;}



	#map .share .img{ margin-top:.3rem}



	#map .share .icon{ margin-top:.3rem}



	#map .share .icon a{ margin-right:.1rem}



	#map .share .icon a:hover{ color:#fff}







	#copyright{ padding:.2rem 0; font-size:.2rem}



	#copyright i{ margin:0 .1rem}







}











#main{ width:100%; background:#f2f6f8; padding:20px 0}



#main .title{ padding:20px; background:#fff}



#main .title .tit{display: flex;justify-content:space-between ;align-items:center;}



#main .title .tit h2{ font-size:24px;}



#main .title .tit span { color:#999}



#main .title .tit span a{ color:#999}



#main .title .tit span i{ margin-right:10px}



#main .title .zindex{ border-top:1px solid #eee; padding-top:15px; margin-top:15px;display: flex;justify-content:flex-start ;align-items:center;}



#main .title .zindex span{ font-weight:bold; margin-right:20px}



#main .title .zindex em{display: flex;justify-content:flex-start ;align-items:center;}



#main .title .zindex em a{ font-size:16px; width:30px; height:30px; text-align:center}



#main .title .zindex em a:hover{ font-weight:700; color:#fff; background:#005a96; border-radius:100%}







#main .prolist{ margin-top:20px;display: flex;justify-content:space-between ;align-items:flex-start;}



#main .prolist .left{ background:#fff; width:280px}



#main .prolist .left .clist{ padding-bottom:10px}



#main .prolist .left .clist h2{ background:#005a96; padding:10px 20px; color:#fff; font-size:20px;display: flex;justify-content:space-between ;align-items:center;}



#main .prolist .left .clist ul{ padding:0 20px}



#main .prolist .left .clist ul h3{border-bottom:1px solid #eee; padding:5px 0}



#main .prolist .left .clist ul h3 a{ font-weight:bold; color:#005a96;}



#main .prolist .left .clist ul li{ padding-left:10px}



#main .prolist .left .clist ul li i{ margin-right:5px; font-size:12px}



#main .prolist .left .zhushi{ padding-bottom:10px; margin-top:20px}



#main .prolist .left .zhushi h2{ background:#005a96; padding:10px 20px; color:#fff; font-size:20px;display: flex;justify-content:space-between ;align-items:center;}



#main .prolist .left .zhushi .item{ padding:10px 20px}



#main .prolist .left .zhushi .item h3{border-bottom:1px solid #eee; padding:5px 0;font-weight:bold; color:#005a96; font-size:16px}



#main .prolist .left .zhushi .item ul{ padding-top:10px}



#main .prolist .left .zhushi .item ul li{display: flex;justify-content:flex-start ;align-items:center;}



#main .prolist .left .zhushi .item ul li span{color:#005a96; font-weight:700; width:70px}







#main .prolist .right{ width:calc(100% - 300px); background:#fff; padding:30px}



#main .prolist .right .ptitle{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:20px; font-weight:700}



#main .prolist .right .ptitle i{ font-weight:normal; margin-right:10px}



#main .prolist .right .list ul li{ border-bottom:1px solid #eee; padding:20px 0;display: flex;justify-content:space-between ;align-items:center;}



#main .prolist .right .list ul li .info{ width:60%;}



#main .prolist .right .list ul li .info h2 a{ color:#005a96; font-size:16px; line-height:26px}



#main .prolist .right .list ul li .info h2 span{ font-weight:normal; margin-left:10px}



#main .prolist .right .list ul li .info .text{ line-height:26px; color:#777; margin-top:10px}



#main .prolist .right .list ul li .info .text .wx{ display: flex;justify-content:flex-start;align-items:center; margin-bottom:10px}



#main .prolist .right .list ul li .info .text .wx img{ height:24px; margin-right:10px}



#main .prolist .right .list ul li .info .add{margin-top:10px; font-weight:700; color:#999}



#main .prolist .right .list ul li .info .add a{font-weight:700; color:#999}



#main .prolist .right .list ul li .info .add a{display: flex;justify-content:flex-start ;align-items:center;}



#main .prolist .right .list ul li .info .add i{ width:30px; height:30px; background:#005a96; margin-right:10px; text-align:center; line-height:30px; border-radius:30px; color:#fff;}



#main .prolist .right .list ul li .img{ width:30%;border:1px solid #ddd; padding:10px}



#main .prolist .right .list ul li .img .focus{ position:relative; overflow:hidden;}



#main .prolist .right .list ul li .img .focus .swiper-slide{ height:180px}



#main .prolist .right .list ul li .img .focus .swiper-slide img{width:100%;height:100%;object-fit:cover}







#main .protitle{ padding:20px; background:#fff}



#main .protitle .tit{ border-bottom:1px solid #eee; padding-bottom:15px;display: flex;justify-content:space-between ;align-items:center;}



#main .protitle .tit h2{ font-size:24px;}



#main .protitle .tit h2 span{color:#333; font-weight:700; font-size:24px;}



#main .protitle .tit span { color:#999; margin-left:10px; font-weight:normal; font-size:14px}



#main .protitle .tit span a{ color:#999}



#main .protitle .tit span i{}



#main .protitle .info{ margin-top:15px;display: flex;justify-content:space-between ;align-items:center;}



#main .protitle .info .left .wx{ display: flex;justify-content:flex-start ;align-items:center;}



#main .protitle .info .left .wx img{height:24px; margin-right:10px}



#main .protitle .info .left .pj{display: flex;justify-content:flex-start ;align-items:center;}



#main .protitle .info .left .pj span{ margin-right:10px}



#main .protitle .info .left .pj img{height:20px}



#main .protitle .info .left .recombinant{ font-size:14px; margin-top:10px}



#main .protitle .info .left .recombinant span{ background:#f90; color:#fff; padding:3px 10px; border-radius:4px; font-size:14px}



#main .protitle .info .left .kokd{ font-size:14px; margin-top:10px}



#main .protitle .info .left .kokd span{ background:#f90; color:#fff; padding:3px 10px; border-radius:4px; font-size:14px}



#main .protitle .info .down a{ background:#005a96; line-height:40px; padding:0 40px; display: inline-block; border-radius:50px; color:#fff; font-size:16px}



#main .protitle .info .down a i{ color:#fff; margin-right:10px}







#main .proinfo{display: flex;justify-content:space-between ;align-items:flex-start; background:#fff; padding:30px; margin-top:20px}



#main .proinfo .img{ width:40%; border:1px solid #ddd; padding:10px}



#main .proinfo .img .focus{ position:relative; overflow:hidden}



#main .proinfo .img .focus .swiper-slide{ height:310px;;display: flex;justify-content:center ;align-items:center;}



#main .proinfo .img .focus .swiper-slide img{ max-width:100%; max-height:100%}



#main .proinfo .img .focus .btn{ position:absolute; left:2px; top:50%; margin-top:-25px; z-index:99;}



#main .proinfo .img .focus .btn{width:50px;height:50px;display:inline-block; color:#fff; line-height:50px;border-radius:100%; text-align:center; font-size:20px; background:rgba(0,0,0,.3)}



#main .proinfo .img .focus .btn.t_next{ right:2px; left:auto}







#main .proinfo .right{ width:55%}

#main .proinfo .right .price .item{ padding:5px 0}

#main .proinfo .right .price .item label{display: flex;justify-content:space-between ;align-items:center;}

#main .proinfo .right .price .item label span{ width:25%; text-align:center; padding:5px 0}

#main .proinfo .right .price .item label .numtab{display: flex;justify-content:center ;align-items:center;}

#main .proinfo .right .price .item label .numtab .num{ width:40px; border:1px solid #ddd; line-height:30px; text-align:center; border-left:0; border-right:0}

#main .proinfo .right .price .item label .numtab button{ width:40px; border:1px solid #ddd; line-height:30px; text-align:center; background:#fff}

#main .proinfo .right .price .item label .numtab .jian{ border-radius:4px 0 0 4px}

#main .proinfo .right .price .item label .numtab .jia{ border-radius: 0 4px 4px 0}

#main .proinfo .right .price .item:nth-child(2n+1){ background:#f2f6f8;}

#main .proinfo .right .price .item.t{ background:#f8f8f8}







#main .proinfo .right .kc{ margin-top:20px; font-size:16px;display: flex;justify-content:flex-start ;align-items:center;}



#main .proinfo .right .add{ margin-top:30px; display: flex;justify-content:space-between ;align-items:center;}



#main .proinfo .right .add .total{ font-size:20px}



#main .proinfo .right .add .total span{ color:#f60}



#main .proinfo .right .add .total span i{ font-family:"din"; font-size:30px}



#main .proinfo .right .add .addfav a{ border:2px solid #005a96; display:inline-block; padding:8px 40px; font-size:18px; border-radius:60px; color:#005a96}



#main .proinfo .right .add .addfav a i{ margin-right:10px}



#main .proinfo .right .add .addfav a:hover{ background:#005a96; color:#fff}







#main .procontent{ margin-top:20px; display: flex;justify-content:space-between ;align-items:flex-start;}



#main .procontent .left{ width:calc(100% - 300px);}



#main .procontent .left .box{ background:#fff; padding:30px}



#main .procontent .left .box .tabs{ background:#f2f6f8}



#main .procontent .left .box .tabs a{ display:inline-block; width:130px; text-align:center; font-size:16px; padding:10px 0}



#main .procontent .left .box .tabs a.active{ background:#005a96; color:#fff; font-weight:700}



#tabs-content{ overflow:hidden}



#main .procontent .left .box .swiper-slide{ padding:20px 0 0}



#main .procontent .left .box .swiper-slide .pt{ background:#f2f6f8; padding:5px 20px; font-size:16px; font-weight:700;}



#main .procontent .left .box .swiper-slide .list{ padding:20px 20px 30px}



#main .procontent .left .box .swiper-slide .list p{ border-bottom:1px solid #eee;;display: flex;justify-content:flex-start ;align-items:flex-start; line-height:26px; padding:10px 0;}



#main .procontent .left .box .swiper-slide .list p span{ width:150px; color:#005a96}



#main .procontent .left .box .swiper-slide .list p em{ width:calc(100% - 150px);word-break:break-all;}



#main .procontent .left .box .swiper-slide .list p a{ color:#005a96; text-decoration:underline}



#main .procontent .left .box .piclist{ padding:20px}



#main .procontent .left .box .piclist .item{ padding:20px 0;display: flex;justify-content:space-between ;align-items:center;}



#main .procontent .left .box .piclist .item .img{ border:1px solid #eee; width:40%; height:240px; overflow: hidden;display: flex;justify-content:center ;align-items:center; padding:10px}



#main .procontent .left .box .piclist .item .img img{ max-width:100%; max-height:100%}



#main .procontent .left .box .piclist .item .info{ width:55%;}



#main .procontent .left .box .infolist{ padding:20px}



#main .procontent .left .box .infolist p{ padding:5px 0}



#main .procontent .left .box .infolist a{ color:#005a96}



#main .procontent .left .box .published{}



#main .procontent .left .box .published p{ padding:20px; background:#f2f6f8; margin-top:10px;line-height:26px;border-radius:4px;}



#main .procontent .left .box .published .item{ padding:20px; background:#f2f6f8; margin-top:10px;line-height:26px;border-radius:4px;}



#main .procontent .left .box .published .item a{color:#005a96}



#main .procontent .left .box .published .view_more{background:#005a96;color:#fff;font-size:16px; text-align:center; padding:10px 0; border-radius:4px;margin-top:10px;width:100%}



#main .procontent .right{ width:280px; background:#fff}



#main .procontent .right .czsc h2{ background:#005a96; padding:5px 20px; color:#fff; font-size:16px;display: flex;justify-content:space-between ;align-items:center; font-weight:normal}



#main .procontent .right .czsc ul{ padding:20px 20px}



#main .procontent .right .czsc li i{ margin-right:5px; font-size:12px}



#main .procontent .right .zhushi{ padding-bottom:10px; margin-top:20px}



#main .procontent .right .zhushi h2{ background:#005a96; padding:5px 20px; color:#fff; font-size:16px;display: flex;justify-content:space-between ;align-items:center;font-weight:normal}



#main .procontent .right .zhushi .item{ padding:10px 20px}



#main .procontent .right .zhushi .item h3{border-bottom:1px solid #eee; padding:5px 0;font-weight:bold; color:#005a96; font-size:16px}



#main .procontent .right .zhushi .item ul{ padding-top:10px}



#main .procontent .right .zhushi .item ul li{display: flex;justify-content:flex-start ;align-items:center;}



#main .procontent .right .zhushi .item ul li span{color:#005a96; font-weight:700; width:70px}







#main .title .clist{ border-top:1px solid #eee; padding-top:15px; margin-top:15px;display: flex;justify-content:flex-start ;align-items:center;}



#main .title .clist a{ border:1px solid #eee; margin-right:15px; display: inline-block; padding:5px 25px; font-size:16px; border-radius:6px}



#main .title .clist a.active{ color:#fff; background:#005a96; border:1px solid #005a96}



#main .title .clist a:hover{ color:#fff; background:#005a96; border:1px solid #005a96}







#main .newslist{ padding:30px 0}



#main .newslist ul{display: flex;justify-content:flex-start ;align-items:center;;flex-wrap:wrap;gap:30px 20px}



#main .newslist ul li{ width:calc((100% - 60px) / 4); background:#fff}



#main .newslist ul li .img{ height:200px}



#main .newslist ul li .img img{width:100%;height:100%;object-fit:cover}



#main .newslist ul li .info{ padding:20px}



#main .newslist ul li .info .cname span{ border:1px solid #eee; border-radius:6px; padding:0px 10px;display:none}



#main .newslist ul li .info h2{ font-weight:normal; height:52px; overflow:hidden; font-size:16px; line-height:26px}







#main .newsshow{ background:#fff; padding:30px; margin-top:20px}



#main .newsshow h1{ font-size:28px; color:#005a96; font-weight:700; text-align:center; line-height:30px;padding:30px 0}



#main .newsshow .info{ text-align:center; margin-top:10px; border-bottom:1px solid #eee;}



#main .newsshow .content{ padding:30px 0; font-size:15px; line-height:1.8}



#main .newsshow .content img{ max-width:80%}



#main .newsshow .updown{ border-top:1px solid #eee; padding-top:20px;}







#main .techlist{ margin-top:20px; padding:30px; background:#fff}



#main .techlist ul li{ border-bottom:1px solid #ddd; padding:20px 0}



#main .techlist ul li .tit{display: flex;justify-content:space-between ;align-items:center;}



#main .techlist ul li .tit h2{ font-size:20px;; font-weight:normal}



#main .techlist ul li .tit span i{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}



#main .techlist ul li .content{ height:0; overflow:hidden;font-size:15px; line-height:1.8}



#main .techlist ul li .content img{ max-width:80%}



#main .techlist ul li.isopen .content{height:auto; padding:20px 0}



#main .techlist ul li.isopen .tit span i{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform: rotate(180deg);}



#main .techlist ul li.isopen .tit h2{font-weight:700}







#main .agent{ background:#fff; padding:30px; margin-top:20px}



#main .agent ul{display: flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:30px;}



#main .agent ul li{ width:calc((100% - 60px) / 3);border-bottom:1px solid #ddd; min-height:260px}



#main .agent ul li h2{ font-size:20px; border-bottom:1px solid #ddd; color:#005a96; padding-bottom:10px}



#main .agent ul li .add{ line-height:24px; margin-top:10px; font-size:13px}



#main .agent ul li .text{ line-height:24px; margin-top:10px; font-size:13px}



#main .agent ul li .text p{display: flex;justify-content:flex-start ;align-items:center}



#main .agent ul li .text span{ width:60px}



#main .agent ul li .text a{ color:#005a96}



#main .agent .asearch{ padding-bottom:50px}



#main .agent .asearch form{display: flex;justify-content:flex-start ;align-items:center;}



#main .agent .asearch select{ border:1px solid #005a96; padding:0 10px; width:300px; height:40px; line-height:40px;}



#main .agent .asearch button{ width:100px; height:40px; line-height:40px; border:0; text-align:center; background:#005a96; color:#fff}







#main .prolist .left .searchitem{ padding-bottom:10px}



#main .prolist .left .searchitem  .t{ background:#005a96; padding:10px 20px;display: flex;justify-content:space-between ;align-items:center;}



#main .prolist .left .searchitem  .t h2{ color:#fff; font-size:20px;}



#main .prolist .left .searchitem  .t h2 a{ color:#fff; margin-left:20px; font-weight:normal; font-size:14px;}



#main .prolist .left .searchitem  .t i{ color:#fff; font-size:18px;}



#main .prolist .left .searchitem .item{padding:3px 20px}



#main .prolist .left .searchitem .item .title{display: flex;justify-content:space-between ;align-items:center;border-bottom:1px solid #eee; padding:5px 10px; background:#f5f5f5}



#main .prolist .left .searchitem .item .title h3{font-weight:bold; color:#005a96; cursor:pointer}



#main .prolist .left .searchitem .item .title h3 i{ margin-right:5px;}



#main .prolist .left .searchitem .item .title a{ color:#005a96}



#main .prolist .left .searchitem .item .list{ padding:10px; overflow:scroll; max-height:250px;overflow-x: hidden; display:none; margin-top:10px}



#main .prolist .left .searchitem .item .list p input{ position:relative; top:2px; margin-right:5px}



#main .prolist .left .searchitem .item.isopen .list{ display:block}







#main .newscat{ margin-top:20px;display: flex;justify-content:space-between ;align-items:flex-start;}



#main .newscat .left{ background:#fff; width:280px}



#main .newscat .left .clist{ padding-bottom:10px}



#main .newscat .left .clist h2{ background:#005a96; padding:10px 20px; color:#fff; font-size:20px;display: flex;justify-content:space-between ;align-items:center;}



#main .newscat .left .clist ul{ padding:20px}



#main .newscat .left .clist ul h3{border-bottom:1px solid #eee; padding:5px 0}



#main .newscat .left .clist ul h3 a{ font-weight:bold; color:#005a96;}



#main .newscat .right{ width:calc(100% - 300px); background:#fff; padding:30px}



#main .newscat .right .ptitle{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:20px; font-weight:700}



#main .newscat .right .ptitle i{ font-weight:normal; margin-right:10px}



#main .newscat .right .list{ padding:20px 0}



#main .newscat .right .list ul li{ border-bottom:1px solid #eee; padding:10px 0;display: flex;justify-content:flex-start ;align-items:center;}



#main .newscat .right .list ul li i{margin-right:10px}







#pager{padding:50px 0 50px;display: flex;justify-content:center ;align-items:center;flex-wrap:wrap;}



#pager a{margin:0 1px;color:#5a5a5a;text-decoration:none;padding:0px 10px;border:1px solid #eee; line-height:40px}



#pager a.curr{font-weight:700;color:#fff;background:#04182e;border:1px solid #04182e}



#pager a:hover{background:#04182e;color:#fff;border:1px solid #04182e}



#pager span{margin:0 1px;color:#5a5a5a;text-decoration:none;padding:0px 5px;border:1px solid #eee;line-height:40px}



#pager input{margin:0 1px;border:1px solid #eee; line-height:40px}







@media (max-width:800px){



	body,html{font-size:.23rem;line-height:.34rem}







	#pager{padding:.5rem 0 0px;}



	#pager a{margin:0 .02rem;padding:.1rem .15rem}



	#pager .prev,#fenye .next{width:.55rem;}



	#pager span{margin:0 .02rem;padding:.1rem .15rem}



	#pager .num,#fenye .prev{display:none}







	#main{padding:.2rem 0}



	#main .title{ padding:.3rem .2rem;}



	#main .title .tit h2{ font-size:24px;}



	#main .title .tit span { display:none}



	#main .title .zindex{ padding-top:.2rem;margin-top:.2rem;}



	#main .title .zindex span{ font-weight:bold; margin-right:.2rem; width:1.5rem}



	#main .title .zindex em{display: flex;justify-content:flex-start ;align-items:center;;flex-wrap:wrap; width:calc(100% - 1.5rem);}



	#main .title .zindex em a{ font-size:.23rem; width:.5rem; height:.5rem; text-align:center; line-height:.5rem}







	#main .prolist{ margin-top:.2rem;display: block;}



	#main .prolist .left{width:100%}



	#main .prolist .left .clist{ padding-bottom:0}



	#main .prolist .left .clist h2{padding:.2rem .2rem ; font-size:.26rem;}



	#main .prolist .left .clist ul{ padding:.1rem .2rem; display:none}



	#main .prolist .left .clist ul h3{ padding:.1rem 0;}



	#main .prolist .left .clist ul h3 a{ font-size:.24rem}



	#main .prolist .left .clist ul li{ padding-left:.2rem; line-height:.4rem}



	#main .prolist .left .clist ul li i{ margin-right:.05rem; font-size:.23rem}



	#main .prolist .left .clist.isopen ul{ display:block}



	#main .prolist .left .zhushi{ padding-bottom:0; margin-top:.2rem}



	#main .prolist .left .zhushi h2{padding:.2rem .25rem; font-size:.26rem;}



	#main .prolist .left .zhushi .item{ padding:.25rem; display:none}



	#main .prolist .left .zhushi .item h3{padding:.1rem 0;font-size:.24rem}



	#main .prolist .left .zhushi .item ul{ padding-top:.1rem}



	#main .prolist .left .zhushi .item ul li span{color:#005a96; font-weight:700; width:1rem}



	#main .prolist .left .zhushi.isopen .item{ display:block}



	#main .prolist .left .searchitem{ padding-bottom:0}



	#main .prolist .left .searchitem .t{padding:.2rem .2rem ;}



	#main .prolist .left .searchitem .t h2{ font-size:.26rem;}



	#main .prolist .left .searchitem .item{ padding:.1rem .2rem; display:none}



	#main .prolist .left .searchitem .item h3{ padding:.1rem 0;}



	#main .prolist .left .searchitem .item h3 a{ font-size:.24rem}



	#main .prolist .left .searchitem .item .list p{ padding-left:.25rem; line-height:.4rem}



	#main .prolist .left .searchitem .item .list p{ margin-right:.05rem; font-size:.23rem}



	#main .prolist .left .searchitem.isopen .item{ display:block}







	#main .prolist .right{ width:100%; padding:.2rem; margin-top:.3rem}



	#main .prolist .right .ptitle{ padding-bottom:.2rem; font-size:.3rem;}



	#main .prolist .right .ptitle i{  margin-right:.1rem}



	#main .prolist .right .list ul li{ padding:.3rem 0;}



	#main .prolist .right .list ul li .info h2 a{ color:#005a96; font-size:.26rem; line-height:.3rem}



	#main .prolist .right .list ul li .info .text{ line-height:.34rem;  margin-top:.1rem; font-size:.21rem}



	#main .prolist .right .list ul li .info .add{margin-top:.1rem;; font-size:.2rem}



	#main .prolist .right .list ul li .info .add i{ width:.3rem; height:.3rem; margin-right:.1rem; line-height:.3rem; border-radius:.3rem; font-size:.2rem}



	#main .prolist .right .list ul li .img .focus .swiper-slide{ height:1.5rem}







	#main .protitle{ padding:.2rem}



	#main .protitle .tit{padding-bottom:.2rem;display: block;}



	#main .protitle .tit h2{ font-size:.26rem;}



	#main .protitle .tit h2 span{ font-size:.26rem;display: block; padding:0; margin:.1rem 0 0}



	#main .protitle .tit span{ display:none}



	#main .protitle .info{ margin-top:.2rem;}



	#main .protitle .info .pj span{ margin-right:.1rem}



	#main .protitle .info .down a{  line-height:.5rem; padding:0 .5rem; border-radius:.5rem; font-size:.24rem}



	#main .protitle .info .down a i{ margin-right:.1rem}







	#main .proinfo{display: block;padding:.2rem; margin-top:.2rem}



	#main .proinfo .img{ width:100%}



	#main .proinfo .img .focus .swiper-slide{ height:3rem;}



	#main .proinfo .right{ width:100%; margin-top:.2rem}



	#main .proinfo .right .price .item{ padding:.05rem 0}



	#main .proinfo .right .price .item label span{ width:25%; text-align:center; padding:.05rem 0}



	#main .proinfo .right .price .item label .numtab .num{ width:.4rem;line-height:.4rem;  border-radius:0}



	#main .proinfo .right .price .item label .numtab a{ width:.4rem; line-height:.4rem;}



	#main .proinfo .right .price .item label .numtab a.jian{ border-radius:4px 0 0 4px}



	#main .proinfo .right .price .item label .numtab a.jia{ border-radius: 0 4px 4px 0}







	#main .proinfo .right .kc{ margin-top:.5rem; font-size:.23rem;}



	#main .proinfo .right .add{ margin-top:.3rem;;}



	#main .proinfo .right .add .total{ font-size:.23rem}



	#main .proinfo .right .add .total span i{ font-family:"din"; font-size:.36rem}



	#main .proinfo .right .add .addfav a{  padding:.1rem .3rem; font-size:.23rem; border-radius:.6rem}



	#main .proinfo .right .add .addfav a i{ margin-right:.1rem}







	#main .procontent{ margin-top:.2rem; display: block;}



	#main .procontent .left{ width:100%;}



	#main .procontent .left .box{ background:#fff; padding:.2rem}



	#main .procontent .left .box .tabs{display: flex;justify-content:space-between ;align-items:center;}



	#main .procontent .left .box .tabs a{width:20%;font-size:.2rem; padding:.1rem 0}



	#main .procontent .left .box .swiper-slide{ padding:.2rem 0 0}



	#main .procontent .left .box .swiper-slide .pt{ padding:.1rem .2rem; font-size:.24rem;}



	#main .procontent .left .box .swiper-slide .list{ padding:.2rem .2rem .3rem}



	#main .procontent .left .box .swiper-slide .list p{line-height:.4rem; padding:.1rem 0;}



	#main .procontent .left .box .swiper-slide .list p span{ width:1.8rem}



	#main .procontent .left .box .swiper-slide .list p em{ width:calc(100% - 1.8rem)}



	#main .procontent .left .box .piclist{ padding:.2rem 0}



	#main .procontent .left .box .piclist .item{ padding:.2rem 0;}



	#main .procontent .left .box .piclist .item .img{ height:2rem;padding:.1rem}



	#main .procontent .left .box .infolist{ padding:.2rem 0}



	#main .procontent .left .box .infolist p{ padding:.1rem 0}



	#main .procontent .left .box2{ padding:.25rem; margin-top:.3rem}



	#main .procontent .left .box2 .published{ margin-top:.2rem}



	#main .procontent .left .box2 .published h2{ font-size:.24rem; padding-bottom:.1rem}



	#main .procontent .left .box2 .published p{ padding-top:.2rem}







	#main .procontent .right{ width:100%; margin-top:.2rem}



	#main .procontent .right .czsc h2{ padding:.2rem .2rem;font-size:.24rem;}



	#main .procontent .right .czsc ul{ padding:.25rem}



	#main .procontent .right .czsc li i{ margin-right:.05rem; font-size:.2rem}



	#main .procontent .right .zhushi{ padding-bottom:0; margin-top:.2rem}



	#main .procontent .right .zhushi h2{padding:.2rem .25rem; font-size:.26rem;}



	#main .procontent .right .zhushi .item{ padding:.25rem;}



	#main .procontent .right .zhushi .item h3{padding:.1rem 0;font-size:.24rem}



	#main .procontent .right .zhushi .item ul{ padding-top:.1rem}



	#main .procontent .right .zhushi .item ul li span{color:#005a96; font-weight:700; width:1rem}



	#main .procontent .right .zhushi.isopen .item{ display:block}







	#main .title .clist{padding-top:.2rem; margin-top:.2rem;}



	#main .title .clist a{ margin-right:.2rem; padding:.1rem .25rem; font-size:.24rem; border-radius:.06rem}







	#main .newslist{ padding:.3rem .2rem}



	#main .newslist ul{flex-wrap:wrap;gap:.3rem 0}



	#main .newslist ul li{ width:100% }



	#main .newslist ul li .img{ height:3rem}



	#main .newslist ul li .info{ padding:.2rem}



	#main .newslist ul li .info .cname span{ border-radius:.06rem; padding:.05rem .2rem}



	#main .newslist ul li .info h2{ height: auto; font-size:.24rem; line-height:.4rem; margin-top:.2rem}







	#main .newsshow{ padding:.2rem; margin-top:.2rem}



	#main .newsshow h1{ font-size:.3rem; line-height:.4rem; padding:.3rem .1rem}



	#main .newsshow .content{ padding:.3rem 0; font-size:.24rem;}



	#main .newsshow .content img{ max-width:100%}



	#main .newsshow .updown{ padding-top:.2rem;}







	#main .techlist{ margin-top:.2rem; padding:.2rem;}



	#main .techlist ul li{padding:.25rem 0}



	#main .techlist ul li .tit h2{ font-size:.26rem;}



	#main .techlist ul li .content{height:0; overflow:hidden; font-size:.24rem;}



	#main .techlist ul li .content img{ max-width:100%}



	#main .techlist ul li.isopen .content{height:auto;padding:.2rem 0}







	#main .agent{ padding:.2rem; margin-top:.2rem}



	#main .agent ul{display: flex;justify-content:flex-start ;align-items:flex-start;flex-wrap:wrap;gap:.3rem 0;}



	#main .agent ul li{ width:100%;border-bottom:1px solid #ddd; padding-bottom:.3rem}



	#main .agent ul li h2{ font-size:.26rem; padding-bottom:.2rem}



	#main .agent ul li .add{ line-height:.36rem; margin-top:.2rem; font-size:.23rem}



	#main .agent ul li .text{ line-height:.36rem; margin-top:.2rem; font-size:.23rem}



	#main .agent ul li .text span{ width:.8rem}







	#main .agent .asearch{ padding-bottom:.5rem}



	#main .agent .asearch select{ padding:0 .1rem; width:75%; height:.6rem; line-height:.6rem;}



	#main .agent .asearch button{ width:25%; height:.6rem; line-height:.6rem; }







	#main .newscat{ margin-top:.2rem;display:block}



	#main .newscat .left{ background:#fff; width:100%}



	#main .newscat .left .clist{ padding-bottom:0}



	#main .newscat .left .clist h2{ padding:.1rem .2rem;font-size:.26rem;}



	#main .newscat .left .clist ul{ padding:.2rem; display:none}



	#main .newscat .left .clist ul h3{padding:.1rem 0}



	#main .newscat .left .clist.isopen ul{ display:block}



	#main .newscat .right{ width:100%; padding:.2rem;margin-top:.2rem}



	#main .newscat .right .ptitle{ padding-bottom:.2rem; font-size:.26rem;}



	#main .newscat .right .ptitle i{ font-weight:normal; margin-right:.1rem}



	#main .newscat .right .list{ padding:.25rem 0}



	#main .newscat .right .list ul li{ padding:.1rem 0;}



	#main .newscat .right .list ul li i{margin-right:.1rem}



}







.recombinant{ font-size:14px; display:inline-block;}



.recombinant span{ background:#f90; color:#fff; padding:3px 10px; border-radius:4px; font-size:14px}



.kokd{ font-size:14px;display:inline-block}



.kokd span{ background:#f90; color:#fff; padding:3px 10px; border-radius:4px; font-size:14px}







.blist{ text-align:center; background:#fff; padding:20px; border-top:1px solid #eee;}



.blist a{ display:inline-block; border:1px solid #ddd; padding:10px 30px; border-radius:6px; margin:0 5px; font-size:16px; background:#f2f2f2}



.blist a:hover{ background:#005a96; border:1px solid #005a96; color:#fff}



.cptj {margin-bottom:15px;}



.cptj img{ width: 100%; height: auto; }



.layui-laypage-curr{ background: #04182e;color: #fff !important; border: 1px solid #04182e !important;}















#category{ width:100%; background:url(../images/bg_category.jpg) no-repeat center center; background-size:cover; padding:5px 0}



#category ul{display: flex;align-items:center;gap:0 20px;flex-wrap:wrap}



#category ul li{ width:calc((100% - 60px) / 4); background:#fff; padding:20px}



#category ul li .img{ overflow:hidden}



#category ul li .img img{ width:100%}



#category ul li .info{ margin-top:30px}



#category ul li .info h2{ font-size:21px;}



#category ul li .info .intro{ color:#666; margin-top:10px}



#category ul li .info .more{ background:#0d3681; margin-top:20px; color:#fff; border-radius:10px; text-align:center; padding:10px 0; font-size:18px}



#category ul li:hover{ -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);}



#category ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}







#imgtj{ width:100%; padding:30px 0}

#imgtj .bigimg img{ width:100%}

#imgtj .imglist{ margin-top:20px;display: flex;gap:0 20px;flex-wrap:wrap}

#imgtj .imglist .item{ width:calc((100% - 60px) / 4); padding:40px 20px; border-radius:10px; overflow:hidden;}

#imgtj .imglist .item1{ background:url(../images/imgitem_1.jpg) no-repeat center top #fafbfe; background-size:cover}



#imgtj .imglist .item2{ background:url(../images/imgitem_2.jpg) no-repeat center top #fafbfe; background-size:cover}



#imgtj .imglist .item3{ background:url(../images/imgitem_3.jpg) no-repeat center top #fafbfe; background-size:cover}



#imgtj .imglist .item4{ background:url(../images/imgitem_4.jpg) no-repeat center top #fafbfe; background-size:cover}



#imgtj .imglist .item .title{ padding:40px 5%;}

#imgtj .imglist .item .title h2{ background:#b6b6eb; display:block; font-family:"微软雅黑",Arial, Helvetica, sans-serif; width:240px;height:56px;line-height:56px;margin:0 auto; font-size:18px; text-align:center; border-radius:10px; font-weight:bold;  text-shadow:  -1px -1px 0 #ffffff,

    1px -1px 0 #ffffff,

    -1px 1px 0 #ffffff,

    1px 1px 0 #ffffff;

	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);

}

#imgtj .imglist .item .itemlist{ margin-top:60px; display:flex;justify-content:space-between}

#imgtj .imglist .item .itemlist .img{ width:40%}

#imgtj .imglist .item .itemlist .img img{ width:100%}

#imgtj .imglist .item .itemlist .info{ width:55%}

#imgtj .imglist .item .itemlist .info h2{ line-height:1.5}

#imgtj .imglist .item .itemlist .info p{ line-height:1.5; margin-top:10px}

#imgtj .imglist .item .smalllist{ margin-top:10px;}

#imgtj .imglist .item .smalllist .small{ display:flex;margin:0 auto; font-family:"微软雅黑",Arial, Helvetica, sans-serif; align-items:center;justify-content:center;width:260px;height:202px;margin-top:20px; border-radius:10px; background:#c9cbca;  text-align:center; font-size:12px;  border:2px solid #c9cbca;box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);}



#imgtj .imglist .item {}



#imgtj .imglist .item { -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}

#homeabout{ width:100%; background:#f5f5f5; padding:50px 0}

#homeabout .wrap2{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}

#homeabout .video{ width:48%; position:relative}

#homeabout .video .img video{ width:100%}

#homeabout .video .play{ position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center; z-index:99}

#homeabout .text{ width:48%}

#homeabout .text .title{ text-align:center}

#homeabout .text .title h2{ background:#0d3681; font-size:24px; display:inline-block; color:#fff; border-radius:10px; padding:10px 30px}

#homeabout .text .content{ margin-top:20px; font-size:18px; line-height:2}

#homeabout .text .content p{ text-indent:2em}



/***产品详情***/







@media (max-width:800px){

	body,html{font-size:.23rem;line-height:.34rem}

	#category{ padding:.5rem .2rem}

	#category ul{gap:.2rem;}

	#category ul li{ width:100%;padding:.2rem}

	#category ul li .info{ margin-top:.3rem}

	#category ul li .info h2{ font-size:.3rem;}

	#category ul li .info .intro{ margin-top:.1rem}

	#category ul li .info .more{ margin-top:.4rem; border-radius:.1rem; padding:.2rem 0; font-size:.26rem}

	#imgtj{padding:.5rem .2rem}

	#imgtj .imglist{ margin-top:.2rem;gap:.2rem;}

	#imgtj .imglist .item{ width:100%; padding:.4rem .2rem; border-radius:.1rem;}

	#imgtj .imglist .item .title{ padding:.4rem 5%;}

	#imgtj .imglist .item .title h2{padding:.2rem 0; font-size:.3rem; border-radius:.1rem;}

	#imgtj .imglist .item .itemlist{ margin-top:.7rem; }

	#imgtj .imglist .item .itemlist .info p{  margin-top:.1rem}

	#imgtj .imglist .item .smalllist{ margin-top:.3rem;}

	#imgtj .imglist .item .smalllist .small{ margin-top:.2rem; border-radius:.1rem;padding:.2rem 0; font-size:.26rem;}

	#homeabout{padding:.5rem .2rem}

	#homeabout .video{ width:100%;}

	#homeabout .video img{ width:20%;}

	#homeabout .text{ width:100%; margin-top:.5rem}

	#homeabout .text .title h2{font-size:.3rem; border-radius:.1rem; padding:.1rem .3rem}

	#homeabout .text .content{ margin-top:.2rem; font-size:.26rem;}

}