@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	list-style:none;
	font-family:"微软雅黑";
}

body{font-size:14px;background:#fff;}
a{text-decoration:none;}
.clear{clear:both;}


 



#main{width:100%;height:auto;}
.con1{width:1320px;margin:0 auto;margin-top:34px;}
.con1 ul{width:1335px;}
.con1 ul li{width:430px;float:left;margin-right:15px;}
.con1 ul li .con1_t{width:430px;height:220px;position: relative;overflow: hidden;}
.con1 ul li .con1_t img{width:430px;height:220px;position: relative;display: block;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.con1 ul li .con1_t:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.con1 ul li .con1_b{margin-top:22px;}
.con1 ul li .con1_b figure{width:75px;height:75px;float:left;}
.con1 ul li .con1_b figure img{width:75px;height:75px;-webkit-transition:1s ease;-moz-transition:1s ease;}
.con1 ul li .con1_b figure:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.con1 ul li .con1_b p{font-size:18px;font-weight:bold;color:#323232;line-height:18px;}
.con1 ul li .con1_b p a{color:#000;}
.con1 ul li .con1_b p a:hover{color:#f27703;}
.con1 ul li .con1_b span{display:block;font-size:14px;font-weight:normal;color:#8c8c8c;line-height:26px;margin-top:9px;}


.con2{width:1320px;margin:0 auto;margin-top:44px;}
.con2 .tit{height:70px;background:url("../images/con6_tit.jpg")/*tpa=http://www.jszzzm.com/images/con2_tit.jpg*/ no-repeat top center;line-height:70px;color:#fff;}
.con2 .tit .left{float:left;}
.con2 .tit .left h1{display:inline-block;float:left;font-size:60px;color:#fff;padding-left:9px;}
.con2 .tit .left div{display:inline-block;margin-left:6px;}
.con2 .tit .left div h3{width:140px;height:34px;border-bottom:1px solid #fff;font-size:20px;line-height:34px;padding-top:5px;padding-left:8px;}
.con2 .tit .left div p{font-size:16px;height:19px;line-height:19px;padding-left:8px;}
.con2 .tit .right{margin-right:20px;}
.con2 .tit .right ul li{float:left;margin-left:35px;}
.con2 .tit .right ul li a{color:#fff;}

.con2 .mn{margin-top:33px;}
.con2 .mn .left{float:left;display:inline-block;}

.grid {
	position: relative;
	clear: both;
	display:inline-block;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width:327px;
	height:465px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-size:20px;
	font-weight:normal;
}

.grid figure h2 span {
	font-size:14px;
	display:block;
	font-weight:bold;
	margin-top:8px;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
.grid figure.effect-moses {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

.grid figure.effect-moses img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.grid figure.effect-moses h2,
.grid figure.effect-moses p {
	
	width: 50%;
	height: 50%;
	
}

.grid figure.effect-moses h2 {
	padding-left:60px;
	padding-top:45px;
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
}

.grid figure.effect-moses p {
	float: right;
	padding-right:20px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.grid figure.effect-moses:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid figure.effect-moses:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid figure.effect-moses:hover img {
	opacity: 0.6;
}

.con2 .mn .center{display:inline-block;margin-left:5px;width:710px;}
.con2 .mn .center .grid{width:350px;height:230px;}
.con2 .mn .center .grid figure{width:350px;height:230px;float:left;display:inline-block;}
.con2 .mn .right{display:inline-block;float:right;}
.con2 .mn .right .grid{width:278px;height:465px;}
.con2 .mn .right .grid figure{width:278px;height:465px;}


 


.con4_bg{width:100%;height:500px;background:url("../images/con4_bg.jpg")/*tpa=http://www.jszzzm.com/images/con4_bg.jpg*/ no-repeat top center;}
.con4{width:1320px;margin:0 auto;padding-top:95px;}
.con4 .left{width:266px;height:315px;border:5px solid #ffa800;float:left;display:inline-block;margin-left:49px;}
.con4 .left .friend{width:266px;height:315px;overflow:hidden;}
.con4 .left .mr_frbox{height:315px;padding:0px 0px 0px;}
.con4 .left .mr_frUl{float:left;height:315px;width:266px;}
.con4 .left .mr_frUl ul{width:1280px;height:315px;list-style:none;}
.con4 .left .mr_frUl ul li{display:inline;float:left;width:266px;height:315px;background:none;overflow:hidden;position:relative;margin-right:45px;}
.con4 .left .mr_frUl ul li div{width:266px;height:315px;text-align:center;display:table-cell;vertical-align:middle;}
.con4 .left .mr_frUl ul li img{max-width:100%;max-height:100%;vertical-align:middle;margin:0 auto;}
.con4 .center{display:inline-block;margin-left:34px;width:520px;}
.con4 .center .tit h1{font-size:20px;color:#fff000;line-height:20px;padding-top:3px;padding-bottom:24px;}
.con4 .center .tit h1 span{display:block;font-size:30px;color:#fff000;line-height:30px;margin-top:23px;}
.con4 .center .mn p{color:#fff;line-height:30px;text-indent:2em;}
.con4 .center .more{color:#fff;width:123px;height:34px;border:1px solid #fff;line-height:34px;text-align:center;float:right;margin-right:17px;}
.con4 .center .more a{color:#fff;display:block;transition:800ms ease all;outline:none;}
.con4 .center .more a:hover{background:#ffa800;}
.con4 .center .more a:brfore,.con4 .center .more a:after{content:'';transition:400ms ease all;}
.con4 .right{display:inline-block;float:right;width:399px;height:325px;background:url("../images/con4_right.png")/*tpa=http://www.jszzzm.com/images/con4_right.png*/ no-repeat 25px 0;}


.con5{width:1320px;margin:0 auto;margin-top:30px;}
.con5 .tit{height:77px;background:url("../images/con5_tit.png")/*tpa=http://www.jszzzm.com/images/con5_tit.png*/ no-repeat top center;text-align:center;color:#0867f7;}
.con5 .tit h1{font-size:24px;line-height:24px;}
.con5 .tit h1 span{color:#222222;}
.con5 .tit p{font-size:12px;line-height:12px;margin-top:10px;}

.con5 .mn{margin-top:27px;}
.con5 .mn .left{float:left;}
.con5 .mn .left ul li{width:280px;height:300px;float:left;margin-right:38px;}

.con5 .mn .left ul li .main_img{
    height: 300px;
    width: 280px;
	overflow:hidden;
	position: relative;
}
.con5 .mn .left ul li .main_img img{
	height: 300px;
    width: 280px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.con5 .mn .left ul li .main_img .hidd{width:280px;height:52px;background:url("../images/con5_left.png")/*tpa=http://www.jszzzm.com/images/con5_left.png*/ no-repeat;color:#fff;;z-index:100;position:relative;top:-52px;text-align:center;line-height:52px;letter-spacing:1px;}
.con5 .mn .left ul li .main_img:hover .hidd{display:none;}
.con5 .mn .left ul li .main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:300px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:280px;
    z-index: 200;
}
.con5 .mn .left ul li .main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	color:#fff;
}
.con5 .mn .left ul li .main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.con5 .mn .left ul li .main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.con5 .mn .left ul li .main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.con5 .mn .left ul li .main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.con5 .mn .left ul li .main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}


.con5 .mn .right{width:653px;float:right;letter-spacing:1px;}
.con5 .mn .right .new1{height:151px;}
.con5 .mn .right .new1_img{width:210px;height:152px;display:inline-block;}
.con5 .mn .right .new1_img img{width:210px;height:152px;}
.con5 .mn .right .new1_mn{width:430px;display:inline-block;float:right;}
.con5 .mn .right .new1_mn h1{font-size:16px;color:#666666;line-height:16px;}
.con5 .mn .right .new1_mn h1 a{color:#666666;transition:800ms ease all;outline:none;}
.con5 .mn .right .new1_mn h1 a:hover{color:#ffa800;}
.con5 .mn .right .new1_mn h1 a:before,.con5 .mn .right .new1_mn h1 a:after{content:'';transition:400ms ease all;}
.con5 .mn .right .new1_mn p{line-height:20px;color:#888888;margin-top:16px;height:60px;overflow:hidden;}
.con5 .mn .right .new ul{width:692px;}
.con5 .mn .right .new ul li{float:left;margin-right:48px;width:298px;margin-top:23px;background:url("../images/r1.jpg")/*tpa=http://www.jszzzm.com/images/r1.jpg*/ no-repeat left center;height:14px;line-height:14px;overflow:hidden;transition:800ms ease all;outline:none;display:inline-block;}
.con5 .mn .right .new ul li p{padding-left:18px;}
.con5 .mn .right .new ul li:hover{background:url("../images/r2.jpg")/*tpa=http://www.jszzzm.com/images/r2.jpg*/ no-repeat left center;}
.con5 .mn .right .new ul li a{color:#888888;transition:800ms ease all;outline:none;}
.con5 .mn .right .new ul li a:hover{color:#ffa800;background:url("../images/r2.jpg")/*tpa=http://www.jszzzm.com/images/r2.jpg*/ no-repeat left center;}
.con5 .mn .right .new ul li a:before,.con5 .mn .right .new ul li  a:after{content:'';transition:400ms ease all;}



.con6{width:1320px;margin:0 auto;margin-top:40px;}
.con6 .tit{height:70px;background:url("../images/con6_tit.jpg")/*tpa=http://www.jszzzm.com/images/con6_tit.jpg*/ no-repeat top center;line-height:70px;color:#fff;}
.con6 .tit .left{float:left;}
.con6 .tit .left h1{display:inline-block;float:left;font-size:60px;color:#fff;padding-left:9px;}
.con6 .tit .left div{display:inline-block;margin-left:6px;}
.con6 .tit .left div h3{width:140px;height:34px;border-bottom:1px solid #fff;font-size:20px;line-height:34px;padding-top:5px;padding-left:8px;}
.con6 .tit .left div p{font-size:16px;height:19px;line-height:19px;padding-left:8px;}
.con6 .tit .right{float:right;margin-right:8px;}
.con6 .tit .right a{color:#fff;}

.con6 .mn{margin-top:18px;height:190px;}


#footer{width:100%;margin-top:64px;}
.foot1_bg{height:279px;background:url("../images/foot1_bg.jpg")/*tpa=http://www.jszzzm.com/images/foot1_bg.jpg*/ no-repeat top center;}
.foot1{width:1320px;margin:0 auto;}
.foot1 .left{display:inline-block;float:left;margin-top:76px;}
.foot1 .center{display:inline-block;width:494px;height:185px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;margin-left:83px;margin-top:56px;letter-spacing:1px;}
.foot1 .center .tit{margin-left:73px;margin-top:15px;font-size:16px;color:#777777;line-height:16px;}
.foot1 .center .mn{min-height:99px;margin-top:17px;margin-left:73px;background:url("../images/foot1_c.png")/*tpa=http://www.jszzzm.com/images/foot1_c.png*/ no-repeat left 10px;;padding-left:46px;line-height:35px;color:#777777;}
.foot1 .right{width:323px;display:inline-block;float:right;margin-top:71px;color:#777777;letter-spacing:1px;}
.foot1 .right .tit{font-size:16px;line-height:16px;}
.foot1 .right .mn{margin-top:20px;}
.foot1 .right .mn figure{width:110px;height:110px;float:left;}
.foot1 .right .mn figure img{width:110px;height:110px;}
.foot1 .right .mn p{padding-top:41px;padding-left:140px;}

.foot2_bg{width:100%;height:30px;background:#222222;}
.foot2_bg p{text-align:center;line-height:30px;color:#504f4f;font-size:12px;}
.foot2_bg p a{color:#504f4f;transition:800ms ease all;outline:none;}
.foot2_bg p a:hover{color:#ffa800;}
.foot2_bg p a:before,.foot2_bg p a:after{content:'';transition:400ms ease all;}