/* 注：所有的页面正文部分的宽度都是1100px */
body{font-family:"Noto Sans SC";
    font-size:18px;
    color:#000000; 
    padding:0; 
    margin:0;} 

a{ color:#000000;}
a:hover{color:#000000;}  
div{-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}


.header{ font-family:"Noto Sans SC";width:100%; margin:0px auto; position:relative; border-top:0px solid;}
.header .head{ width:90%; margin:0px auto; height: 80px;}
.head .logo{ width:236px; height:68px; float:left; margin-top:10px;}
.head .logo img{ width:236px; height:68px; vertical-align:top;}
.head .nav_m{ width:65%; float:right; 
    text-align:right;
     position:relative;}

.head .nav{ width:100%; 
    text-align:right;}

.head .nav li{ display:inline-block; 
               zoom:1; 
               height:35px;
               padding-top:30px;
               margin-left:10%;
}

.head .nav li a{ font-size:16px; 
                color:#000000; 
                display:inline-block; 
                display:inline; zoom:1; 
                height:35px; 
                line-height:35px;}

.head .nav li.now a,.head .nav li:hover a{ color:#0366a4;}  

.nav_m .n_icon{ display:inline-block; 
                display:inline; 
                zoom:1; 
                height:18px; 
                line-height:18px;
                color:#333; 
                padding-left:25px; 
                position:absolute; right:10px; top:50px; 
                z-index:9999; 
                cursor:pointer;
                display:none; 
                font-size:16px;
} 


/* 设置纯色为背景色 */
.localbackground {width: 100%;margin:0px auto;background-color: #0366a4;}

/* 设置固定尺寸纯色背景 */
.bluebackground {width: 366px;
                 height: 243px;
                 background-color: #0366a4;}

.bluebackground .wen{ width: 100%;
                      text-align: left;
                      color: #ffffff;
                      font-size: 16px;
                      /* margin: 10%; */
                      padding: 15% 10% 15% 10%; 
                      /* height:23px; */
                      line-height:25px;
                    position: absolute;}


/* 并排实现图片 */
  * {
    box-sizing: border-box;
  }
  
  .img-container {
    float: left;
    width: 25%;
    padding: 5px;
  }
  
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
 


@media screen and (max-width: 579px) {.yjy-pagination{bottom:0px;height:15px;}}
/*幻灯片二*/
/* 模块一：实验室*/
.i_name{ width:100%;
         text-align:center;
         padding:50px 0;}

/* “实验室”图片的长宽高*/
.i_name .tu{ display:inline-block;
             /* *display:inline; */
             zoom:1;
             height:32px; 
             line-height:32px;
             position:relative;}  
.i_name .tu .line{ width:125px;
                   height:2px; 
                   background:#000000;
                   position:absolute; 
                   top:15px;}
.i_name .tu .line_l{ left:-145px;}
.i_name .tu .line_r{ right:-145px;}

/*business字体设置，其中英文使用Times New Roman字体*/
.i_name .en{ width:100%;
             text-align:center;
             height:25px; 
             line-height:25px; 
             font-family:"Times New Roman"; 
             font-size:18px; color:#827f7f;} 

/* 标题文字的字体 */
.i_name .dest{ width:100%;
              height:40px;
              line-height:40px;
              text-align:center;
              font-family:"Noto Sans SC";
              font-size:20px;
              color:#827f7f;}


.i_ma{ width:1100px;
       margin:0px auto;
       text-align:center;}
/* 文字背景及其尺寸 */
.i_ma li{ width:343px; 
          height:245px; 
          background:#ffffff; 
          float:left; 
          margin-right:35px; 
          margin-bottom:34px; 
          box-shadow:2px 2px 8px #999;
          transition:0.7s; 
          -moz-transition:0.7s; 
          -webkit-transition:0.7s;
        }
/* 图片尺寸 */
.i_ma li .tu,.i_ma li .tu img{ width:343px; 
                               height:182px; 
                               vertical-align:top; 
                               position:relative;}

.i_ma li:hover .tu .bg_a{ opacity:1;}
/* 当鼠标悬浮时的背景色 */
.i_ma li:hover{ background:#0366a4;} 


/* 文字框尺寸及其文字颜色 */
.i_ma li .wen{ width:323px; 
               padding:0 10px; 
               text-align:center; 
               color:#827f7f;}
/* 当鼠标悬浮时文字显示白色 */
.i_ma li:hover .wen{ color:#FFF;}

/* 小标题 */
.i_ma li .wen h5{ width:100%; 
                  height:30px; 
                  /* line-height:30px;  */
                  font-size:18px; 
                  padding-top:15px;}
/* 文本内容格式 */
 .i_ma li .wen .des{ width:100%; 
                    height:23px; 
                    line-height:23px; 
                     font-size:13px;}   
                      
/* 新闻中心背景色白色 */
.bg_d{ width:100%; 
       /* background-color: rgb(255, 255, 255);  */
       padding-top:10px; 
       padding-bottom:50px;}

/* 3A分子筛检测部分 */
.i_mb{ width:1100px; margin:0px auto;}

.i_mb li{ width:365px; 
          height:243px; 
          float:left; 
          margin-left:1px; 
          margin-bottom:1px; 
          position:relative; 
          overflow:hidden;}
/* 图片尺寸 */
.i_mb li img{ width:365px; 
              height:243px; 
              vertical-align:top;}


/* 企业理念样式 */

.i_com{ width:1100px;
       margin:0px auto;
       box-shadow:10px 5px 5px #dee2e4;}

.i_com li{ width:548px; 
          height:243px; 
          float:left; 
          margin-left:1px; 
          margin-bottom:1px; 
          position:relative; 
          overflow:hidden;}
/* 图片尺寸 */

.graybackgroundcom {width: 548px;
                height: 243px;
                background-color: #dee5e9;}



.graybackgroundcom .wen{ width: 100%;
                    display:inline;
                    text-align: center;
                    color: #0366a4;
                    font-size: 17px;
                    margin: auto;
                    /* padding: 0;  */
                    height:100%;
                    line-height:30px;
                    display: flex;
                    align-items: center;
                  position: absolute;
                  padding-left: 35%;
                 }

.bluebackgroundcom {width: 548px;
                height: 243px;
                background-color: #0366a4;}

.bluebackgroundcom .title{ width: 100%;
                     display:inline;
                     text-align: center;
                     color: #ffffff;
                     font-size: 22px;
                     margin: auto; 
                     /* padding: 15% 10% 15% 10%; */
                     padding-left: 20%;
                     padding-right: 10%;
                     display: flex;
                     align-items: center;
                     height:100%; 
                     line-height:25px;
                   position: absolute;}

.bluebackgroundcomtwo {width: 548px;
                    height: 243px;
                    background-color: #0366a4;}
    
.bluebackgroundcomtwo .title{ width: 100%;
                         display:inline;
                         text-align: center;
                         color: #ffffff;
                         font-size: 17px;
                         margin: auto; 
                         /* padding: 15% 10% 15% 10%; */
                         padding-left: 38%;
                         /* padding-right: 10%; */
                         display: flex;
                         align-items: center;
                         height:100%; 
                         line-height:25px;
                       position: absolute;}              


/* 尾部背景设置 */
.bg_e{ width:100%; 
    background-color: #504f4f;
       background-size:cover; 
       padding:20px 0 40px;}
.bg_e .i_name .tu .line{ background:#ffffff;}

/* 文字框尺寸及其布局 */
.foot{ width:1100px; 
       margin:0px auto;}

.foot ul{ width:100%;}

.foot ul .title{ width:100%; 
    height:50px; 
    line-height:50px; 
    font-size:18px; 
    margin-bottom:20px;
    color:#FFF;
}

.foot ul li{ width:48%; 
             float:left; 
             margin-right:2%; 
             font-size:13px; 
             color:#FFF;}

.foot ul li .title em{ font-size:12px;}

.foot ul li p{ margin-bottom:20px; 
               font-size:15px;}

.foot ul li p span{ font-size:15px;}



/* join中的文本框大小 */
.scd{ width:1100px; margin:0px auto; padding:50px 0;}
/* join表格 */
.s_banner{ width:100%;}

.s_banner .name{ width:100%; 
                 height:75px; 
                 line-height:70px; 
                 font-size:50px; 
                 color:#605f5c;;
                 letter-spacing: 3px; 
                 text-align: center;}


/* 3A中的导航栏设置 */
.scd_m{ width:100%;
        text-align:left;}


.scd_m .threeA{ width:100%; 
                 text-align:left; 
                 font-size:15px; 
                 color:#000000; 
                 line-height:180%;}

/* 文本大小 */
.threeA .sv{ width:100%; 
              padding:50px 0;}

/* 小标题背景图 */
.threeA .sv .title{ width:100%; 
                     height:48px; 
                     line-height:48px; 
                     background:url(../images/bg_h.png) no-repeat left center; 
                     margin-bottom:20px;}
/* 小标题字体 */
.threeA .sv .title span{ font-size:20px; 
                          color:#ffffff; 
                          margin-left:8px;}

.threeA .sv .ctn{ width:100%;}

/* 3A图片文字组合排列 */
.threeA .sv_b{ width:100%; 
                padding:50px 0; 
                border-top:1px solid #ddd; 
                border-bottom:1px solid #ddd;}
/* 文字+图片的长宽高 */
.threeA .sv_b dl{ width:48%; 
                   float:left; 
                   margin-bottom:20px;}
/* 图片外圈线尺寸 */
.threeA .sv_b dl dt{ width:210px; 
                      height:170px; 
                      float:left;
                      border:1px solid #e9e5e5;}
/* 图片尺寸 */
.threeA .sv_b dl dt img{ width:210px; 
                          height:170px; 
                          vertical-align:top;}
/* 文字尺寸 */
.threeA .sv_b dl dd{ width:300px; 
                      float:right; 
                      text-align:left;}
/* 文字标题 */
.threeA .sv_b dl dd .name{ width:100%; 
                            height:50px; 
                            line-height:50px; 
                            font-size:20px; 
                            color:#000;}
/* 正文内容 */
.threeA .sv_b dl dd .des{ width:100%; 
                           height:105px; 
                           overflow:hidden;}


.library{ width:100%; 
           padding:50px 0;}

.library .wen{ width:100%; 
              font-size:16px; 
              color:#434141; 
              line-height:155%; 
              text-align:left;
              text-indent: 32px;}

.library .ctn{ width:100%; 
                text-align:center; 
                padding:50px 0;}

.library .ctn img{ max-width:98%; 
                    height:auto; 
                    vertical-align:top;}

.library .s_lc{ width:100%; 
                 margin-top:30px; 
                 text-align:center;}

.library .s_lc .title{ width:100%; 
                        height:40px; 
                        line-height:40px; 
                        font-size:24px; 
                        color:#0366a4;}

.library .s_lc .title em{ font-size:18px; 
                           color:#999; 
                           margin-left:5px;}



.about{ width:100%; padding:30px 0;}

.about .a_name{ width:100%; 
                text-align:center; 
                padding:30px 0; 
                font-size:26px; 
                color:#fefcfc; 
                margin-bottom:20px;}

.about .abt_a dl{ width:100%;}
.abt_a dl dt,.abt_a dl dt img{ width:473px; 
                               height:315px; 
                               float:left; 
                               vertical-align:top;}

.abt_a dl dd{ width:615px; float:right; text-align:left; font-size:16px; color:#ffffff; line-height:250%;}




.ct{ width:100%; 
     margin:0px auto; 
     padding:50px 0;}

.ct .ct_m{ width:100%; 
           margin:0px auto; 
           padding:20px 0; 
           margin-top:20px;}

.ct_m .ct_ml{ width:425px; 
              float:left; 
              padding-bottom:200px; 
              /* background:url(../images/bg_c.jpg) no-repeat left bottom;  */
              font-size:16px; 
              color:#555555; 
              line-height:260%;}

.ct_m .ct_ml p em{ color:#000;}
.ct_m .ct_mr{ width:550px; height:550px;float:right;}
.ct_m .ct_mr img{ width:100%; height:auto; vertical-align:top;}