/* CSS Document */

::selection {

	background-color: #267BC4;

	text-shadow: none;

	color:#FFFFFF; 

}

::-webkit-selection{ 

	background-color:#267BC4;

	text-shadow: none;

	color:#FFFFFF; 

} 

::-moz-selection{ 

	background-color:#267BC4;

	text-shadow: none;

	color:#FFFFFF; 

} 

select{

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

}

select::-ms-expand { display: none; }

* {

	box-sizing: border-box;

}



ul,

li {

	list-style: none;

}



ul,

p,

a,

dl,

dt,

dd,

table,

td,

tr,

th {

	margin: 0;

	padding: 0;

}



input {

	padding: 0;

	border-width: 1px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0;

	padding: 0;

	font-weight: normal;

}



img{

	outline: none;

}



li {

	list-style: none;

}



a {

	cursor: pointer;

	text-decoration: none;

}





body {

	background: #FFFFFF;

	/*max-width: 1920px;*/

	margin: 0 auto;

	font-size: 14px;

	font-family: "microsoft yahei";

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-font-smoothing: subpixel-antialiased

	position: relative;

}



a{

	color: #EEEEEE;

}





.wrap{

	box-sizing: content-box;

	max-width: 1200px;

	margin: 0 auto;

}

.w1032{

	max-width: 1032px;

	margin: 0 auto;

}

.w1030{

	max-width: 1030px;

	margin: 0 auto;

}

.plr15{

	padding: 0 15px;

}

.bgcFFFFFF{

	background: #FFFFFF;

	position: relative;

	z-index: 1;

}



