@charset:"utf-8";

html{ font-size:62.5%;}
html,body{ height:100%;}
body,div,p,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:none;}

body{ font-family:"Calibri","microsoft yahei"; font-size:1.4rem; line-height:2; background:url(bg.png); padding:0 1rem;}
body,a{ color:#7B7670;}
a{ text-decoration:none;}
a:hover{ color:#FF7024;}

#lan{ float:right; margin:1rem 0; line-height:2.5rem; text-transform:capitalize; border:solid .1rem #eee; padding:.5rem 1rem; display:block; background:#fff;}
#lan img{ height:2.5rem; margin-right:1rem; vertical-align:middle;}
#logo{ clear:both; display:block; background:#fff; height:9rem; box-shadow:inset 0 0 0 .1rem rgba(0,0,0,0.07); padding:1rem; text-align:center; overflow:hidden;}
#logo img{ height:80%; vertical-align:middle;}
#logo h2{ font-size:2.8rem; text-align:left; display:inline-block; margin-left:2rem; color:#084098; font-weight:normal; width:12rem; line-height:3rem; vertical-align:middle; text-transform:capitalize;}

@media screen and (min-width:600px){
	#logo{ height:10.8rem;}
	#logo img{ height:100%;}
	#logo h2{ margin-left:7rem; font-size:3.6rem; line-height:3.6rem; width:14rem;}
}
@media screen and (max-width:300px){
	#logo{ height:8rem;}
	#logo h2{ width:10rem; line-height:2.6rem; font-size:2.6rem;}
}

#nav{ margin-left:-1rem;}
.nav1Li{ float:left; width:calc((100% - 3rem)/3); margin:0 0 1rem 1rem;}
.nav1Li > a{ display:block; background:#FF7024; color:#fff; font-weight:bold; font-size:2rem; line-height:1; text-transform:capitalize; height:9.4rem; position:relative; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
.nav1Li > a span{ position:absolute; left:1rem; bottom:1rem; width:8.7rem;/* right:1rem; text-align: right;*/}
.nav1Li > a:hover{ background:#444; color:#fff; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}

.nav2bg{ position:fixed; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.7); top:0; left:0; display:none;}
.nav2bg nav{ margin:0 1rem;}
.nav2bg nav a{ display:block; font-size:1.6rem; background:#FF7024; padding:0 1rem; font-weight:bold; text-transform:capitalize; color:#fff; margin-bottom:0.1rem; line-height:3;}
.nav2bg nav a:first-child{ background:rgba(255,255,255,.95); color:#FF7024; font-size:2rem; text-align:center;}

@media screen and (max-width:360px){
	.nav1Li > a span{ /*left:0.7rem;*/ font-size:1.8rem;}
}
@media screen and (max-width:350px){
	.nav1Li > a{/* font-size:1.8rem;*/ font-size:1.55rem; vertical-align:bottom;}
}
@media screen and (max-width:300px){
	.nav1Li > a{ height:8rem;/* font-size:1.6rem;*/}
	.nav1Li > a span{ width:7rem;}
}

.comMarginTB{ margin:1rem 0;}
.comMarginT{ margin-top:1rem;}
.comMarginB{ margin-bottom:1rem;}

.comCate{ display:block; clear:both; box-shadow:inset 0 0 0 .1rem rgba(0,0,0,0.07); background:#fff; padding:1.5rem 1rem; text-align:center; text-transform:capitalize;}
.comCate h2{ text-align:center; font-size:2rem; color:#333; line-height:1; margin-bottom:1rem;}
.comCate p{ font-size:1.4rem; line-height:1; color:#9f9f9f;}

.comImg{ width:100%; height:auto; display:block;}

.indBlock{ background:url(bg2.jpg); padding:1rem; color:#dbdbdb; clear:both;}
.indBlock > div:first-child{ border-bottom:solid .1rem #636363; padding-bottom:1rem;}
.indBTit{ font-size:2rem; line-height:1.5; text-transform:capitalize; margin-bottom:2rem;}

.postList dd{ font-style:italic; font-size:1.2rem; line-height:2.2; color:#898989; text-transform:capitalize;}
.postList dt{ line-height:1; margin-bottom:2rem;}
.postList a{ color:#ff6e22;}

.indBContent a{ color:#fff; text-decoration:underline;}
.shareIco{ text-align:right;}
.ico{ display:inline-block; background-repeat:no-repeat; width:2.4rem; height:2.4rem; opacity:.3; margin-left:.5rem; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
.ico:hover{ opacity:.8; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
.ico-skype{ background:url(icon-skype.png);}
.ico-facebook{ background:url(icon-facebook.png);}

#indCompany{ line-height:1.3;/* text-align:justify;*/}

#copyright{ color:#898989; font-size:1.2rem; text-align:center; line-height:1.2; padding:.5rem 0; clear:both;}
#copyright a{ color:#ff6e22; text-decoration:underline;}

/*index*/

.pageCat{ clear:both; background:#fff; padding:2.5rem 1rem 1rem; text-transform:capitalize; border:solid .1rem rgba(0,0,0,0.07); border-bottom-color:rgba(0,0,0,0.15);}
.pageCat h2{ font-size:2rem; color:#333; line-height:1;}
.pageCat p, #newsInfo{ font-size:1rem; font-style:italic;}
.pageCat p, .pageCat p a, #newsInfo{ color:#9f9f9f;}
.pageCat p a:hover, #newsInfo a:hover{ color:#FF6E22; text-decoration:underline;}
.pageBox{ clear:both; margin-bottom:1rem; border:solid .1rem rgba(0,0,0,0.07); border-top:none; padding:2rem 1rem; background:#fff; color:#444; line-height:1.5; overflow:hidden; font-size:1.6rem;}
.pageBox img{ max-width:100%;}
#pageCatname{ padding-top:4rem;}
.pageBan{ border-top:solid .2rem #ccc; padding-top:.7rem; width:100%; margin-bottom:1rem;}

/*.extLinks{ font-size:1.2rem;}*/
.extLinks{ font-size:1.8rem;}
.extLinks ul{ margin-top:.5rem;}
#extLinksul li{ padding-left:1.4rem; background:url(li.png) no-repeat left; line-height:2.2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#extLinksul li, .extLinks a{ color:#ff6e22;}

.extLinksNews:after, .extLinksNews li:after{ content:""; display:block; clear:both;}
.extLinksNews img{ border-radius:.5rem; float:left; margin:0 1rem .5rem 0; width:30%;}
.extLinksNews li{ clear:both; margin-bottom:1rem; line-height:1.2;}
.extLinksNews li:last-child{ margin-bottom:0;}

#newsInfo{ padding:1rem 0; text-transform:capitalize; font-size:1.2rem;}
#newsTit{ font-size:2.4rem; color:#ff6e22; border-bottom:solid .2rem #ff6e22;}
#newsMore{ clear:both;}
#newsMore li{ margin-top:1rem}
#newsMore a{ display:block; height:2.6rem; padding:0 1rem 0 3.7rem; line-height:2.6rem; border:solid .1rem #eee; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#newsMore a:before{ content:""; display:block; position:absolute; width:2.8rem; height:2.8rem; background:url(newsMore.png) no-repeat; margin:-.1rem 0 0 -3.9rem;}
#newsMore a:hover{ color:#fff; background:#FF6E22; border-color:#FF6E22; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
#newsMore li:last-child a:before{ background-position:-2.8rem 0;}
/*page*/
#imagelist{ clear:both;}
#imagelist li{ margin-bottom:1rem; border:solid .1rem rgba(0,0,0,0.07); text-align:center; cursor:pointer; position:relative;}
#imagelist a{ display:block;}
#imagelist a > span{ display:none; width:calc(100% - .8rem); height:calc(100% - .8rem); position:absolute; border:solid .5rem rgba(255,255,255,.6); top:-.1rem; left:-.1rem;}
#imagelist .img{ overflow:hidden;}
#imagelist .img img{ width:100%;}
#imagelist a p{ color:#FF6E22; line-height:3; text-transform:capitalize; font-size:1.6rem; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#imagelist a p span{ display:block; color:#999; font-size:1.2rem; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease;}
#imagelist a:hover p{ background:#FF6E22; color:#fff; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease;}
#imagelist a:hover p span{ color:#fff; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease;}
#imagelist a:hover > span{ display:block;}
@media screen and (min-width:350px){
	#imagelist{ margin-left:-2rem;}
	#imagelist li{ float:left; margin-left:2rem; width:calc(50% - 2.2rem);}
}

#pages{ line-height:2rem; clear:both; margin-top:1rem; text-align:center; font-size:1.2rem; text-transform:capitalize;}
#pages a{ padding:0 .6rem; display:inline-block; margin:.5rem .4rem 0; border:.1rem #eee solid; color:#ff6e22; border-radius:.3rem; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
#pages a:hover{border:.1rem #ff6e22 solid; background:#ff6e22; color:#fff; transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease;}
#pages span{ padding:0 .6rem; display:inline-block; border:.1rem #ff6e22 solid; background:#ff6e22; color:#fff; border-radius:.3rem; margin:.5rem .4rem 0;}

#gbook li{ margin-top:1rem;}
#gbook input[type=text], #gbook input[type=submit], #gbook input[type=reset], #gbook textarea{ font-size:1.4rem; font-family:"Calibri","microsoft yahei";}
#gbook input[type=text], #gbook textarea{ border:.1rem solid transparent; border-top-color: rgba(0,0,0,0.07); padding: .6rem 1rem; background: #f7f7f7; width:calc(100% - 2.2rem); width:-moz-calc(100% - 2.2rem); width:-webkit-calc(100% - 2.2rem); width:-o-calc(100% - 2.2rem);}
#gbook textarea{ height:10rem;}
#gbook input[type=submit], #gbook input[type=reset]{ padding:.8rem 1.5rem; text-transform:capitalize; border:none; margin-right:1.5rem; cursor:pointer;}
#gbook input[type=submit]{background-color: #ff6e22; color:#fff;}
#gbook input[type=reset]{ text-transform:capitalize; background:#D8D8D8;}

#gbooklist li{ margin-top:1rem; clear:both;}
.gbname{ font-size:1.6rem;}
.gbname span{ font-size:1.2rem; font-style:italic; color:#999; margin-left:1rem; text-transform:capitalize;}
.gbcontent{ border:.1rem solid transparent; border-top-color: rgba(0,0,0,0.07); padding: .6rem 1rem; background: #f7f7f7;}
.gbcat{clear:both; padding: 4rem 0 1rem; font-size: 2rem; color: #333; line-height: 1; border-bottom:1px solid rgba(0,0,0,0.15);}

.pageBox table{ border-collapse:collapse; border-spacing:0;}