.container{max-width:1200px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#09a4c3}
a:focus{color:brown}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.mobanTilte{color: rgb(9, 164, 195);font-family: 微软雅黑;}
.mobanName{color:#999;}
.clear{clear:both;}
.button {
    display: block;
    width: 130px;
    height:40px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    margin: 40px auto;
    transition: all .4s;
    line-height:40px;
}
.button a{color:#fff; display:inline-block;width:100%; height:100%;}
.button a:hover{color:#fff !important;}
.button:hover{background-color:rgba(9,164,195,1); border-color:rgba(9,164,195,1);}
.chiBeiJing{height:400px; padding-top:150px; width:100%; background:url(images/neiye_banner.jpg); color:rgb(9, 164, 195); font-family:微软雅黑;}
.chiBeiJing p{font-size:18px;}
.textHide-1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.textHide-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*首页轮播图*/
.banner img{ width:100%; height:100%;} /*兼容ie低版*/
.LunBoTuText{z-index:6; display:inline; width:680px; height:80px; position:absolute; top:0; left:30%; bottom:8%; right:0; margin:auto; color:#fff;}
.swiper-pagination span{width:16px !important; height:16px !important; padding:0 5px; border:2px solid #fff;}
.LunBoTuText h1{font-size:60px;}
.LunBoTuText p{font-size:23px;}
 
/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*底部*/
footer{text-align:left;width:100%;min-height:95px;background:rgb(79, 88, 98);margin-top:40px;line-height:2.5}
footer img{width:160px;}
footer img+img{margin-left:60px;}
footer .copyright{padding:10px 0; background-color: rgb(60, 67, 76); color:#fff;}

/*顶部样式*/
.header{position:relative; height:65px; line-height:65px;width:100%;display:block;}
.header .logo{height:65px;max-width:300px;display: flex;align-items: center}
.header .logo img{height:auto;display:block;margin-right:5px;max-height:65px;align-items: center;width:auto;max-width:100%;}
.header .logo span{font-size:22px; color:rgb(9, 164, 195);font-weight:700;}

/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*首页*研究领域*/
.YanJiuLingYu .right li{text-align:center; padding:54px 0;}
.zwTitle{font-weight:700; font-size:16px; margin-top:15px;}
.YanJiuLingYu .right .zwTitle a{transition:all .3s ease;}
.YanJiuLingYu .right .ywTitle{color:#999;}    
.YanJiuLingYu .right li img{transition:all .7s ;animation-fill-mode: backwards;}
.YanJiuLingYu .right li img:hover{transform:scale(1.2);}
/*研究领域*/
.chilYanJiu{text-align:center;}
.chilYanJiu li{margin-bottom:60px; padding:0 10px; overflow:hidden;}
.chilYanJiu .YanJiuImg{ position:relative;overflow:hidden;}
.chilYanJiu .YanJiuImg img{transition:all .7s ; width:100%;}
.chilYanJiu .YanJiuImg img:hover{transform:scale(1.2);}
.chilYanJiu .zwTitle a{color:#666;}
.chilYanJiu .JianJieText{color:#fff; display:none; position:absolute; height:100%; left:0;top:0%; padding-top:140px; background:rgba(16, 162, 198, 0.5);}


/*首页*关于我们*/
.GuanYuWoMen{overflow:hidden; position:relative; background:url(images/about_us.jpg) no-repeat center bottom;}
.GuanYuWoMen .GuanImg{text-align:center;}
.GuanYuWoMen .GuanImg>img{width:70%;}
.GuanYuWoMen .GuanNewLeft{width:67%;}
.GuanYuWoMen .GuanYuLeft{position:absolute;top:20px; left:30px;}
.GuanYuWoMen .GuanYuRight .ChengLixx{margin-top:70px;}


.GuanYuWoMen .GuanYuRight{height:100%;  padding:60px 35px; background-color:rgb(9, 164, 195); color:#fff; margin-top:20px;}
.GuanYuWoMen .GuanYuRight .GuanYuLeft{display:none;}
.GuanYuWoMen .GuanYuRight .GuanText{line-height:26px; }
.GuanYuWoMen .GuanYuRight .ChengLixx li{display:inline-block; width:50%; float:left; text-align:center; line-height:60px; margin-bottom:20px;}
.GuanYuWoMen .GuanYuRight .ChengLixx li h1{font-size:60px;}
.GuanYuWoMen .GuanYuRight .ChengLixx li h1:hover{color:#94edff;}
.GuanYuWoMen .GuanYuRight .ChengLixx li p{font-size:16px;}

/*首页*产品中心*/
.ChanPing{background:url(images/bg2.jpg) no-repeat center; margin-top:70px; padding-bottom:40px;}
.ChanPing .GuanYuLeft{text-align:center; padding:40px 0;}
.ChanShang li{text-align:center; margin-bottom:20px;}

.ChanImg{position:relative; overflow:hidden;}
.ChanImg img{transition:all .8s;}
.ChanImg img:hover{transform:translateY(-5%)}
.ChanImg .abTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    text-align: center;
    background: rgba(9, 164, 195, 0.62);
    font-family: microsoft yahei;
    line-height:50px;
    font-weight:normal;
    color:#fff;
    font-size:14px;
}

.ChanShang .ChanTitle {
    font-family: Microsoft YaHei;
    font-size: 18px;
    color: #434343;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 140%;
    margin-top: 10px;
}

/*首页*新闻中心*/
.XinWen .XinWenYuLeft{text-align:center; margin:40px 0;}
.XinWen .XinWenList li{display:flex; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #dbd4cd;}
.XinWen .XinWenList .numTime{flex:0 0 80px; height:80px; background-color:#09aed4; text-align:center; color:#fff; margin:0 30px;}
.XinWen .XinWenList .numTime .Ttemri{font-size:24px; font-weight:700; margin-top:10px;}

.XinWen .XinWenList .XinWenText .XinWenTitle{font-size:16px; color:#666; font-weight:700; margin-bottom:10px;}
.XinWen .XinWenList .XinWenText .XinWenTitle a{color:#666;}
.XinWen .XinWenList .XinWenText .XinWenTitle a:hover{color:#09aed4;}
.XinWen .XinWenList .XinWenText .XinWenJianJie{font-size:12px; color:#999;}
.XinWen .button{border-color:#09aed4;}
.XinWen .button a{color:#09aed4;}

/*子级栏目*/
.TopcolumnLi{text-align:center; margin-bottom:50px;}
.TopcolumnLi li{display:inline-block; margin:0 10px; border:1px solid #ccc;}
.TopcolumnLi li a{display:inline-block; padding:8px 25px; color:#666;}
.TopcolumnLi .columnLi{background-color:rgb(9, 164, 195); border-color:rgb(9, 164, 195);}
.TopcolumnLi .columnLi a{color:#fff;}

/*联系我们*/
.WeiZiXx{background-color:rgb(16, 162, 198); padding:60px;}
.formBd .form-group{margin-bottom:10px;}
.formBd .form-group .controls input,textarea{border-radius:3px; border:1px solid #ccc;width:94%; padding:7px 10px 7px 0;}
.formBd .control-label{display:inline-block; width:94%; font-weight:700; margin:10px 0; color:#666;}
.formBd .control-label span{color:red;}
.formBd .form-group .btn{width:120px; padding:10px; border-radius:3px; margin-left:15px; background:rgb(16, 162, 198); border-color:rgb(16, 162, 198);}

/*关于我们*/
.WoMenFk .ChengLixx{display:flex;}
.WoMenFk .ChengLixx li{flex:1; text-align:center;}
.WoMenFk .ChengLixx li h1{font-size:34px; color:rgb(9, 164, 195);}
.WoMenFk .ChengLixx li>p{font-size:16px; color:#666;}

.GuanYuWo_men{text-align:center;}
.GuanYuWo_men .col-md-6{padding:0;}
.GuanYuWo_men .JIesName{margin-top:90px;  text-align:left;}
.ZhengShu{margin-top:40px;}

/*研究领域内容页*/
.CanPI{display:flex; margin-top:60px;}
.CanPI .CanpIeft{flex:0 0 400px;}
.CanPI .CanpIeft img{width:100%;}
.CanPI .CanpRight{flex:1; margin-left:15px;}
.CanPI .canpTitle{font-size:28px;border-bottom:1px solid #ccc;}
.YuanJia{line-height:26px;}
.YuanJia span{text-decoration:line-through; color:#999; margin-left:8px;}
.XianJia span{color:#ff5022; font-size:20px; font-weight:bold; margin-left:8px;}

@media(min-width:1000px) {
    /*首页*研究领域*/
    .YanJiuLingYu .left{width:28%; position:relative;}
    .YanJiuLingYu .left img{position:relative; z-index:2; top:-100px;}
    .YanJiuLingYu .left div{position:absolute; z-index:2; top:-80px; margin-left:25px; color:#fff;}
    .YanJiuLingYu .right{width:72%;}
    .YanJiuLingYu .right,.left{display:inline-block; padding:0;}
    .YanJiuLingYu .right li img{width:80px;}
    .YanJiuLingYu .right .shuang{background-color:rgb(229, 251, 255);}

    /*首页*关于我们*/
    .GuanYuWoMen .GuanYuRight{width:33%;}
    .GuanYuWoMen .GuanNewLeft{display:block;}
    /*关于我们*/
    .WoMenFk .ChengLixx{ height:260px;}
    .ZhengShu ul{display:flex; flex-wrap: wrap;}
    .ZhengShu ul li{flex:0 0 33%; box-sizing:border-box; padding:20px;}
    .GuanYuWo_men .JIesName{ padding-right:40px;}

    /*首页轮播*/
    .banner{ max-height:600px;}

    /*首页*产品中心*/
    .ChanShang li{margin-bottom:40px;}

    /*联系我们*/
    .WeiZiXx{width:35%;}
    .formBd{width:65%;}

}


@media(max-width:1115px) {
    .GuanYuWoMen .GuanYuRight .ChengLixx li h1{font-size:40px;  line-height: 30px;}
}

@media(max-width:1000px){
    /*首页*关于我们*/
    .GuanYuWoMen .GuanYuRight .GuanYuLeft{position:unset; display:block; color:#fff; text-align:center; margin-bottom:20px;color:#fff;}
    .GuanYuWoMen .GuanYuRight .GuanYuLeft .mobanTilte{color:#fff;}
    .GuanYuWoMen .GuanYuRight .GuanYuLeft .mobanName{color:#fff;}
    .GuanYuWoMen .GuanNewLeft{display:none;}
    /*关于我们*/
    .GuanYuWo_men{padding:0 40px;}
    .GuanYuWo_men img{width:100%;}
    .GuanYuWo_men .GuanHide{display:none !important;}
    .ZhengShu ul li{margin-bottom:40px;}

    /*首页*产品中心*/
    .ChanPing{background:none;}
    .ChanPing .button{border-color:rgb(9, 164, 195); margin-bottom:0;}
    .ChanPing .button a{color:rgb(9, 164, 195);}
    .ChanPing .GuanYuLeft{background:none; padding-top:0;}
    .ChanPing .GuanYuLeft .mobanTilte,.mobanName{color:rgb(9, 164, 195);}

    /*首页*研究领域*/
    .YanJiuLingYu .left img{display:none;}

    /*底部*/
    .info-content{padding:0 10px;}
}

@media(max-width:1250px){
    /*首页*轮播图文字*/
.LunBoTuText{left:20%;}
.LunBoTuText h1{font-size:40px;}
.LunBoTuText p{font-size:16px;}

    /*首页*研究领域标题*/
.YanJiuLingYu .left{color:#09aed4; text-align:center; margin:20px 0;}
.YanJiuLingYu .right li{border:1px solid #ecf9ff;}
}
@media(max-width:767px){
    /*首页*轮播图文字*/
.LunBoTuText{left:3%;}
.LunBoTuText h1{font-size:24px;}
.LunBoTuText p{font-size:12px;}
}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header .nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{display:inline-block;width:100%; padding:0px 30px;color:#666;font-size:14px; line-height:50px;}
.nav >ul>li.active{ background:url(images/nav_hover.png) center;}
.nav >ul>li.active >a{color:#fff; font-weight:700; }
.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li{position:relative;}
.nav ul li ul{background-color:#4ec9f6;display:none;position:absolute;left:3px;z-index:2;width:150px;} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
}

@media (max-width:1000px) /*手机端*/
{
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#09aed4;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
}

/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#ad7669;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:54px;font-size:14px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:15px}
.sub-nav-box .sub-nav li a:hover{color:#5a342b;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.current > a{color:#5a342b;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}



#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(Images/ui.totop.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    z-index:190;
    border-radius:50%;
    transition:all 0.2s linear;
}
#toTop:hover {
    background-position:left -50px;
    background-size: cover;
}

.pagination > .active > a{background-color:#09aed4; border-color:#09aed4;}
.pagination > .active > a:hover{background-color:#09aed4; border-color:#09aed4;}

.home-top-ss{position:absolute;top:100%;right:0px;z-index:300;background:#fff;height:auto;padding:10px;border-top:2px #000 solid;display:none;}
.home-top-ss input,.home-top-ss select{border:1px #CCC solid;height:26px;padding:0px 5px;margin-right:5px;}
.home-top-ss a{line-height:28px;background:#4ec9f6;padding:0px 8px;color:#fff;}


.bottom-link{border-bottom:1px rgb(60,67,76) solid;margin-bottom:10px;}
.bottom-link a{margin:5px 15px 5px 0px;color:#fff;}

.bottom-valid input, .bottom-valid textarea{color:#000;width:100%;padding:0px 7px;line-height:27px;}