﻿@charset "utf-8";
body{ width:100%; height:100%; font-family:"微软雅黑",Arial;}
.listspan a{
    line-height: 80px;
    
}
a{
    display: block;
    text-align: center;
}
.top_hide a{
    width: 100%;
}
/*a:hover{*/
    /*background-color: #5babe0;*/
/*}*/
/*header*/
/*右侧悬浮*/
.right_float{
    position: fixed;
    right: 20px;
    top: 30%;
    z-index: 999;
}
.right_float2{
    position: fixed;
    margin-top:4px;
    right:100px;
    top: 30%;
    z-index: 999;
    display: none;
}

.right_float2 img{
    height: 230px;
}
.right_float ul{
    
    list-style: none;
    direction: none;
    
    padding: 0;

}
.right_float ul li a{
    line-height: 66px;
}
.right_float ul li{
    margin: 4px;
    padding:4px; 
    width: 70px;
    background: rgba(255,255,255,.6);
    border-radius: 8px;

}
.right_float ul li img{
    opacity: 0.7;
    width: 100%;

}
.right_float ul li img:hover{
    opacity: 1;
}

.header_top{
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    background-color: rgba(255,255,255,.8);
    z-index: 6;
}
.top_logo img{
    height: 80px;
}
/*.top_logo a img{width: 100%;}*/
@media screen and (min-width:768px) and (max-width:990px){
    .top_hide{
        display: none;
    }
}


@media screen and (max-width: 500px) {


    .header_top {
       height: 66px;
    }
    .top_logo img{
        height:56px;
    }
}
.courr{
    margin-top: -2px;
    border-bottom: 2px solid #5babe0;

}
.courr a{
    color: #5babe0;
}
.visibleimg a{
   display: block;
    float: right;
    width: 40%;
    display: border;
    padding: 0;
}
.visibleimg a img{
    width:90%;

}
.visibleimg{
    display: none;
}

