@charset "utf-8";

/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wuhan163.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/






body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }

* { padding: 0; margin: 0; }

a { text-decoration: none; color: #333; }

ul, li { list-style: none; }

img { border: 0; }

input { font-family: "微软雅黑"; outline: none; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1200px; margin: 0 auto; }

.all1 { width: 1200px; margin: 0 auto; position: relative; }

/*--top--*/





.header { width: 100%; background: #fff; height: 120px; padding: 10px 0; }

.Logo {height: 80px; margin-top: 20px;}

.Logo img { height: 100%; }

.top-span { height: 30px; line-height: 30px; font-size: 0; text-align: right; }

.top-span a { font-size: 14px; color: #666; padding: 0 8px; display: inline-block; position: relative; }

.top-span a:nth-child(2n):before { content: ""; width: 1px; height: 10px; background: #666; position: absolute; left: -0.5px; top: 50%; transform: translateY(-50%); }

.top-span a:nth-child(3) { margin-left: 10px; }

.iconfont_top a { width: 30px; height: 30px; border-radius: 50%; background: #cccccc; text-align: center; padding: 0; margin: 0 8px; }

.iconfont_top a i { color: #fff; }

.marl { margin-left: 10px; }

.top-active { color: #5EB795 !important; }

/*--nav--*/





.top-nav > ul { font-size: 0px; }

.top-nav > ul > li { line-height: 40px; display: inline-block; position: relative; }

.top-nav > ul > li > a { font-size: 18px; color: #000; display: block; padding: 25px; font-weight: bold; }

.top-nav > ul > li > a:hover { position: relative; color: #5EB795; }

.top-nav > ul > li > a:hover:before { content: ""; position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 40%; height: 5px; background: #5EB795; }

.top-nav ul .Special { position: static; }

.top-nav > ul > li:hover .son { display: block; }

.son { position: absolute; width: 110%; box-sizing: border-box; top: 90px; left: 50%; transform: translateX(-50%); background: #fff; z-index: 99; display: none; border-bottom: 5px solid #5EB795; }

.son .sonname { font-size: 18px; color: #2697CB; line-height: 35px; text-align: left; }

.Special .son { width: 1060px; padding: 0 40px; top: 120px; padding-bottom: 20px !important; }

.Special .son dd { float: left; margin-right:40px; }

.Special .son dd li:hover a { color: #5EB795; }

.son dd { line-height: 35px; text-align: center; }

.son dd li:hover a { color: #5EB795; }

.son dd a { display: block; width: 100%; height: 100%; font-size: 16px; color: #4c4c4c; }

.son dd ul li a { font-size: 14px; }

.son dd li { text-align: center; }

.Special .son dd li { line-height: 40px; text-align: left; }

/*--banner--*/






.banner-box { width: 100%; overflow: hidden; height: 630px; }

.banner { width: 100%; height: 550px; overflow: visible !important; position: relative; }
.banner .swiper-wrapper li img{ width:100%; height:100%;}

.banner .swiper-wrapper li a { text-align: center;  }

.bbbbb { display: block; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,.9); font-size: 16px; color: #5EB795; width: 300px; line-height: 40px; text-align: center; border-radius: 20px; box-shadow: 0px 0px 6px 0px #333; }

.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: -80px !important; left: 0; padding: 30px; background: #F6F6F6; z-index: 999; }

.banner .hd { text-align: center; }

.banner .hd span { cursor: pointer; display: inline-block; width: 20px; height: 20px; margin: 0 10px !important; background: #fff; border-radius: 50%; border: 1px solid #669999; }

.banner .hd .swiper-pagination-bullet-active { background: #003399; border: 1px solid #003399; }

.banner .banner-prev, .banner .banner-next { display: block; position: absolute; z-index: 1; top: 50%; left: 2%; z-index: 1; margin-top: -30px; width: 70px; height: 70px; background: url(img/banner_arrow.png) left top no-repeat; cursor: pointer; }

.banner .banner-next { left: auto; right: 2%; background-position: left bottom; }

/*--病毒载体与应用--*/





.back1 { background: #fff; padding: 50px 0; }

.back2 { background: #F7F7F7; padding: 50px 0; }

.home-tit { text-align: center; }

.home-tit h2 { font-size: 22px; color: #424242; line-height: 40px; margin-bottom: 30px; position: relative; }

.home-tit h2:after { content: ''; width: 100px; height: 3px; background: #4DB18A; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); }

.home-tit p a { font-size: 16px; color: #1E1E1E; padding: 0 5px; }

.home-tit p a:hover { color: #4DB18A; }

.home-page1 ul { margin-top: 50px; }

.home-page1 ul li { position: relative; float: left; width: 216px; height: 350px; box-shadow: 0px 0px 10px 0px #666; overflow: hidden; }

.home-page1 ul li + li { margin-left: 30px; }

.home-page1 li img { width: 100%; height: 100%; }

.home-page1 li p { position: absolute; font-size: 18px; font-weight:700; color: #fff; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }

/*--热门产品--*/





.pro-content { position: relative; }

.pro-content li .pro-img { height: 250px; overflow: hidden; }

.pro-img1 { width: 400px; height: 248px; }

.pro-img1 img { height: 100%; width: 100%; }

.pro-content li p { font-size: 16px; color: #333; line-height: 40px; text-align: center; }

.button-prev, .button-next { font-size: 50px !important; color: #fff; position: absolute; left: -50px; top: 0; cursor: pointer; outline: none; height: 247px; line-height: 247px; background: #d2cece; }

.button-next { left: auto; right: -50px; }

.pro-more { display: block; background: #fff; font-size: 18px; font-weight: 700; color: #5EB795; width: 300px; line-height: 40px; text-align: center; border-radius: 20px; box-shadow: 0px 0px 6px 0px #999; margin: 50px auto 0; }

/*--产品内容--*/





.pro_ul { width: 100%; }

.pro_ul li { float: left; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 40px; height: 40px; background: #50B28C; font-size: 16px; font-weight: 700; color: #fff; }

.pro_ul li a { color: #50B28C; }

.pro_ul li:nth-child(1) { width: 7%; border: 1px solid #ccc; }

.pro_ul li:nth-child(2) { width: 12%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(3) { width: 27%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(4) { width: 14%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(5) { width: 7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(6) { width: 13%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(7) { width: 13%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul li:nth-child(8) { width: 7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.pro_ul2 li { background: #fff; color: #333; font-weight: normal; font-size: 14px; border-top: 0px !important; }

.pro_ul_tb { width: 100%; }

.pro_ul_tb li { background: #eee; line-height: 40px; font-size: 16px; font-weight: bold; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px; }

/*--新闻列表--*/





.news-nav { margin-top: 40px; }

.news-nav ul { font-size: 0; text-align: center; }

.news-nav ul li { display: inline-block; font-size: 18px; color: #fff; background: #999999; width: 250px; line-height: 60px; border-radius: 15px; margin: 0 10px; cursor: pointer; }

.news-nav .news-nav-active { background: #339966; position: relative; }

.news-nav-active { background: #339966; }

.news-nav-active:after { content: ''; width: 0; position: absolute; bottom: -20px; left: 20px; height: 0; border-left: 3px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #339966; }

.news-list { width: 800px; margin: 70px auto 0; }

.news-list li { margin-bottom: 50px; }

.news-list .news-time { font-size: 16px; color: #339966; }

.news-list .news-desc { font-size: 18px; color: #666; margin-top: 10px; }

.news-list .wid { width: 160px; }

/*--新闻新加--*/ 





.list-li-item { border-top: 1px solid #efefef; text-align: center; padding: 30px 0; }

.list-li-item a { display: inline-block; width: 198px; line-height: 52px; position: relative; text-align: center; border: 1px solid rgb(212, 212, 212); vertical-align: middle; position: relative; border-radius: 26px; cursor: pointer; margin: 0 20px; font-size: 16px; color: #333; }

.list-li-item a.active { color: #50B28C; border: 1px solid #50B28C; }

.news-list-new { padding: 20px 30px; }

.news-list-new ul li { overflow: hidden; height: 183px; width: 48.3%; float: left; margin-bottom: 38px; color: #666; background-color: #fff; transition: all 0.5s; box-shadow: 0 0 14px #999; }

.news-list-new ul li:nth-child(2n) { margin-left: 3.4%; }

.news-list-img { overflow: hidden; width: 33.27%; height: 183px; }

.news-list-img img { width:100%; height: 100%; }

.news-list-text { padding: 20px 40px; box-sizing: border-box; width: 66.73%; }

.news-list-time { font-size: 12px; color: #666; }

.news-list-text h3 { font-size: 16px; font-weight: 500; margin: 10px 0 15px; height: 48px; line-height: 24px; white-space: inherit; overflow: hidden;}

.news-list-text p { font-size: 14px; color: #666; line-height: 22px; height: 44px; }

/*--单页内容--*/





.lr_banner { width: 100%; height: 340px; background: url(img/lr_banner.jpg) center center no-repeat; overflow: hidden; }

.banner_txt { margin: 40px 0 0 0; width: 650px; height: 260px; /*background: #50B28C;*/ background-color : rgba(80,178,140,0.8); color: #fff; overflow: hidden; }

.banner_txt h2 { margin: 20px; }

.banner_txt p { margin: 0px 20px 20px 20px; line-height: 28px; }

.lr_main { background-color: #F0F2F1; width: 100%; padding: 20px 0; }

.lr_txt { background: none repeat scroll 0 0 #FFFFFF; overflow: hidden; padding: 30px 14px 50px; }

.lr_txt h1 { font-size: 24px; font-weight: bold; line-height: 30px; padding-bottom: 10px; padding-top: 20px; text-align: center; }

.lr_txt h1.lm_bingdu { color: #003987; }

.lr_txt_body { font-size: 14px; padding: 20px 30px; line-height: 28px; color: #666; }

/*.lr_txt_body, .lr_txt_body div, .lr_txt_body span, .lr_txt_body p { font-size: 14px; padding: 20px 30px; line-height: 28px; color: #666; }*/






.lr_txt h2 { padding: 10px 10px; font-size: 18px; background: #efefef; margin: 30px 0 20px 0; }

.lr_wz { background-color: #F0F2F1; width: 100%; margin-bottom: 20px; }

.lr_wz em { font-style: normal; }

.list_f { width: 150px; height: 220px; position: fixed; background: #fff; top: 490px; left: 10px; box-shadow: 10px 10px 30px #CCC; -webkit-box-shadow: 0px 0px 30px #CCC; -moz-box-shadow: 0px 0px 15px #CCC; opacity: 0.7; z-index: 99; }

.list_f_1 { padding: 30px; }

.list_f_1 h4 { font-size: 18px; margin-bottom: 20px; text-align: center; }

.list_f_1 ul { }

.list_f_1 ul li { float: left; width: 100%; font-size: 16px; line-height: 40px; text-align: center; }

/*--列表页--*/






.h5 { padding-bottom: 12px; }

.h5 i { text-indent: 30px; font-size: 20px; float: left; font-style: normal; }

.h5 span { float: left; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #CCC; margin-top: 6px; }

.h5 em { float: right; font-size: 12px; color: #CCC; font-weight: normal; font-style: normal; margin-top: 8px; margin-right: 18px; }

.txt_t { padding: 30px 20px 10px 20px; font-size: 14px; line-height: 32px; border-top: 1px solid #efefef; font-weight: 100; }

.txt_t p { padding: 6px; }

.txt_t b { font-size: 16px; font-weight: 100; }

.list_l { float: left; width: 280px; height: 180px; overflow: hidden; margin-bottom: 25px; }

.list_l img { width: 240px; }

.list_r { float: left; width: 810px; margin-bottom: 25px; }

.list_r b { font-size: 18px; font-weight: 500; }

.next { width: 90%; margin-right: auto; margin-left: auto; font-size: 14px; line-height: 30px; margin-top: 30px; font-weight: 100; }

.lr_txt .p9 { display: block; font-size: 12px; margin-top: 10px; text-align: center; }

/*------------------------------翻页----------------------------*/






.pages { float: left; width: 100%; padding: 10px 0 10px 0; }

.pages UL { float: right; padding-right: 46px; }

.pages UL LI { float: LEFT; border: 1px solid #ccc; padding: 6px 10px; margin-right: 10px; margin-bottom: 10px; color: #888; }

.pages UL LI a { display: block; color: #888; }

.thisclass { display: block; }

.pages UL LI select { border: 0; background: none; color: #fff; }

.pages UL LI:hover { border: 1px solid #007fff; color: #007fff; }

.pages UL LI:hover a { color: #007fff; }

.thisclass { background: #007fff; border: 1px solid #007fff !important; color: #fff !important; }

.thisclass a { color: #fff !important; }

/*--联系我们--*/






.contact-box { box-shadow: 0 0 14px #666; background: #fff; margin-bottom: 30px; }

.contact-left { float: left; width: 50%; background: #50B28C; padding: 45px 0; box-sizing: border-box; }

.contact-nav ul { font-size: 0; text-align: center; }

.contact-nav ul li { font-size: 18px; color: #fff; display: inline-block; margin: 0 10px; width: 200px; line-height: 50px; background: rgba(0,0,0,.3); border-radius: 10px; position: relative; cursor: pointer; }

.contact-nav ul .contact-nav-active { background: rgba(0,57,138,1); }

.contact-nav-active:after { content: ''; width: 0; position: absolute; bottom: -20px; left: 20px; height: 0; border-left: 3px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #00398A; }

.contact-desc { margin-top: 60px; color: #fff; text-align: center; }

.contact-desc h2 { font-size: 18px; margin-bottom: 20px; }

.contact-desc p { font-size: 14px; line-height: 22px; }

.about-more { display: block; background: #fff; font-size: 16px; color: #50B28C; width: 150px; line-height: 40px; text-align: center; border-radius: 20px; box-shadow: 0px 0px 6px 0px #999; margin: 30px auto 0; }

.contact-right { float: right; width: 50%; padding: 45px 60px; box-sizing: border-box; }

.contact-right h2 { font-size: 22px; color: #50B28C; }

.contact-right .right-desc { font-size: 16px; color: #333; line-height: 24px; margin-top: 20px; }

.right-list ul { width: 100%; margin-top: 40px; }

.right-list ul li { float: left; width: 80px; text-align: center; }

.right-list ul li + li { margin-left: 80px; }

.right-list li p { font-size: 16px; color: #333; }

.footer { width: 100%; height: 60px; line-height: 60px; background: #50B28C; }

.footer .footl { width: 33.33%; float: left; color: #fff; }

.footer .copy { font-size: 12px; color: #E7E6E7; }

.footer-nav { text-align: center; }

.footer-nav span { padding: 0 10px; position: relative; }

.footer-nav span + span:before { content: ""; position: absolute; height: 10px; width: 1px; background: #fff; left: -0.5px; top: 50%; transform: translateY(-50%); }

.footer-icon { text-align: center; }

.footer-icon span { display: inline-block; width: 45px; height: 45px; font-size: 24px; color: #50B28C; background: #fff; border-radius: 50%; vertical-align: middle; line-height: 45px; cursor: pointer; position: relative; }

.footer-icon span:hover .foot-son { display: block; }

.foot-son { z-index: 2; display: none; position: absolute; bottom: 70px; left: 0; background: #fff; padding: 10px; min-width: 150px; color: #fff; box-shadow: 0 0 10px #ccc; border-radius: 6px; }

.foot-son:after { content: ''; width: 0; position: absolute; bottom: -20px; left: 20px; height: 0; border-left: 3px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; }

.foot-son .tel { width: 200px; }

.foot-son img { width: 150px; height: 150px; }

/*--2020-5-18 产品中心--*/





.position, .position a { font-size: 14px; color: #666; padding: 10px 5px; }

.title { font-size: 26px; font-weight: 700; padding-bottom: 20px; margin: 10px 0; color: #585858; border-bottom: 1px solid #eee; }

.filer_image { width: 50px; vertical-align: middle; }

.type1 label { margin-left: 5px; }

.preject-radio .type1 > ul { display: none; position: absolute; }

.preject-radio .type1 > ul li { float: left; margin-right: 5px; }

.pf-select { color: #50B28C !important; }

.ps-select { display: block !important; }

.preject-radio { width: 100%; display: flex; margin-bottom: 15px; position: relative; }

.preject-radio .type1, .preject-radio .type2 { padding-left: 30px; line-height: 25px; }

.preject-radio .type_w { width: 130px; }

.filter-title { font-weight: bold; font-size: 14px; color: #585858; margin-bottom: 5px; }

.filter-title-h { font-weight: bold; font-size: 16px; color: #585858; margin-bottom: 5px; text-align: right; }

.preject-radio li label { display: block; line-height: 30px; font-weight: inherit; font-size: 12px; cursor: pointer; color: #585858; }

.preject-radio li label input { margin-right: 3px; }

.btn { margin-left: 50px; font-size: 14px; color: #fff; background-color: #50B28C; padding: 5px 10px; border-color: #269abc; border: none; outline: None; line-height: 25px; border-radius: 3px; }

.btn:hover { box-shadow: 0 0 10px #ccc; }

.pro-content table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 60px; }

.pro-content th { background: #50B28C; font-size: 16px; font-weight: 700; color: #fff; border: thin solid #003888; }

.pro-content th, .pro-content td { padding: 8px; border: thin solid #ccc; }

.pro-content tr:hover td { background-color: #dfdfdf; }

.pro-content td { font-size: 14px; color: #585858; }

.pro-content td b { font-size: 16px; color: #585858; }

.pro-content td a { color: #50B28C; }

.pro-nav { width: 100%; height: 50px; line-height: 50px; background: #eee; font-size: 0; margin: 20px 0 30px; }

.pro-nav ul li { display: inline-block; font-size: 16px; color: #585858; width: 150px; text-align: center; cursor: pointer; }

.pro-nav ul li.on { background: #269abc; color: #fff; }

.pro_txt { background: none repeat scroll 0 0 #FFFFFF; overflow: hidden; padding: 30px 14px 50px; }

.pro_txt h1 { font-size: 24px; font-weight: bold; line-height: 30px; padding-bottom: 10px; padding-top: 20px; text-align: center; }

.pro-img { width: 100%; text-align: center; }

.pro-img img { max-width: 60%; height: auto; }

.desc1 img { max-width: 60%; }

/*--right-contact--*/






.right-concatc { position: fixed; right: 5px; bottom: 25%; z-index: 99; }

.right-concatc ul li { width: 50px; height: 50px; line-height: 50px; text-align: center; background: #999; border-radius: 8px; cursor: pointer; position: relative; }

.right-concatc ul li + li { margin-top: 5px; }

.right-concatc ul li span { font-size: 24px; color: #fff; }

.show-img { width: 200px; height: 200px; position: absolute; right: 55px; top: 0; display: none; }

.right-concatc ul li:hover .show-img { display: block; }

.right-concatc ul li:hover { background: #50B28C; }

.tel-con { text-align: left; font-size: 18px; color: #50B28C; line-height: 30px; }

.tel-con i { font-size: 18px; line-height: 30px; padding-right: 10px; }

.tel-con a { text-decoration: underline; font-size: 16px; color: #50B28C; }

.gshow, .rshow { display: none; }

/*--首页新加--*/

.home-page1 dl { position: absolute; width: 90%; top: 400px; background: rgba(0,0,0,.5); border-radius: 8px; left: 50%; transform: translateX(-50%); padding: 10px; transition: 0.5s; }

.home-page1 dl dd a { font-size: 12px; color: #fff; line-height: 30px; }

.home-page1 dl dd a:hover { color: #50B28C; }

.home-page1 ul li:hover dl { top: 60px; transition: 0.5s; }

.home-page1 ul li:hover p { top: 40px; transition: 0.5s; }

/*--联系我们--*/






.line { border-bottom: 1px solid #efefef; height: 0; }

.contact-list { margin: 50px 0; }

.contact-list li { width: 33.33%; float: left; padding: 60px 0; text-align: center; 
	box-sizing: border-box; }

.contact-list li + li { border-left: none; }

.contact-icon img { height: 138px; }

.contact-text { line-height: 30px; font-size: 18px; color: #666666; margin-top: 40px; height: 60px; }

/*--招贤纳士--*/






.join-box { padding: 40px 30px; }

.join-box ul li { width: 350px; height: 144px; float: left; padding: 25px; box-sizing: border-box; box-shadow: 0 0 14px #999; margin: 0 31px 31px 0; }

.join-box ul li:nth-child(3n) { margin-right: 0; }

.join-tit { display: -webkit-box; max-width: 300px; height: 56px; font-size: 20px; line-height: 28px; color: #222831; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.join-tit span { display: inline-block; height: 20px; color: #fff; font-size: 12px; line-height: 20px; background: #ff6b6b; padding: 0 4px; margin-right: 4px; }

.join-type { font-size: 16px; line-height: 20px; color: #a2a4a8; }

.join-time { font-size: 14px; color: #333; line-height: 25px; padding: 0 30px; }

.join-line { display: flex; -webkit-box-align: center; -webkit-align-items: center; font-size: 18px; color: #333; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px 0; }

.join-line .line1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 12px; height: 1px; background-color: #f4f4f5; }

.join-button { display: block; width: 120px; line-height: 36px; margin: 0 auto; text-align: center; font-size: 14px; color: #fff; background: #50B28C; }

/*--侧边样式--*/






.sidebar { width: 21%; height: 100%; float: left; border: 1px solid #e5e5e5; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.sidebar .h4 a { display: block; background: #50B28C; width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #fff; padding-left: 50px; box-sizing: border-box; font-weight: 500; }

.sidebar .click_menu a { font-size: 14px; background-color: #f3f3f3; color: #333; line-height: 44px; padding-left: 58px; display: block; font-weight: 500; }

.sidebar ul li { position: relative; }

.sidebar ul li a { font-size: 12px; line-height: 20px; padding-top: 4px; padding-bottom: 4px; display: block; color: #666; line-height: 26px; padding-left: 72px; }

.sidebar ul li a:before { content: ""; display: block; width: 4px; height: 4px; border: 1px solid #999; position: absolute; left: 60px; top: 50%; transform: translateY(-50%); }

.sidebar ul li.active a:before { border: 1px solid #50B28C; }

.active a { color: #50B28C !important; }

.manual-list { width: 75%; float: right; }

.manual-list ul li { padding: 10px; box-sizing: border-box; box-shadow: 0 2px 15px rgba(36, 36, 36, 0.1); transition: all 0.5s; -webkit-transition: all 0.5s; margin-bottom: 30px; font-size: 0; }

.item-img { width: 17%; height: 100px; display: inline-block; overflow: hidden; vertical-align: middle; }

.item-img img { width: 100%; height: 100%; }

.item { width: 70%; margin-left: 3%; display: inline-block; vertical-align: middle; }

.manual-list ul li:hover { box-shadow: 0 2px 15px rgba(36, 36, 36,0.5); transform: translateY(-5px) }

.item h4 { font-size: 16px; color: #333333; margin-top: 10px; }

.item p { font-size: 14px; color: #666; height: 50px; line-height: 25px; margin-top: 5px; padding: 0; }

.dowbut { font-size: 14px; color: #fff; position: absolute; right: 20px; top: -6px; display: block; padding: 5px 15px; border-radius: 3px; background: #50B28C; }

.posit { position: relative; }

.item-right { width: 10%; display: inline-block; height: 91px; line-height: 91px; text-align: center; position: relative; }

.item-right:before { content: ''; width: 1px; height: 40px; background: #999; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }

.item-right:hover a { color: #50B28C; }

.item-right a { font-size: 14px; color: #666; }

/*--视频列表--*/




.video-nav { margin: 20px 0 40px; text-align: center; }

.video-nav li { display: inline-block; }

.video-nav li a { font-size: 16px; color: #333; display: block; border: 1px solid #999; border-radius: 6px; padding: 3px 20px; margin: 0 10px; }

.video-nav li:hover a { border: 1px solid #50B28C; background: #50B28C; color: #fff; }

.video-nav li.addclass a { border: 1px solid #50B28C; background: #50B28C; color: #fff; }

.video-list { width: 100%; }

.video-list ul li { width: 25%; float: left; box-sizing: border-box; padding: 0 15px; margin-bottom:20px; }

.video-list ul li:nth-child(3n) { margin-right: 0; }

.video-img { position: relative; width: 100%; padding-bottom: 75%; }

.video-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; }

.video-list ul li p { width: 100%; line-height: 40px; background: #eee; font-size: 14px; color: #333; text-align: center; padding: 0; }

.video-list ul li:hover p { background: #50B28C; color: #fff; }

/*--常见问题--*/



.fqa-list { width: 75%; float: right; }

.fqa-list ul li { background-color: #fff; border: 1px solid #cdcdcd; padding: 10px; margin-bottom: 10px; font-size: 0; }

.fqa-list li h3 { font-size: 16px; line-height: 23px; color: #333; width: 90%; display: inline-block; margin-bottom: 10px }

.fqa-list .sqa-span { font-size: 14px; color: #666; display: inline-block; width: 10%; }

.Answer { display: inline-block; font-weight: 700; background: #fff url(./img/showhide.gif) no-repeat; background-position: right -35px; padding: 3px 15px 0 0; cursor: pointer; font-size: 14px; color: #007ed5; line-height: 20px; }

.toggle { background-position: right 8px !important; }

.Answer1 { display: inline-block; color: #1f365c; font-weight: 700; padding: 3px 15px 0 0; cursor: pointer; font-size: 14px; line-height: 20px; position: relative; }

.Answer1:before { content: ""; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #1f365c; position: absolute; top: 6px; right: 2px; }

.fqa-desc { font-size: 13px; line-height: 22px; color: #333; padding: 10px 0; }

/*--手机适配--*/



.menu, .banner-phone { display: none; }
 @media(max-width:640px) {

body { font-size: 20px; }

.all, .all1 { width: 100%; }

.block { display: block !important; }

/*--首页--*/



.header { position: fixed; left: 0; top: 0; height: 4rem; z-index: 999; padding: 0.5rem; box-sizing: border-box; }

.Logo { height: 3rem;}

.top-span { display: none; }

.menu { display: block; width: 1.5rem; margin: 0.75rem 0.5rem; }

.menu span { width: 1.5rem; height: 0.25rem; display: inline-block; background: #003399; }

.menu span + span { margin-top: 0.25rem; }

.fr-top { display: none; position: fixed; right: 0; top: 4rem; bottom: 0; width: 100%; background: #fff; overflow-Y: scroll; }

.menu span.back { background: #f00; }

.top-nav ul li:first-child { border-top: 1px solid #eee; }

.top-nav ul li { display: block; width: 100%; line-height: 2.5rem; border-bottom: 1px solid #eee; text-align: left; }

.top-nav ul li a { font-size: 0.9rem; padding: 0 0.5rem; box-sizing: border-box; }

.top-nav > ul > li > a:hover:before { width: 0; height: 0; }

.Special .son { width: 100%; padding: 0 0.5rem; position: static; padding-bottom: 1rem; }

.Special .son dd { width: 100%; float: none; }

.son dd { line-height: 2rem; text-align: left; }

.son dd ul li a { padding: 0; font-size: 0.7rem; padding: 0 1rem; }

.son { transform: translateX(0); position: static; width: 100%; }

.son .sonname { font-size: 0.9rem; line-height: 2rem; }

.Special .son dd li { line-height: 2rem; }

/*--banner--*/



.banner-box { display: none; }

.banner-phone { display: block !important; height: auto; margin-top: 4rem; }

.banner-phone ul li img { width: 100%; height: auto; }

.banner { height: auto; }

.banner .hd { display: none; }

.banner .banner-prev, .banner .banner-next { display: none; }

.back1, .back2 { padding: 2rem 0; }

.home-tit h2 { font-size: 1.1rem; line-height: 2rem; margin-bottom: 1rem; }

.home-tit p { font-size: 0.7rem; }

.home-tit p a { font-size: 0.7rem; }

/*--载体应用--*/



.home-page1 { padding: 0 0.5rem; }

.home-page1 ul li { width: 49%; height: 16rem; margin-bottom: 2rem; }

.home-page1 li p { font-size: 1.2rem; }

.home-page1 dl { width: 90%; padding: 0.5rem; }

.home-page1 dl dd a { font-size: 0.6rem; line-height: 1.5rem; }

.home-page1 ul li + li { margin-left: 0; }

.home-page1 ul li:nth-child(2n) { margin-left: 2%; }

.home-page1 ul li:hover dl { top: 4rem; }

.pro-img1 img { width: auto; height: 7rem; }

.pro-img1 { height: auto; }

.pro-content li p { font-size: 0.8rem; line-height: 2rem; }

.pro-more { width: 10rem; font-size: 0.8rem; line-height: 2rem; margin: 1rem auto 0; }

.news-nav ul li { width: 25%; line-height: 2rem; font-size: 0.9rem; border-radius: 0.5rem; margin: 0 5px; }

.news-nav-active:after { border-left: 3px solid transparent; border-right: 10px solid transparent; bottom: -10px; border-top: 10px solid #339966; }

.right-concatc { display: none; }

.news-list { width: 100%; padding: 0 0.5rem; margin: 2rem auto 0; box-sizing: border-box; }

.news-list li { margin-bottom: 2.5rem; }

.news-list .news-time { font-size: 0.8rem; }

.news-list .news-desc { font-size: 0.9rem; margin-top: 0.5rem; }

.button-prev, .button-next { display: none; }

/*--关于我们--*/


.contact-left { width: 100%; padding: 2rem 0; }

.contact-nav ul li { width: 30%; font-size: 0.9rem; line-height: 2rem; }

.contact-nav-active:after { bottom: -10px; border-left: 3px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #00398A; }

.contact-desc h2 { font-size: 0.9rem; margin-bottom: 1rem; }

.contact-desc p { font-size: 0.7rem; line-height: 1.1rem; }

.screen-more { width: 7rem; font-size: 0.8rem; line-height: 2rem; border-radius: 0.5rem; }

.contact-right { width: 100%; padding: 2rem 0.5rem; }

.contact-right h2 { font-size: 1.1rem; }

.contact-right .right-desc { font-size: 0.8rem; line-height: 1.2rem; margin-top: 1rem; }

.right-list ul li { width: 29%; }

.right-list ul li + li { margin-left: 6%; }

.right-list li p { font-size: 0.8rem; }

.footer .footl { width: 100%; text-align: center; }

.footer-nav, .footer-icon { display: none; }

/*--病毒载体内容--*/

.lr_banner { margin-top: 4rem; height: 20rem; }

.banner_txt { width: 90%; height: auto; margin: 2rem auto 0; }

.banner_txt h2 { margin: 1rem; font-size: 1rem; }

.banner_txt p { font-size: 0.7rem; line-height: 1.2rem; }

.lr_wz { padding: 0 0.5rem; box-sizing: border-box; }

.lr_wz, .lr_wz a { font-size: 0.7rem; }

.list_f { display: none; }

.lr_txt { padding: 2rem 0.5rem; }

.lr_txt h1 { font-size: 1.2rem; line-height: 1.5rem; padding-top: 1rem; }

.lr_txt_body { padding: 0; font-size: 0.7rem; line-height: 1.4rem; }

.lr_txt h2 { font-size: 0.9rem; }

.lr_txt_body img { max-width: 100% !important; height: auto !important; }

/*--学习中心--*/

.h5 i { display: none; }

.h5 em { float: none; font-size: 0.7rem; }

.txt_t { padding: 2rem 0; font-size: 0.7rem; line-height: 1.6rem; }

.list_l { width: 30%; height: 5rem; }

.list_l img { width: 100%; }

.list_r { width: 68%; margin-left: 2%; }

.list_r b { font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; display: block; }

.txt_t p { font-size: 0.7rem; line-height: 1rem; padding: 0; }

.pagelist{font-size:0.6rem;}

.sidebar{width:100%;}

.manual-list{width:100%; margin-top:2rem;}
.item-img img{width:100%; height:auto;}
.item h4{font-size:0.8rem;}
.item-right a{font-size:0.7rem;}
.item-right{width:12%;}
.item-right:before{left:5px;}
.item{width:68%;}

.video-list ul li{width:50%;}
.fqa-list{width:100%; margin-top:2rem;}
.list-li-item a{width:25%; font-size:0.8rem; border-radius:1rem; line-height:2rem; margin:0 0.5rem;}
.news-list-new{padding:0;}
.news-list-new ul li{width:100%; height:auto;}
.news-list-text{padding:0.5rem;}
.news-list-time{font-size:0.6rem;}
.news-list-text h3{font-size:0.8rem; height:2.4rem; line-height:1.2rem; padding:0;}
.news-list-text p{font-size:0.7rem;}
.news-list-img{height:6rem;}
.news-list-img img{width:100%; height:100%;}
.content{display:none;}
.news-list-new ul li:nth-child(2n){margin-left:0;}
.contact-list li{padding:1rem 0;}
.contact-icon{text-align:center;}
.contact-icon img{width:70%; height:auto;}
.contact-text{font-size:0.7rem; height:3rem; margin-top:1rem; line-height:1rem;}
#l-map{height:25rem !important;}


/*--招贤纳士--*/
.join-box{padding:0;}
.join-box ul li{width:100%; height:8rem; margin-right:0;}






}