@charset "gb2312";
/* =s Reset (by YUI 3) */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
article,aside,audio,bdi,canvas,command,datalist,details,figcaption,figure,footer,header,hgroup,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,summary,time,track,video,title {display:block}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
article img,article a{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out}
/* =e Reset */
/* =s base */
html,body{height:100%;background-color: #232323;margin: 0;padding: 0}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:170%;font-size:12px;color:#000;}
i{font-style:normal;}
a{color:#000;text-decoration: none}
a:hover{text-decoration: underline}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}
/* float*/
.fltL{float:left;}
.fltR{float:right;}
.fixR{position: absolute;top: 0px; right: 0px;}
.setCenter{margin:0 auto;}

/* clear */
.clrB{clear:both;}
.clrL{clear:left;}
.clrR{clear:right;}
.clrN{clear:none;}
.g-clr { zoom: 1; }
.g-clr:after { display: block; clear: both; height: 0; content: "\0020"; }
/* =e base */

/* =s Font */
/* font-weight [first-letter]*/
.b{font-weight:bold;}
.n{font-weight:normal;}
/* font-position [txt-P] */
.txtC{text-align:center;}
.g-thide { text-indent: -9999px; }
.tRed{color: #d50000}
.hide{display:none!important;}
/* wrap */
#wrap{
	position: relative;
	width: 100%;
	max-width:1920px;
	min-width:1000px;
	margin:0 auto;
_width:expression((document.documentElement.clientWidth>1680||document.body.clientWidth>1680)?"1920px":"100%");	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(img/yongyecheng.jpg);
}
/* wrapbackground*/
#wrap1,#wrap2{width: 100%}
#wrap1{background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/bg1.jpg) no-repeat  center 0;}
#wrap2{background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/bg2.jpg) no-repeat center 738px;}
#main{width: 1000px;margin: 0 auto;position: relative;zoom: 1}
header{height: 370px;position: relative;*zoom:1}
header h2{color: #ff7200;font-size: 24px;line-height:24px;position: absolute;bottom: 40px;right:20px}
nav,article{width: 960px;margin: 0 auto}
nav li{float: left;width: 20%;background: #191a19 url(//images.17173cdn.com/2014/tx3/2014/05/17/img/li.jpg) no-repeat 0 22px}
nav li a{display: block;width: 100%;height: 63px;line-height:63px;text-align:center;font-size:16px;color:#ccc;}
nav li a:hover{color: #ff771c;background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/lihov.jpg) no-repeat 35px 26px;text-decoration: none}
article{padding: 50px 0 0;background: #fff}
article h3{width: 100%;height: 41px;line-height: 41px;color: #838383;font-size: 22px;font-weight: bold;text-indent: 8px;border-bottom: 1px solid #ccc}
article h3 .title{display:block;width: 180px;height: 41px;background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/part.jpg) no-repeat -9999px -9999px;position: relative;top: 1px;left: -8px;float: left}
article h3 .title1{background-position: 0 0}
article h3 .title2{background-position: 0 -41px}
article h3 .title3{background-position: 0 -82px}
article h3 .title4{background-position: 0 -123px}
article blockquote{padding: 30px 45px;color: #5c5c5c;font-size: 14px;line-height: 24px;background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/dotted.jpg) repeat-x bottom}
.imgCont{padding: 33px 50px 28px}
.imgCont img{display: block;width: 540px}
article p{color: #5c5c5c;line-height: 24px;font-size: 12px;position: relative;*zoom:1}
article p em{display:block;color: #ff4e00;font-size: 18px;line-height: 24px;margin-bottom: 10px}
article p strong{color: #ff6000;font-size: 14px;}
.imgCont p{width:286px;height:267px;}
a.more{display:block;width:103px;height:23px;line-height:23px;background: url(//images.17173cdn.com/2014/tx3/2014/05/17/img/more.jpg) no-repeat;color: #fff;text-indent: 36px;position: absolute;bottom: 0}
a.more:hover{background-position: 0 -23px;text-decoration: none}
.imgContL img,.imgContL .imgWrap{float: right}
.imgContR img,.imgContR .imgWrap{float: left}
.imgContR p{float: right}
.imgContL .more{left:0}
.imgContR .more{right:0}
.part2,.part3{margin-top: 30px}
.introblock{padding: 50px 48px 0}
.introblock .more{right: 50px}
.imgCont2{padding: 45px 50px 45px;margin-right: -70px;}
.imgCont2 li{width: 404px;height: 370px;float: left;margin: 0 60px 38px 0}
.imgCont2 li p{width: 205px;height: 370px;text-align: justify;  text-justify: inter-ideograph;}
.imgCont2 a.more{right: 0}
.part4{margin-bottom: 50px}
.imgCont3{padding: 0 50px 50px}
.imgCont3 .imgWrap{width: 346px;height: 426px;margin-bottom: -1px;overflow: hidden}
.imgCont3 .imgWrap img{display:block;float: none;margin-bottom: 1px}
.imgCont3 p{width: 474px;height: 426px}
.author{width: 910px;margin:0 auto;padding:0 0 0 50px;background: #000;color: #fff;height: 46px;line-height: 46px}
a:hover img{-webkit-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);}