.col-xs-6{padding-left:0;padding-right: 0;}
.col-xs-4{
    padding: 0 0px;
}
.visiblexs{
    display: none;
    font-size:20px;
    color: #939393;
    text-align: right;
    line-height:70px;
}
.modal_modal{
    width: 100%;
    height: 1200%;
    position: relative;
    display: none;
    top:-100px;
    left: 0;
    z-index:11;
    background-color: rgba(0,0,0,.1);
}
.navlist .listspan {position:relative;}
.navlist .listspan span{ display:block; position:absolute; width:0px; height:0px; background:#5babe0; top:78px; left:50%;}
.modal_black{
    width: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 12;
    background-color: rgba(255,255,255,.92);
}
.modal_black ul{
    margin: 0;
}
.modal_black ul li{
    list-style: none;
}
.modal_black ul li img{
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
}
hr{
    margin-bottom: 0;
}
.modal_black ul li a{
    font-size: 14px;
    width: 90%;
    display: block;
    line-height: 40px;
    border-bottom: 1px dashed #f5f5f5;
}


/*banner*/

/* fullSlide */
.fullSlide{width:100%;position:relative;height:500px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:4px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.banner{
    width: 100%;
    overflow: hidden;
    display: none;
    position: relative;
}
.banner img{
    margin-left: -70px;
    display: block;
    width: 180%;
}
/*企业概况*/
.leftPosition{
    position: relative;
    top:-50px;
    z-index: 1;
}
.leftPosition_top{
    min-height: 120px;
    background: #5babe0;
}

.leftPosition_top p{
    width: 100%;
    height: 60px;
    font-size: 22px;
    color: #ffffff;
    padding-top: 20px;
    line-height: 60px;
    text-align: center;
}
.leftPosition_top span{
    width: 100%;
    height: 20px;
    line-height: 34px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    display: block;
}

.leftPosition_nav ul{
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: #d5d5d5 1px solid;
    list-style-type: none;
    padding-left: 0px;
}


.leftPosition_curre{
     background-color: #ffffff;
     color: #5babe0;
     border-bottom: 2px solid #5babe0;
 }
.leftPosition_curre > a{
    border-bottom: none;
}
.leftPosition_nav li a{
    width: 94%;
    overflow:hidden;
    padding: 8px 3%;
    cursor: pointer;
    height: 54px;
    line-height: 34px;
    color:#666;
    width: 100%;
    display:block;
    border-bottom: 2px solid #e3e3e3;
}
.leftPosition_nav a:hover{
    background-color: #ffffff;
    min-height:54px;
    /*margin-left: 10%;*/
    border-bottom: 2px solid #5babe0;
    color: #5babe0;

    line-height: 24px;
    min-height:54px;
}

.right_top{
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #d5d5d5;
}
.right_top p,.right_top a{
    float: left;
    line-height: 40px;
    color: #999;
    padding-right: 10px;
    font-size: 12px;
}
.right_top span{
    float: right;
}
.company_conter h3{
    font-size: 22px;
    color: #323232;
    line-height: 60px;
    width: 100%;
    text-align: left;
    border-bottom: 1px dashed #D5D5D5;
}
h3{
    font-size: 28px;
    color: #323232;
    line-height: 80px;
    width: 100%;
    text-align: center;
}
h5{
    font-size: 18px;
    color: #323232;
    line-height:40px;
    width: 100%;
    text-align: center;
}
.qygk,.qygk2,.qygk3{
    width: 90%;
    margin: 0 auto;
}
.qygk:hover,.qygk2:hover,.qygk3:hover{
    cursor:pointer
}
.qygk:hover .qygk_img{
    background-position:-112px;
}
.qygk:hover .more_image{
    background-position:-112px;
}
.more_image:hover{
    background-position:-112px;
}
.more_image a{
    width: 100%;
    height: 100%;
    display: block;
}
.qygk2:hover .qygk_img2{
    background-position:-336px;
}
.qygk2:hover .more_image{
    background-position:-112px;
}
.qygk3:hover .qygk_img3{
    background-position:-560px;
}
.qygk3:hover .more_image{
    background-position:-112px;
}
.qygk p,.qygk2 p,.qygk3 p{

    font-size: 14px;
    color: #323232;
    line-height: 24px;
    text-align:justify;
    text-justify: inter-ideograph;
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
}
.more_image{
    width: 112px;
    height: 40px;
    margin: 0 auto;
    background: url("../images/more.png") repeat-x;
    margin-bottom: 30px;
}
.qygk_img,.qygk_img2,.qygk_img3{
    width: 112px;
    height:112px;
    margin: 0 auto;
    overflow: hidden;
}
.qygk_img{
    background-image: url(../images/iconT.png);
}
.qygk_img2{
    background-image: url(../images/iconT.png);
    background-position:-224px;
}
.qygk_img3{
    background-image: url(../images/iconT.png);
    background-position:-448px;
}
/*生物科技*/
.swkj_font_mask{
    display: none;
    width: 86%;
    margin: 0 auto;
    padding-top: 20px;
}
.swkj_font_mask p{
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-align:justify;
    text-justify: inter-ideograph;
    height: 120px;
    overflow: hidden;
    letter-spacing:1px;

}
.swkj_font_mask a{
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
}
.swkj_box{
    width: 99%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}
.swkj_box img{
    display: block;
    width: 100%;
}
.swkj_font{
    position: absolute;
    z-index: 5;
    top: 45%;
    width: 100%;
    line-height: 40px;
    background-color: #5babe0;
}
h6{
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    letter-spacing:2px;
}
/*新闻动态*/
.new_box{
    width: 99%;
    margin: 0 auto;
    position: relative;
    z-index:2;
}
.new_box img{
    width: 100%;
}
.new_font:hover{
    background: rgba(0,0,0,.4);
}
.new_font{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 2;
    top: 0;
}
.new_font p{
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    margin-top: 12%;
    letter-spacing:2px;
}
.new_font_img{
    /*margin-top: 4%;*/
    width: 100%;
}
.new_font_img img{
    margin: 0 auto;
    width: 40px;
    height: 40px;
}
.new_font_dir{
    position: relative;
    z-index:2;
    width: 99%;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.new_font_dir p{
    padding: 20px;
    text-align:justify;
    text-justify: inter-ideograph;
    font-size: 14px;
    line-height: 20px;
   max-height: 120px;
    overflow: hidden;
}
.marginT20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.fengexian{
    height:4px;
    width: 100%;
    border-bottom: dashed 1px #E8E8E8;
}
  /* 滚动条样式 */
.test-1::-webkit-scrollbar {/*滚动条整体样式*/
        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.test-1::scrollbar {/*滚动条整体样式*/
        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

/*关于我们*/
.gy_img{
    width: 99%;
    margin: 0 auto;
}
.gy_img img{
    width: 100%;
    display: block;
}
/*FOOT*/

.footer_box:hover,.footer_box1:hover,.footer_box2:hover{
    background:#D9F2F9;
}
.footer_box,.footer_box1,.footer_box2{
    min-height: 148px;
    width: 99%;
    margin:0 auto;
    margin-top: 20px;
    background:#ecf8fb;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
.footer_box p,.footer_box1 p,.footer_box2 p,.footer_box tel,.footer_box emill{
    font-size: 12px;
    color: #939393;
    line-height: 20px;
    width: 100%;
    display: block;
    margin-bottom: 0px;
    text-align: left;
}
.footer_box b,.footer_box1 b,.footer_box2 b{
    font-size: 18px;
    font-weight: 600;
    color: #666;
    padding-left: 30px;
    margin: 0 auto;
    line-height: 23px;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}
.footer_box b{
    background: url("../images/dw.png")no-repeat;
}
.footer_box1 b{
    background: url("../images/rc.png")no-repeat;
}
.footer_box2 b{
    background: url("../images/zs.png")no-repeat;
}
.back_top{
    margin-top: 20px;
    height: 44px;
}
.back_top img{
    width: 44px;
    margin: 0 auto;
    display: block;
}
.footer_logo img{
    width: 100%;
    display: block;

}

/*公司概况*/
.company_img{
    width: 100%; height: 130px;position: relative;overflow: hidden;
}
.company_img img{
    position: absolute;
    left: 50%;
    margin-left:-960px ;
}
/*小标题*/
.company_nav{
    width:100%;
    height:50px;
    background:rgba(91,171,224,.9);
}
.nav_smill{
    width: 100%;
    line-height:50px ;
    text-align: right;
}
.nav_smill a{
    color: #f5f5f5;
    line-height: 50px;
    float:right;
    font-size: 14px;
    display: inline-block;
    padding: 0 6px;
    font-size: 18px;
}
.company_conter{
    width: 94%;
    margin: 0 auto;

}
.company_conter iframe{
	width:100%;
	overflow:hidden;
}
.company_conter p{
    text-indent: 2em;
    font-size: 14px;
    color: #565656;
    text-align:justify;
    text-justify: inter-ideograph;
    line-height: 24px;
}
.company_conter img{
    display: block;
    width:70%;
    margin: 10px auto;

}
/*map*/
.ifmap{
    width: 720px;
    margin: 0 auto;
    overflow: hidden;
}
.ifmap iframe{
    width: 720px;
    height: 300px;
}
/*新闻*/

.new_li time{
    position: absolute;
    top:12px;
    right: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #939393;
}
.new_cover{
    width: 98%;
    padding-left: 2%;
}
.new_cover ul{
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
.new_cover li{
    cursor: pointer;
    padding-top:2px;
    position: relative;
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom:2px;
}
.new_cover li:hover{
    background: #f9f9f9;
    padding-left: 10px;
}
.new_cover li p{
    font-size: 12px;
    color: #939393;
    width:98%;
    padding-left: 10px;
    overflow: hidden;
}
.new_cover li p::content{...}
.new_fen{
    width:100%;
    margin: 0 auto;
    position: relative;
}
.new_fen:hover{
    cursor: pointer;
}
.new_fen img{
    width: 100%;
    display: block;
}
.new_biao{
    position: absolute;
    bottom: 0;
    height: 30px;
    background: rgba(91,171,224,.6);
    width: 100%;
}
.new_biao p{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
}
.marT20{
    margin-top: 20px;
}
/*联系我们*/
.contact_us{
    width:86%; margin:0 auto; padding-top: 10px; padding-bottom: 10px;
}
.contact_us p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
/*gcb*/
.gcb{
    width: 80%; margin: 0 auto;
}
.gcb img{
    width: 49%;
    padding-left: 6px;
    display: block;
    float: left;
}

 .nav_smill a:hover{background: none; color: #f5f5f5;}a{color: #323232; font-size: 16px;} a:hover{ color: #5babe0; text-decoration: none;font-weight: 800;}.more_image a{ background: none;} a{font-size: 15px; word-spacing: 1px;} @media screen and (max-width: 768px) {.visiblexs{display: block; } }@media screen and (max-width:1000px) {
            .qygk p {min-height:50px; }.new_font_dir p{height: 100px;}}.back_top a,.footer_box a,.footer_box1 a,.footer_box2 a,.new_font a:hover{ background: none; font-weight: normal}
        @media screen and (max-width: 500px) {.padd10{margin: 10px -3px;}.new_fen{width: 110%;}.ifmap iframe{width: 320px;}.ifmap{width: 100%} .nav_smill a{line-height: 54px; width: auto;padding: 0px; font-size: 14px;}h3{font-size: 20px; line-height: 40px;}h2{font-size:24px;line-height: 54px; margin: 0;}.company_nav{height: 60px;}.fullSlide{display: none;}.banner{display: block;} .company_img{display: none;} h6{font-size: 14px;line-height: 18px;}} @media screen and (max-width: 330px) {.new_font p{
            font-size: 14px;top:6%;}.new_font_img{margin-top: -6%;}.new_font_img img{width: 34px;height: 34px;}}
        .header_top{ position: relative;}.leftPosition_top a{}



@media (min-width: 1200px){
    .iframeStyle{width: 1200px;height:320px;}
}
@media (max-width: 1200px){
    .iframeStyle{width: 960px;height:320px;}
}
@media (max-width: 992px){
    .iframeStyle{width: 740px;height:635px;}
}
@media (max-width: 768px){
    .iframeStyle{width: 100%;height:635px;}
}