/* -----------------------------------------------------------------



The Whole CSS written by Elecom.

(C) Elecom Inc.

Annoucement here,Copyright

Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2017-04-09 20:00:06



---------------------------------------------------------------------------------------*/



a { color: #222222}

a:hover { text-decoration: none}



.index_content { margin: 0}

.index_left { float: left; width: 800px}

.index_right { float: right; width: 340px; padding-bottom: 20px}



.ml li { padding: 0}

.act { margin: 0 0 10px 0}

.cr { display: block; float: none; font-size: 0; height: 0; line-height: 0; overflow: hidden; clear: both; visibility: hidden}

div.separation { background-color: #E6E6E6; height: 1px; width: 100px; overflow: hidden; margin: 5px 0 10px 0}



.mtop20{ margin-top:20px;}

.margin0{ margin:0px !important;}

.mr15 { margin-right: 15px}

.padding0{ padding:0px !important;}

.padding_margin0{margin:0px !important;padding:0px !important}



.fr { float: right}



#elecom_nav { box-shadow: none}

#elecom_nav { border-bottom: 0}







/* 幻灯片/Banner */



.focusBox{position:relative;width:533px;height:400px;overflow:hidden}

.focusBox .pic{position:relative;z-index:0}

.focusBox .pic li::before{}

.focusBox .pic img{width:533px;height:400px;display:block}

.focusBox .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}

.focusBox .hd li{margin:0 5px;background:url(../png/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;display:inline-block;zoom:1}

.focusBox .t-h1{margin:0 30px;bottom:22px;position:absolute;font-size:24px;color:#fff;z-index:2; font-weight: 400}

.focusBox .hd .on{background-position:0 0}

.focusBox .next,.focusBox .prev{position:absolute;display:block;width:30px;height:50px;top:43%;filter:alpha(opacity=0);opacity:0}

.focusBox .prev{left:10px;background:url(../png/prev.png) no-repeat 0 center}

.focusBox .next{right:10px;background:url(../png/next.png) no-repeat 0 center}

.focusBox .next:hover,.focusBox .prev:hover{filter:alpha(opacity=100)!important;opacity:1!important}



/* end */







/* 幻灯右侧/Banner Right */



.big2-pic.big2-pic-index,.big2-pic.big2-pic-index .big2-pic-content{position:relative;width:257px;height:195px;margin-bottom:10px;overflow:hidden}

.big-pic .back-img,.big2-pic .back-img{position:absolute;width:100%}

.big-pic img,.big2-pic img,.hot-article-img img,.mod-thumb img,.topic-content 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;transition:all .5s ease-in-out}

.big2-pic-content .t-h1{position:absolute;word-break:inherit;font-size:18px;color:#fff;line-height:1.5;font-weight:400}

.big2-pic.big2-pic-index .big2-pic-content .t-h1{font-size:16px;margin:0 20px;bottom:16px;z-index:10}

.big-pic::before,.big2-pic::before,.topic-content::before{content:"";position:absolute;width:100%;height:100%;z-index:1;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;background:-webkit-gradient(linear,0 30%,0 100%,from(rgba(0,0,0,0)),to(#121515));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515)}



/* end */







/* 幻灯下方列表/Down List */



.mod-art-list { padding: 30px 0; margin: 0; border-bottom: 1px solid #F0F0F0; background: #FFFFFF}

.mod-art-list_imgouter { position: relative; float: left; width: 225px; height: 165px; margin: 0 20px 0 0; overflow: hidden}

.mod-art-list_con { position: relative; float: left; width: 555px; height: 165px}

.mod-art-list_con h3 { line-height: 39px; font-size: 18px; font-weight: 400}

.ui_colorG { color: #333333}

.ui_colorG:hover { color: #3ca5f6}

.ui_2_userinfo { line-height: 32px; margin: 5px 0 0 0; font-size: 14px; color: #BBBBBB}

.ui_2_userinfo span, .ui_2_userinfo em { float: left}

.ui_2_userinfo .authors { margin-right: 26px; font-family: Arial,"微软雅黑","Microsoft yahei","Hiragino Sans GB","冬青黑体简体中文 w3","Microsoft Yahei","Hiragino Sans GB","冬青黑体简体中文 w3",STXihei,"华文细黑",SimSun,"宋体",Heiti,"黑体",sans-serif}

.ui_2_userinfo .authors img { float: left; border-radius: 50%; margin: 3px 10px 0 0}

.ui_2_userinfo .authors a { color: #BBBBBB; font-weight: 400}



.ui_2_user { float: left; width: 26px; height: 26px; margin: 2px 0 0 0}

.ui_2_user img { border-radius: 50%}

.mod-art-list_con p { line-height: 24px; font-size: 14px; margin: 10px 0; height: 24px; word-wrap: break-word; word-break: break-all; color: #999999}

.cdg { color: #5E5E5E}

.ui_2_userinfo a, .clg { color: #BBBBBB}

a.ds_inlineB:hover { color: #FF0000}



.tag_down{position:absolute;width:auto;right:2px;bottom:0;height:18px;line-height:18px;border:0;border-radius:0;text-align:center}

.tag_down a{display:block;padding:0;color:#3CA5F6;transition:all 0s ease 0s}



.more_box .addmore{height:60px;width: 1170px;line-height:60px;color: #999999;font-size:16px;text-align:center;cursor:pointer;display:inline-block;border: 0;margin-top:30px;margin-bottom:30px;transition:all .2s ease-out}

.more_box .addmore:hover{ color: #666666}



/* end */





/* 右侧图文/Right List */



.rumorlist{padding:10px 30px 0 37px;margin:0;border-bottom:0}

.rumorlist li{position:relative;border-left:2px solid #f0f0f0}

.rumorlist li:last-child{border-left:0}

.rumorlist li:last-child p{padding-bottom:10px}

.rumorlist li .icon-clock{padding-top:6px;padding-bottom:6px;background-color:#fafafa;position:absolute;left:-9px;top:-6px;width:16px;height:16px}

.rumorlist li img{display:block;width:auto}

.rumorlist li p{padding-left:16px}

.rumorlist .rumor-time{color:#999;line-height:16px;font-size:14px}

.rumorlist li p{padding-left:16px}

.rumorlist .rumor-detail{padding-top:9px;padding-bottom:30px;font-size:16px;color:#333;line-height:28px}

.rumor-more a{display:block;padding:0 30px 25px 0;text-align:right;font-size:16px;color:#bbb;line-height:18px;border-bottom:0}

.rumor-more a:hover{color:#3ca5f6}





#main_sidebar .btn_sign { float: left; width: 280px; height: 50px; line-height: 50px; margin: 0 0 0 30px; overflow: hidden; background: #3ca5f6}

#main_sidebar .btn_sign a { color: #FFFFFF; text-align: center}

#main_sidebar .btn_sign .icon_sign { margin-top: 11px; margin-left: 66px}

#main_sidebar .btn_sign_left p { display: inline-block; height: 50px; line-height: 50px}

#main_sidebar .btn_sign_left a { display: block; width: 280px; height: 50px}

#main_sidebar .btn_sign_left p { width: 95px; font-size: 18px}



.moder-project-list ul li{padding:30px;border-bottom:1px solid #f0f0f0}

.moder-project-list ul li:last-child{border-bottom:0}

.promote-box .mod-thumb{width:78px;height:44px;position:absolute}

.promote-box .project-content{margin-left:98px;font-size:16px;margin-top:-2px}

.promote-box .project-content a:hover{color:#3ca5f6}

.c2,.c3{color:#bbb}

.promote-box .point{color:#ccc;font-size:18px;margin:0 5px}

.mod-thumb img{width:100%}



/* end */





.mod-b{ position: relative;padding:30px 0;height:225px;border-bottom:1px solid #f0f0f0;width:800px}

.mod-b-push{height:375px}

.mod-b-push .mod-thumb{width:500px;height:375px; overflow: hidden}

.column-link-box{position:absolute;bottom:25px;right:0;text-align:right}

.column-link-big-box{width:300px}

.mob-ctt{position:relative;float:right;margin:-162px 30px 0;width:530px}

.mod-b-push .mob-ctt{width:250px;margin-top:-376px}

.mob-ctt h2,.mob-ctt h3{margin-top:-5px}

.mob-ctt h2{font-size:24px;margin-bottom:10px;font-weight:400}

.mob-ctt h2 a{font-size:18px}

.mob-author{margin:15px 0}

.mob-author .author-face{position:absolute;width:25px;height:25px}

.mob-author .author-face img{width:100%;overflow:hidden;border-radius:25px}

.mob-author .author-name,.mob-author .time,.mob-author em{color:#bbb;line-height:24px;font-style:normal}

.mod-b-push .mob-author .author-name{margin-left:36px}

.mob-author .time{margin-left:20px}

.mob-sub{font-size:14px;color:#999;line-height:24px}

.mod-art-list_imgouter img, .focusBox .pic img { transition: all .5s ease-in-out}

.big-pic:hover img,.big2-pic:hover img,.hot-article-img:hover img,.mod-thumb:hover img,.topic-content:hover img, .mod-art-list_imgouter:hover img, .focusBox .pic: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)}

.column-link-box{position:absolute;bottom: 30px;right:0;text-align:right}

.column-link{font-size:12px;color:#3ca5f6;text-align:center;line-height:1;z-index:10;margin-left:20px}





	.fullSlide{ width:100%;  position:relative;  height:610px; z-index: 1; background:#000;  }

	.fullSlide .bd{ width: 100%; margin:0 auto; z-index:0; overflow:hidden;  }

	.fullSlide .bd ul{ width:100% !important;  }

	.fullSlide .bd li{ width:100% !important;  height:610px; overflow:hidden; text-align:center;  }

	.fullSlide .bd li a{ display:block; height:610px; }



	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

	.fullSlide .hd ul{ text-align:center; }

	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;

		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 

	}

	.fullSlide .hd ul .on{ background:#f00;  }



	.fullSlide .prev,

	.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../png/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }

	.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

	

	

.appItem { width: 100%; margin: 0 auto}

.appItem .appTitle {

    text-align: center;

    padding-top: 30px;

	font-size: 32px;

	color: #333333

}

.appItem .appDesc {

    text-align: center;

    font-size: 20px;

    padding-top: 10px;

    padding-bottom: 80px;

    color: #565656;

}

.displayFlex {

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

.appItem .itemC {

    justify-content: center;

    width: 100%;

    margin: 0 auto;

}

.appItem .itemC .item {
	
	position: relative;

	float: left;

	width: 291px;

    margin-right: 12px;

}

.appItem .itemC .item:last-child { margin-right: 0}

.appItem .itemC .item a img {

    max-width: 100%;

    width: 100%;

	height: auto;

    display: block;

}
.appItem .itemC .item a img:hover { opacity: 0.8}





.appList .appArtAB .appArts {

  width: 100%;

  margin: 0 auto;

  flex-wrap: wrap;

}

.appList .appArtAB .appArts ._list {

	float: left;

  width: 48%;

  margin-bottom: 1.3rem;

  text-decoration: none;

}

.appList .appArtAB .appArts ._list ._listL {

	float: left;

	width: 193px;

	height: 123px;

  overflow: hidden;

  border: 0;

  padding: 0;

  border-radius: 0;

}

.appList .appArtAB .appArts ._list ._listL ._image {

  background-repeat: no-repeat;

  background-size: 120%;

  background-position: center;

  width: 193px;

  height: 123px;

  transition: all .5s;

  overflow: hidden;

}

.appList .appArtAB .appArts ._list ._listL:hover ._image {

  transform: scale(1.2);

}

.appList .appArtAB .appArts ._list ._listR { position: relative; float: right; width: 340px; height: 125px; padding: 0 .85rem;}

.appList .appArtAB .appArts ._list ._listR ._title {

	width: 340px;

  font-size: 20px;

  margin-bottom: .55rem;

  color: #333;

}

.appList .appArtAB .appArts ._list ._listR:hover ._title { color: #FFD801}

.appList .appArtAB .appArts ._list ._listR ._auther {

	width: 340px;

	height: 30px;

  font-size: 13px;

  color: #bbb;

}

.appList .appArtAB .appArts ._list ._listR ._auther ._aut { float: left}

.appList .appArtAB .appArts ._list ._listR ._auther ._read { float: right}

.appList .appArtAB .appArts ._list ._listR ._time {

	position: absolute;

	left: 0.85rem;

	bottom: 0;

  font-size: 12px;

  color: #bbb;

}

.appList .appArtAB .appArts ._list:hover img {

  transform: scale(1.2);

}

.appList .appArtAB .appArts ._list:hover ._auther {

  color: #969696;

}

.appList .appArtAB .appArts ._list:nth-child(2n+1) {

  margin-right: 2%;

}

.articleAB {

  height: 100%;

  background: #efeff0;

}

.articleAB .articleB .articleItem {

  max-width: 605px;

  width: 100%;

  margin: 0 auto 10px;

  background: #fff;

}

.articleAB .articleB .articleItem:last-child {

  margin-bottom: 0;

}

.articleAB .articleB .articleItem .artTitle {

  padding: 32px 68px 0;

  font-size: 20px;

  color: #232323;

  font-weight: bold;

}

.articleAB .articleB .articleItem .artAuth {

  padding: 23px 68px;

}

.articleAB .articleB .articleItem .artAuth .artHeadimg {

  margin-right: 20px;

}

.articleAB .articleB .articleItem .artAuth .artHeadimg img {

  width: 45px;

  height: 45px;

  border-radius: 50%;

}

.articleAB .articleB .articleItem .artAuth .Auth ._n {

  font-size: 14px;

  line-height: 1.7;

  margin-right: 8px;

}

.articleAB .articleB .articleItem .artAuth .Auth ._t {

  font-size: 13px;

  color: #ababab;

}

.articleAB .articleB .articleItem .artAuth ._g {

  font-size: 13px;

  color: #ababab;

}

.articleAB .articleB .articleItem .artCon {

  padding: 0 68px;

  line-height: 1.5;

}

.articleAB .articleB .articleItem .artCon img {

  max-width: 100%;

}

.articleAB .articleB .articleItem .artcomment .commentTitle {

  padding: 32px 68px 20px;

  border-bottom: 1px solid #efeff0;

  color: #ababab;

}

.articleAB .articleB .articleItem .artcomment .commentC {

  padding: 0 68px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem {

  padding: 25px 0;

  border-bottom: 1px solid #efeff0;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentL {

  margin-right: 20px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentL img {

  width: 42px;

  height: 42px;

  border-radius: 50%;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR {

  justify-content: space-between;

  padding-right: 30px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemName {

  color: #f6d836;

  font-size: 14px;

  line-height: 1.1;

  letter-spacing: 2px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemTime {

  justify-content: space-between;

  font-size: 12px;

  color: #999;

  padding: 12px 0;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemTime ._g {

  margin-left: 28px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemC .itemC_1 {

  color: #232323;

  font-size: 14px;

  line-height: 1.7;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemC .itemC_1 img {

  max-width: 100%;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemC .itemC_2 {

  padding: 17px 13px 17px;

  background: #efeff0;

  font-size: 14px;

  color: #999;

  margin-bottom: 12px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem .commentR .itemC .itemC_2 ._call {

  margin-bottom: 10px;

}

.articleAB .articleB .articleItem .artcomment .commentC .commentItem:last-child {

  border-bottom: 0;

}

.articleAB .articleB .articleItem ._codeTitle {

  padding-top: 26px;

  font-size: 19px;

  letter-spacing: 1px;

}

.articleAB .articleB .articleItem ._codeDesc {

  padding: 13px 0;

  font-size: 15px;

  letter-spacing: 2px;

  color: #969696;

}

.articleAB .articleB .articleItem ._code {

  padding-bottom: 26px;

}

.articleAB .articleB .articleItem ._code img {

  max-width: 100%;

}





.find_more { padding: 30px 0; text-align: center}

.find_more a { color: #FFFFFF; font-size: 16px; padding: 5px 15px; background: #FFD801}