﻿.main-nav {background: #fff;/*! height: 45px; */line-height: 45px;}
.main-nav .m-home {height: 45px;line-height: 42px;background: #eb0011;width: 183px;text-align: center;}
.main-nav .m-home a {font-size: 18px;color: #fff;}
.main-nav .main-nav-item {box-sizing: border-box;width: 1017px;/*! background:#f2f2f2; */height:45px;}
.main-nav .main-nav-item ul {font-size:0;}
.main-nav .main-nav-item li {font-size: 16px;color: #dedede;display:inline-block;}
.main-nav .main-nav-item li.active {background:#ffffff;}
.main-nav .main-nav-item a {font-size: 16px;color: #434343;margin: 0 55px;}
.main-nav .main-nav-item a:hover {color: #eb0011;}

.main{/*! margin-bottom: 50px; */background: #f5f5f5;margin-top: -20px;}
/***************************模块公共部分***************************/
/*列表公共代码*/
.pl-list li{height: 26px; line-height: 26px; padding-left: 10px; font-size: 14px; background: url("http://www.chuandong.com/images/cdicon/listicon.png") no-repeat 0 center; color: #999; overflow: hidden;}
.pl-list li a{padding-left: 5px;}
.pl-list li a:hover{text-decoration: none; color:#D4020F;} 
.pl-list li span{float: right; font-size: 12px;}
/*公共头部标题*/
.part-tit{height: 58px; line-height: 38px; /*! border-bottom: 2px solid #d5d5d5; */ font-size: 22px;font-weight: 200;line-height: 58px;}
.part-tit a{display: inline-block; color: #999; padding: 0 3px;}
.part-tit a.active{border-bottom: 2px solid #d7000f; color: #333;}
.part-tit a:hover{text-decoration: none;}

.ns-rela-con{/*! background: #fff; *//*! padding:10px 5px 15px 15px; */margin-bottom:30px;}
/*图标*/
.form-sear .s-input .i-icon{background: url("../images/cdicon/cd-icon.png") no-repeat;}

/*右侧公共框架*/
.side-tit{height: 58px; line-height: 58px; /*! padding-left: 20px; */ background-color: #f5f5f5;margin-top: 20px;}
.side-tit-txt{color: #333;font-size: 22px;font-weight: 200;}
.side-column{/*! border: 1px solid #d5d5d5; */ border-bottom: 0; padding-top: 1px; background-color: #f5f5f5;}
.img-txt-list h4{padding-top: 15px; line-height: 20px;}

/*杂志封面公共图片列表*/
.pub-maga-img{padding: 6px 6px 0px 6px; /*! border:1px solid #e1e1e1; */}
.pub-maga-img img{width: 100%; height: 100%;}

/* 面包屑 */
.crumbs{height: 16px; line-height: 16px; padding: 25px 0 25px 23px; background:url("../images/position-icon.png") no-repeat 5px center;}

/*内容区最小高度*/
.m-content{min-height: 576px;}
/************************ 首页 ********************************/
/*右侧*/
.m-content-main .cdChild-side-r{width: 318px;}
/*左侧公共头部*/
h2.col-tit{ height: 34px; border-bottom: 3px solid #d5d5d5;}
h2.col-tit a{display: inline-block; height: 22px; line-height: 22px; padding:0 5px 12px 5px; font-size: 22px; margin-right: 15px;}
h2.col-tit a.active{color: #333; border-bottom: 3px solid #d7000f;}
h2.col-tit a:hover{text-decoration: none; color: #d7000f}
.maga-item{/*! border-bottom: 1px solid #d5d5d5; */}
.maga-item .side-con{/*! padding: 16px 0 30px 30px; */}
.maga-item-l{float: left; width: 447px; height: 325px; /*! margin-top: 10px; */ padding: 15px 0px 10px 15px;background: #fff;-webkit-transition: all .2s linear;transition: all .2s linear}
.maga-item-l:hover {
    z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
.maga-item-l .img{display: inline-block; width: 235px; /*! height: 296px; */ /*! padding: 10px; */ /*! border:1px solid #e6e6e6; */}
.maga-item-l .img image{width: 100%; height: 100%;}
.ml-detail{display: inline-block; width: 170px; vertical-align: top; margin-left: 20px;}
.ml-detail .tit>a{font-size: 16px; color: #0b2e87; margin: 3px 0;}
.ml-detail .label{padding: 10px 0 10px; margin-bottom: 10px; border-bottom:1px dashed #bcbcbc;font-size: 12px;}
.ml-detail .info{ height: 210px; line-height: 24px; overflow: hidden; /*! margin-bottom: 20px; */ color: #999;}
.outline-read{width: 100%; /*! height: 24px; */ line-height: 24px; text-align: right; font-size: 14px;}
.outline-read > a{display: block; color: #333; font-size: 14px;text-align: center;height: 35px;}
.outline-read > a b{color: #d7000f;font-size: 16px;}
.outline-read > a:hover{color: #d7000f;text-decoration: none;}
.outline-read .read-but{font-weight: 800;font-size: 16px;text-align: right;color: #d7000f;}
.maga-item-r{width: 738px; float: right; /*! border-left: 1px solid #dcdcdc; */}
.mr-top-item li{float: left; width: 169px; margin-left: 15px;background: #fff;-webkit-transition: all .2s linear;transition: all .2s linear}
.mr-top-item li h3.tit{ margin: 10px 0 8px; font-size: 14px; text-align: center;}
.mr-img{ width: 157px; /*! height: 168px; */ }
.mr-top-item li:hover {
    z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

/*右侧底部列表*/
.mr-bottom-item{/*! width: 100%; */ height: 69px; margin: 15px 0px 0px 15px; overflow: hidden;background: #fff;padding: 0px 10px 13px 15px;transition: all .2s linear;}
.mr-bottom-item:hover{ z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)}
.mr-bottom-list{width: 800px;}

.mr-bottom-list li{float: left; width: 304px; height: 41px; line-height: 40px; border-bottom: 1px dashed #bcbcbc; margin-right: 44px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.page-col-item{width: 100%; /*overflow: hidden;*//*! background: #fff; *//*! padding: 10px 5px 15px 15px; */}
.page-col-list{ float: left; /*! width: 340px; */ /*! height: 18px; */ line-height: 18px; /*! padding-right: 40px; */ /*! padding: 15px 0px; */ /*! margin-right: 40px; */ /*! border-right: 1px solid #d5d5d5; */ background-position: 0 5px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.page-col-list li{float: left;width: 100%;height: 32px;line-height: 32px; /*! padding-right: 40px; */padding-bottom: 16px; /*! border-right: 1px solid #d5d5d5; */background-position: 21px 13px;/*overflow:hidden;*/white-space: nowrap;text-overflow: ellipsis;/*! background-color: #fff; */padding: 0px 15px 0px 25px;box-sizing: border-box;}
/* .page-col-list li:nth-child(3n+3) {margin-right: 0;} */
ul.page-col-list:hover {
    z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
ul.page-col-list {width: 386px;margin-right: 20px;-webkit-transition: all .2s linear;transition: all .2s linear;padding: 10px 0;background-color: #fff;}
ul.page-col-list:last-child {margin-right: 0;}


/*相关阅读*/
.ns-rela-con h2.tit{padding: 12px 0; border-bottom: 1px solid #d5d5d5;}
.ns-rela-con h2.tit span{ display: inline-block; height: 16px; line-height: 16px; padding: 1px 0 1px 12px;  border-left: 3px solid #d7000f;}
.ns-rela-list li{height: 36px; line-height: 36px;}
.ns-rela-list li a{color: #666;}
.ns-rela-list li span{float: right; color: #999;}

/******************************** 杂志切换列表页 ********************************/
.side-item{ border-bottom: 1px solid #d5d5d5;}
.year-list {font-size: 0;}
.year-list a{ display: inline-block; font-size: 12px; height: 16px; line-height: 16px; vertical-align: middle; margin-right: 30px; padding-right: 30px; border-right: 1px solid #c5c5c5; }
.magazine-wrap{width: 100%; overflow: hidden; padding-bottom: 20px;}
.magazine-item{width:1300px;}
.magazine-item li{ float: left; width: 214px; margin: 25px 43px 10px;}
.mi-list-img{width: 200px; height: 275px; margin-bottom: 10px;}


/************************ 杂志列表搜索 ********************************/
.maga-year{font-size: 0; padding: 15px 0;}
.maga-year a{display: inline-block; vertical-align: top; margin: 0 40px; font-size: 14px;}
.maga-year a.active{color: #d7000f;}
/* 公共搜索表单样式 */
.maga-name{margin-top: 20px;}
.maga-sear-btn{width: 78px; outline: none; border: 0; cursor: pointer;}
.borderd7{border: 1px solid #d7d7d7;}
.maga-sear-name,.maga-sear-input,.maga-sear-btn,.maga-sear-data i{ display: inline-block;  height: 30px; line-height: 30px; font-size: 14px; vertical-align: top;}
.maga-sear-name,.maga-sear-btn{background-color: #ececec; text-align: center; line-height: 30px;}
.maga-sear-name{padding: 0 20px; color: #666;}
/* 杂志名称表单 */
.maga-sear-con{ float: left; font-size: 0; border: 1px solid #d7d7d7;}
.input-con{width: 236px; text-indent: 1em; color: #333;}
.sear-name-btn{background:#ececec url("../images/sear-icon.png") no-repeat center;}
/* 日期名称表单 */
.maga-sear-data{float: left; margin-left: 100px; font-size: 0;}
.maga-sear-data i{margin: 0 3px;}
.maga-sear-data input{width: 106px;border: 1px solid #d7d7d7; color: #666;}
.data-input{text-align: center;}

.control-code-btn{float: right;margin-right: 25px;font-size: 14px;cursor: pointer;}
.control-code-img{display:none;position: absolute;margin-top: -5px;margin-left: 1098px;}

/* 图片放大 */
.big-img {overflow: hidden;}
.big-img img {transition: all 1s;max-width: 100%;}
.big-img:hover img {transform: scale(1.08);}
