/**********com**********/
.layout, .head, .slide_btn{width: 1200px;margin:0 auto;padding: 0 5px}
.box{width: 1122px;margin:0 auto;}

/**************/
header{
	width: 100%;
	height: 120px;
	background: #fff;
}
.ht{height: 3px;background:#3c5463}
.hb{height: 117px;background: #fff}
.lg{display: inline-block;margin-top: 19px}
.lg a{width: 100%;display: block;}
.nl{
	float: right;
}
nav{display: inline-block;}
nav ul li{
	line-height: 117px;
	font-size: 16px;
	float: left;
	padding-right: 48px;
	position: relative;

}
nav ul li.hover{
	color: #7c4c3a;
/*	font-weight:700;
*/
}
nav ul li:last-child{padding-right: 0px}
nav ul li:hover{color: #7c4c3a;font-weight:700;}
.sous {
    position: absolute;
    left: -42px;
    top: 100%;
    width: 144px;
    z-index: 99;
    opacity: 0;
    filter: alpha(opacity=0);
}
.sous dd{
	width: 100%;
    font-size: 14px;
    color: #4e4e4e;
    line-height: 50px;
    text-align: center;
    background: #fdfdfd;
    border-bottom: 1px solid #e4e4e3;
   

}
nav ul li.hover{
	color: #7c4c3a;
}
.sous dd:last-child{border-bottom: 0px}
.sous dd a{display: block;width: 100%}
.sous dd:nth-child(1):before{
	width: 104px;
    height: 4px;
    background: #7c4c3a;
    display: block;
    content: '';
    margin: 0 auto;
    top: -4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.sous dd:hover{
	color: #7c4c3a;
	font-weight: 700
}
nav ul li:hover .sous{
	 opacity: 1;
    filter: alpha(opacity=100);
}






.lag{float: right;line-height: 117px;margin-left: 48px}
.lag p a{display: inline-block;}
.lag p a:first-child::after{
	height: 12px;
    width: 1px;
    background: #4e4e4e;
    content: '';
    display: inline-block;
    margin: 0px 2px 0 5px;
    position: relative;
    top: 1px;
    
}
.lag p a:hover{
	color: #7c4c3a
}
.slide{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.slide .swiper-container{
	width: 100%;
	height: 100%
}
.slide .swiper-slide{width: 100%}
.slide .swiper-slide img{width: 100%}
.slide .swiper-button-prev, .slide .swiper-button-next{
	background: none;
	font-size: 60px;
	color: #fff;

}
.slide_btn{
	 position: absolute;
    top: 50%;
    left: 50%;
    transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    z-index: 9
}
.inx{
	height: 320px;
	width: 100%;
/*	padding-top: 60px;*/
	background: #3c5463
}
.id_logo{
	float: left;
	width: 242px;
	height: 320px;
	color: #fff;
	font-size: 20px;
	padding-left: 16px;
}
.id_lg{
	float: right;
	width: 948px;
}
.id_lg dl dd{
	width: 316px;
	float: left;
	overflow: hidden;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.id_lg dl dd img{
	width: 100%;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.id_lg dl dd:hover img{
	transform: scale(1.06,1.06);
	-webkit-transform: scale(1.06,1.06);
	-moz-transform: scale(1.06,1.06);
	-ms-transform: scale(1.06,1.06);
}
.chp{
	padding: 60px 0px;
	width: 100%;
}
.chx{
	width: 382px;
	float: left;
	margin-right: 25px;
}
.cos{
	padding: 95px 0px
}
.cost{
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.cost h3{font-size: 36px;}
.cost a{
	display: inline-block;
	width: 174px;
	line-height: 38px;
	text-align: center;
	border:1px solid #999793;
	color: #999793
}
.cost p{
	padding-top: 25px;
	padding-bottom: 42px;
	line-height: 34px
}
.cos_slide{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 80px
}
.cos_slide .swiper-slide{
	text-align: center;
}
.cos_slide .swiper-button-prev{
	background: url(../images/p12.png);
	left: 3px!important
	
} 
.cos_slide .swiper-button-prev:hover{
	background: url(../images/p12_2.png);
	background-repeat: no-repeat;
}
.cos_slide .swiper-button-next{
	background: url(../images/p11.png);
	right: 3px!important
} 
.cos_slide .swiper-button-next:hover{
	background: url(../images/p11_1.png);
	background-repeat: no-repeat;
}

.cos_slide .swiper-button-prev, .cos_slide .swiper-button-next{
	background-repeat: no-repeat;
}
.cos_slide .swiper-container{
	width: 1068px;
	margin:0 auto;
	overflow: hidden;
}
.dwlnd{padding: 60px 0px}
.dwx{
	width: 50%;
	float: left;
	overflow: hidden;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    position: relative;
}
.dwx a{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;

}
.dwx img{width: 100%;transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;}
.dwx:nth-child(1):hover img{
		transform: scale(1.06,1.06);
	-webkit-transform: scale(1.06,1.06);
	-moz-transform: scale(1.06,1.06);
	-ms-transform: scale(1.06,1.06);
}
/*****内页*******/
.banner{
	width: 100%;
}
.banner img{width: 100%}
.pos{
	color: #808080;
	font-size: 12px;
	border-bottom: 1px solid #f2f2f2;
	padding: 20px 0px
}
.pnv{
	display: inline-block;
}
.pnv a{
	padding:0 3px
}
.pnv a:last-child{color: #7c4c3a}
a.rt{
	float: right;

}
a.rt i{
	vertical-align:baseline;
	font-size: 14px;
	padding-left: 8px
}

main{
	padding: 30px 0 50px 0;
	
}
.content{
	font-size: 14px;
	color: #4c4c4c;
	line-height: 1.8;

}
.ox{
	padding: 30px 0px
}
aside{float: left;width: 50%}
aside img{width: 100%}
aside:nth-child(even){
	padding:18px 0 0 40px;
	line-height: 1.8
}

.px{
	float: left;
	position: relative;
	overflow: hidden;
	margin:0 22px 22px 0;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    width: 382px
}
.px:nth-child(3n){margin-right: 0px}
.px a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}
.px img{
	width: 100%;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.pcx:nth-child(1){
	width: 786px;
	color: #fff

}
.pcx:nth-child(1)::before{
	display: none;
}
.pcx:nth-child(2){
	width: 382px;
	margin-right: 0px
}
.pcx{
	margin-right: 22px;
	margin-bottom: 22px;
	float: left;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #fff
}

.pcx:hover::before{
	width: 0
}
.pcx:nth-child(5){
	margin-right: 0px;
}
.pcx img{
	width: 100%
transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.pcx:hover img{
	transform: scale(1.06,1.06);
	-webkit-transform: scale(1.06,1.06);
	-moz-transform: scale(1.06,1.06);
}

.tx{
	padding: 30px 0px;
	text-align: center;
	background:rgba(60, 84, 99, 0.26);
	height:auto;
	top: auto;
	bottom:-5px;
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-family: 'arial';
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0)

}
.px:hover img{
	transform: scale(1.06,1.06);
	-webkit-transform: scale(1.06,1.06);
	-moz-transform: scale(1.06,1.06);

}
.px:hover .tx{
	bottom: 0;
	opacity: 1;
    filter: alpha(opacity=100)
	
}
.ptx{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding:0px 0 0 80px;
	opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    background: rgba(0, 0, 0, 0.35);
    color: #fff



}
.pcx:nth-child(1) .ptx{
	background: none
}
.px:hover .ptx, .pcx:hover .ptx{
	opacity: 1;
    filter: alpha(opacity=100)
}
.uyx{
	opacity: 1;
    filter: alpha(opacity=100)
}
.ptx h3{
	font-size: 36px;
	font-weight: bold;

}
.ptx p{
	line-height: 27px;
	padding: 18px 0px
}

a.tu{
	width: 110px;
	height: 34px;
	border:1px solid #fff;
	text-align: center;
	display: inline-block;
	line-height: 34px
}

a.es{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;

}

.xz, .jix{
	text-align: center;
	padding-left: 0px;
}

.xz h2, .jix h2{font-size: 30px;font-weight: bold;}
.xz small:before, .jix small:before{
	width: 50px;
    background: #fff;
    display: block;
    margin: 3px auto;
    content: '';
    height: 2px;

}
.xz small, .jix small{font-size: 14px}
.jix small:before{
    background: #4e4e4e;


}



.pour{
	width: 280px;
	margin-bottom: 23px;
	margin-right: 23px;
	float: left;
	text-align: center;
	background: #fafafa;
	height: 248px
}

.pour:nth-child(4n){
	margin-right: 0px
}



.vid{
	position: relative;
	width: 100%;
	height: 544px;
	overflow: hidden;
}
video{
	width: 100%;
	height: 544px;
	object-fit: cover
}
.vx{
	padding-top: 30px;
	font-size: 14px;
	padding-left: 20px
}
.vtit{
	padding-bottom: 30px;
	font-size: 16px;
}
small.play{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%)translateX(-50%);
	-webkit-transform: translateY(-50%)translateX(-50%);
	-moz-transform: translateY(-50%)translateX(-50%);
	z-index: 9;
	width: 61px;
	height: 61px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
small.play img{
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;

}

.nw{
	padding: 0;
}
.nwx{
	font-size: 14px;
	color: #444444;
	border-bottom: 1px dashed #ededed;
	margin-top: 60px;
	position: relative;
}

.nwx a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}
time{
	font-family: 'arial';
	color: #cccccc;
	font-size: 30px;
}
.ntx h6{
	font-size:16px ;
	color: #222222;
	padding-bottom: 10px
}
.ntx{
	padding: 20px 0px 18px;
	line-height: 1.8
}
.pages{
	padding-top: 67px;
	display: block;
	text-align: right;
	padding-bottom: 180px
}
.pages ul li{
	display: inline-block;
	margin-right: 15px;
	text-align: center;
	border:1px solid #b3b3b3;
	width: 30px;
	height: 30px;
	color: #666666

}
.pages ul li.thisclass{
	background: #3c5463;
	color: #fff;
	border-color: transparent;
}
.pages ul li a{
	display: block;width: 100%;
	line-height: 30px
}
.pages ul li:hover{
	background: #3c5463;
	color: #fff;
	border-color: transparent;
}
.pages ul li i{
	vertical-align: baseline;
	font-size: 16px
}
.pages ul li:last-child{margin-right: 0px}
.nc_tit {font-size: 20px;color: #222222;text-align: center;padding: 60px 0px}
.nbody{
	line-height: 1.8;
	padding-bottom: 60px
}
.switch{
	padding-bottom: 100px;
	text-align: right;
	font-size: 13px;
	color: #888888;
	padding-right: 10px
}
.switch ul li{
	display: inline-block;
	margin-right: 22px;
	position: relative;
}
.switch ul li:last-child{margin-right: 0px}

.switch ul li:hover{
	color: #038ecd
}
.switch ul li i{
	font-size: 16px;
	vertical-align: baseline;
}
.switch ul li a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 10px;
	top: 0
}
.contact{
	padding: 50px 0px 0px;
	color: #4e4e4e
}
.contact_map h4{
	color: #3c5463;
	font-size: 30px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 3px
}
.map_area{
	width: 100%;
	position: relative;
	text-align: center;
}
.map_area small{
	width: 18px;
	height: 18px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	position: absolute;
	top: 180px;
	right: 352px;
	display: block;
	z-index: 99;
	display:block;
	background: #fff;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;

}
.map_area small:hover{
	background: #000;

}
.address{
	background: #ededed;
	padding: 55px 0
}
article.add{
	width: 50%;
	text-align: left;
	float: left;
}
article.add dl dt{
	font-size: 18px;
	color: #4e4e4e;
	font-weight: bold;
	padding-bottom: 20px
}
article.add dl dd{
	margin-bottom: 12px;
	font-size: 14px;

}
.c_form{
	padding: 60px 0px
}
.formulaire{
	width: 670px;
	margin: 0 auto
}
.formulaire input{
	width: 100%;
	line-height:38px;
	border:1px solid #dad9d9;
	padding: 0 12px;
	margin-bottom:20px
}
.formulaire input:last-child{margin-bottom: 0px}
.formulaire textarea{
	width: 100%;
	border:1px solid #dad9d9;
	padding: 0 12px;
	margin-bottom:20px;
	height: 130px;
	line-height: 1.75;
	padding-top: 3px
	
}
.formulaire input[type=submit]{
	width: 140px;
	line-height: 38px;
	height: 38px;
	border:1px solid #3c5463;
	text-align: center;
	color: #3c5463;
	background: #fff;
	padding: 0px;
	cursor: pointer;
}

.drag{
	display: block;
	text-align: center;
	padding-top: 20px
}




/*********************/
footer{
	width: 100%;
	background: #f7f7f7;
}

.ftop{
	width: 100%;
	background: #3c5463;
	height: 70px

}
.lf{
	line-height: 70px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
}
.social{
	float: right;
	padding: 20px 0px

}
.social dl dd{
	color: #3c5463;
	font-size: 18px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	background: #b1bbc1;
	text-align: center;
	margin-right: 20px;
	position: relative;


}
.social dl dd img{
	    width: 67px;
    max-width: none;
    padding-top: -38px;
    margin-left: -110px;
    position: absolute;
    top: -19px;
    opacity: 0;
    filter: alpha(opacity = 0);
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
}
.social dl dd:hover img {
       opacity: 1;
    filter: alpha(opacity = 100);
    margin-left: -103px;
}
.social dl dd:last-child{margin-right: 0px}
.social dl dd i{
	line-height: 30px;

}
.fbn{
	background: #f7f7f7;

}
.fnav{
	padding: 50px 0px;
	
}
.fnv{
	width: 900px;
	float: left;
}
.fx{
	float: left;
	font-size: 14px;
	color: #9b9b9b;
	text-align: left;
	padding-right: 100px
}
.fx dl dt{
	font-size: 14px;
	color: #4e4e4e;
	font-weight: bold;

}
.fx dl dt:after{
	width: 30px;
	display: block;
	content: '';
	margin: 11px 0px;
	height: 1px;
	background: #617581
}
.fx dl dd{
	margin-bottom: 11px
}
.fx dl dd:hover{color: #7c4c3a}
.fx dl dd:last-child{margin-bottom: 0px}
.fdet{
	color:#9b9b9b;
	float: right;
	position: relative;
	top: -4px
}
.fdet h5{font-size: 24px;color: #6e6e6e}
.fdet article{
	padding-top: 11px
}
.incre{
	padding: 20px 0px 24px;
	border-top: 1px solid #eeeeee
}
.incre p{text-align: left;display: inline-block;}
.incre em{padding: 0 14px}
.incre small{text-align: right;font-size: 14px;float: right;}