.top { width:100%; background-color:#000000; height:130px; border-bottom:1px solid #CCCCCC;}
.top_nei { width:1200px; margin:0px auto;}
.logo { margin-top:25px; float:left;}

.link { margin-top:12px; overflow:hidden;  margin-bottom:25px;}
.link li { float:left; margin-right:10px; height:16px; font: normal normal 14px/16px "微软雅黑";}
.link li a { color:#fff; padding-left:10px;}
.tel { margin-top:30px; text-align:right;}
.top_ad { margin-left:80px; margin-top:50px; float:left;}

header{

	position: fixed;

	width: 100%;

	background: rgba(0,0,0,1);

	font-size: 0;

	z-index: 999;

}
.scrolledDown{
  background: rgba(0, 0, 0, 0.6);
  top:0px;
  border-bottom:1px solid #ccc;
}


header .wrap{

	height: 50px;

	line-height: 50px;

}

header .logo h1{

	display: inline-block;

}

header .logo h1 img{

	vertical-align: middle;

}

nav{

	height: inherit;

	line-height: inherit;
	width:1170px;
	margin:0 auto;


}

nav ul{

	height: inherit;

	line-height: inherit;
	

	/*font-size: 0px;*/

}

nav ul li{

	position: relative;

	display: inline-block;

	font-size: 14px;
	width:117px;
	text-align:center;

}

nav ul li + li{

	margin-left: 0px;

}

nav a,

nav span{

	color: #FFFFFF;

	font-size: 14px;

	cursor: pointer;

}





header input[type="checkbox"]{

	display: none;

}

header .wrap > label{

	color: #FFFFFF;

	float: right;

	display: none;

}

header .wrap > label .fa{

	font-size: 20px;

	vertical-align: middle;

}

@media only screen and (min-width: 960px){
	nav ul li:after{
		visibility: hidden;
		content: '';
		display: inline-block;
		width: 0;
		height: 2px;

		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 10px;
		background: #fff;
		transition: all .3s;
	}

	nav ul li:hover:after,
	nav ul li.active:after{
		visibility: visible;
		width: 55%;
	}
}



nav ul li .dd-menu{

	width: 140px;

	text-align: center;

	background: rgba(0,0,0,.6);

	position: absolute;

	top: 100%;

	left: -webkit-calc((-140px + 100%)/2);

	left: calc((-140px + 100%)/2);

	

	display: none;

}

nav ul li .dd-menu a{

	font-size: 14px;

	line-height: 40px;

	display: block;

	border-bottom: 1px solid rgba(0,0,0,.6);

	transition: all .3s;

}

@media only screen and (min-width: 960px){
	nav ul li .dd-menu a:hover{
		color: #FFFFFF;
		background: rgba(255,60,60,.6);
	}
	nav ul li:hover .dd-menu{
		display: block;
	}
}

@media only screen and (max-width: 960px) {
	header .logo h1 img{
		vertical-align: middle;
	}
	header .wrap{
		height: auto;
	}
	
	nav{
		display: none;
		width: 100%;
		height: inherit;
		line-height: inherit;
		float: none;
		position: relative;
		z-index: 9;
		padding-bottom: 20px;
	}
	nav ul li{
		line-height: 40px;
		display: block;
		width: 100%;
		font-size: 14px;
		vertical-align: top;
	}
	nav ul li .dd-menu{
		width: 100%;
		padding: 0 15px;
		position: static;
		text-align: left;
	}
	nav ul li + li{
		margin: 0;
	}
	
	nav ul li label{
		display: block;
	}
	nav ul li input[type="checkbox"]:checked ~ .dd-menu{
		display: block;
	}
	
	header .wrap > label{
		font-size: 0;
		display: block;
	}
	header .wrap > label .fa{
		font-size: 28px;
	}
	header .wrap > input[type="checkbox"]:checked ~ nav{
		display: block;
	}
}





footer{

	min-height: 480px;

	padding-top: 57px;

	background: #26292E;

	text-align: center;

	position: relative;

	z-index: 9;

}

footer .logo{

	vertical-align: top;

}

footer .link{

	margin-top: 34px;

	font-size: 0;

	text-align: center;

}

footer .link li{

	display: inline-block;

	vertical-align: top;

	padding: 0 18px;

	height: 15px;

	line-height: 15px;

}

footer .link li + li{

	border-left: 1px solid #999999;

}

footer .link li a{

	display: inline-block;

	height: inherit;

	line-height: inherit;

	font-size: 14px;

	color: #FFFFFF;

	vertical-align: top;

}

footer .cs{

	margin-top: 39px;

	line-height: 0;

	display: inline-block;

	font-size: 0;

	text-align: left;

	padding-left: 76px;

	background: url(../images/tel.png) left bottom 3px no-repeat;

}

footer .cs .num{

	font-size: 36px;

	line-height: 28px;

	color: #FFFFFF;

}

footer .cs .other {

	line-height: 1;

	margin-top: 15px;

}

footer .cs .other span{

	font-size: 14px;

	line-height: 14px;

	vertical-align: middle;

	color: #FFFFFF;

	margin-right: 2px;

}

footer .cs .other i{

	color: #C7C7C7;

	font-size: 18px;

	vertical-align: middle;

	margin-left: 16px;

}



footer .code{

	font-size: 0;

	margin-top: 38px;

}

footer .code img{

	vertical-align: top;

}

footer .code .txt{

	display: inline-block;

	vertical-align: top;

	width: 22px;

	height: 104px;

	color: #FFFFFF;

	font-size: 13px;

	line-height: 1;

	margin-left: 8px;



	text-align: center;

	

	-webkit-writing-mode: vertical-rl;

    writing-mode: tb-rl;

    writing-mode: vertical-rl;

    

    position: relative;

}

footer .code .txt:before{

	content: '';

	display: inline-block;

	width: 16px;

	height: 5px;

	background: url(../images/fc-t.png) center no-repeat;

	position: absolute;

	left: 0;

	top: 0;

}

footer .code .txt:after{

	content: '';

	display: inline-block;

	width: 16px;

	height: 5px;

	background: url(../images/fc-b.png) center no-repeat;

	position: absolute;

	left: 0;

	bottom: 0;

}

footer .copyright{

	margin-top: 30px;

	font-size: 12px;

	color: rgba(255,255,255,.5);

	line-height: 1;

}


.jion_top { width:100%;}
.jion_top img{ width:100%; background-color:#fff;}



.h2 .c { font-size:3rem;}

.h2 .e { font-size:1.2rem; color:#999999; margin-top:1.5%;}



.criticize { margin:7.5% auto; text-align:center; width:100%; overflow:hidden;}

.criticize li{

	margin-top: 6%;

	display: inline-block;

	vertical-align: top;

	width: 33.333%;

	float:left;

	text-align:center;

}



.criticize .img-box{

	position: relative;

	margin-bottom: 34px;

}

.criticize .img-box .shadow{

	position: absolute;

	margin: auto;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: .2;

	width: 69px;

	

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	transition: all .3s;

}

.criticize .img-box img{

	vertical-align: top;

	transition: all .3s;

	width:40%;

}

.criticize .title{

	font-size: 1.8rem;

	font-weight:bold;

	color: #F04146;

}



.criticize .summary {

	margin-top: 2%;

}

.criticize .summary p{

	font-size: 1.4rem;

	color: #999999;

}









.jion_hyx{



	min-height: 712px;

	padding-top: 4%;

	overflow: hidden;

	background: url(../images/jion_hyx.jpg) center no-repeat fixed;

	background-size: cover;

	color:#d1bc7f;

	width:100%;

	margin:0px auto;

	text-align:center;



}



.jion_hyx .h2 .c{



	color: #d1bc7f;

	margin-bottom:4%;



}



.jion_hyx .h2 .e{

	color: #d1bc7f;

	font-size:2rem;

}





/*-----------------------------------------------------------------------------------*/

.am-tabs-bd {

	position: relative;

	overflow: hidden;

	border: 1px solid #ddd;

	border-top: none;

	z-index: 100;

	-webkit-transition: height .3s;

	transition: height .3s

}

.am-tabs-bd:after, .am-tabs-bd:before {

	content: " ";

	display: table

}

.am-tabs-bd:after {

	clear: both

}

.am-tabs-bd .am-tab-panel {

	position: absolute;

	top: 0;

	z-index: 99;

	float: left;

	width: 100%;

	padding: 10px 10px 15px;

	visibility: hidden;

	-webkit-transition: -webkit-transform .3s;

	transition: -webkit-transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s;

	-webkit-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	transform: translateX(-100%)

}

.am-tabs-bd .am-tab-panel * {

	-webkit-user-drag: none

}

.am-tabs-bd .am-tab-panel.am-active {

	position: relative;

	z-index: 100;

	visibility: visible;

	-webkit-transform: translateX(0);

	-ms-transform: translateX(0);

	transform: translateX(0)

}

.am-tabs-bd .am-tab-panel.am-active~.am-tab-panel {

	-webkit-transform: translateX(100%);

	-ms-transform: translateX(100%);

	transform: translateX(100%)

}

.am-tabs-bd .am-tabs-bd {

	border: none

}

.am-tabs-bd-ofv {

	overflow: visible

}

.am-tabs-bd-ofv>.am-tab-panel {

	display: none

}

.am-tabs-bd-ofv>.am-tab-panel.am-active {

	display: block

}

.am-tabs-fade .am-tab-panel {

	opacity: 0;

	-webkit-transition: opacity .25s linear;

	transition: opacity .25s linear

}

.am-tabs-fade .am-tab-panel.am-in {

	opacity: 1

}

[data-am-widget=tabs] {

margin:10px

}

[data-am-widget=tabs] .am-tabs-nav {

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}

[data-am-widget=tabs] .am-tabs-nav li {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1

}

[data-am-widget=tabs] .am-tabs-nav a {

	display: block;

	word-wrap: normal;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

.am-tabs-default .am-tabs-nav {

	line-height: 40px;

	background-color: #eee

}

.am-tabs-default .am-tabs-nav a {

	color: #222;

	line-height: 42px

}

.am-tabs-default .am-tabs-nav>.am-active a {

	background-color: #0e90d2;

	color: #fff

}

.am-tabs-d2 .am-tabs-nav {

	background-color: #eee

}

.am-tabs-d2 .am-tabs-nav li {

	height: 42px

}

.am-tabs-d2 .am-tabs-nav a {

	color: #222;

	line-height: 42px

}

.am-tabs-d2 .am-tabs-nav>.am-active {

	position: relative;

	background-color: #fcfcfc;

	border-bottom: 2px solid #0e90d2

}

.am-tabs-d2 .am-tabs-nav>.am-active a {

	line-height: 40px;

	color: #0e90d2

}

.am-tabs-d2 .am-tabs-nav>.am-active:after {

	position: absolute;

	width: 0;

	height: 0;

	bottom: 0;

	left: 50%;

	margin-left: -5px;

	border: 6px rgba(0,0,0,0) solid;

	content: "";

	z-index: 1;

	border-bottom-color: #0e90d2

}





.i_dzxlq{

	height:335px;

	position:relative;

	width:100%;

}

.i_dzxlq_m{

	height:335px;

	margin:0 auto;

	width:1200px;

}



.i_dzxlq_title{

	background:#fff;

	float:left;

	height:335px;

	position:relative;

	width:90px;

}





.i_dzxlq_title h2{

	background:url(../images/i_dzxlq_title.png) no-repeat center;

	display:block;

	height:335px;

	margin:0 auto;

	overflow:hidden;

	text-indent:-999px;

	width:76px;

}

.i_dzxlq_title span{

	background:url(../images/i_dzxlq_hr.png) no-repeat center;

	bottom:-20px;

	display:block;

	height:37px;

	left:0px;

	position:absolute;

	width:90px;

	z-index:99;

}

.i_dzxlq_img{

	float:left;

	height:335px;

	text-align:center;

	width:500px;

}



.i_dzxlq_img img{

	margin:80px 0 0 0;

}



.i_dzxlq_list{

	float:left;

	padding:20px 0 0 0;

	width:600px;

}



.i_dzxlq_dt{

	border:none!important;

	height:30px;

	width:100%;

}



.i_dzxlq_dt em{

	display:block;

	float:left;

	font-family:"Noto Sans S Chinese Thin";

	font-size:20px;

	font-style:normal;

	padding:0 20px 0 0;

}

.i_dzxlq_dt em a{

	border-bottom:solid 2px #e4e1d9;

	color:#7d7d7d;

	display:block;

	transition:300ms;

}

.i_dzxlq_dt em a:hover{

	border-bottom:solid 2px #d1bc7f;

	color:#d1bc7f;

	transition:300ms;

}

.i_dzxlq_dt .am-active em  a{

	border-bottom:solid 2px #d1bc7f;

	color:#d1bc7f;

	transition:300ms;

}

.i_dzxlq_dd{

	border:none!important;

	overflow:hidden;

	width:100%;

}

.i_dzxlq_dd ul{

	margin:0;

	padding:0;

}

.i_dzxlq_dd li{

	float:left;

	height:66px;

	margin:10px 10px 0 0;

	overflow:hidden;

	position:relative;

	text-align:center;

	width:165px;

}



.i_dzxlq_dd li a{

	border:solid 1px #d1bc7f;

	color:#d1bc7f;

	display:block;

	line-height:63px;

}

.i_dzxlq_dd li em{

	border-bottom:solid 1px #d1bc7f;

	font-family:"Noto Sans S Chinese Thin";

	font-size:24px;

	font-style:normal;

	padding:0 0 5px 0;

}

.i_dzxlq_dd li span{

	background:#d1bc7f;

	color:#333;

	display:block;

	font-size:14px;

	height:66px;

	left:0;

	line-height:25px;

	padding:5px 0 0 0;

	position:absolute;

	top:65px;

	transition:300ms;

	width:165px;

}



.i_dzxlq_dd li span hr{

	background:#fff;

	border:none;

	height:1px;

	margin:0 auto;

	width:50%;

}

.i_dzxlq_dd li a:hover > span{

	top:0px;

	transition:300ms;

}



/*-----------------------------------------------------------------------------------*/





.i_dzxlh{

	height:335px;

	position:relative;

	width:100%;

}



.i_dzxlh_m{

	height:335px;

	margin:0 auto;

	width:1200px;

}



.i_dzxlh_title{

	background:#fff;

	float:left;

	height:335px;

	position:relative;

	width:90px;

}



.i_dzxlh_title h2{

	background:url(../images/i_dzxlh_title.png) no-repeat center;

	display:block;

	height:335px;

	margin:0 auto;

	overflow:hidden;

	text-indent:-999px;

	width:76px;

}



.i_dzxlh_img{

	float:left;

	height:335px;

	text-align:center;

	width:500px;

}



.i_dzxlh_img img{

	margin:80px 0 0 0;

}



.i_dzxlh_list{

	float:left;

	padding:20px 0 0 0;

	width:600px;

}



.i_dzxlh_dt{

	border:none!important;

	height:30px;

	width:100%;

}



.i_dzxlh_dt em{

	display:block;

	float:left;

	font-family:"Noto Sans S Chinese Thin";

	font-size:20px;

	font-style:normal;

	padding:0 20px 0 0;

}

.i_dzxlh_dt em a{

	border-bottom:solid 2px #f4f4f4;

	color:#7d7d7d;

	display:block;

	transition:300ms;

}

.i_dzxlh_dt em a:hover{

	border-bottom:solid 2px #d1bc7f;

	color:#d1bc7f;

	transition:300ms;

}

.i_dzxlh_dt .am-active em  a{

	border-bottom:solid 2px #d1bc7f;

	color:#d1bc7f;

	transition:300ms;

}

.i_dzxlh_dd{

	border:none!important;

	overflow:hidden;

	width:100%;

}

.i_dzxlh_dd ul{

	margin:0;

	padding:0;

}

.i_dzxlh_dd li{

	float:left;

	height:66px;

	margin:10px 10px 0 0;

	overflow:hidden;

	position:relative;

	text-align:center;

	width:165px;

	z-index:2;

}



.i_dzxlh_dd li a{

	border:solid 1px #d1bc7f;

	color:#d1bc7f;

	display:block;

	line-height:63px;

}

.i_dzxlh_dd li em{

	border-bottom:solid 1px #d1bc7f;

	font-family:"Noto Sans S Chinese Thin";

	font-size:24px;

	font-style:normal;

	padding:0 0 5px 0;

}

.i_dzxlh_dd li span{

	background:#d1bc7f;

	color:#333;

	display:block;

	font-size:14px;

	height:65px;

	left:0;

	line-height:25px;

	padding:8px 0 0 0;

	position:absolute;

	top:65px;

	transition:300ms;

	width:165px;

}



.i_dzxlh_dd li span hr{

	background:#fff;

	border:none;

	height:1px;

	margin:0 auto;

	width:50%;

}

.i_dzxlh_dd li a:hover > span{

	top:0px;

	transition:300ms;

}





.jion_jiameng{

	min-height: 2113px;

	padding-top: 7%;

	overflow: hidden;

	background: url(../images/jion_jiameng_bg.jpg) center no-repeat;

	background-size: cover;

	text-align:center;

}



.jion_jiameng .h2 span { color:#e60012;}

.jion_jiameng .list{ width:1080px; margin:7% auto;}



.jion_jiameng .list li{width: 1080px;height:400px;margin-top:5%;}



.jion_jiameng .list .jion_jiameng_list_l { width:50%; height:400px; float:left; text-align:left;}



.jion_jiameng .list .jion_jiameng_list_r { width:42%; vertical-align:top; margin:0px 4%; height:400px; float:left; text-align:left;}



.jion_jiameng .list li img{width: 560px;transition: all .5s;}



.jion_jiameng .list  .jion_jiameng_list_title span{color:#FF0000;font-weight:bold;font-size:2.5rem;line-height:7rem;}



.jion_jiameng .list .jion_jiameng_list_text span{color:#FF0000;font-weight:bold;font-size:1.5rem;line-height:2.5rem;}



.jion_jiameng .list .jion_jiameng_list_title{color:#000;font: normal normal 2.5rem/7rem "微软雅黑";padding-top:2%;}



.jion_jiameng .list .jion_jiameng_list_text{color:#000;font: normal normal 1.4rem/3rem "微软雅黑";}



.jion_jiameng .jion_jiameng_tel{margin:20px auto;	max-width: 1080px;}





.jion_jmzc { width:100%; text-align:center; padding-top:7%;}

.jion_jmzc .e { font-size:2.5rem; font-family:"Times New Roman", Times, serif;}





.jion_jmzc .jion_jmzc_icon{width:1200px;margin:0px auto;background:url(../images/jion_jmzc_bg.png) center top no-repeat;}





.jion_jmzc ul{margin-bottom: 8%;text-align: center; overflow:hidden;}



.jion_jmzc li{



	margin-top:8%;



	display: inline-block;



	vertical-align: top;



	width: 235px;



	text-align:center;



	overflow:hidden;



	font: normal normal bold 14px/25px "微软雅黑";



}





.jion_jmzc .jion_jmzc_icon_title{



	color:#000000;



}



.jion_jmzc .jion_jmzc_icon_intro{



	color:#e0a85b;	



	margin-bottom:3%;



}



#jion_jmzc_icon2,#jion_jmzc_icon3,#jion_jmzc_icon4 { padding-top:3%;}

#jion_jmzc_icon3{ padding-top:4%;}







.jion_jmzc_khxs {

	max-width:1200px;

	margin:20px auto;

}



.jion_jmzc_khxs ul{



	margin-bottom:7%;



	text-align: center;



}



.jion_jmzc_khxs li{



	margin-top:6%;



	display: inline-block;



	vertical-align: top;



	width: 370px;



	margin:0px 12px;



	background-color:#f6f6f6;



	text-align:center;



	overflow:hidden;



	color:#666666



}





.jion_jmzc_khxs .jion_jmzc_khxs_img{



	margin-top:6%;



}



.jion_jmzc_khxs .jion_jmzc_khxs_title{



	text-align:left;



	margin:2% 15%;



	font-size:1.2rem;



}





.jion_jmzc_khxs .jion_jmzc_khxs_name{



	text-align:left;



	margin:3% 15%;



	font-size:16px;



}



.jion_jmzc_khxs .jion_jmzc_khxs_name span{



	color:#999999;



	font-size:14px;



}





.jion_jmzc_khxs .jion_jmzc_khxs_intro{



	text-align:left;



	margin:3% 15%;



	color:#999999;



	height:100px;



}





.jion_jmzc_khxs .ljzx{



	margin-top: 26px;



	margin-bottom:30px;



	display: inline-block;



	width: 140px;



	height: 40px;



	line-height: 38px;



	background: #047dcb;



	border: 1px solid #047dcb;



	border-radius: 40px;



	text-align: center;



	font-size: 16px;



	color: #FFFFFF;



	transition: all .3s;



}



.jion_jmzc_khxs .ljzx:hover{



	background: #fff;



	border: 1px solid #047dcb;



	color: #000;



}





.jion_about{

	min-height: 1150px;

	overflow: hidden;

	background: url(../images/jion_about_bg.jpg) center no-repeat fixed;

	background-size: cover;

}





.jion_about .jion_about_part1{



	margin-bottom: 8%;

	width:1200px;

	margin:5% auto;

	text-align: center;

	margin-top:6%;



}





.jion_about  .jion_about_part1 .jion_about_part1_video{

	display: inline-block;

	vertical-align: top;

	width:50%;

	float:left;

}



.jion_about  .jion_about_part1 .jion_about_part1_video img{ width:100%;}

.jion_about  .jion_about_part1 .jion_about_part1_right{

	display: inline-block;

	vertical-align: top;

	width:50%;

	background-color:#eee;

}



.jion_about  .jion_about_part1 .jion_about_part1_right_nei{



	margin:21px;



	border:1px solid #FFFFFF;



	padding:20px;

	



}



.jion_about_part1_right_nei h2{



	background:url(../images/jion_zjhyx.jpg) left bottom no-repeat;



	text-align:left;



	padding-bottom:10px;



	margin-bottom:20px;



}



.jion_about_part1_right_nei h2 .c{



	font-size:18px;



}



.jion_about_part1_right_nei h2 .e{



	font-size:14px;



}



.jion_about  .jion_about_part1 .jion_about_part1_right_nei .jion_about_part1_right_text{



	text-align:left;



	line-height:25px;



	color:#7f7f7d;

	



}





.jion_message{



	min-height: 678px;



	overflow: hidden;



	background: url(../images/jion_message_bg.jpg) center no-repeat;



	background-size: cover;



	position:relative;



}



.jion_message_form {



	position:absolute;



	top:30px;



	right:30px;



	background-color:#FFFFFF;



	width:600px;



	height:600px;



	padding:40px;



}







.jion_message_form .jion_mes1{



	margin-top:40px;	



}



.jion_message_form .jion_mes1 input{



	width:100%;



	height:40px;



	padding-left:60px;



	border:1px solid #cac7c7;



	line-height:40px;



	background:url(../images/jion_mes_input_bg1.jpg) left top no-repeat;



}



.jion_message_form .jion_mes2{



	margin-top:10px;	



}



.jion_message_form .jion_mes2 input{



	width:100%;



	height:40px;



	padding-left:60px;



	border:1px solid #cac7c7;



	line-height:40px;



	background:url(../images/jion_mes_input_bg2.jpg) left top no-repeat;



}



.jion_message_form .jion_mes3{



	margin-top:10px;	



}



.jion_message_form .jion_mes3 input{



	width:100%;



	height:40px;



	padding-left:60px;



	border:1px solid #cac7c7;



	line-height:40px;



	background:url(../images/jion_mes_input_bg3.jpg) left top no-repeat;



}



.jion_message_form .jion_mes4{



	margin-top:10px;



}



.jion_message_form .jion_mes4 textarea{



	width:100%;



	height:150px;



	padding-left:10px;



	border:1px solid #cac7c7;



	line-height:40px;



}

.jion_message_form .jion_mes5{



	margin-top:30px;



}



.jion_message_form .jion_mes_tijiao{



	width:110px;



	height:42px;



	border:none;



	background-color:#e70000;



	text-align:center;



	line-height:42px;



	color:#FFFFFF;



}



.jion_message_form .jion_mes_chongzhi{



	width:110px;



	height:42px;



	border:none;



	background-color:#d5a76b;



	text-align:center;



	line-height:42px;



	color:#FFFFFF;



}

.yzm_bt { float:left;}

#yzm_img { float:left;}



			.content {width: 1200px;margin: 0 auto;}

			.Box_con {width: 1200px;position: relative;}



			.Box_con .btnl {position: absolute;}

			.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 180px;cursor: pointer; z-index:99}

		

			.Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: 0px;}

			.Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: 0px;}

			.Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}

			.Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}

			.Box_con .conbox {position: relative;overflow: hidden;}

			.Box_con .conbox ul {position: relative;list-style: none;}

			.Box_con .conbox ul li {float: left;width: 274px;height: 465px;margin:0px 5px;overflow: hidden; background-color:#eee; text-align:center; color:#d5a76b;}



			.Box_con .conbox ul li:first-child {margin-left: 0;}

			.Box_con .conbox ul li img {display: block;width: 254px;height: 394px;transition: all 0.5s; margin:10px 10px 0px 10px;}



			.Box_con .conbox ul li:hover img {transform: scale(1.1);}