﻿/*通用*/
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,figure{ margin:0px; padding:0px;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:Black;}

.clearborderright{border-right:none !important;}
.none{display:none;}
.margintop20{margin-top:20px;}
.color1{color:White;}
.color2{color:#333333;}
img:hover{background: white;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.pic-list-bg{
	background: url(imagessiteBackground.jpg);
	margin: 0;
	padding: 0;
	padding-bottom:20px;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.foot_nophone{
	margin-top:0px;
}
/*图片特效*/
.piccontext{margin:12px auto 0px;background:#FFF;overflow:hidden; box-shadow:0px 0px 5px #C6C6C6;}
.piccontext_1 h2{overflow:hidden;font-size:24px;color:#333;font-weight:normal; text-align:center; margin-top:30px; border-bottom:1px solid #D7D7D7; padding-bottom:16px;}
.source{overflow:hidden; border-top:1px solid #FFF; font-size:13px; padding-top:15px;}
.source_left{float:left;}
.source_left a{color:#666;}
.source_left a:hover{color:#ff5d11; text-decoration:underline;}
.source_left_s{
	color:#666;
}
.source_left_sx{color:#ababab;padding-left:15px; font-family:Arial, Helvetica, sans-serif;}
.source_right{float:right;height:20px;color:#666666;}
.source_right a{color:#666666;}
.source_right .support_tel{padding:0px 10px;}
.source_right1{float:right;height:20px;color:#666666;display:none;}
.support{float:left;height:20px;overflow:hidden;}
.support img{padding:0px 5px;}
.list{background:url("imagesphotolist.png") 1px 3px no-repeat;padding-left:23px;}
a.list:hover{background:url("imagesphotolist_1.png") 1px 3px no-repeat;}

/*大图展示*/
.picshow{margin-top:20px; overflow:hidden;}
.picshowtop{wtext-align:center;position:relative;z-index:1;overflow:hidden;}
#preArrow{left:20px;}
#nextArrow{right:20px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:68px;height:103px;}
#preArrow_A{left:0px;background:url('imagesphotoleft.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('imagesphotoright.png') 0px 0px no-repeat;display:none;}
.picshowtxt{margin-top:20px; margin-left:20px; margin-right:20px;}
.picshowtxt_x{
	font-size:24px;
	color:#666;
}
.picshowtxt_x .snumx{
	color:#e55656;
}
.bshare-custom{
	padding-top:8px;
}
.pic_tag{
	font-size:13px; padding-right:20px; color:#999; padding-top:8px;
}
.pic_tag a{
	color:#999;
}
.picshowtxt_right{line-height:23px;color:#333;font-size:16px; padding-top:15px; font-weight:bold;}
.picshowtxt_con{
	line-height:23px;color:#666666;font-size:15px; padding-top:10px;
}
.picshowlist{overflow:hidden; margin:20px; border-top:1px solid #E4E4E4; padding-top:20px;}
.picshowlist_left{float:left;width:120px;overflow:hidden;}
.picleftimg{width:120px;height:80px;background:url('imagesphotophoto_L.png') no-repeat;padding-top:6px;padding-left:6px;overflow:hidden;}
.picrightimg{
	width:120px;height:80px;background:url('imagesphotophoto_R.png') no-repeat;padding-top:6px;padding-left:2px;overflow:hidden;
}
.picleftimg img{width:112px;height:72px;}
.picrightimg img{width:112px;height:72px;}
.piclefttxt{width:120px; line-height:20px; font-size:13px; text-align:center; padding-top:6px;}
.piclefttxt a{color:#444444;}
.piclefttxt a:hover{color:#ff5d11; text-decoration:underline;}
.picshowlist_mid{float:left;width:830px;margin-left:15px;display:inline;overflow:hidden;height:80px;}
.picmidleft{float:left;width:24px;height:80px;overflow:hidden;}
.picmidleft a{display:block;width:24px;height:80px;}
.picmidmid{float:left;width:780px;overflow:hidden;height:80px;}
.picmidmid ul{width:780px;overflow:hidden;position:relative;height:80px;}
.picmidmid ul li{float:left;margin-left:11px;display:inline;width:116px;text-align:center;overflow:hidden;position:relative;height:80px;}
.picmidmid ul li img{max-width:104px;height:80px; padding:1px;}
.selectpic{border:3px solid #CC3333; }
.picmidright{float:left;width:24px;height:80px;overflow:hidden;}
.picmidright a{display:block;width:24px;height:80px;}
.picshowlist_right{float:left;width:120px;float:right;overflow:hidden;}

/*列表展示*/
.piclistshow{overflow:hidden;margin-top:25px;display:none;}
.picimg img{max-height:160px;}
.pictxt{padding:10px 20px 0;text-align:center; height:80px; overflow:hidden;}
.pictxt h3{font-size:13px;font-weight:normal; line-height:19px;}
.gaoqing{padding-top:26px;}
a.gaoqing:hover{color:#FF702D;text-decoration:underline;}

/*弹出层*/
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:300px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{overflow:hidden;}
.close2{height:19px;}
.close2 a{background:url('imagesphotoclose.png') 0px 0px no-repeat;width:57px;height:19px;display:block;float:right;}
.replay{height:24px;margin-top:0px;overflow:hidden;}
.replay h2{font-size:18px; color:#333; font-weight:bold;}
.pictwo{hidden;margin-top:20px; border:1px solid #DFDFDF; background:#FFF; padding:15px 0px 15px 15px;}
.pictwo .pictwo_L{width:120px;float:left;margin-right:15px;}
.pictwo .pictwo_L .title{
	font-size:12px;
	color:#666;
	line-height:19px;
	padding-top:8px;
}
h4.head {
	color: #006C49;
	font-size:15px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 0 0 8px 0;
	border-bottom:2px solid #DCDCDC;
	position:relative;
	margin-bottom:15px;
	margin-right:18px;
}
span.line {
	width: 70px;
	height: 2px;
	background: #006C49;
	display: block;
	position: absolute;
	left:0;
	top:24px;
}
.pictwo .pictwo_L img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:25px; float:left; padding-bottom:10px;}
.returnbtn ul li{ display:inline; margin-right:10px;}
.returnbtn ul li a{height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:333;font-size:15px;} 
.returnbtn ul li a:hover{color:#55AC74;text-decoration:none;border:1px solid #55AC74;}
.firsttop{width:600px;padding:20px;background:#F2F2F2;position:fixed;top:200px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#F2F2F2;position:fixed;top:200px;left:0px;z-index:1200;color:White;display:none;}

.article_like_pic{
	background:#FFF;overflow:hidden; box-shadow:0px 0px 5px #C6C6C6; padding-bottom:10px;
}
.article_like_h{
	position:relative;margin:0;padding:10px 20px 11px 16px;font-size:15px;background-color:#EEEEEE;border-bottom: 1px solid #eaeaea;font-weight: normal;
}
h4.headxs {
	color: #006C49;
	font-size:16px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 0 0 7px 0;
	border-bottom:2px solid #DCDCDC;
	position:relative;
	margin-bottom:15px;
	margin-top:15px;
}
.pinpai_p{
	padding-top:10px;
	font-size:13px;
	padding-bottom:5px;
	text-align:center;
}
.pinpai_p a{
	color:#333;
}
.pinpai_p a:hover{
	color:#2E6AA7;
}
.work-post {
    overflow: hidden;
}
.work-post-gal {
    position: relative;
}
.work-post-gal img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}
.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('imageszoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a.zoom {
    right: 30%;
    background: url('imageszoom.png') center center no-repeat;
}

.hover-box a.video {
    right: 36%;
    background: url('imagesvideo_ico.png') center center no-repeat;
}
.kml_pl{
	padding-bottom:10px;
	margin-left:-15px;
	margin-right:-15px;
}
.tushuo{
	margin-top:10px;
}

@media(max-width:1024px){
.picshow{margin-top:0px; overflow:hidden;}
.picshowlist_mid{width:630px;}
.picmidmid{width:570px;}
.picmidmid ul{width:570px;}
.picmidmid ul li{margin-left:20px;}
}
@media(max-width:768px){
.piccontext{
	margin-left:-15px;
	margin-right:-15px;
}
.article_like_pic{
	margin-left:-15px;
	margin-right:-15px;
}
.piccontext_1 h2{font-size:20px; text-align:left; line-height:27px; margin-top:20px; padding-bottom:10px;}
.source{padding-top:8px;}
.source_left_s{
	display:none;
}
.source_left_sx{padding-left:0px;}
.support{
	display:none;
}
.picshow{margin-top:0px; overflow:hidden;}
#preArrow{left:0;}
#nextArrow{right:0;}
#preArrow_A{display:none}
.contextDiv span{top:35%;}
#preArrow_ATEL{
	left:0px;
	background:url(imagesphotoleft.png) left no-repeat;
	background-size:50% 60%;
    -moz-background-size:35% 100%; /* 老版本的 Firefox */
}
#nextArrow_ATEL{
	right:0px;
	background:url(imagesphotoright.png) right no-repeat;
	background-size:50% 60%;
    -moz-background-size:35% 100%; /* 老版本的 Firefox */
}
#preArrow_A{
	left:0px;
	background:url(imagesphotoleft.png) left no-repeat;
	background-size:50% 60%;
    -moz-background-size:35% 100%; /* 老版本的 Firefox */
}
#nextArrow_A{
	right:0px;
	background:url(imagesphotoright.png) right no-repeat;
	background-size:50% 60%;
    -moz-background-size:35% 100%; /* 老版本的 Firefox */
}
.list{background:url("imagesphotolist_1.png") 1px 3px no-repeat;padding-left:23px;}
.source_right a{color:#FF8040;}
.pic_tag{
	display:none;
}
.picshowtxt{margin-top:8px; margin-left:15px; margin-right:15px;}
.bshare-custom{
	padding-top:2px;
}
.picshowtxt_x{
	font-size:18px;
}
.picshowtxt_right{padding-top:10px;}
.picshowtxt_con{
	line-height:21px;color:#666666;font-size:14px; padding-top:4px; padding-bottom:15px;
}
.picshowlist{
	display:none;
}
.picimg img{max-height:100%;}
.pictxt{
	height:100%;
	padding-bottom:20px;
}

.replay{
	text-align:center;
}
.returnbtn{
	float:right;
}
.pictwo{display:none;}
.firsttop{width:480px;}
.endtop{width:480px;}
}
@media(max-width:736px){
.pic_pl_tel{
	display:none;
}
.contextDiv span{top:45%;}
#preArrow_ATEL{
	background-size:80% 90%;
}
#nextArrow_ATEL{
	background-size:80% 90%;
}
#preArrow_A{
	background-size:80% 90%;
}
#nextArrow_A{
	background-size:80% 90%;
}
.firsttop{width:600px; top:80px;}
.endtop{width:600px; top:80px;}
}
@media(max-width:640px){
.contextDiv span{top:40%;}
#preArrow_ATEL{
	background-size:70% 80%;
}
#nextArrow_ATEL{
	background-size:70% 80%;
}
#preArrow_A{
	background-size:70% 80%;
}
#nextArrow_A{
	background-size:70% 80%;
}
.firsttop{width:600px; top:50px;}
.endtop{width:600px; top:50px;}
}
@media(max-width:480px){
.contextDiv span{top:35%;}
#preArrow_ATEL{
	background-size:55% 65%;
}
#nextArrow_ATEL{
	background-size:55% 65%;
}
#preArrow_A{
	background-size:55% 65%;
}
#nextArrow_A{
	background-size:55% 65%;
}
.firsttop{width:470px; top:210px;}
.endtop{width:470px; top:210px;}
}
@media(max-width:320px){
.piccontext_1 h2{font-size:18px; text-align:left; line-height:27px; margin-top:15px; padding-bottom:10px;}
.support_tel{
	display:none;
}
.support_telx{
	display:none;
}
.firsttop{width:460px; top:180px;}
.endtop{width:460px; top:180px;}
}
