

/* 期刊主页图标TAB */
.photo-tab { width: auto;}
.photo-tab .tab-hd3 ul { margin-right:-10px;}
.photo-tab .tab-hd3 li { float: left; width:calc(100% / 4 - 10px); margin-right:10px; margin-bottom:10px; padding-bottom:15px; box-sizing:border-box; text-align:center; transition:all 0.3s; background:#fff;}
.photo-tab .tab-hd3 li .pic { width:80px; height:80px;  overflow:hidden; margin:0 auto;}
.photo-tab .tab-hd3 li p { font-size:16px; color:#191c3d; line-height:30px;}
.photo-tab .tab-hd3 li img { width:100%; padding:15px; box-sizing:border-box;}
.photo-tab .tab-hd3 li:hover ,.photo-tab .tab-hd3 li.on {  cursor:pointer;box-shadow:0 0 9px 3px rgba(0, 0, 0, 0.10);}
.photo-tab .tab-bd3 .tab-pal {padding:20px 20px 40px 20px;  background-color:#fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,.05); transition:all .4s ease-in-out;border-radius:4px;  }
.photo-tab .tab-bd3 h2 { border-bottom:1px #f5f5f5 solid; height:24px; padding-bottom:20px; padding-top:20px; }
.photo-tab .tab-bd3 h2 span { float:right;}
.photo-tab .tab-bd3 h2 a { color:#191c3d;}
.photo-tab .tab-bd3 ul{ overflow:hidden; zoom:1; margin-right:-30px;}
.photo-tab .tab-bd3 li {float: left; width:calc(100% / 6 - 30px); margin-right:30px; margin-top:30px;}
.photo-tab .tab-bd3 li img { width:100%; transition:all 0.3s; border:1px #eee solid; box-sizing:border-box;}
.photo-tab .tab-bd3 li img:hover {box-shadow:0 4px 10px rgba(0,0,0,.1);}
.photo-tab .tab-bd3 li h3 { text-align:center; padding-top:10px;}

/*期刊内页*/
.qikan-left { width:78%;box-sizing:border-box;}
.left-img { display:block; width:100%; box-sizing:border-box;}
.qikan-right { width:22%; padding-top:20px; padding-left:60px; box-sizing:border-box;}  
.qikan-right .note { color:#6a6a6a; font-size:12px; line-height:24px; margin-top:10px;}

.qy-img h2 { font-size:16px; font-weight:bold; position:relative; width:100%; border-bottom:1px #eee solid; display:block; height:50px; line-height:50px; margin-bottom:10px;}
.qy-img h2 b { display:block; height:2px; width:96px; background-color:#C3272B; position:absolute; left:0; bottom:0;}
.qy-img ul { margin-right:-30px; margin-bottom:50px;    display: flex; flex-flow: row wrap; }
.qy-img ul li { width:calc(100% / 6 - 30px); margin-right:30px; margin-top:30px; transition: all 0.36s ease; }
.qy-img ul li img { width:100%;   display:block; overflow:hidden; border:1px #eee solid;  margin:0 auto 15px auto;transition: all 0.36s ease; box-sizing:border-box;}
.qy-img ul li p {  display:block; font-size:14px; line-height:25px;  text-align:left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.qy-img ul li:hover img {box-shadow:0 4px 10px rgba(0,0,0,.1); }
.qy-img ul li p.span a{ color:#999;}
.qy-img ul li p.span a.red{ color:#F60;}
.qy-img ul li p.span a.red:hover{ color:#09c;}

/* 产品详情页TAB css */
.prnotice { width: 100%; overflow: hidden; }
.prnotice .tab-hd { height: 70px; border-bottom:1px #ddd solid; }
.prnotice .tab-hd li{ float: left;line-height: 70px; }
.prnotice .tab-hd li a{ display:block; padding:0 40px; font-size:16px; font-weight:bold;}
.prnotice .tab-hd li a:hover{ color:#f60; text-decoration:underline;   }
.prnotice .tab-hd li.on{  border-bottom:2px solid transparent; line-height:69px; border-image:linear-gradient(125deg,#C3272B 10%,#C3272B); border-image-slice:1;  position: relative;  }
.prnotice .tab-hd li.on a { color:#C3272B;}
.prnotice .tab-bd {  padding:30px 0;  }
.prnotice .tab-bd ul{ zoom:1; }
.tab-pal img { max-width:100%; display:block; overflow:hidden;}
.tab-pal p{ font-size:14px; line-height:26px;}
ul.next_prev li { width:50%; float:left; padding:15px; line-height:20px; transition:all 0.36s ease; box-sizing:border-box;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
ul.next_prev li img { height:80px; display:none; overflow:hidden; float:left;}
ul.next_prev li i { font-size:20px; }
ul.next_prev a:hover li { background-color:#C3272B; color:#fff;}
ul.next_prev a:hover li img { display:block;}

.sideMenu .btn1 { display:block; border:0; color:#fff; background-color:#474747; text-align:center; height:40px; line-height:40px; width:100%; outline:none; margin:30px 0; cursor:pointer; transition:all 0.36s ease;}
.sideMenu .btn1:hover,.btn1.on { background-color:#C3272B;}
.sideMenu { overflow:hidden;}
.sideMenu .sidenav {  font-size:14px; display:block;}
.sideMenu .sidenav.open { display:block;}
.sideMenu .sidenav ul {margin-bottom:20px; }
.sideMenu .sidenav ul li a { color:#474747;border-bottom:1px #eee solid; padding:10px 0; display:block; transition:all 0.3s ease;}
.sideMenu .sidenav ul li a:hover { background-color:#C3272B; color:#fff; padding-left:10px;}
.text-search { width:100%; box-sizing:border-box; font-size:13px; outline:none; border:1px #ccc solid; background:url(../images/sebtn2.png) no-repeat right 9px; box-sizing:border-box; line-height:40px;  padding:0 0 0 20px; margin-bottom:20px;}
.highlight { background-color:#C3272B; color:#fff !important; padding:0 5px; transition:all 0.3s ease;}
.highlight:hover { background-color:#000;}

.listqk-img ul { margin-right:-30px; margin-bottom:50px; }
.listqk-img ul li { width:calc(100% / 8 - 30px); margin-right:30px; margin-top:30px; float:left; transition: all 0.36s ease; }
.listqk-img ul li img { width:100%; height:100%; display:block; overflow:hidden; border:1px #eee solid;  margin:0 auto;transition: all 0.36s ease; box-sizing:border-box;}
.listqk-img ul li p {  display:block; font-size:14px; margin-top:5px; height:30px;line-height:30px;  text-align:center; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

.head-txt { font-size:16px; border-bottom:1px #eee solid;  padding-bottom:20px;}
.head-txt span { float:right;}

@media (max-width: 1366px){
.qikan-right { padding-left:30px;}
.qy-img ul li { width:calc(100% / 5 - 30px);}
.listqk-img ul li { width:calc(100% / 6 - 30px);}
}
.sosuoPhoto ul li{width: calc(100% / 4 - 30px);}
.tubiao img{border: none !important; width: 30px !important; height: 30px; background: none !important;float: left; margin-top: 8px !important;}
.tubiao{ margin: 0 auto; line-height: 25px;padding: 0 0 1% 2%;}
.tubiao .xiaotu{padding-right: 15px; float: left;}