body{ background:#f8f8f8;}
.header{ position: fixed; z-index:2; left:0; top:0; box-shadow: 0 2px 4px rgba(0,0,0,.1);}
.headFixd{box-shadow: 0 2px 6px rgba(0,0,0,.1); height:58px; background:#fff;}
.headFixd .logo a img{ width:140px;}
.headFixd .menu .btn{ margin-top:12px;}
.headFixd .menu li a{ height:58px; line-height:58px;}

.header,.header .logo a img,.header .menu .btn,.header .menu li a{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}

.newBox{ padding:80px 0; padding-left:20px;}
.newList{ overflow:hidden; width:96%; margin:0 auto;}
.newList li{ float:left; width:50%; *width:49.5%; margin-bottom:32px; font-family:HELVETICANEUELTPRO-THEX, Arial, 'microsoft yahei';}
.newItem{ padding-left:280px; padding-right:60px;}
.newItem .pic{ float:left; margin-left:-280px; width:258px; height:150px;border-radius: 5px; overflow:hidden;}
.newItem .pic a img{-webkit-transform: scale(1, 1); transform: scale(1);}
.newItem .pic a:hover img{ -webkit-transform: scale(1.2, 1.2); transform: scale(1.2);}
.newItem h1{ font-size:18px; font-weight:normal; color:#3c3c3c; margin-bottom:15px;overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; max-height:24px;}
.newItem h1 a{ color:#3c3c3c;}
.newItem h1 a:hover{ color:#e12432;}
.newItem .txt{ margin-bottom:15px; height:60px; line-height:19px; color:#999; overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}
.newItem .date u{ text-decoration:none; padding:0 8px; }
.newItem .date { color:#999;}
.newItem .date a{ color:#999;}
.newItem .date a:hover{color:#e12432;}
.newItem .pic a img,
.newItem .pic a:hover img{-webkit-transition: all .6s ease-out 0s;transition: all .6s ease-out 0s;}

.fenye{ text-align: center;margin:30px 0; display:block; overflow:hidden;}
.fenye a{ padding:6px 10px;  color:#999; display:inline-block; border:1px solid #cccccc;border-radius:3px; margin:0 3px;}
.fenye a:hover{ color:#000; background:#f1f1f1; border-color:#cccccc;}
.fenye a.on{ font-weight:bold; background:#f45e5e; border-color:#f45e5e;  color:#fff;}

.newPage{ width:90%;  margin:90px auto 30px auto; *padding-top:90px; overflow: hidden}
.hotPage .tit { padding:50px 0 30px 0;}
.hotPage .tit h2{ font-size:26px; font-weight:normal; color:#3c3c3c; width:100%; text-align:center; margin-bottom:18px;}
.hotPage{ background:#fff; width:90%; margin:0 auto; margin-bottom:30px; padding-bottom:30px;}
.hotPage ul{ padding-left:50px;}

.newPage .tit{  text-align:center; padding:35px 0;border-bottom: 1px dotted #cccccc; }
.newPage .tit h1{font-size:26px; color:#3c3c3c; font-weight:normal;}
.newPage .tit .tip{ padding-top:20px; color:#999;}
.newPage .tit .tip i{ text-decoration:none; padding:0 10px;}
.newPage .tit .tip a{ color:#999;}
.newPage .tit .tip a:hover{color:#e12432;}
.newPage .tit .tip .date{font-family:HELVETICANEUELTPRO-THEX, Arial, 'microsoft yahei';}

.newInfo{ padding:40px 40px 30px 40px; font-size:14px; line-height:24px;}
.newInfo p{line-height: 42px; text-indent:28px;}
.newInfo img{max-width:900px; max-height:900px; width:expression(this.width > 900 && this.width > this.height ? 900: true); height:expression(this.height > 900 ? 900: true);  vertical-align:middle; display: block; margin: 20px auto;}

.newInfo h2,.newInfo h3,.newInfo h4,.newInfo h5,.newInfo h6{font-weight: 400;line-height: 24px;font-size: 22px;font-family: Microsoft YaHei,SimHei,Verdana;margin: 35px 0 15px -40px;display: block;clear: both;zoom: 1;overflow: hidden; padding-left: 10px; text-indent: 0px;}

.newInfo h2{border-left: 10px solid #eeb935;}
.newInfo h3{border-left: 10px solid #c93f70;}
.newInfo h4{border-left: 10px solid #4F9CEE;}
.newInfo h5{border-left: 10px solid #a1bd4e;}
.newInfo h6{border-left: 10px solid #63aa80;}

@media only screen and (max-width: 640px){
	.newInfo h2,.newInfo h3,.newInfo h4,.newInfo h5,.newInfo h6{margin: 35px 0 15px -20px;padding-left: 10px;}
}


/*css3*/
{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}



.bigScreen .caseList li .caseItem .pic>img{ width:100%;}


.rightbar{width:20%;  float:right;}
.leftbar{background:#fff; margin-bottom:15px;width: 79%;float: left;}
.leftbar .tit a{color:#888;}
.leftbar .tit a.on{color:#D8332D;}
.leftbar .tit a:hover{color:#db1620;}
.hotnews,.hottips{ background:#ffffff; overflow:hidden; margin-bottom:15px;}
.hotnews h2,.hottips h2{ height:45px; line-height:45px; font-size:14px;border-bottom:1px solid #cccccc; text-indent:18px;}
.hotnews ul,.hottips ul{ margin:10px 18px 18px 18px;}
.hotnews li{ height:28px; line-height:28px; display:block; overflow:hidden;;background:url(../img/icon.gif) no-repeat 0px 13px; text-indent:12px;}
.hotnews li a{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; width:264px;display:block; overflow:hidden;}
.hottips ul{ margin-top:18px; display:block; overflow:hidden;}
.hottips li a{ color:#fff;}
.hottips li{background-color:#d7232c;color: white;font-size: 14px;display: inline-block;margin-bottom: 6px;margin-right: 6px;padding: 2px 4px;border-radius: 2px;opacity: 0.6;cursor: pointer; float:left\9;white-space:nowrap;filter:alpha(opacity=60);
box-shadow:0 4px 3px -3px rgba(0, 0, 0, 0.1);
-webkit-transition:opacity 0.2s ease-in-out;
-moz-transition:opacity 0.2s ease-in-out;
-ms-transition:opacity 0.2s ease-in-out;
-o-transition:opacity 0.2s ease-in-out;
transition:opacity 0.2s ease-in-out}
.hottips li:hover{opacity:1;filter:alpha(opacity=100);}
.hottips li:nth-child(2n){background-color:#2F9944;}
.hottips li:nth-child(3n){background-color:#0664B0;}
.hottips li:nth-child(4n){background-color:#CA5254;}
.pagename{ height:30px; line-height:30px; display:block; overflow:hidden; padding:30px 40px; font-size:14px; border-top: 1px solid #cccccc}
.pagename p{ float:left; width:48%;height:30px; line-height:30px;overflow:hidden;}
.pagename p.pn_l{ float:left; text-align:left;}
.pagename p.pn_r{ float:right; text-align:right; }

.tag_box{height:62px; line-height: 62px; background: #eee;}
.tag_box ul{background:url(../../images/index/tag_bg.png)no-repeat 10px top; background-size:40px 40px; height: 60px; display: block; padding: 0 40px 0 60px;}
.tag_box ul li{margin-right: 10px; float: left; font-size: 14px; }



@media only screen and (max-width: 1366px){
	.rightbar {width: 100%;float: none;}
	.leftbar{width: 100%; float: none}
	.hotnews ul{overflow: hidden}
	.hotnews li{width: 50%; float: left;}
	.hotPage .tit h2{margin-bottom: 0px;}
	.hotPage ul{padding-left:10px;}
	.newList{width:auto; padding: 0 10px;}
	.newItem{padding: 0 20px;}
	.newItem .pic{float: none;margin-left:0;width: 100%; height: auto; margin-bottom: 20px;}
	.newItem .pic img{width: 100%; height: auto}
}
@media only screen and (max-width: 1366px){
	.newInfo img{max-width: 100%;height:auto!important;}
}

@media only screen and (max-width: 640px){
	.newPage{width:auto; padding: 0 20px; margin:90px 0 0 0;}
	.newPage .tit h1{font-size: 16px;}
	.newInfo{padding: 20px;}
	.hotnews li{width: 100%; float: none}
	.hotPage{width:auto; margin: 0 20px 30px 20px; overflow: hidden; padding: 0;}
	.hotPage .tit{padding: 20px 0;}
	
	.newList li{width: 100%;}
	.newItem{padding: 0;}
	.newItem .txt{display: none}
	
	.pagename{padding:20px;height: auto;font-size: 12px;}
	.pagename p{width: 100%;}
	.pagename p.pn_r{float: none;text-align: left}
	.pagename p.pn_l{float: none;text-align: left}
}