.main{margin-bottom: 50px;}
/***************************模块公共部分***************************/
/*列表公共代码*/
.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;}
.pl-list li a{padding-left: 5px;}
.pl-list li a:hover{text-decoration: underline; color:#D4020F;}	
.pl-list li span{float: right; font-size: 12px;}
/*公共头部标题*/
.part-tit{height: 38px; line-height: 38px; border-bottom: 2px solid #d5d5d5; font-size: 20px;}
.part-tit a{display: inline-block; color: #999; padding: 0 3px;}
.part-tit a.active{border-bottom: 2px solid #d7000f; color: #333;}
/*图标*/
.form-sear .s-input .i-icon{background: url("../images/cdicon/cd-icon.png") no-repeat;}
.arrow-icon{display: inline-block;width: 9px; height: 16px; background: url("../images/arrow-r-icon.png") no-repeat center; margin-right: 3px; letter-spacing: -1em; text-indent: -999em;}
/*播放图标*/
span.icon-video{ position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url("../images/video-icon.png") no-repeat center; }

/*右侧公共框架*/
.side-tit{height: 36px; line-height: 36px; padding-left: 20px; background-color: #ececec;}
.side-tit-txt{color: #d7000f;}
.side-column{border: 1px solid #d5d5d5; border-bottom: 0; padding-top: 1px; background-color: #fff;}


/* 右侧公用 */
.pro-peter-list li{margin-top: 15px; padding-bottom: 15px; padding: 0 15px 20px; border-bottom: 1px solid #ededed; overflow:hidden; }
.pro-peter-list li img{width: 142px; height: 86px; margin-right: 20px;}
.pro-peter-list li .tit{ height: 40px; line-height: 20px; margin-bottom: 8px; overflow: hidden;}
.pro-peter-list li p{ line-height: 16px; color: #999; margin-top: 3px; font-size: 12px; overflow: hidden;}

/************************ 新闻首页 ********************************/
/*左侧*/
.w815{ width: 815px; }
.w360{ width: 360px; }
.m-content-main .news-section{width: 810px;}
/*右侧*/
.m-content-main .news-side{width: 360px;}
/*左侧公共头部*/
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}

/*技术和企业动态*/
.news-col-imgtxt{position: relative; width: 320px; }
.news-col-imgtxt p{position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: bold; background-color: rgba(0,0,0,.6);}
.news-col-list{width: 470px;}

/*切换轮播和新闻列表*/
.ns-banner{ height: 317px; border:1px solid #e1e1e1; }
.ns-ban-con{width: 503px; height: inherit; overflow: hidden;}
.ns-ban-nav{ width: 305px; height: inherit;}
.ns-ban-nav li{width: 100%; border-bottom: 1px solid #e1e1e1; height: 105px; background: url("../images/bnav-bg.png") no-repeat;}
.ns-ban-nav li a{display: block; padding: 25px 30px; font-size: 16px; line-height: 26px; color: #666;}
.ns-ban-nav li.active a,.ns-ban-nav li a:hover{color: #d7000f; text-decoration:none;  font-weight: bold;}
ul.news-list li{overflow: hidden; padding-bottom: 18px; margin-top: 18px; border-bottom: 1px dotted #e1e1e1;}
.w490{width: 490px;}
.w624{width: 624px;}
.news-list-tit{ height: 16px; line-height: 16px;}
.news-list-tit a{ font-size: 16px; font-weight: bold; color: #555}
.news-list-tit a:hover{color:#d7000f; }
.news-list-time{ padding-left: 20px; background: url("../images/timericon.png") no-repeat left center; font-size: 12px; color: #999; }
.news-list-label{display: inline-block; width: 40px; height: 23px; vertical-align: 3px; text-align: center; background: url("../images/label-new.png") no-repeat; font-size: 12px; color: #ff7200; margin-left: 10px;}
.news-list-info{ line-height: 24px; color: #666; overflow: hidden;}

/*charac 人物专访*/
.news-charac-cons{ padding: 24px 30px; border: 1px solid #ececec;}
.charac-con{padding:4px 26px 4px 0; margin-right: 26px; border-right: 1px solid #ececec;}
.charac-con-detail{width: 294px;}
.charac-con-detail h3{height: 16px; line-height: 16px; margin: 12px 0; font-size: 16px;}
.charac-con-detail p{line-height: 26px; color: #666; text-align:justify }
.news-charac-list{width: 252px;}
.news-charac-list li{ height: 32px; line-height: 32px;}


/*video*/
.video-list ul{position: relative; margin-right: -20px;}
.video-list li{ position: relative; float: left; width: 224px; height: 150px; overflow: hidden;margin-right: 20px; }
.video-list li span{ position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -26px; width: 53px; height: 53px; background: url("../images/video-icon.png") no-repeat center; }
.video-list img{-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;}
.video-list a:hover img{ -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: top;}


/************************ 新闻列表页 ********************************/
/*********列表页和内容页公共**********/
/* 右侧 */
.side-img-txt h4{width: 140px;}
/* 面包屑 */
.crumbs{height: 16px; line-height: 16px; padding: 25px 0 25px 23px; background:url("../images/position-icon.png") no-repeat 5px center;}

/* 左侧 */
.news-list-cons li{overflow: hidden; padding: 15px 0 20px; border-bottom: 1px solid #d7d7d7;}
.nl-con-tit{height: 42px; line-height: 42px; margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.nl-con-info{line-height: 22px; height: 66px; overflow: hidden;}
.nl-label-time{margin-top: 10px;}
.nl-label-time .time img{ vertical-align: 0; }

/*分页*/
.page {font-size: 12px; padding: 15px 20px;color: #ccc;text-align: center;margin-top:10px;}
.page a{text-decoration: none;display: inline-block;height: 28px;line-height: 28px; padding: 0 12px;margin: 0 2px;transition: 0.3s all;color: #bfbfbf;background: #f2f2f2;border: 1px solid #cecece; }
.page a[href]{color: #555; border: 1px solid #ccc;background-color: transparent; }
.page a[href]:hover,.page a.selected_page{text-decoration: none;background-color: #d7000f;color: #fff;}
.page_input{position: relative;top: -1px;display: inline-block;width: 35px;height: 28px;text-align: center;margin: 0 2px;border: solid 1px #ccc;color: #666;}
.page_button{display: inline-block;width: 40px;height: 24px;line-height: 24px;text-align: center;background-color: #d7000f;color: #fff;border-radius: 3px;margin: 0 5px;}
.page_button:hover{cursor: pointer;opacity: 0.8;}



/************************ 新闻内页 ********************************/

/* 左侧 */
.ns-feeds-info p,.ns-con-texts p{line-height: 26px;}
/*内容*/
.ns-con-head{border-bottom: 1px dotted #d7d7d7;}
.ns-tit{ margin: 32px 0 26px; font-size: 22px; text-align: center; line-height: 34px;}
.ns-time-label{margin-bottom: 26px; text-align: center;}
.ns-time-label span{display: inline-block;}
.ns-con-texts p{margin-bottom: 30px; text-indent: 2em; color: #666;}
/*上下篇*/
.prev-next-link{ padding: 14px 10px; background-color: #f6f6f6; }
.prev-next-link p{line-height: 30px;}
.prev-next-link p a{color: #446cb3;}
/*二维码*/
.ns-weixin{padding: 20px; background-color:#f6f6f6;}
.ns-weixin>div{width: 369px;}
.ns-weixin .wx-cd{ border-right: 1px solid #d6d6d6; }
.ns-weixin .tit{height: 40px; line-height: 40px;}
/*分享*/
.share-contact{ padding-bottom: 10px; border-bottom: 1px solid #d5d5d5;}
.share-contact .ns-share{width: 300px;}
.ns-share a{float: left; width: 29px; height: 29px; margin-left: 10px; background: url("../images/share-icons.png") no-repeat 0 0; cursor: pointer;}
.ns-share a.tc-weibo{background-position: -37px 0;}
.ns-share a.wx{background-position: -75px 0;}
.ns-share a.qq-space{background-position: -112px 0;}
.ns-share a.renren{background-position: -149px 0;}
.share-contact .ns-contact{width: 250px;}
.ns-contact .ns-mail{padding-left: 32px; background: url("../images/letter-icon.png") no-repeat 0 center;}

/*相关阅读*/
.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;}



/* 传动生活列表 */
.list-section .img-list-con ul{margin-right: -25px;}
.list-section li{float: left; position: relative; width: 192px; height: 129px; margin: 0 15px 20px 0; overflow: hidden;}
.list-section li .tit{position: absolute; bottom: 0; left: 0; width: 90%; height: 28px; line-height: 28px; padding: 0 5%; overflow: hidden; color: #fff; background-color: #333; background-color: rgba(0,0,0,.75);}
.list-section li span.icon-video{margin-top: -36px;}

/* 传动圈 */
.life-list li{ width: 229px; height: 150px; }
/* 条件选择 */
.condition-btn>a{display: inline-block;font-size: 12px; margin-left: 10px; height: 20px; line-height: 19px; padding: 0 14px; margin-top: 5px; background-color: #e5e5e5; color: #666; }
.condition-btn.active a,.condition-btn:hover a{color: #db2020;}

/* 传动生活详情页轮播图 */
.w800{ width: 800px; margin: 0 auto; }
.scene{padding-bottom: 20px;}
.scene img{cursor: pointer;}
.scene .s-box .s-imgs{ width: 590px; height: 400px; background: red;}
.s-box .s-imgs li{display: none; position: relative;}
.s-box .s-imgs li.active{display: block;}
.s-imgs li p{position: absolute; width: 96%; bottom: 0; left: 0; height: 60px; line-height: 60px; padding: 0 2%; background-color: #000; background-color: rgba(0,0,0,.3); color: #fff; font-size: 16px;}
.s-small-imgs{width: 195px; height: 400px;}
.s-arrow{display: block; width: 190px; height: 30px; text-align: center; cursor: pointer;}
.arrow-up{ background:url("../images/arrow-up.png") no-repeat center; }
.arrow-down{ background:url("../images/arrow-down.png") no-repeat center; }
.sp-gray{background-color: #C2C2C2;}
.sp-red{background-color: #CD0000;}
.ss-box{position: relative; height: 334px; margin: 3px 0; overflow: hidden;}
.ss-box span{position: absolute; left: 0; top: 0; width: 186px; height: 106px; border:2px solid red;}
.ss-box .ss-imgs{height: 10000px; position: absolute; left: 0; top: 0;}
.ss-box .ss-imgs li{margin-bottom: 2px;}


/* 传动生活首页轮播图 */
.life-banner{ position: relative; height: 330px; margin-bottom: 36px; }
.life-imgs-wrap,.imgs_item{ height: 100%; background-color: red; }
.life-imgs-wrap{ overflow: hidden;  }
.life-imgs-wrap .img-con{ width: 839px; height: 100%; overflow: hidden;}
.life-imgs-wrap .img-info{ width: 285px; height: 100%; padding: 0 38px; background-color: #2c2c2c; color: #fff; }
.life-imgs-wrap .img-info h3{ margin: 40px 0 8px; height: 40px; line-height: 40px; font-size: 20px;  }
.life-imgs-wrap .img-info .info{ line-height: 22px; height: 110px; overflow: hidden;text-align: justify; }
.swicth-nav{ position: absolute; bottom: 13px; right: 38px; width: 285px; height: 63px; overflow: hidden; }
.swicth-nav ul{ margin-right: -10px; }
.swicth-nav li{ float: left; width: 55px; height: 55px; border: 1px solid #696969; padding: 3px; margin-right: 10px; }
.swicth-nav li.active,.swicth-nav li:hover{ border-color: #fff; }