ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

a { color: #666; }
a:hover { color: #42b1da; }

p { padding: 0; margin: 0; }

.cf { *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.cf { *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

body { padding-top: 50px; }
.bl0{border-left:0px!important;}
.p0{padding:0px!important;}
.pt0{padding-top:0px;!important;}
.pb0{padding-bottom:0px;!important;}
.pt5{padding-top:5px;}
.pl0{padding-left:10px;}
.pr15{padding-right:15px!important;}
.pl15{padding-left:15px!important;}
.pl30{padding-left:30px!important;}
.p10{padding:10px;}
.pl16{padding-left:16px!important;}
.p15{padding:15px;}
.p30{padding:30px;}
.p50{padding:50px;}
.pl0{padding-left:0px!important;}
.pl10{padding-left:10px!important;}
.pr0{padding-right:0px!important;}
.pt0{padding-top:0px!important;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pt14{padding-top:14px;}
.pt20{padding-top:20px;}
.pb50{padding-bottom:50px;}
.ml0{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml120{margin-left:120px;}
.md5{margin-bottom:5px!important;;}
.md10{margin-bottom:10px!important;}
.md20{margin-bottom:20px!important;}
.mt0{margin-top:0px!important;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt50{margin-top:50px!important;}
.mr5{margin-right:5px!important;}
.mr100{margin-right:100px;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:10px;}
.mb5{margin-bottom:5px}
.mb20{margin-bottom:10px}
.mb50{margin-bottom:50px}
.mb0{margin-bottom:0px!important}
.mb10{margin-bottom:10px!important}
.width30{width:30px;}
.width40{width:40px;}
.width50{width:50px;}
.w50{width:50px!important;}
.w70{width:70px;}
.w90{width:90px;}
.width100{width:100px!important;}
.width120{width:120px!important;}
.widthauto{width:auto!important;}
.width150{width:150px!important;}
.width160{width:160px;}
.width200{width:200px!important;}
.width300{width:300px!important}
.width400{width:400px!important}
.width500{width:600px;}
.width600{width:600px;}
.width700{width:700px!important}
.width800{width:800px;}
.width66_{width:66%}
.width33_{width:33%}
.width100_{width:100%}
.h30{height:30px;;}
.h50{height:50px;}
.h34{height:34px!important;}
.widthauto{width:auto!important;}
.minheight{min-height:500px;}
a.hei{color:#333}
a.del_temp_file_btn{margin-left:10px;}
.nomtd{margin-top:0px!important;margin-bottom:0px!important}
.nodisplay{display:none!important;} 
.bgfff{background:#fff!important}
.nowrap{white-space:nowrap!important;}
.noBg{background: none!important;}
.aliL{text-align:left!important;}
.no_bd{border:0px!important;}
.hover{cursor:pointer}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px!important;}
.blue{color:#42b1da}
.huanhang{word-wrap: break-word!important; word-break: break-all!important;}
.grey{color:#CCC;}
.grey999{color:#999;}
a.grey{color:#CCC;}
a.grey:hover{background:#ffa400;color:#fff;}
.text_input_null{color:#ccc;font-size:13px!important;}
table.tb_no_bd{border:0px!important;margin-bottom:0px!important;}
table.tb_no_bd td,table.tb_no_bd th{border:0px!important;vertical-align:middle}
table.th_center th{text-align:center!important;;vertical-align:middle!important;}
table.tb_center td,table.tb_center th{text-align:center!important;;vertical-align:middle!important;}
table.tb_center td.left, table.tb_center th.left {text-align: left!important;}
.red,red{color:#F00!important}
.f12{font-size:12px;}
.noborder{border:0px!important}
.bd1{border-bottom:1px dashed #ddd}
.time{font-size:12px;color:#ccc}
.badge{background-color:#ff6920}
.strong{font-weight:bold}
a.companyname_link{color:#42b1da;font-size:12px}
.text-warning{color:#ffa400!important}

@media (min-width: 768px) { html, body {height: 100%;}}

.mb0{margin-bottom:0px!important}
.navbar-default { border: none; background-color: #aacd00; color: #777 !important; }
.navbar-default a { color: #777 !important; }
.navbar-default a:hover { color: #fff !important; }
.navbar-default .navbar-collapse, .navbar-default .collapse { background-color: #fff; }
.navbar-default .right li { border-bottom: #eee 1px solid; }
.navbar-default .subNav { padding-left: 1em; border-top: #eee 1px solid; }
.navbar-default .subNav h3 { font-size: 14px; border-bottom: #eee 1px solid; padding-left: 1em; line-height: 28px; }
.navbar-default .subNav a { display: block; font-size: 12px; padding-left: 2em; line-height: 24px; }
.navbar-default .subNav a:hover { color:#333;font-weight:bold}

.navbar-header .navbar-brand { padding: 5px; color: #777; }
.navbar-header .navbar-brand a { color: #777; }
.navbar-header .navbar-brand a:hover { color: #aacd00; }
.navbar-header .collapse, .navbar-header .navbar-collapse { color: #777; }
.navbar-header .collapse a, .navbar-header .navbar-collapse a { color: #777; }
.navbar-header .collapse a:hover, .navbar-header .navbar-collapse a:hover { color: #aacd00; }

.navbar-default .navbar-nav > li.cur > a {color: #fff;font-weight:bold;}
.navbar-default .navbar-toggle .icon-bar{ border-color: #fff; background-color: #fff;}


@media (min-width: 768px) { 
body { padding-top: 0px; }
  .navbar-default { background-color: transparent; padding-top: 60px; }
  .navbar-default.navbar-fixed-top { position: absolute; }
  .navbar-default .collapse, .navbar-default .navbar-collapse { color: #fff !important; background-color: transparent; }
  .navbar-default .collapse a, .navbar-default .navbar-collapse a { color: #fff !important; font-size: 16px; }
  .navbar-default .collapse a:hover, .navbar-default .navbar-collapse a:hover { color: #fff !important; }
  .navbar-default .navbar-right { margin-top: 10px; }
  .navbar-header .navbar-brand { padding: 5px; }
  .navbar-header .navbar-brand img {height:75px; }
  .right { width: 550px; position: relative; padding: 0 !important; }
  .right li { width: auto; float: left; padding: 0; border: none !important; }
  .right li > a { display: block; width: 100%; text-align: center; }
  .right li:hover > a { background-color: #aacd00; color: #fff; }
  .right li:hover .subNav { display: block; }
  
  .right li h3 { border: none; padding: 0; }
  .subNav { display: none; position: absolute; top: 50px; width: 500px; left: -170px; background-color: #aacd00; color: #fff; padding: 25px 0 25px 0 !important; border: none !important; color: #fff; }
  .subNav > div { box-sizing: border-box; padding-top: 0; }
  .subNav h3 { font-size: 14px; margin-top: 0; border: none; border: none !important; padding: 0 !important; }
  .subNav a { color: #dcf080; font-size: 12px !important; line-height: 25px; display: block; box-sizing: border-box; opacity: .8; padding: 0 !important; padding: 0 !important; }
  .subNav a:hover { color: #ffffff; opacity: 1; }
  .subNav .con1 { height: 100%; }
  .subNav .con1 a { width: 100px; float: left; }
  .subNav .t3 { font-size: 14px; margin-bottom: 10px; text-align: left; font-weight: normal; }
  .subNav-item1 { width: 230px; float: left; padding: 0 15px; }
  .subNav-item2, .subNav-item3 { width: 135px; float: left; padding: 0 15px; }
  .subNav-item2 { border-left: #fff 1px solid; border-right: #fff 1px solid; } }


.nodisplay{display:none;}
header {z-index: 999; width:100%;position: fixed; top:0px; left: 0; margin-left: 0px;background:#fff;border-bottom:1px solid #ddd;background:url('../img/home/opacity80.png')}
header .header_holder { width:1100px;display:block;margin:0 auto;}
header .logo { margin-top: 0px; float: left; }
@-webkit-keyframes transform_fix { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } }
@keyframes transform_fix{ 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7); } }
header .header_holder .logo img { -webkit-animation: transform_fix .6s ease-in-out forwards; height:75px;  }
header .nav { float: right; margin-top: 0px; width: 600px; position: relative; }
header .item { float: left; width: 100px; }
header .item:hover .nav-title{ background-color: #aacd00; color: #333;font-size:13px;}
header .item:hover .subNav { display: block; }
header .nav-title { width: 100%; line-height: 40px; color: #333; font-size: 13px; text-align: center; }
header .nav-title a { display: block; width: 100%; height: 100%; text-align: center; color: #333; font-size:13px;}
header .nav-title a:hover { color: #fff;}

header .subNav { display: none; position: absolute; top:50px; width: 100%; left: 0; background-color: #aacd00; color: #fff; padding: 40px 0 25px 0; color: #fff; }
header .subNav a { color: #dcf080; font-size: 13px; line-height: 25px; display: block; }
header .subNav a:hover { color: #ffffff; }
header .subNav .con1 a { width: 50%; float: left; }
header .subNav .t3 { font-size: 14px; margin-bottom: 10px; text-align: left; font-weight: normal; }
header .subNav-item1 { width: 230px; float: left; padding: 0 15px; }
header .subNav-item2, header .subNav-item3 { width: 135px; float: left; padding: 0 15px; }
header .subNav-item2 { border-left: #fff 1px solid; border-right: #fff 1px solid; }

  
.footer1 { background-color: #0090e2; color: #fff; font-size: 12px; line-height: 24px; padding: 20px 0; }
.footer1 h3 { font-size: 14px; line-height: 28px; }
.footer1 .logo { margin-bottom: 20px; }
.footer1 a { color: #fff; opacity: .8; display: block; font-size: 12px; line-height: 20px; }
.footer1 a:hover { opacity: 1; }
.footer1 h3, .footer1 .con { text-align: center; }

.footer2 { text-align: center; background-color: #fff; font-size: 12px; padding: 15px 5px; line-height: 20px; color: #808080; }
.footer2 span { display: inline-block; }

@media (min-width: 768px) { .footer1 { font-size: 14px; line-height: 28px; padding: 30px 0; }
  .footer1 h3,.footer1 h3 a { font-size: 18px; line-height: 32px; opacity: 1;}
  .footer1 .logo { margin-bottom: 30px; height:50px}
  .footer2 { font-size: 14px; padding: 25px 5px; }
  .footer2 span { margin: 0 5px; } }
@media (min-width: 992px) { .footer1 { padding: 50px 0; } }
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {position:relative; text-align: center; font-size: 18px; background: #efefef; overflow:hidden; }
.swiper-slide-a{width: 100%; height: 100%; }
.swiper-slide img{width:1920px;height:auto;}
.swiper-slide .swiper-title{display:none;color:#fff;position:absolute;right:20%;bottom:-20%;font-size:45px;font-family:微软雅黑;word-spacing:10px; letter-spacing: 5px;}
@media (max-width: 768px) {
  .swiper-slide img{width:100%;}
  .swiper-slide div.swiper-title { font-size:15px}
  .navbar-header .navbar-brand { padding: 5px; }
  .navbar-header .navbar-brand img { height:42px } 
}
/* 
@media (max-width: 992px) {
  .navbar-header .navbar-brand { padding: 5px; }
  .navbar-header .navbar-brand img { height:42px } 
} */

.swiper-button-prev,.swiper-button-next{display:none;}
.swiper-pagination {bottom: 20px;display:none;}
.swiper-pagination .swiper-pagination-bullet { width:15px;height:15px;background-color: transparent; border: #fff 1px solid; opacity: 1; }
.swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }



@-webkit-keyframes transform11 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }
@keyframes transform11 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }
@-webkit-keyframes transform11_out { 0% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes transform11_out { 0% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.revealOnScroll { opacity: 0; }

.section11 .title { width: 100%; text-align: center; line-height: 60px; font-weight: bold; color: #666666; background: url(../img/mat/images/line.png) center center no-repeat; background-size: 100% auto; }
.section11 .title span { background-color: #fff; padding: 0 10px; }
.section11 img { width: 100%; }
.section11 .list { text-align: center; }
.section11 .list img { margin-bottom: 5px; }
.section11 .list > div { margin-bottom: 10px; }

.section11  img { -webkit-animation: transform11_out .3s ease-in-out forwards; animation: transform11_out .3s ease-in-out forwards; }
.section11  img:hover { -webkit-animation: transform11 .3s ease-in-out forwards; animation: transform11 .3s ease-in-out forwards; }


@media (min-width: 768px) { .section11 .title { line-height: 120px; font-size: 16px; }
  .section11 .list { font-size: 20px; padding-bottom: 25px; }
  .section11 .list img { margin-bottom: 10px; } }
@media (min-width: 992px) { .section11 .title { line-height: 140px; font-size: 20px; }
  .section11 .list { font-size: 24px; padding-bottom: 35px; }
  .section11 .list img { margin-bottom: 15px; } }
.section12 { background-color: #f1f1f1; padding: 0; }
.section12 .row > div { padding: 0 2px; margin: 0; }
.section12 .row img { width: 100%; }

.section12 .row div{overflow:hidden;}
.section12 .row img { -webkit-animation: transform11_out .5s linear forwards; animation: transform11_out .5s linear forwards; }
.section12 .row img:hover { -webkit-animation: transform11 .5s linear forwards; animation: transform11 .5s linear forwards; }



.section13 .title { width: 100%; text-align: center; line-height: 60px; font-weight: bold; color: #666666; background: url(../img/mat/images/line.png) center center no-repeat; background-size: 100% auto; }
.section13 .title span { background-color: #fff; padding: 0 10px; }
.section13 img { width: 100%; }
.section13 .list { text-align: center; }
.section13 .list img { margin-bottom: 5px; width: 80%; display: block; margin-left: auto; margin-right: auto; }
.section13 .list > div { margin-bottom: 10px; padding: 5px 30px; }

/*首页新闻列表*/
.home_news_holder{margin-bottom:40px;}
.section13 .news_list .img_holder { width: 100%; height:160px;overflow:hidden;display:block }
.section13 .news_list img { margin-bottom: 5px; width: 67%; display: block; margin:0 auto; }
.section13 .news_list h3 { text-align:center; margin-top:0px;margin-bottom:10px}
.section13 .news_list h3 a{ font-weight:bold;font-size:14px; }
/*新闻列表*/
.media_img_holder{width:200px;height:120px;overflow:hidden;display:inline-block}
.groups-list-info .tit{margin:0;font-size:14px;color:#333;width:100%;float:left}
.news_list_holder{}
.news_list_holder .media {padding:10px 0px}

/*---------文章版面-----------*/
.panel-body.artical_body{min-height:400px;}
.clear_panel.panel .panel-body .topictext{font-size:14px;word-wrap: break-word; word-break: normal;}
.article_info_holder,.article_info_holder .companyname_link.my{color:#999!important}
.artical_body img{max-width:100%;height:auto;}
.topic_files_holder{margin-top:10px;padding:0px 10px;}
.topic_files_holder p{font-size:12px;margin-bottom:0px;}
.modside-header{height:20px;}
.modside-header h3{float:left;font-size:18px;line-height:20px;margin:0;color:#000}
.groups-list-item{padding:5px;padding-left:0px;overflow:hidden;zoom:1}
.groups-list-avatar{float:left;width:50px;height:50px;margin-right:10px}
.groups-list-avatar img{width:50px;height:50px}
.groups-list-info{padding:0px}
.groups-list-info .tit{margin:0;font-size:14px;color:#333;width:100%;float:left;}
.stat-followers{margin:5px 0 0 0;padding:0;overflow:hidden;zoom:1;color:#999;line-height:1.2em;}
.article_info_holder td {font-size: 13px}
.news_title{font-size:16px;font-weight:bold}
.news_text{margin-top:10px;}
/*---------clear panel-----------*/
.clear_panel.panel{padding:0px 10px;border-radius: 0px;position:relative;box-shadow: none;}
.clear_panel.panel .panel-heading{background-color:#fff;padding-left:0px}
.clear_panel.panel .panel-heading .head-title{width:100%;height:auto;font-size:16px;font-weight:bold;text-align:center;padding-bottom:10px;border-bottom:1px solid #e4e4e4;margin-bottom:10px;}/*文章版面标题*/
.clear_panel.panel .panel-heading .panel-title{font-weight:bold;}
.clear_panel.panel  .more a{font-size:12px;color:#ccc;margin-top:3px}
.clear_panel.panel  .more .glyphicon{font-size:13px;color:#ccc;top:0px}
.clear_panel.panel  .more .glyphicon-triangle-right:before {content: ">>";}
.clear_panel.panel .panel-body .title{color:#333;font-size:14px;display:inline-block;}
.clear_panel.panel .panel-body .title,.clear_panel.panel .panel-body .body{white-space: nowrap;overflow:hidden!important;width:100%;text-overflow: ellipsis;} /*自动截词*/
.clear_panel.panel .panel-body .body{color:#888}
.clear_panel.panel .panel-body .time{font-size:12px;color:#888}
.clear_panel.panel .panel-footer{background-color:#fff}
.clear_panel.panel .panel-body{color:#000}
.clear_panel .more{position:absolute;bottom:5px; right:10px;}
.clear_panel.panel .panel-heading .head-title.topicname {border-bottom: 0px solid #e4e4e4;margin-top:10px;}

/*手机屏幕*/
@media (max-width: 768px) {
   .home_news_holder{margin-bottom:0px;}
  .section13 .list > div { padding: 5px 0px; }
  .section13 .news_list h3 { font-size:14px; }
  .news_list_holder{margin-top:0px;}
  .news_list_holder .media {padding:3px 0px}
  .section13 .news_list h3 a{font-size:12px;}
  .news_title, .news_tex{font-size:12px;}
	.clear_panel.panel .panel-heading .head-title.topicname{font-size:14px;}
	.article_info_holder td,.clear_panel.panel .panel-body.artical_body {font-size:12px;}
}

.section13 .list h3 { margin-bottom: 5px; font-size: 14px; }
.section13 .list p { color: #808080; font-size: 10px; }

.section13  .list img { -webkit-animation: transform11_out .3s ease-in-out forwards; animation: transform11_out .3s ease-in-out forwards; }
.section13  .list img:hover { -webkit-animation: transform11 .3s ease-in-out forwards; animation: transform11 .3s ease-in-out forwards; }


@media (min-width: 768px) { .section13 .title { line-height: 120px; font-size: 16px; }
  .section13 .list { font-size: 20px; padding-bottom: 25px; }
  .section13 .list img { margin-bottom: 10px; width: 55%; }
  .section13 .list h3 { margin-bottom: 10px; font-size: 16px; }
  .section13 .list p { font-size: 14px; }
  .section13 .list > div { padding: 0 50px; }
 
  }
@media (min-width: 992px) { .section13 .title { line-height: 140px; font-size: 20px; }
  .section13 .list { font-size: 24px; padding-bottom: 35px; }
  .section13 .list img { margin-bottom: 15px; }
  .section13 .list h3 { margin-bottom: 15px; font-size: 20px; }
}
  
.banner-ad2 { padding: 0; position: relative; margin-bottom: 60px; }
.banner-ad2 .img-ad { width: 100%; }
.banner-ad2 .title { width: 80px; height: 70px; position: absolute; left: 50%; margin-left: -40px; bottom: -35px; }
.banner-ad2 .imgbg { width: 100%; }
.banner-ad2 span { text-align: center; color: #fff; display: block; text-align: center; font-size: 14px; z-index: 99; position: absolute; top: 0; left: 0; line-height: 70px; width: 100%; }
.banner-ad2 span.sp6 { line-height: 20px; top: 18px; font-size: 12px; }

@media (min-width: 768px) { .banner-ad2 { padding: 0; position: relative; }
  .banner-ad2 .img-ad { width: 100%; }
  .banner-ad2 .title { width: 171px; height: 149px; position: absolute; left: 50%; margin-left: -85px; bottom: -75px; }
  .banner-ad2 span { text-align: center; color: #fff; display: block; text-align: center; font-size: 22px; z-index: 99; position: absolute; top: 0; left: 0; line-height: 149px; width: 100%; }
  /*.banner-ad2 span.sp6 { line-height: 36px; top: 42px; font-size: 32px; }*/
  .banner-ad2 div.display_tb {    height:149px;  display:table;  z-index: 99; position: absolute; top: 0px; left: 20px;width:130px;}
  .banner-ad2 div.display_tb span { color: #fff;   display:table-cell; text-align: center; vertical-align:middle;font-size: 22px; ;width:130px; height:149px;}
   }
.tests_logo_title{bottom:-20px!important;}

.section22 { width: 100%; background-color: #fafafa; }

.section21, .section22 { padding: 40px 0; }
.section21 .title, .section22 .title { width: 100%; line-height: 50px; font-size: 20px; background-color: #aacd00; color: #fff; padding: 0 5px; }
.section21 .txt, .section22 .txt { font-size: 14px; line-height: 20px; color: #666666; margin: 40px 0; }
.section21 .txt p, .section22 .txt p { background: url(../images/icon2.png) 0 10px no-repeat; background-size: 10px 9px; padding: 5px 0 5px 20px; }
.section21 .txt b, .section22 .txt b { color: #aacd00; }
.section21 .tb1, .section22 .tb1 { width: 100%; margin: 0 auto; font-size: 14px; color: #666666; }
.section21 .tb1 th, .section22 .tb1 th { font-weight: bold; }
.section21 .tb1 td, .section21 .tb1 th, .section22 .tb1 td, .section22 .tb1 th { border: #aacd00 1px solid; height: 40px; text-align: center; }

@media (min-width: 768px) { .section22 { width: 100%; background-color: #fafafa; }
  .section21, .section22 { padding: 88px 0; }
  .section21 .title, .section22 .title { width: 100%; line-height: 73px; font-size: 35px; background-color: #aacd00; color: #fff; padding: 0 5px; }
  .section21 .txt, .section22 .txt { font-size: 20px; line-height: 42px; color: #666666; margin: 40px 0; }
  .section21 .txt p, .section22 .txt p { background: url(../images/icon2.png) 0 center no-repeat; padding-left: 30px; background-size: 20px 18px; }
  .section21 .txt b, .section22 .txt b { color: #aacd00; }
  .section21 .tb1, .section22 .tb1 { width: 100%; margin: 0 auto; font-size: 20px; color: #666666; }
  .section21 .tb1 th, .section22 .tb1 th { font-weight: bold; }
  .section21 .tb1 td, .section21 .tb1 th, .section22 .tb1 td, .section22 .tb1 th { border: #aacd00 1px solid; height: 56px; text-align: center; } }
.section41 { background-color: #fafafa; margin-top: 60px; padding-bottom: 40px; padding-left: 0; padding-right: 0; }
.section41 .row { padding: 0; margin: 0; }
.section41 .title1, .section41 .title2 { width: 100%; line-height: 50px; font-size: 20px; background-color: #ff8400; color: #fff; padding: 0 5px; box-sizing: border-box; }
.section41 .title2 { background-color: #0076cb; }
.section41 .img { padding: 30px 0; }
.section41 .img img { display: block; margin: 0 auto; width: 100%; }
.section41 .img .txt1 { color: #ff8400; font-size: 12px; padding-left: 10px; }
.section41 .info { width: 100%; margin: 0 auto; color: #666666; }
.section41 .info p { font-size: 12px; line-height: 24px; text-align: justify; }
.section41 .title3 { width: 100%; font-size: 18px; line-height: 40px; border-bottom: #ccc 1px solid; margin-bottom: 20px; margin-bottom: 20px; }

.section42 { color: #666; margin: 40px auto; }
.section42 .title { width: 100%; line-height: 50px; font-size: 20px; border-bottom: #ccc 1px solid; margin-bottom: 10px; }
.section42 p { font-size: 12px; line-height: 24px; text-align: justify; }

@media (min-width: 768px) { .section41 { background-color: #fafafa; margin-top: 120px; padding-bottom: 76px; }
  .section41 .title1, .section41 .title2 { width: 100%; line-height: 73px; font-size: 35px; background-color: #ff8400; color: #fff; padding: 0 5px; box-sizing: border-box; }
  .section41 .title2 { background-color: #0076cb; }
  .section41 .img { padding: 50px 0; }
  .section41 .img img { display: block; margin: 0 auto; width: 588px; }
  .section41 .img .txt1 { color: #ff8400; font-size: 26px; text-align: center; }
  .section41 .info { width: 1060px; margin: 0 auto; color: #666666; }
  .section41 .info p { font-size: 23px; line-height: 32px; text-align: justify; }
  .section41 .title3 { width: 100%; font-size: 35px; line-height: 87px; border-bottom: #ccc 1px solid; margin-bottom: 20px; margin-bottom: 20px; }
  .section42 { color: #666; margin: 70px auto; }
  .section42 .title { font-size: 35px; line-height: 87px; }
  .section42 p { font-size: 23px; line-height: 32px; text-align: justify; } }
.mt30 { margin-top: 30px; }

.section31, .section32 { width: 100%; padding-top: 20px; padding-bottom: 20px; }
.section31 .row > div, .section32 .row > div { padding: 10px 0; }
.section31 img, .section32 img { display: block; width: 100%; }
.section31 .t, .section32 .t { width: 100%; line-height: 30px; color: #666666; font-size: 20px; }
.section31 .txt, .section32 .txt { font-size: 12px; line-height: 24px; color: #666666; text-align: justify; }

.section32 { background-color: #fafafa; }

@media (min-width: 768px) { .mt30 { margin-top: 30px; }
  .section31, .section32 { width: 100%; padding: 50px 0; }
  .section31 img, .section32 img { display: block; width: 100%; }
  .section31 .row > div, .section32 .row > div { padding: 10px; }
  .section31 .t, .section32 .t { width: 100%; line-height: 60px; color: #666666; font-size: 25px; }
  .section31 .txt, .section32 .txt { font-size: 14px; line-height: 28px; color: #666666; text-align: justify; } }
@media (min-width: 992px) { .mt30 { margin-top: 30px; }
  .section31, .section32 { width: 100%; padding: 80px 0; }
  .section31 img, .section32 img { display: block; width: 100%; }
  .section31 .row > div, .section32 .row > div { padding: 10px 15px; }
  .section31 .t, .section32 .t { width: 100%; line-height: 90px; color: #666666; font-size: 32px; }
  .section31 .txt, .section32 .txt { font-size: 18px; line-height: 30px; color: #666666; text-align: justify; } }
@media (min-width: 1200px) { .mt30 { margin-top: 30px; }
  .section31, .section32 { width: 100%; padding: 100px 0; }
  .section31 img, .section32 img { display: block; width: 100%; }
  .section31 .t, .section32 .t { width: 100%; line-height: 124px; color: #666666; font-size: 40px; }
  .section31 .txt, .section32 .txt { font-size: 23px; line-height: 32px; color: #666666; text-align: justify; } }


.section31.join .txt,.section32.join .txt{font-size:18px;color:#666}
.email_to{background:url('../img/mat/images/email_box.png') no-repeat center left ;padding-left:30px;}


@media (min-width: 768px) { .mt30 { margin-top: 30px; }
  .section31.join img, .section32.join img { display: none; width:auto }}
@media (min-width: 992px) { .mt30 { margin-top: 30px; }
  .section31.join img, .section32.join img { display: block; width: auto }}
@media (min-width: 1200px) { .mt30 { margin-top: 30px; }
  .section31.join img, .section32.join img { display: block; width: auto }}


.section51, .section52 { width: 100%; padding: 20px 0; min-height: 200px; }
.section51 .title, .section52 .title { font-size: 18px; line-height: 40px; color: #00b9ef; }
.section51 p, .section52 p { font-size: 12px; line-height: 24px; color: #666666; text-align: justify; }
.section51 img, .section52 img { width: 100%; }

.section52 { background-color: #fafafa; }

.section53 { width: 100%; padding: 20px 0; text-align: center; }
.section53 .tb1 { width: 100%; margin: 0 auto; }
.section53 .tb1 th { background-color: #aacd00; color: #fff; height: 32px; font-size: 14px; text-align: center; width: 25%; border-left: #cee59a 1px solid; }
.section53 .tb1 th:first-child { border: none; }
.section53 .tb1 td { font-size: 12px; padding: 5px; border: #aacd00 1px solid; color: #666666; text-align: center; }
.section53 .tb1 .tleft { text-align: left; }
.section53 .tips { width: 100%; display: block; margin: 0 auto; text-align: right; font-size: 12px; color: #000000; margin-top: 20px; }

@media (min-width: 768px) { .section51, .section52 { width: 100%; padding: 50px 0; min-height: 340px; }
  .section51 .title, .section52 .title { font-size: 30px; line-height: 80px; color: #00b9ef; }
  .section51 p, .section52 p { font-size: 18px; line-height: 32px; color: #666666; text-align: justify; }
  .section51 img, .section52 img { width: 100%; }
  .section52 { background-color: #fafafa; }
  .section53 { width: 100%; padding: 80px 0; text-align: center; }
  .section53 .tb1 { width: 100%; margin: 0 auto; }
  .section53 .tb1 th { background-color: #aacd00; color: #fff; height: 56px; font-size: 20px; text-align: center; width: 25%; border-left: #cee59a 1px solid; }
  .section53 .tb1 th:first-child { border: none; }
  .section53 .tb1 td { font-size: 18px; padding: 10px; border: #aacd00 1px solid; color: #666666; text-align: center; }
  .section53 .tb1 .tleft { text-align: left; }
  .section53 .tips { width: 100%; display: block; margin: 0 auto; text-align: right; font-size: 19px; color: #000000; margin-top: 20px; } }
.section61, .section62, .section63, .section64, .section65 { padding: 20px 0; }
.section61 .title, .section62 .title, .section63 .title, .section64 .title, .section65 .title { font-size: 14px; line-height: 28px; color: #fab446; padding-top: 20px; padding-bottom: 20px; }
.section61 .con, .section62 .con, .section63 .con, .section64 .con, .section65 .con { color: #666; }

.section62, .section64 { background-color: #fafafa; }

.section61 { padding-top: 0; }
.section61 .title { position: relative; padding-left: 80px; line-height: 20px; }
.section61 .title img { position: absolute; left: 10px; top: 0px; width: 60px; }
.section61 .con { font-size: 12px; line-height: 24px; text-align:justify}

.section62 { padding: 20px 0; }
.section62 .title2 { font-size: 14px; line-height: 40px; padding: 0 40px; border-radius: 40px; border: #fab446 1px solid; color: #fab446; margin: 0px auto 20px auto; width: 100%; text-align: center; }
.section62 .con { font-size: 12px; line-height: 24px; color: #666; }
.section62 .con p { margin-bottom: 10px; }
.section62 .con b { color: #fab446; }

.section63 { padding: 20px 0; }
.section63 .title { padding-bottom: 15px; }
.section63 .con { font-size: 12px; line-height: 24px; color: #666; }
.section63 .con p { margin-bottom: 20px; }

.section64 { padding-top: 20px; }
.section64 img { display: block; margin: 0 auto; width: 100%; }

.section65 { padding-top: 30px; }
.section65 .tb1 { width: 100%; margin: 0 auto; }
.section65 tr:nth-child(even) { background-color: #eff3f5; }
.section65 td, .section65 th { padding: 5px; border: #333 1px solid; }
.section65 .th1 { width: 20%; }
.section65 .th2 { width: 18%; }
.section61 img, .section62 img, .section63 img, .section64 img, .section65 img{ max-width:100%; }
/*健康卫士 3 橘黄色 */
.section61.tests_3_class .title,
.section62.tests_3_class .title, 
.section63.tests_3_class .title,
.section64.tests_3_class .title, 
.section65.tests_3_class .title,
.section62.tests_3_class .title2,
.section62.tests_3_class .con b {color: #fab446;}
.section62.tests_3_class .title2 {border: #fab446 1px solid;}

/*vip 4 深蓝色 */
.section61.tests_4_class .title,
.section62.tests_4_class .title, 
.section63.tests_4_class .title,
.section64.tests_4_class .title, 
.section65.tests_4_class .title,
.section62.tests_4_class .title2,
.section62.tests_4_class .con b {color: #00a0e9;}
.section62.tests_4_class .title2 {border: #00a0e9 1px solid;}


/*育儿康 2 墨绿色 */
.section61.tests_2_class .title,
.section62.tests_2_class .title, 
.section63.tests_2_class .title,
.section64.tests_2_class .title, 
.section65.tests_2_class .title,
.section62.tests_2_class .title2,
.section62.tests_2_class .con b {color: #50b496;}
.section62.tests_2_class .title2 {border: #50b496 1px solid;}

/*孕儿宝 1 荧光绿 */
.section61.tests_1_class .title,
.section62.tests_1_class .title, 
.section63.tests_1_class .title,
.section64.tests_1_class .title, 
.section65.tests_1_class .title,
.section62.tests_1_class .title2,
.section62.tests_1_class .con b {color: #aacd00;}
.section62.tests_1_class .title2 {border: #aacd00 1px solid;}



.title_tb{color: #fff;text-align: center;vertical-align: middle;font-size:18px;height:100%;width:100%;position:absolute;top:0px;left:0px}
@media (min-width: 768px) { .title_tb {font-size: 22px}}
@media (max-width: 768px) { .title_tb {font-size: 1rem}}


@media (min-width: 768px) { .section61, .section62, .section63, .section64, .section65 { padding: 80px 0; }
  .section61 .title, .section62 .title, .section63 .title, .section64 .title, .section65 .title { font-size: 36px; line-height: 44px; color: #fab446; padding-top: 40px; padding-bottom: 40px; }
  .section61 .con, .section62 .con, .section63 .con, .section64 .con, .section65 .con { color: #666; }
  .section62, .section64 { background-color: #fafafa; }
  .section61 .title { position: relative; padding-left: 210px; }
  .section61 .title img { position: absolute; left: 80px; top: 35px; }
  .section61 .con { font-size: 20px; line-height: 34px;text-align:justify }
  .section62 { padding: 60px 0; }
  .section62 .title2 { font-size: 25px; line-height: 60px; padding: 0 70px; border-radius: 60px; border: #fab446 1px solid; color: #fab446; margin: 30px auto 60px auto; width: 400px; }
  .section62 .con { font-size: 18px; line-height: 32px; color: #666;text-align:justify }
  .section62 .con p { margin-bottom: 30px; }
  .section62 .con b { color: #fab446; }
  .section63 { padding: 60px 0; }
  .section63 .title { padding-bottom: 30px; }
  .section63 .con { font-size: 18px; line-height: 32px; color: #666; text-align:justify }
  .section63 .con p { margin-bottom: 20px; }
  .section64 { padding-top: 50px; }
  .section64 img { display: block; margin: 0 auto; }
  .section65 { padding-top: 30px; }
  .section65 .tb1 { width: 920px; margin: 0 auto; }
  .section65 tr:nth-child(even) { background-color: #eff3f5; }
  .section65 td, .section65 th { padding: 16px 10px; border: #333 1px solid; }
  .section65 .th1 { width: 210px; }
  .section65 .th2 { width: 140px; } }
.p_oper_lnk{position:fixed;bottom:50px;right:10px;width:50px;heigh:50px; }
.p_oper_lnk a{ display:block; width:50px; height:50px;overflow:hidden;background: url(../img/home/back_to_top.png); }
.p_oper_lnk a:hover{ color:#FFF; text-decoration:none;}