@charset "utf-8";

html { background:#000; }
body { background:#fff; min-width:1280px; }

.watermark { position:fixed; bottom:80px; left:50%; padding-left:400px; width:150px; z-index:2; }
.wrap { position:relative; width:1280px; margin:0 auto; }
.header { position:relative; height:280px; z-index:9; }
.header .wrap { height:100%; }
.container {}
/* .container .wrap { z-index:3; background:url(inside_p_2.jpg) no-repeat center bottom; background-size:50% auto; } */
.container .wrap { z-index:3; }
.container .sp160 { height:auto; text-align:right; padding:70px 0; }
.container .sp160 img { max-width:50%; }
.footer { position:relative; color:#fff; background:#191919; z-index:9; }
.footer a { color:#fff; }
.footer .wrap { padding:25px 0; }
.footer .l { float:left; width:40%; }
.footer .r { float:left; width:34%; text-align:right; padding-left:26%; }
.ftnav { line-height:20px; padding:15px 0; border-bottom:1px solid #fff; }
.ftnav a { margin-right:30px; }
.fttxt { line-height:20px; padding:15px 0; color:#dedede; }
.copyright { font-family:"Tahoma"; line-height:15px; font-size:12px; padding:35px 0; color:#8C8C8C; }

.logo { padding-top:53px; line-height:36px; color:#fff; font-size:20px; margin-bottom:103px; }
.share { top:auto; bottom:50px; right:277px; color:#fff; font-family:"framd"; }
.share a { margin-left:12px; }
.lang { position:absolute; top:50px; right:277px; z-index:88; text-align:center; font-size:14px; line-height:40px; color:#fff; font-family:"framd"; }
.lang a { color:#fff; }
.lang a:hover,
.lang a.current { text-decoration:none; text-shadow:0 0 4px #fff; }
.lang em { margin:0 10px; font-size:16px; }

.nav { font-family:"Microsoft Yahei","HelveticaNeueLTStdMd"; color:#fff; margin-left:-30px; }
.nav a { color:#fff; }
.nav li { position:relative; float:left; font-size:14px; margin-right:5px; display:inline; }
.nav li a { float:left; height:26px; line-height:26px; padding:0 30px; }
.nav li a:hover,
.nav li a.current { text-decoration:none; height:24px; line-height:24px; padding:0 29px; border:1px solid #fff; }
.nav li dl { position:absolute; top:100%; left:0; width:120px;  display:none; }
.nav li dl dt a { text-decoration:none; height:24px; line-height:24px; padding:0 29px; border:1px solid #fff; }
.nav li:hover dl { display:block; }

.p-hide { display:none; }
.curName { font-family:"Microsoft Yahei","HelveticaNeueLTStdLtEx"; color:#565656; font-size:22px; padding-left:50px; background:url(ico_title.png) no-repeat left center; }
.curName2 { font-family:"Microsoft Yahei","HelveticaNeueLTStdLtEx"; color:#565656; font-size:20px; padding-left:50px; background:url(ico_title.png) no-repeat left center; }
.curPic {}

.hd { color:#000; }
.hd h2 { font-weight:normal; font-size:20px; }
.hd h2 em { font-family:"HelveticaNeueLTStdLtEx"; }
.hd h3 { font-size:20px; }

.article { width:719px; color:#565656; line-height:26px; font-size:14px; }
.article2 { width:719px; color:#565656; line-height:26px; font-size:14px; }
.article h2 { font-size:18px; color:#333; font-weight:normal; }
.article1 li { padding-left:16px; font-size:14px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:-16px; }
.article2 h2 { font-size:18px; color:#333; font-weight:normal; }
.article2 li { padding-left:16px; font-size:14px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:-16px; }

.picTxt { width:719px; margin:0; }
.picTxt .picItem { width:50%; }
.picTxt .item { background:#525253; width:340px; color:#fff; margin-bottom:15px; }
.picTxt .item a { color:#fff; }
.picTxt .pic { text-align:center; }
.picTxt .txt { padding:20px 14px 15px; }
.picTxt .txt h2 { line-height:24px; font-size:18px; padding-bottom:3px; }
.picTxt .txt p { line-height:20px; font-size:16px; }
.picTxt .item:hover { background:#000; box-shadow:0 0 5px #000; }

/* 
.picDetail { width:719px; }
.picDetail .detailItem { float:none; width:100%; }
.picDetail .l { float:none; }
.picDetail .r { float:none; }
.picDetail .item {}
.picDetail .item .title h2 { font-weight:normal; overflow:hidden; height:40px; line-height:22px; font-size:18px; }
.picDetail .item .title span { font-family:"arial", "Microsoft YaHei"; }
.picDetail .article { width:100%; }
.picDetail .article2 { width:100%; } */

.picDetail { width:719px; }
.picDetail .detailItem { float:none; width:100%; }
.picDetail .l { float:none; }
.picDetail .r { float:none; }
.picDetail .item { padding:40px 0; border-bottom:1px solid #999; }
.picDetail .item .sp25 { display:none; }
.picDetail .item .sp75 { display:none; }
.picDetail .item .title { float:left; width:130px; padding-right:45px; }
.picDetail .item .title h2 { overflow:hidden; height:auto; line-height:22px; font-size:18px; }
.picDetail .item .title span { font-family:"arial" "Microsoft YaHei"; font-size:20px; color:#333; }
.picDetail .item .title span em { display:block; font-weight:normal; font-family:"Microsoft Yahei"; font-size:14px; color:#666; }
.picDetail .item .dCont { float:right; padding-left:60px; width:480px; border-left:1px solid #999; }
.picDetail .item .dCont .intro { line-height:21px; font-size:14px; color:#666; font-family:"Microsoft Yahei"; }
.picDetail .item .dCont .intro2 { line-height:21px; font-size:14px; color:#666; font-family:"Microsoft Yahei"; }

.contact-form { width:719px; padding:20px 0; font-size:14px; }
.contact-form h2 { margin-bottom:10px; font-family:"Microsoft Yahei"; color:#333; font-weight:normal; }
.contact-form .row { padding:5px 0; }
.contact-form .row span label { float:left; width:60px; line-height:30px; }
.contact-form .row input { width:380px; height:30px; line-height:30px; border:1px solid #ccc; font-family:"Microsoft Yahei"; padding:0 10px; }
.contact-form .row input:hover { box-shadow:0px 0 2px #4B7DB9; }
.contact-form .row textarea { width:380px; max-width:380px; min-width:380px; height:100px; padding:0 10px; border:1px solid #ccc; }
.contact-form .row textarea:hover { box-shadow:0px 0 2px #4B7DB9; }
.contact-form .row button { width:402px; height:40px; line-height:40px; font-family:"Microsoft Yahei"; background:#888888; color:#FFF; border:0; box-shadow:0 0 2px #999; cursor:pointer; transition:all 0.2s; display:block; cursor:pointer; }
.contact-form .row button:hover { background:#000; }
.contact-form .row label.error { display:block; color:#F00; }
.response { color:#F00; }

.contact-article { font-family:"arial"; color:#888; }

@media screen and (max-width:1440px) and (min-width:1367px) {
}

@media screen and (max-width:1366px) and (min-width:1280px) {
}

@media screen and (max-width:1280px) and (min-width:768px) {
	body { width:100%; min-width:100%; }
	.wrap { width:96%; min-width:720px; }
	
	.watermark { bottom:70px; left:auto; right:40px; }
	.share { right:0; }
	.lang { right:0; }
	.nav { margin-left:0; }
	
	.container .sp160 { padding:70px 0; }
	
	.article1 li { padding-left:12px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:-12px; }
	.article2 li { padding-left:12px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:-12px; }
	
	.footer .l { width:60%; }
	.footer .r { width:40%; padding-left:0; text-align:right; }
}


@media screen and (max-width:768px) {

	body { padding-top:40px; min-width:100%; }
		
	.watermark { bottom:70px; left:auto; right:40px; width:40%; }
	.wrap { width:100%; }
	.header { display:none; }
	.share { right:0; }
	.lang { right:0; }
	.container .wrap { width:100%; margin: 0; background-size:50% auto; }
	.container .sp160 { padding:30px 0; }
	.footer { color:#fff;  background:#191919; }
	.footer a { color:#fff; }
	.footer .wrap { width:96%; padding:15px 0%; }
	.footer .l { float:none; width:100%; }
	.footer .r { float:none; width:100%; padding-left:0; text-align:left; }
	.ftnav { line-height:20px; padding:15px 0; border-bottom:1px solid #fff; }
	.ftnav a { margin-right:30px; }
	.fttxt { line-height:20px; padding:15px 0; }
	.copyright { padding:15px 0; }

	.p-hide { display:block; }
	.curName { position:fixed; top:0; left:0; width:100%; color:#fff; padding:0; height:40px; line-height:40px; text-align:center; background:#000; font-size:20px; font-family:"Microsoft Yahei"; z-index:4; }
	.curName2 { font-size:18px; padding:10px 0; text-align:center; background:none; color:#000; }
	
	.article { width:96%; padding:0 2%; }
	.article2 { width:96%; padding:0 2%; }
	.article3 { width:96%; padding:0 2%; }
	.article1 li { padding-left:12px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:0; }
	.article2 li { padding-left:12px; background:url(dotted_ico.jpg) no-repeat left 10px; margin-left:0; }
	.picTxt { width:100%; }
	.picTxt .picItem { width:50%; }
	.picTxt .item { width:96%; margin-bottom:8px; }
	.picTxt .pic img { width:100%; height:auto; }
	.picTxt .txt { height:62px; }
	.picTxt .txt h2 { line-height:20px; font-size:14px; }
	.picTxt .txt p { line-height:18px; font-size:12px; }

	.picDetail { width:100%; }
	.picDetail .detailItem { float:none; width:100%; }
	.picDetail .item { padding:30px 0; }
	.picDetail .l { float:none; }
	.picDetail .r { float:none; }
	.picDetail .item .sp25 { display:block; }
	.picDetail .item .title { float:none; width:96%; padding:0 2%; }
	.picDetail .item .dCont { float:none; width:96%; padding:0 2%; border:0; }

	.contact-form { width:96%; padding:20px 2%; }
	.contact-form .row input { width:94%; padding:0 2%; }
	.contact-form .row textarea { width:94%; max-width:94%; min-width:94%; padding:0 2%; }
	.contact-form .row button { width:98%; }

}

@media screen and (max-width:375px) {
	.container .wrap { background-size:100% auto; }
	
	.picTxt { width:100%; }
	.picTxt .picItem { float:none; width:100%; }
	.picTxt .item { width:96%; margin-bottom:5px; }
	.picTxt .pic img { height:auto; }
	.picTxt .txt { height:auto; }
}