.index_banner_wrap{ background-color:#F6F8FB;}
.index_banner{width: 1300px; margin: 0 auto; padding: 20px 0 40px 0;}
.index_banner .left_nav{width: 300px; float: left;margin-right: 15px;background: #fff;}
.index_banner .right_banner{float: left; width: 985px; height: 450px;}
.index_banner .left_nav .top_title{
    line-height: 19px;
    font-size: 14px;
    color: #333333;
    margin: 10px 10px 0 10px;
    border-bottom: 2px solid #F4F4F4;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    line-height: 19px;
    padding: 8px 15px;
}
.swiper-banner { top:0; height:450px;}
.swiper-banner .swiper-slide {
    text-align: center; margin:0 auto;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-banner .swiper-slide a { display:block; width:100%; height:100%;}
.swiper-banner h2 { display:block; font-size:4em; font-weight:bold;}
.swiper-banner h3 { display:block; font-size:1em; font-weight:400; opacity:.9; clear:both; margin:20px 0 15px 0;}
.bannerbt { display:block; background:#f00; color:#fff; width:200px; height:50px; line-height:50px; padding:0; margin:0 auto; border-radius:25px; }
.bannerbt:hover { background:#333; color:#fff;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev { border-radius:50%; width:40px; height:40px; transition:all 0.3s; background:rgba(0,0,0,.3);}
.swiper-banner .swiper-button-next:hover,.swiper-banner .swiper-button-prev:hover { background-color:#C3272B;}
.swiper-banner .swiper-button-next:after, .swiper-banner .swiper-button-prev:after { font-size:14px; font-weight:bold; color:#fff; }
.swiper-banner .swiper-button-prev { left:60px;}
.swiper-banner .swiper-button-next { right:60px;}
.swiper-banner .swiper-nav { bottom:80px;transition:all 0.4s;}
.swiper-banner .swiper-nav.fixed { bottom:140px;}
.swiper-banner .swiper-pagination-bullet { width:5px; height:5px; border-radius:2.5px; background-color:#fff; transition:width 0.5s;}
.swiper-banner .swiper-pagination-bullet-active { background-color:#C3272B; width:26px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {  margin:0 8px;}

/*底下四个导航*/
.home-events { height:120px; background-color:#fff; position:relative; z-index:9; overflow:hidden; border-radius:5px; margin:-60px auto 0 auto; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.10); transition:all 0.3s;}
.home-events.fixed { margin:-130px auto 10px auto;}
.home-events ul li { float:left;width:calc(100% / 4 - 0px); padding:30px 10px 0 30px; box-sizing:border-box; transition:all 0.3s;}
.home-events ul li .pic { width:60px; height:60px; border-radius:50%; margin-right:20px; background-color:#F5F5F5; float:left; transition:all 0.3s;}
.home-events ul li .pic img { width:30px; height:30px; margin:15px 0 0 15px; transition:all 0.3s;}
.home-events ul li .text { float:left;}
.home-events ul li .text h3 { font-size:18px; padding:0; margin:5px 0;}
.home-events ul li .text span { font-size:14px; line-height:20px; color:#95989D;}
.home-events ul li:hover .pic{ box-shadow:0 4px 15px rgba(0,0,0,.1); background-color:#fff;}

/*首页期刊图标导航*/
.h2-name { text-align:center; font-size:30px; line-height:48px; font-weight:normal; margin:0; padding:50px 0;}
.home-qknav ul { margin-right:-10px; padding-bottom:40px;}
.home-qknav ul li {position:relative; top:0px;float:left;width:calc(100% / 4 - 10px); margin-right:10px; margin-bottom:10px; padding:15px 50px; box-sizing:border-box; background-color:#fff; text-align:center;transition:all 0.3s;}
.home-qknav ul li .pic { width:45px; height:45px; margin:0 auto;}
.home-qknav ul li .pic img { width:100%; height:100%; display:block; overflow:hidden;}
.home-qknav ul li .text h3 { font-size:16px; margin:8px 0 5px 0;}
.home-qknav ul li .text span { font-size:12px; color:#A1A1A1; line-height:16px; height:32px; overflow:hidden; display:block;}
.home-qknav ul li:hover { box-shadow:0 5px 10px rgba(0, 0, 0, 0.10); position:relative; top:-5px;}
.home-telbg { width:100%; height:130px; line-height:130px; background:url(../images/home-telbg.jpg) no-repeat center center fixed; background-size:cover; color:#fff; text-align:center; font-size:20px;}
a.lc-btn { display:inline-block; border:1px #fff solid; color:#fff; height:36px; line-height:36px; border-radius:18px; width:160px; margin-left:30px;transition:all 0.3s;}
a:hover.lc-btn { background-color:#fff; color:#BA2527; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
a.more-btn { display:block; border:1px solid rgba(25,28,61,.3); color:#666; text-align:center; font-size:14px; height:34px; line-height:34px; border-radius:17px; width:140px; margin:30px auto 0 auto; transition:all 0.3s;}
a:hover.more-btn { background-color:#C3272B; border-color:#C3272B; color:#fff; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}

/*首页推荐企业滚动*/
.swiper-qiyei {width: 100%;height:475px; padding-bottom:50px;}
.swiper-qiyei .swiper-slide { background-color:#fff; height: 235px; text-align:center; transition:all 0.3s; overflow:hidden; position:relative;}
.swiper-qiyei .swiper-slide .pic { padding:20px 20px 10px 20px;}
.swiper-qiyei .swiper-slide .pic img { width:100%; display:block; overflow:hidden;}
.swiper-qiyei .swiper-slide .text { padding:0 20px 10px 20px;}
.swiper-qiyei .swiper-slide .text h3 { margin:5px 0; color:#454A5B; font-size:14px; font-weight:bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-qiyei .swiper-slide .text span { font-size:12px; color:#454A5B; opacity:.7; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-qiyei .swiper-slide .text p { font-size:14px; color:#000; display:block; width:100%; text-align:center; line-height:44px;}
.swiper-qiyei .swiper-slide:hover .text p { color:#333;}
.swiper-qiyei .swiper-pagination-bullet { width:5px; height:5px; border-radius:2.5px; background-color:#000; transition:width 0.5s; opacity:.5;}
.swiper-qiyei .swiper-pagination-bullet-active { background-color:#C3272B; width:26px; opacity:1;}
.swiper-qiyei .swiper-slide:hover { box-shadow:0 10px 20px 0 rgba(0,0,0,.05);}
/*首页产品供应*/
.notice { width: 100%; }
.notice .tab-hd { height:60px; border-bottom:1px solid #E5EAF1; }
.notice .tab-hd ul {  height:60px; display:table;  text-align:center; margin:0 auto; }
.notice .tab-hd li {  float:left; margin:0 25px; cursor:pointer; font-size:18px; position:relative; }
.notice .tab-hd li a span { display:block; height:38px;}
.notice .tab-hd li a b { display:block; background-color:#C3272B; height:0; width:0; transition:width 0.3s; position:absolute; left:0; bottom:0;}
.notice .tab-hd li.on a{ color:#C3272B; }
.notice .tab-hd li.on a b { width:100%; height:2px;}
.notice .tab-bd ul{ margin-top:50px; zoom:1;  }
.notice .tab-bd li .pic { float:left; width:27%; }
.notice .tab-bd li .pic img { width:100%; display:block; overflow:hidden;}
.notice .tab-bd li .text { float:left; width:73%; padding:0 50px; box-sizing:border-box;}
.notice .tab-bd li .text h3 { color:#191c3d; font-size:26px; line-height:42px; font-weight:normal; margin-bottom:0;}
.notice .tab-bd li .text p { opacity:.8; color:#191c3d; font-size:14px; line-height:26px; margin-top:20px;}
.youshi-num { margin-top:20px;}
.youshi-num  dl { float:left; margin-right:50px; }
.youshi-num  dl dt { font-size:32px; color:#191c3d; font-weight:bold;}
.youshi-num  dl dt span { font-size:14px; opacity:.5; font-weight:normal;}
.youshi-num  dl dd { font-size:14px;}
.home-sell h2 { font-size:16px; margin-top:20px; display:block; border-bottom:1px #f5f5f5 solid; height:50px; line-height:50px;}
.home-sell h2 span { float:right; background:url(../images/more-view.png) no-repeat center right; background-size:20px 20px; display:block; padding-right:25px;}
.home-sell ul { margin-right:-16px;display: flex;flex-wrap: wrap;}
.home-sell ul li {width:calc(100% / 5 - 20px); margin-right:20px; margin-top:20px; text-align:center;}
.home-sell ul li img { width:100%; display:block; overflow:hidden; transition:all 0.3s;}
.home-sell ul li p{ display:block; font-size:14px; margin-top:20px;}
.home-sell ul li:hover img { box-shadow:0 10px 20px 0 rgba(0,0,0,.1); margin-top:-5px;  }

/*首页新闻*/
.slide-news{ width:100%; }
.slide-news .hd{ height:60px; border-bottom:1px solid rgba(255, 255, 255, .15);}
.slide-news .hd ul{  height:60px; display:table;  text-align:center; margin:0 auto; }
.slide-news .hd ul li {  float:left; margin:0 25px; cursor:pointer; font-size:18px; position:relative; }
.slide-news .hd ul li a { color:#fff; opacity:.6;}
.slide-news .hd ul li a span { display:block; height:38px;}
.slide-news .hd ul li a b { display:block; background-color:#fff; height:0; width:0; transition:width 0.3s; position:absolute; left:0; bottom:0;}
.slide-news .hd ul li.on a{ color:#fff; opacity:1; }
.slide-news .hd ul li.on a b { width:100%; height:2px;}
.slide-news .bd ul{ margin-top:50px; margin-right:-41px; zoom:1;  }
.slide-news .bd ul li {float:left;width:calc(100% / 3 - 40px); margin-right:40px; background-color:#fff;}
.slide-news .bd ul li .pic img { width:100%;}
.slide-news .bd ul li .text { padding:20px 15px;}
.slide-news .bd ul li .text h3 { font-size:14px; font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slide-news .bd ul li .text p { color:#999;  margin-top:10px; line-height:20px; height:40px; overflow:hidden;}

/* 推荐企业 */
.foucebox {height:auto; margin:50px auto;}
.foucebox .bd{position:relative;float:left;width:570px;height:510px; margin-top:50px;overflow:hidden;}
.foucebox .showDiv {position:relative;width:570px; height:500px;}
.foucebox .showDiv .text { position:absolute; width:570px; left:0; top:60px;color:#191c3d;z-index:9; font-size:14px; line-height:26px; opacity:.8; margin-top:10px; }
.foucebox .showDiv .text ul { padding-top:50px;}
.foucebox .showDiv .text ul li { height:32px; color:#86899B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foucebox .showDiv .text ul li span { color:#191c3d;}
.foucebox .showDiv .text ul li i,.foucebox .showDiv .text ul li b { display:block; margin:2px 5px 0 0; width:20px; height:20px; background:url(../images/grid-view.png) no-repeat center center; background-size:20px 20px; float:left;}
.foucebox .showDiv .text ul li b { background-image:url(../images/tel-view.png);}
.foucebox .showDiv .text ul li.tel { color:#C3272B;}
.foucebox .showDiv .text .more-btn { margin-top:50px;}
.foucebox .showDiv h2 { position:absolute;left:0; top:0; font-size:28px;line-height:42px;z-index:9;overflow:hidden;}
.foucebox .showDiv h2 a {color:#191c3d;font-weight:normal;}
.foucebox .foucebox_bg {position:absolute;left:0;top:0;width:570px; z-index:8;overflow:hidden;}

.foucebox .hd{width:610px; height:560px;float:right;}
.foucebox .hd ul { margin-right:-41px;}
.foucebox .hd ul li{ float:left; width:calc(100% / 3 - 40px); margin-right:40px; margin-top:30px;background: #fff; position:relative; box-shadow:0 10px 20px 0 rgba(0,0,0,.05); padding:20px; box-sizing:border-box;transition:all .2s ease-in-out;}
.foucebox .hd ul img{ width:100%; height:auto; filter:grayscale(100%); transition:all .2s ease-in-out;}
.foucebox .hd ul a:hover img, .foucebox .hd ul .on img{filter:grayscale(0);}
.foucebox .hd ul li:hover {box-shadow: 0 15px 20px rgba(80,100,140,.1), 0 4px 10px rgba(80,100,140,.1);transform: translateY(-6px);}

@media (max-width: 1366px){
    .foucebox { margin-top:50px; margin-bottom:0;}
    .foucebox .hd { width:550px; height:500px;}
    .foucebox .hd ul li { width:calc(100% / 3 - 30px); margin-right:30px; margin-top:20px;}
}