@charset "utf-8";
/* CSS Document */
img }
.animaper {position: relative;opacity: 0;top: 50px;}
/* ========================================================首页 */
/* index-banner */
.index_banner img {width:100%;}
.index_banner .owl-dots {width:100%;text-align:center; position:absolute; bottom:35px;}
.index_banner .owl-dot {display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 10px; background-color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.6);}
.index_banner .owl-dot.active {background-color:transparent;border:1px solid #54504b;}
.index_banner .owl-prev,.index_banner .owl-next {position:absolute;top:50%; margin-top:-31px;width:50px; height:62px; font-size:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index_banner .owl-prev {left:7%; background:url(../images/bannerjt.png) top left;}
.index_banner .owl-prev:hover {background:url(../images/bannerjt.png) bottom left;}
.index_banner .owl-next {right:7%; background:url(../images/bannerjt.png) top right;}
.index_banner .owl-next:hover {background:url(../images/bannerjt.png) bottom right;}
.index_banner .owl-item {position:relative;}
.banner_text {width:72.92%;height:100%; margin:0 13.54%;position:absolute;top:0;left:0;z-index:1;}
.banner_text ul {display:inline-block; position:absolute; top:40%; cursor:pointer; text-align:center;opacity:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 1s .6s;
    -moz-transition: all 1s .6s;
    -ms-transition: all 1s .6s;
    -o-transition: all 1s .6s;
    transition: all 1s .6s;
}
.banner_text p {display:inline-block;color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.banner_text .p1 {font-size:45px;}
.banner_text .p1 i {font-size:55px; color:#54504b;}
.banner_text .p2 {font-size:16px;}
.banner_text ul:hover p {color:#54504b;}
.index_banner .active:nth-of-type(3n-3) .banner_text ul {position:absolute;top:50%;right:50px; opacity:1;}
.index_banner .active:nth-of-type(3n-2) .banner_text ul {position:absolute;top:50%;right:50px; opacity:1;}
.index_banner .active:nth-of-type(3n-1) .banner_text ul {position:absolute;top:50%;left:0; opacity:1; }
.index_banner .item {width:100%; height:calc(100vh - 100px); background-size:cover; background-repeat: no-repeat; background-position: center;}
.index_banner .item img {display:none !important;}
/* index-科研服务 */
.title {text-align:center;font-size:40px; color:#312d2e; font-family:"方正兰亭超细黑简体"; }
.title span {display:block; margin:10px 0 40px 0;font-size:20px; color:#666; }
.index_keyan {text-align:center;padding:60px 0;}
.index_keyan ul {width:90%; margin:0 auto; overflow:hidden;}
.index_keyan li {width:30%; margin-right:5%; float:left;}
.index_keyan li:nth-of-type(3n) {margin-right:0;}
.index_keyan li a {display:block;}
.index_keyan li img {width:60%;
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.index_keyan li:hover img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.index_keyan .p1 {margin:38px 0 18px 0; color:#333; font-size:20px; font-weight:bold;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index_keyan .p2 {color:#666; font-size:14px;}
.index_keyan li:hover .p1 {color:#54504b;}


/* index-新闻中心 */
.index_news {background-color:#f4f4f4; padding:60px 0;}
.news_box .item {background-color:#f4f4f4;margin:2px;overflow:hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news_box .item:hover {background-color:#fff; box-shadow:0 0 5px #ccc;}
.news_box .item span {display:block; overflow:hidden;}
.news_box .item img {width:100%;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.news_box .item:hover img {width:100%;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.news_box .owl-prev,.news_box .owl-next ,
.team_loop .owl-prev,.team_loop .owl-next,
.honor-owl .owl-prev, .honor-owl .owl-next
{position:absolute;top:50%; margin-top:-30px;width:50px; height:60px; font-size:0;}
.news_box .owl-prev,.team_loop .owl-prev, .honor-owl .owl-prev {left:-12%; background:url(../images/jiantou1.jpg) top left;}
.news_box .owl-next,.team_loop .owl-next, .honor-owl .owl-next {right:-12%; background:url(../images/jiantou1.jpg) top right;}


.index_news .p1 {min-height:52px;color:#333; font-size:20px; font-weight:bold; margin:30px 0 40px 0; padding:0 7%;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index_news .p2 {color:#999; font-size:12px; padding:0 7% 24px 7%;}
.news_box .item:hover .p1 {color:#54504b;}
/* index-专家团队 */
.index_team {position:relative;overflow:hidden;}
.specialist {width:100%;}
.index_team {background-image:none !important;
    background:url(../images/bgline.jpg) repeat-x center top !important; background-size:cover !important;
}
.index_team .mainimg {width:49%;float:left;}
.team_info {position:absolute;top:0;left:0; height:100%;width:100%;}
.team_info .wrap {overflow:hidden; height:100%;}
.team_info ul {width:48%; float:right;}
.index_team h1 {font-size:36px; color:#333; font-weight:bold; margin-bottom:50px;text-transform: uppercase;}
.index_team h1 i {font-size:2.25rem; color:#333; font-family:"方正兰亭超细黑简体";text-transform: uppercase;}
.index_team h1 span {display:block; color:#666; font-size:20px;}
.index_team p {color:#777; font-size:14px; line-height:25px; margin-bottom:10px;}
.index_more {display:block; width:136px; height:40px; line-height:40px; border-radius:4px; margin-top:50px; background-color:#54504b; text-align:center; color:#fff; font-size:12px;}
.index_team .wrapper {width:auto; /*max-width:1366px;*/ margin:0 auto;}
@media (max-width:1280px){
    .index_team h1 {margin-bottom:20px;}
    .index_team p {font-size:12px; line-height:16px;}
    .index_more {margin-top:20px;}
}
/* index-美格简介 */
.index_company {position:relative;overflow:hidden;max-height:668px;}
.mainbg {width:100%;}
.cp_info {position:absolute;top:0;left:0;width:100%;}
.cp_info ul {width:58%; margin:0 auto; text-align:center;}
.cp_info ul img {width:46%; margin:0 auto 40px;}
.cp_info ul p {color:#fff; font-size:14px; line-height:25px;}
.index_company .index_more {background-color:transparent; border:1px solid #fff; margin:40px auto 0;}
.index_company .index_more:hover {border:1px solid #54504b;color:#54504b;}
/* index-合作单位and加入我们 */
.index_unitANDjoin {overflow:hidden; background:url(../images/joinbg.jpg) no-repeat center; background-size:cover !important;}
.index_unitANDjoin .fl,.index_unitANDjoin .fr {width:36%; /*background-color:#f6f6f6;*/ padding:60px 0;}
.index_unitANDjoin .fr {/*background-color:#efefef;*/}
.uj {width:90%;margin:0 auto;}
.uj img {width:100%;}
.all_unit .item {background-color:#f6f6f6;}
.all_unit .item img {width:100%; padding:0 0%; background-color:#fff;}

.all_join .item {background-color:#efefef;}
.name {padding:20px 0 40px 0; text-align:center;color:#666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.name:hover {color:#54504b;}
.uj .owl-dots {width:100%;text-align:center; position:absolute; bottom:0;}
.uj .owl-dot {width:10px; height:10px; display:inline-block; background-color:#7a7a7a;border-radius:50%; border:1px solid #7a7a7a; margin:0 10px;}
.uj .owl-dot.active {background-color:transparent;border:1px solid #54504b;}




@media (max-width:1280px){
    .title {font-size:31px;}
    .index_banner .item img {display:block !important;}
    .index_banner .item {background-image:none !important; height:auto;}
}
@media (max-width:1024px){
    .banner_text .p1 {font-size:36px;}
    .banner_text .p1 i {font-size:44px;}
    .banner_text .p2 {font-size:12px;}
    .index_banner .owl-dots {bottom:15px;}
    .title {font-size:23px;}
    .title span {font-size:16px;margin:10px 0 30px 0;}
    .index_more {margin-top:10px;}
    .index_company .index_more {margin: 10px auto 0;}
    .index_keyan,.index_news {padding:40px 0;}
    .index_keyan .p1 {font-size:14px;}
    .index_keyan .p2 {font-size:12px;}
    .index_news .p1 {font-size:14px;}
    .index_news .p1 {margin: 20px 0 10px 0;min-height:42px;}
    .index_team h1 {margin-bottom:20px;}
    .index_team p {font-size:12px; line-height:16px;}
    .team_info ul {/*width:60%*/width:50%;}
    .cp_info ul img {margin: 0 auto 15px;width:40%;}
}
@media (max-width:900px){
    .index_team .mainimg {float:none;/* margin:0 25.5%;*/ width:100%;}
    .team_info {position:static;padding:0;overflow: hidden;}
    .team_info ul {width:100%;padding-bottom:40px;padding-top:10px !important;}
}
@media (max-width:768px){
    .banner_text {width:90.625%;margin:0 4.6875%;}
    .index_keyan .p1 {margin:20px 0 10px 0;color:#54504b;}
    .news_box .owl-prev {left:0;}
    .news_box .owl-next {right:0;}
    .news_box .item {background-color:#fff; box-shadow:0 0 5px #ccc;}
    .news_box .item .p1 {color:#54504b;}
    .index_team .mainimg {float:none;/* margin:0 25.5%;*/ width:100%;}
    .team_info {position:static;padding:0;overflow: hidden;}
    .team_info ul {width:100%;padding-bottom:40px;padding-top:10px !important;}
    .index_company {background-position:50% 18%; background-repeat:no-repeat;}
    .index_company .mainbg {display:none;}
    .cp_info ul {width:100%;}
    .cp_info ul img {width:24%; min-width:138px;}
    .cp_info ul p {font-size:12px; line-height:16px;}
    .cp_info {position:static;padding:40px 0 !important;overflow: hidden;}
    .index_company .index_more {color:#54504b; border:1px solid #54504b;}
    .index_unitANDjoin .fl,.index_unitANDjoin .fr {width:100%; padding:40px 0;}
    .uj {width:90.625%;}
    .index_unitANDjoin {background:none;}
    .index_unitANDjoin .fl {background-color:#f6f6f6;}
    .index_unitANDjoin .fr {background-color:#efefef;}
    .index_unitANDjoin .wrap {width:100%;}
    .all_unit .item {padding:0 10px;}
    .all_join .item {padding:0 10px;}
    .index_team h1,.index_team h1 i {font-size:23px; color: #312d2e;font-family: "方正兰亭超细黑简体"; font-weight:normal;text-transform: none;}
    .index_team h1 i {display:inline-block; margin-left:10px;}
    .index_team h1 span {font-size:16px; margin-top:10px;}
}
@media (max-width:640px){
    .banner_text .p1 {font-size:28px;}
    .banner_text .p1 i {font-size:36px;}
    .title {font-size:28px;}
    .index_team h1,.index_team h1 i {font-size:28px;}
    .index_keyan li {width:30%; margin-right:5%;}
    .index_banner .owl-prev,.index_banner .owl-next {width:20px; height:30px; margin-top:-15px;}
    .index_banner .owl-prev {background: url(../images/bannerjt.png) 18% 16%;left:2%;}
    .index_banner .owl-prev:hover {background: url(../images/bannerjt.png) 18% 84%;}
    .index_banner .owl-next {background: url(../images/bannerjt.png) 82% 16%;right:2%;}
    .index_banner .owl-next:hover {background: url(../images/bannerjt.png) 82% 84%;}
    .news_box .owl-prev, .news_box .owl-next {width:28px;height:35px; margin-top:-15px; opacity:0.8;}
    .news_box .owl-prev {background:url(../images/jiantou1.jpg) 15% 50%;}
    .news_box .owl-next {background:url(../images/jiantou1.jpg) 85% 50%;}
}
@media (max-width:480px){
    .banner_text .p1 {font-size:16px;}
    .banner_text .p1 i {font-size:24px;}
    .title {font-size:22px;}
    .index_team h1, .index_team h1 i {font-size:22px;}
}
@media (max-width:360px){
    .index_keyan .title {font-size:19px;}
    .index_news .p2 {padding: 0 1% 24px 1%;}
}










/* 内页banner */
.inner_banner {position:relative; text-align:center;}
.inner_banner img {width:100%;}
.inner_tit {position:absolute;top:0;left:0;width:100%;height:100%;}
.inner_tit h1,.inner_tit h1 span {color:#fff; display:block;}
.inner_tit h1 {font-size:58px;position:absolute;top:50%;margin-top:-58px;width:100%;}
.inner_tit h1 span {font-size:30px;}

/* 内页导航 */
.nav_min {width:100%; height:100px; background-color:#f7f5f5; text-align:right;}
.nav_min .wrap {position:relative;}
.nav_min h1 {position:absolute;top:0;left:0; line-height:100px; font-size:24px; color:#333;}
.nav_min a {display:inline-block;margin-right:2.4%; line-height:100px; font-size:14px; color:#333;}
.nav_min .at{position: absolute;left:0;top:70px;line-height: 24px;font-size: 16px;}
.nav_min .at span{display:inline-block;width:24px;height:24px;background:url("../images/at.png") no-repeat left center;background-size: 16px;float: left;}
.nav_min .at a{line-height: 24px;display: inline;margin:0}
.nav_min a:last-of-type {margin-right:0;}
.nav_min a:hover {color:#ff9a00;}

/* 页码 */
.page {text-align:center;}
.page a {display:inline-block;font-size:14px; color:#666;width:28px; height:28px; line-height:28px; margin:0 2px; background-color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.page a:hover {background-color:#54504b;color:#fff;}
.page .prev,.page .next {font-size:0;width:8px; background-color:transparent !important;vertical-align:middle;}
.page .prev {background:url(../images/jaintou.png) no-repeat left center; margin-right:6px;}
.page .next {background:url(../images/jaintou.png) no-repeat right center; margin-left:6px;}

/* 上一篇下一篇 */
.page_min {position:relative;}
.page_min a {display:block; margin-bottom:20px; font-size:14px; color:#666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.return {position:absolute;bottom:0; right:0; margin-bottom:0 !important;}
.page_min a:hover {color:#54504b;}










/* 关于美格 */
.inner_title,.inner_title span {font-size:30px;font-family:"方正兰亭超细黑简体"; text-align:center; color:#666;}
.inner_title span {font-family:"微软雅黑";display:block; color:#333; margin:10px 0 50px 0;}
.about_brand {padding:80px 0 30px 0;}
.intro {overflow:hidden;position:relative;}
.about_brand .fl {width:30%;margin-left:10.3%; /*position:absolute;height:100%;*/}
.about_brand .fr {width:44%;padding:0 5% 0 6%;}
.about_brand .fl span {display:table;width:100%; overflow:hidden;border-radius:50%;border:2px solid #d2d2d2;/* position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;*/}
.about_brand img {width:100%;}
.about_brand p {font-size:14px; color:#312d2e; line-height:30px;display:table-cell;}
.about_service {padding:30px 0 100px 0;}
.process {position:relative;}
.process ul li {width:9%; float:left; cursor:pointer; text-align:center; min-height:190px; position:relative;z-index:1;}
.process ul li:nth-of-type(1),.process ul li:nth-of-type(2),.process ul li:nth-of-type(3),.process ul li:nth-of-type(4) {margin-bottom:80px;}
.process ul i {display:block; width:20%; height:19px;margin-top:4%;float:left; background:url(../images/lc01.png) no-repeat center;}
.fanxiang {  background:url(../images/lc02.png) no-repeat center !important; }
.process ul i:nth-of-type(4) {width:16%; height:100%;position:absolute;top:0; bottom:0;right:0; background:url(../images/lc04.png) no-repeat center; margin-top:0;}
.process ul i:last-of-type {display:none;}
.tu {display:block;margin-bottom:35px;}
.tu img {width:calc(100% - 12px);border-radius:50%;border:6px solid #f4f4f4;background-color:#fff;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.process p{font-size:14px;color:#312d2e; line-height:24px;}
.process ul li:hover .tu img {border:6px solid #54504b}
.about_unit {padding:90px 0;background-color:#f4f4f4;}
.unit_loop .item{text-align:center;}
.unit_loop .item img {width:auto;display:inline-block;max-width:100%;/* border-radius:50%;*/margin:0 auto;/*opacity: 0.55;*/background-color: #fff;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(0.36, 0.36);
    -moz-transform: scale(0.36, 0.36);
    -ms-transform: scale(0.36, 0.36);
    -o-transform: scale(0.36, 0.36);
    transform: scale(0.36, 0.36);
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.unit_loop .owl-item.center img{/*opacity: 1;*/
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.about_team {padding:100px 0 120px 0;}
.team_loop {text-align:center; width:calc(100% - 60px); margin:0 auto;}
.team_loop .item {cursor:pointer;position:relative; overflow:hidden; background-color:#fff;}
.team_loop .item i {display:block;padding:10px 0;width:70%; background-color:#fff; margin:0 auto;/* overflow:hidden;*/border-radius:50%;position:relative; z-index:1;}
.team_loop .item img { border-radius:50%;width:100%; margin:0 auto;border:1px solid #d6d6d6;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.team_loop .item:hover img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.team_loop .item .xingming {font-size:18px; color:#333;font-weight:bold; padding:50px 0 18px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.team_loop .item:hover .xingming {color:#54504b;}
.team_loop .item .jianjie {font-size:14px; color:#333; max-height:38px; overflow:hidden;}
.maninfo {position:absolute;bottom:0; left:0; z-index:2; width:100%;height:100%; background-color:#ff9a00; border-radius:6px;/* overflow-y:auto;*/ font-size:12px;color:#fff; opacity:0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.maninfo p {line-height:24px !important;}
.maninfo ul {padding:10px;}
.team_loop .item:hover .maninfo {opacity:1;}
.personal_detail {position:fixed;top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,0.6);z-index:2; display:none;}
.personal_detail .wrap {background-color:#fff; margin-top:120px; max-height:70vh; overflow-y:auto; overflow-x:hidden; display:none; position:relative;}
.personal_detail .wrap .wrapper {padding:60px;}
.personal_detail .touxiang {/*width:18%;*/width:10vw; height:10vw; margin-right:4%; float:left; overflow:hidden; border-radius:50%;}
.personal_detail .touxiang img {width:100%;}
.personal_detail .xinxi {width:78%;float:left;}
.personal_detail .xinxi h4 {font-size:18px; color:#333; margin:20px 0 10px 0;}
.personal_detail .xinxi .des {font-size:14px; color:#666; line-height:28px;}
.personal_detail .more_xinxi {margin-top:30px;font-size:14px; color:#666; line-height:28px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.personal_detail .more_xinxi p{color: #666;}
.personal_detail .more_xinxi a{color: #666;}
.personal_detail .more_xinxi a:hover{color:#54504b;}
/*.personal_detail .more_xinxi:hover {color:#54504b; cursor:pointer;}*/
.personal_detail .more_xinxi p,.personal_detail .more_xinxi span {font-size:inherit; color:inherit; font-family:inherit; font-weight:inherit;}
.personal_detail .close {position:absolute;top:5px;right:0;}
.about_brand .fr .text {max-height:210px; overflow-y:auto;}


@media (max-width:1280px){
    .about_brand {padding:60px 0 30px 0;}
    .about_service {padding:30px 0 60px 0;}
    .about_unit,.about_team {padding:60px 0;}
    .item .xingming {padding:30px 0 10px 0;}
    .tu {margin-bottom:10px;}
    .process ul li {min-height:165px;}
}
@media (max-width:1024px){
    .inner_tit h1 {font-size:36px;margin-top: -35.5px;}
    .inner_tit h1 span {font-size:18px;}
    .about_brand {padding:40px 0 20px 0;}
    .about_service {padding:20px 0 40px 0;}
    .about_unit,.about_team {padding:40px 0;}
    .about_brand .fl {width: 40%;margin-left: 0;}
    .about_brand .fr {width: 50%;padding: 0 0 0 7%;}
    .personal_detail .wrap .wrapper {padding:30px;}
    .personal_detail .xinxi h4 {margin:0;}
}
@media (max-width:768px){
    .process ul li {width:17.5%;}
    .process ul i {width:10%; margin-top:7%;}
    .process ul i:nth-of-type(4) {width:17%;}
    .personal_detail .touxiang {width:19vw; height:19vw;}
    .personal_detail .xinxi {width:70%;}
    .personal_detail .xinxi .des {font-size:12px; line-height:20px;}
    .personal_detail .more_xinxi {font-size:12px; }
}
@media (max-width:640px){
    .inner_tit h1 {font-size:22px;margin-top: -27.5px;}
    .inner_tit h1 span {font-size:12px;}
    .inner_title, .inner_title span {font-size:19px;}
    .inner_title span  {margin: 10px 0 30px 0;}
    .nav_min {text-align:left; height:70px;}
    .nav_min h1 {font-size:20px;line-height:40px;}
    .about_brand .fl {width:50%; padding:0 25%;}
    .about_brand .fr {width:100%; padding:0 !important;}
    .process ul li {min-height:130px;}
    .about_brand .fr .text {margin-top:15px;}
    .about_brand p {font-size:12px;}
    .process p {font-size:12px;}
    .team_loop .item .xingming {font-size:14px; padding:20px 0 10px 0;}
}
@media (max-width:480px){
    .personal_detail .xinxi {width:auto;float:none;}
}




/* 联系我们 */
.baiduMap {width:100%; height:500px;}
.message {padding:70px 0 110px 0;}
.message .fl {width:62%;}
.message .fr {width:31%;padding-left:7%;}
.message .fl h1,.message .fr h1 {font-size:24px; color:#333; margin-bottom:20px;}
.message .fl input {width:48%; height:38px; line-height:38px; text-indent:10px; border:1px solid #bfbfbf; margin-bottom:10px; font-size:14px;}
input.tel {float:right;}
.message .fl textarea {width:calc(100% - 20px); height:145px; padding:10px;border:1px solid #bfbfbf; margin-bottom:10px;}
.message .fl .codetext {width:25%;}
.codeimg {height:38px; margin:0 20px 0 10px;}
.message .fl .submit {width:21%; text-align:center; text-indent:0; color:#fff; background-color:#54504b; border:none; border-radius:4px;}
.message .fr li {line-height:26px; text-indent:40px; margin-bottom:20px; font-size:14px; color:#333;}
.lx1 {background:url(../images/lx1.png) no-repeat left top;}
.lx2 {background:url(../images/lx2.png) no-repeat left top;}
.lx3 {background:url(../images/lx3.png) no-repeat left top;}
@media (max-width:640px){
    .message .fl,.message .fr {width:100%;padding-left:0; margin-bottom:30px;}
    .message {padding:40px 0 40px 0;}
    .message .fl input {width:100%;}
    .baiduMap {height:320px;}
    .codeimg {margin:0 10px 0 4px;}
}








/* 最新动态 */
.dynamic {padding:60px 0 100px 0;}
.dyn_body ul {margin-bottom:60px;}
.dyn_body li {padding:24px 3%; /*line-height:70px;*/border-bottom:1px solid #e6e9e6;background:url(../images/jiantou_min1.png) no-repeat 96% 50%;cursor:pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dyn_body li:first-of-type {border-top:1px solid #e6e9e6;}
.dyn_body li span {display:inline-block; margin-right:4%; font-size:12px; color:#333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dyn_body li a {display:block;width:calc(100% - 40px);}
.dyn_body li p {display:inline-block; font-size:14px; color:#333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dyn_body li:hover {background:url(../images/jiantou_min2.png) no-repeat 94% 50%;}
.dyn_body li:hover span,.dyn_body li:hover p {color:#54504b;}
@media (max-width:768px){
    .dyn_body li span {width:100%;margin-right:0; margin-bottom:10px;}
    .dyn_body li {padding:10px 3%;}
    .dyn_body ul {margin-bottom:30px;}
    .dynamic {padding:40px 0 40px 0;}
}





/* 动态详情 */
.dynamic_detail {padding:60px 0 100px 0;}
.dynamic_detail h1 {font-size:28px; color:#333; text-align:center;margin-bottom: 20px;}
.dynamic_detail span {display:block; font-size:14px;}
.dynamic_detail .at{text-align: center;}
.thisnews {padding:60px 0 10px 0; margin-bottom:60px;border-top:1px solid #e6e9e6;border-bottom:1px solid #e6e9e6;}
.thisnews a:link {color: #666;}
.thisnews a:hover{color:#54504b;}
.thisnews p {font-size:14px;color:#666; line-height:28.8px; }
.thisnews p a{color: #666; }
.thisnews p a:hover{color:#54504b;}
.thisnews p img { }
.thisnews p strong { font-weight: bold; }
.dynamic_detail img {max-width:100%;}
@media (max-width:1024px){
    .dynamic_detail {padding:60px 0;}
    .dynamic_detail h1 {font-size:20px;}
    .dynamic_detail span {padding:15px 0 10px 0;}
    .thisnews {padding:30px 0 10px 0;}
    .thisnews p {margin-bottom:20px;}
}
@media (max-width:1024px){
    .dynamic_detail {padding:60px 0;}
    .thisnews p {line-height:22px; font-size:12px;}
    .dynamic_detail h1 {font-size:16px;}
    .return {position:static;}
    .thisnews {margin-bottom:30px;}
}



/* 加入我们 */
.join {padding:60px 0 100px 0;}
.job_tit {width:92%;padding:0 4%;height:40px; line-height:40px; background-color:#54504b;}
.job_tit li {/*width:27.5%;*/width:24%;padding-right:2.5%; font-size:14px; color:#fff;/* float:left;*/ display:inline-block; vertical-align:middle;}
.job_tit li:last-of-type {/*width:17.5%;*/ width:15%;}
.recruit {margin-bottom:40px;}
.job_info .job_tit {/*height:50px; line-height:50px;*/ line-height:normal !important; height:auto;padding-top:15.5px; padding-bottom:15.5px;background:#ececec url(../images/jia.png) no-repeat 98% 50%; margin-top:10px;}
.job_info .job_tit li {color:#333;}

.job_body {width:92%;padding:50px 4%; display:none;}
.job_body ul {overflow:hidden; margin-bottom:30px;}
.job_body .fl,.job_body .fr {width:50%;}
.job_body p {font-size:14px; color:#666; line-height:22px;}
.duty {width:100%; padding-top:30px; border-top:1px solid #e6e6e6;}
.email {font-size:14px; color:#333;}
.email a {font-size:14px;color:#ff9900;}

.job_info .slide {background:#ececec url(../images/jian.png) no-repeat 98% 50%;}
@media (max-width:768px){
    .join {padding:40px 0;}
    .job_body .fl, .job_body .fr {width:100%;}
    .job_body .fl {padding-bottom:30px; border-bottom:1px solid #e6e6e6;}
    .job_body {padding:25px 4%;}
}
@media (max-width:640px){
    /*
    .job_tit li {font-size:12px;width:23.5%;}
    .job_tit li:last-of-type {width:27.5%;}
    */
    .job_tit li {/*width:27.5%;*/width:20%;padding-right:1%; font-size:12px;}
    .job_tit li:last-of-type {/*width:17.5%;*/ width:25%;}
}






/* 科研服务-产品介绍 */
.Microbial {padding-top:60px;}
.pro_body1 {padding-bottom:60px;}
.pro_body1 .wrap {position:relative; overflow:hidden;}
.pro_body1 .fl {width:38%; position:relative;}
.pro_body1 .fr {width:50%;padding:0 4.5% 0 7.5%;}
.pro_body1 .fl img {width:100%;border-radius:50%;}
.minor1 {width:72%;position:relative; margin:40px 16% 0 0;z-index:2;}
.minor2 {width:52%;position:absolute; top:0;right:0;}
.minor3 {width:17%;position:absolute; bottom:0; right:8%;}
.pro_body1 .fr p {font-size:14px; color:#666; line-height:25.2px;}
.product_body h3 {font-size:26px; color:#333; padding-bottom:20px; margin-bottom:20px; position:relative; text-align:center;}
.product_body h3:after {content:""; width:50px; height:1px; background-color:#d2d2d2; position:absolute;bottom:0;left:0;right:0; margin:0 auto;}
.product_body .pro_body1 h3 {display:inline-block; text-align:left;}
.product_body .pro_body1 h3:after {margin-left:0;}


/*
.pro_body2 {text-align:center;padding:60px 0 80px 0;background-color:#f7f5f5;}
.pro_body2 ul li {width:18%;padding:20px 2%; float:left; margin-right:4%; cursor:pointer;}
.pro_body2 ul li:nth-of-type(4n) {margin-right:0;}
.pic img {width:100%;border-radius:50%; background-color:#54504b;}
.pro_body2 h5 {font-size:16px; color:#333; padding:20px 0 15px 0; margin-bottom:15px;position:relative;}
.pro_body2 h5:after {content:""; width:30px; height:1px; background-color:#d2d2d2; position:absolute;bottom:0;left:0;right:0; margin:0 auto;}
.pro_body2 p {font-size:12px;color:#666; line-height:24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
-webkit-transition: all 3s;
   -moz-transition: all 3s;
    -ms-transition: all 3s;
     -o-transition: all 3s;
        transition: all 3s;
}
.pro_body2 ul li:hover p {-webkit-line-clamp:100;}
*/
.pro_body2 {text-align:center;padding:60px 0 80px 0;background-color:#f7f5f5;}
.proYsLoop .item {padding:20px 14%;}
.proYsVer .item {display:inline-block; vertical-align:top:0;width:17%;padding:20px 3.5%;cursor:pointer;}
.pic img {width:100%;border-radius:50%; background-color:#54504b;}
.pro_body2 h5 {font-size:16px; color:#333; padding:20px 0 15px 0; margin-bottom:15px;position:relative;}
.pro_body2 h5:after,.pro_body2 h5:before {content:""; height:1px;  position:absolute;bottom:0;left:0;right:0; margin:0 auto;}
.pro_body2 h5:after {width:30px;background-color:#d2d2d2;}
.pro_body2 h5:before {width:0;background-color:#ff9a00;z-index:2;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.pro_body2 ul li:hover h5 {color:#ff9a00;}
.pro_body2 ul li:hover h5:before {width:30px;}
.pro_body2 p {font-size:12px;color:#666; line-height:24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}
.pro_body2 ul li:hover p {-webkit-line-clamp:100;}

.pro_body3 {padding:60px 0 80px 0; background:url(../images/cpbg.jpg) no-repeat center; background-size:cover !important;}
.pro_body3 .wrapper {width:85%; margin:0 auto;}
#timeline{overflow:hidden; position:relative;padding-bottom:60px;}
#timeline li {float:left;}
#dates a {display: block;margin:0 15px; padding-bottom: 0;/*background-color: #fff;*/}
#dates a span {display: block;opacity: 0.65;
    -webkit-transform: scale(0.75,0.75);
    -moz-transform: scale(0.75,0.75);
    -ms-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
    transform: scale(0.75,0.75);
}
#dates img{opacity: 1;width: 90%;    margin-left: 5%; border-radius:50%;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
}
#dates li{height: auto; margin-bottom:20px;}
#dates a.selected span {opacity: 1;
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.timenav {display: none;}
.apply_text {width:100%;text-align:center; position:absolute;bottom:0;left:0;opacity:0;}
.apply_text h5 {font-size:20px; color:#333; margin-bottom:20px;}
#dates a.selected h5 {color:#54504b;}
.apply_text p {font-size:14px; color:#666;}
#dates a.selected .apply_text {opacity:1;}

/*
.pro_body4 {padding:60px 0 80px 0; background-color:#f7f5f5;}
.pro_body4 ul {/*overflow:hidden;}
.pro_body4 li {width:12.5%; float:left; text-align:center;}
.pro_body4 li:nth-of-type(6n) {margin-bottom:40px;}
.pro_body4 span:nth-of-type(6n) {display:none;}
.pro_body4 li img {width:100%;background-color:#54504b; border-radius:50%;}
.pro_body4 li p {font-size:16px; color:#333; margin-top:20px;}
.pro_body4 span {display:block;width:5%; height:22px; float:left; background:url(../images/jiantou3.png) no-repeat center; margin-top:5%;}
.pro_body4 span:last-of-type {display:none;}
.pro_body4 .owl-prev,.pro_body4 .owl-next {width:50px; height:62px; font-size:0; position:absolute;top:50%; margin-top:-31px;}
.pro_body4 .owl-prev {left:-50px;background:url(../images/bannerjt.png) top left;}
.pro_body4 .owl-next {right:-50px;background:url(../images/bannerjt.png) top right;}
*/
.pro_body4 {padding:60px 0 80px 0; background-color:#f7f5f5;}
.pro_body4 ul {/*overflow:hidden;*/ text-align:center;}
.pro_body4 li {display:inline-block; vertical-align:top;width:12.5%;text-align:center;}
.xujc_pro_body4 li {width:11.5% !important;}
.pro_body4 li:nth-of-type(6n) {margin-bottom:40px;}
.pro_body4 span:nth-of-type(6n) {display:none;}
.pro_body4 li img {width:100%;background-color:#54504b; border-radius:50%;}
.pro_body4 li p {font-size:16px; color:#333; margin-top:20px;}
.pro_body4 span {display:inline-block; vertical-align:top;width:4.5%; height:22px; background:url(../images/jiantou3.png) no-repeat center; margin-top:5%;}
.pro_body4 span:last-of-type {display:none;}
.pro_body4 .owl-prev,.pro_body4 .owl-next {width:50px; height:62px; font-size:0; position:absolute;top:50%; margin-top:-31px;}
.pro_body4 .owl-prev {left:-50px;background:url(../images/bannerjt.png) top left;}
.pro_body4 .owl-next {right:-50px;background:url(../images/bannerjt.png) top right;}
.pro_body5 {padding:60px 0 80px 0; text-align:center;}
.pro_body5 img {width:auto; max-width:100%; margin:0 auto;}
.pro_body6 {padding:60px 0 80px  0;}
.pro_body6 li {width:33%; float:left; margin-right:0.5%; text-align:center;}
.pro_body6 li:nth-of-type(3n) {margin-right:0;}
.pro_body6 li h4 {font-size:14px; color:#54504b; margin-bottom:15px;}
.pro_body6 li p {font-size:14px; color:#666; line-height:25.2px;}
.pro_body7 {padding:60px 0 80px 0;background-color:#f7f5f5;}
.pro_body7 li {width:22.5%; margin:0 3.5%; float:left; text-align:center; background-color:#54504b; border-radius:50%; display:table; text-align:center;}
.pro_body7 li a {display:table-cell; vertical-align:middle;}
.pro_body7 span {display:block;width:5.75%;height:24px; float:left; background:url(../images/jiantou5.png) no-repeat center; margin-top:10%;}
.pro_body7 span:last-of-type {display:none;}
.pro_body7 li h4 {font-size:18px; color:#fff; margin-bottom:15px;}
.pro_body7 li p {font-size:12px; color:#fff; line-height:25.2px;padding:0 5%;}

.moWindow {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:99; display:none;}
.moWindow  .ypyq {width:80%; margin:100px auto; text-align:center; vertical-align:middle;}
.moWindow  .ypyq  .ypBox {margin-bottom:10px;}
.moWindow  .ypyq  h4 {font-size:14px; color:#54504b; margin-bottom:5px;}
.moWindow  .ypyq  p {font-size:12px; color:#666;}
.moWShow {display:block;}
.ypClose {position:absolute;top:15px; right:15px;}
@media (max-width:1366px){
    .pro_body7 li p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
}
@media (max-width:1280px){
}
@media (max-width:1024px){
    .Microbial {padding-top:40px;}
    .pro_body1,.pro_body2,.pro_body3,.pro_body4,.pro_body5,.pro_body6,.pro_body7 {padding:40px 0 60px 0;}
    .pro_body7 li h4 {font-size:16px; margin-bottom:5px;}
    .pro_body7 li p {line-height:16px;}
    .ypYqVer .item {width:26.5%; margin:0 1.5%;}
    .pro_body4 li p {font-size:12px;}
}
@media (max-width:640px){
    .product_body .pro_body1 h3:after {margin-left:auto;}
    .product_body h3 {font-size:18px; padding-bottom:10px; margin-bottom:10px;}
    .pro_body1 {padding:0 0 30px 0;}
    .pro_body1 .fl {width:60%;margin:0 20%;}
    .pro_body1 .fr {width:100%;padding:20px 0 0 0 !important; text-align:center;}
    .pro_body1 .fr p {font-size:12px;}
    .pic img {/*width:120px;*/}
    .proYsVer .item {width: 23%;padding: 20px 1%;}
    .pro_body2,.pro_body3,.pro_body4,.pro_body5,.pro_body7 {padding:40px 0;}
    .pro_body2 h5 {padding:5px 0; font-size:12px;}
    .pro_body2 ul li p {/*-webkit-line-clamp:100;*/}
    .timenav {display:block;text-align: center;position:absolute; top:50%; margin-top:-20px; width:100%;}
    .timenav #prev {position:absolute;top:0; left:0;}
    .timenav #next {position:absolute;top:0; right:0;}
    .pro_body3 {padding-bottom:0;}
    #dates {overflow:hidden;}
    #dates li {margin-bottom:0;}
    #dates a {margin:0 15%;}
    .apply_text {position:static;}
    #timeline {padding-bottom:0;}
    .timenav a {font-size: 30px;color:#333; display: inline-block !important;margin-left: 10px;margin-right: 10px; opacity:1 !important;}
    .apply_text h5  {margin-bottom:10px;}
    .pro_body4 li {width:14.16%; padding:0 0.5%;}
    .pro_body4 span {width:1.5%; margin-top:5%;background: url(../images/jiantou3.png) no-repeat right center;}
    .pro_body6 {padding:40px 0 0 0;}
    .pro_body6 li {width:100% !important; max-height:120px;}
    .pro_body6 li h4 {margin-bottom:7px;}
    .pro_body6 li p {font-size:12px;}
    .pro_body7 li h4 {font-size:12px;}
    .pro_body7 li p {display:none;}
    .pro_body7 span {background: url(../images/jiantou5.png) no-repeat right center; margin-top:8%;}

}
@media (max-width:360px){
    #dates a {margin:0 5%;}
}




/* 科研服务-常见问题 */
.Microbial {padding:60px 0 120px 0;}
.problem_body li {padding:40px 0 30px 36px; background:url(../images/wh.png) no-repeat 0 40px; border-bottom:1px solid #e7e7e7;}
.problem_body li p {font-size:16px; color:#666; line-height:24px;}
.q {font-weight:bold; margin-bottom:10px;}
@media (max-width:768px){
    .Microbial {padding:20px 0 40px 0 !important;}
    .problem_body li {padding:15px 0 15px 36px;}
    .problem_body li p {font-size:14px;}
    .problem_body li {background:url(../images/wh.png) no-repeat 0 15px;}
}







/* 科研服务-结果展示 */
.result_body ul {margin-bottom:100px;}
.result_body ul:last-of-type {margin-bottom:0;}
.result_body ul li {width:45.5%;}
.result_body ul:nth-of-type(2n-1) .play1 {float:left;}
.result_body ul:nth-of-type(2n-1) .play2 {float:right;}
.result_body ul:nth-of-type(2n) .play1 {float:right;}
.result_body ul:nth-of-type(2n) .play2 {float:left;}
.result_body img {width:100%;}
.play2 h3 {font-size:26px; color:#333; margin-bottom:20px;}
.play2 p {font-size:14px; color:#666; line-height:30px;/*}
.result_body ul:nth-of-type(4) li {width:100%; text-align:center; height:auto !important;}*/
/*.result_body ul:nth-of-type(6) li {width:100%; text-align:center; height:auto !important;}*/
.result_body ul:nth-of-type(4) img {width:45.5%; margin-top:60px;}
.result_body ul:nth-of-type(5) .play1 {float:right;}
.result_body ul:nth-of-type(5) .play2 {float:left;}
.play2 {position:relative;}
.restext {margin-top:15%;}
.result_body ul:nth-of-type(4) .restext,.result_body ul:nth-of-type(6) .restext {position:static;margin-top:0 !important;}
@media (max-width:1024x){
    .play2 p {line-height:22px;}
    .restext {margin-top:0;}
}
@media (max-width:768px){
    .result_body ul li {width:100%;}
    .result_body img {width:60%; margin-top:20px !important;}
    .play1 {text-align:center;}
    .play2 h3 {text-align:center; font-size:16px;}
    .play2 p {font-size:12px; line-height:20px;}
    .result_body ul {margin-bottom:30px;}
}



/* 技术支持-测序品台 */
.skill {padding:60px 0 80px 0;}
.Sequencing p {font-szie:14px; color:#666; line-height:26px; margin:12.5px 0;}
.Sequencing p img {width:auto; max-width:100%;float:right; margin:0 0 10px 3.8%;}
@media (max-width:768px){
    .skill {padding:40px 0 60px 0;}
    .Sequencing p {font-size:12px;}
}
@media (max-width:360px){
    .nav_min a {margin-right:0.5%;}
}




/* 技术支持-常见问题 */
.question ul ol {height:60px; line-height:60px; width:94.5%; padding:0 3.5% 0 2%; font-size:18px; color:#333; border-bottom:1px solid #e2e2e2; background:url(../images/jia.png) no-repeat 96.5% 50%; cursor:pointer;}
.question ul .slide {color:#f88b16; background:url(../images/jian2.png) no-repeat 96.5% 50%;}
.question ul ol:hover {color:#f88b16; background:url(../images/jia2.png) no-repeat 96.5% 50%;}
.question ul:first-of-type ol {border-top:1px solid #e2e2e2;}
.wt_body {padding-left:2%; padding-top:50px;border-bottom:1px solid #e2e2e2; display:none;}
.wt_body li {margin-bottom:40px;}
.wt_body li p:nth-of-type(1) {font-size:16px; color:#333; margin-bottom:10px;}
.wt_body li p:nth-of-type(2) {font-size:14px; color:#666; line-height:26px;}
.wt_body li p {width:95.5%; padding-left:4.5%; position:relative;}
.wt_body li p span {position:absolute;top:0;left:0;}
@media (max-width:768px){
    .question ul ol {font-size:16px;}
    .wt_body li {margin-bottom:20px;}
    .wt_body li p:nth-of-type(1) {font-size:14px;}
    .wt_body li p:nth-of-type(2) {font-size:12px;line-height:24px;}
    .wt_body li p {width:calc(100% - 28px); padding-left:28px;}
}





/* 技术支持-资料下载 */
.download li {font-size:14px; color:#333; background:none; position:relative;}
.download li:hover {background:none; color:#54504b;}
.download i {display:inline-block; position:absolute; top:50%; margin-top:-9px; right:3%; width:18px; height:18px;background:url(images/xiazai.png) no-repeat center top;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.download li:hover i {background:url(images/xiazai.png) no-repeat center bottom;}
@media (max-width:768px){
    .download li {padding:10px 10% 10px 3%;}
}

/*2017年12月11日09:37:29*/
#about_honor {
    background: #f4f4f4;
}