/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; color: #666; background: #F3F4F6; }
a { color: #666; }
a:hover { color: #f60; text-decoration: underline; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1000px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; padding-top: 15px; }
.center { text-align: center; }
img { max-width: 100%; }
.h_height { height: 83px; }
.head { padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px #ccc; background: #fff; }
.logo {/*position: absolute;*/ }
.logo img { max-height: 60px; vertical-align: middle; }
.menu ul li { display: inline-block; text-align: center; line-height: 35px; text-align: center; font-size: 14px; padding: 0 15px; }
.menu ul li a { color: #000; font-size: 16px; font-weight: 600; }
.menu ul li.cur { background: #000; border-radius: 17.5px; }
.menu ul li.cur .a { color: #fff; }
.menu ul li:hover { background: #000; border-radius: 17.5px; }
.menu ul li:hover .a { color: #fff; }
.yuding { background: #000; border-radius: 17.5px; display: inline-block; padding: 0 15px; color: #fff; line-height: 35px; margin-top: 15px; }
.yuding a { color: #fff; display: inline-block; padding-right: 15px; }
.lan { margin-right: 15px; position: relative; }
.lan h3 { border-radius: 5px; display: inline-block; padding: 0 15px; color: #000; line-height: 35px; }
.lan span { display: inline-block; padding-right: 20px; font-size: 16px; }
.lan h3.cur { background: #F2F2F3; }
.lan ul { border: 1px solid #D3D4D5; background: #fff; padding: 5px; border-radius: 5px; display: none; position: absolute; left: 0; right: 0; top: 60px; }
.lan ul li { line-height: 35px; border-radius: 5px; padding: 0 5px; }
.lan ul li a { color: #000; }
.lan ul li:hover { background: #3358EA; }
.lan ul li:hover a { color: #fff; }
.phone { display: none; }
.phonehead { padding: 15px 0; position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 99; }
.phonehead .logo { width: calc(100% - 130px); }
.phonehead .menuicon a { color: #000; font-size: 20px; }
.nav { position: absolute; display: none; right: 0px; top: 0; height: 100%; width: 100%; background-color: #fff; z-index: 8; overflow-y: auto; transition: right .3s; border-left: 1px solid #f3f3f3; }
.nav.open { right: 0; }
.nav ul { padding-bottom: 71px; }
.nav li { float: none; padding: 0; position: relative; }
.nav li a { line-height: 53px; padding: 10px 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after { display: none; }
.nav li.cur > a { background-color: #eee; }
.nav li em.on { transform: rotate(90deg); }
.nav li em { transform: rotate(0deg); transition: all .3s; position: absolute; right: 10px; top: 10px; display: block; cursor: pointer; font-style: normal; }
.nav li em:after { content: '>'; font-family: simsun; font-size: 20px; line-height: 30px; width: 30px; text-align: center; display: block; }
.navDrop { position: static; display: none; left: auto; top: auto; }
.navDrop.open, .navDrop.show.open { display: block; }
.navDrop .inner { width: auto; }
.navDrop ul { padding: 0; }
.navDrop li { display: block; }
.navDrop li a { text-align: left; padding: 10px 1.5em 10px 2.5em; }
.navDrop .preview, .threeNav, .navDrop.show { display: none; }
.navDrop .info { width: auto; float: none; padding: 0; }
.subNav { float: none; width: auto; }
.subNav dd { border: none; line-height: normal; }
.subNav dd a { padding: 10px 1.5em 10px 2.5em; }
.subNav dd a:after { display: none; }
/*navBtn*/
.navBtn { cursor: pointer; display: block; position: relative; cursor: pointer; width: 70px; height: 70px; float: left; border-left: 0px solid #f3f3f3; }
.navBtn span { display: block; width: 20px; height: 2px; background-color: #c2c2c2; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; line-height: normal; }
.navBtn span:before, .navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #c2c2c2; position: absolute; left: 0; top: -7px; transition: transform .3s; transition: transform .3s; }
.navBtn span:after { top: auto; bottom: -7.5px; }
.navBtn.open span { height: 0; }
.navBtn.open span:before { transform: rotate(45deg); top: 0; }
.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }
.banner { margin-top: 25px; }
.con { margin-top: 40px; }
.con h3 { font-size: 18px; color: #000; }
.con .nr { margin: 20px 0; font-size: 16px; color: #000; line-height: 1.5; }
.bgw { background: #fff; }
.pad { padding: 30px; border-radius: 10px; }
.con2 { margin-bottom: 20px; }
.tit h3 { color: #000; font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.con2 ul li { width: 15.6%; margin: 0.5%; float: left; }
.con2 ul li .limain { border: 1px solid #ccc; }
.con2 ul li .limain img { height: 108px; margin: 0 auto; display: block; }
.con2 .wenzi{position: absolute;right: 9px;bottom: 4px;z-index: 9999;background: rgba(0, 0, 0, 0.5);text-align: center;width: 146px;height: 42px;padding: 35px 0;}
.con2 .wenzi a{color: #fff;display: block;font-size: 14px;}
.con2 .wenzi h3{color: #fff;font-size: 24px;}
.con3 .left { width: 48%; }
.con3 .right { width: 48%; }
.con3 ul li { margin-bottom: 20px; }
.con3 ul li h3 { font-size: 18px; color: #000; }
.con3 ul li span { display: block; color: #000; font-size: 16px;    line-height: 1.5rem; }
.footfix { position: fixed; left: 0; bottom: 0; right: 0; z-index: 999; background: #fff; padding: 10px 0; border-top: 1px solid #ccc; }
.footfix ul { margin-top: 10px; }
.footfix ul li { width: 20%; float: left; text-align: center; opacity: 0.5; }
.footfix ul li a{ padding: 8px 1px; border-radius: 3px; display: block; }
.footfix ul li .img2 { display: none; }
.footfix ul li h3 { line-height: 2; color: #000; font-size: 14px; }
.footfix ul li.cur { opacity: 1; }
.footfix ul li.cur .img1 { display: none; }
.footfix ul li.cur .img2 { display: inline-block; }
.footfix ul li.cur a { background: #CCCCCC;}

@media screen and (max-width: 760px) {
.wapper { width: 90%; padding: 0 1%; }
.pc { display: none; }
.phone { display: block; }
.fr { float: right; padding-top: 0px; }
.logo img { max-height: 38px; }
.h_height { height: 68px; }
.fh { height: 140px; width: 100%; }
.yuding { background: #000; border-radius: 5px; display: block; padding: 0 15px; color: #fff; line-height: 35px; margin-top: 0; text-align: center; }
.banner { margin-top: 0; width:100%; padding:0;}
.con2 ul li { width: 32.3%; margin: 0.5%; float: left; }
.con3 .left { width: 100%; margin-bottom: 20px; }
.con3 .right { width: 100%; }

.con2 .wenzi{position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    width: 91px;
    height: 65px;
    padding: 35px 0;}
}


    .about { margin-top: 25px; }
.inside { margin-top: 115px; }
.menulist { margin-top: 25px; }
.list { margin-top: 25px; }
.list ul li { width: 48%; margin: 1%; float: left; }
.list ul li .imgarea { position: relative; }
.list ul li .imgarea .wenzi { text-align: center; position: absolute; left: 0; right: 0; bottom: 10px; z-index: 999; }
.list ul li .imgarea .wenzi span { display: inline-block; line-height: 30px; background: #E31716; border-radius: 5px; font-size: 14px; color: #fff; padding: 0 10px; }
.list ul li .imgarea .wenzi h3 { margin: 15px 0; font-size: 18px; color: #fff; }
.list ul li .imgarea .wenzi h4 { font-size: 14px; color: #fff; }
.menulist ul{ display:flex; justify-content: flex-start;/* align-items: center;*/ flex-wrap:wrap;}
.menulist ul li { width: 32%; margin:0 0 20px 2%; background: #fff; border-radius: 10px; overflow:hidden;}
.menulist ul li:nth-child(3n-2) { margin-left: 0; }
.menulist ul li .img{ padding-bottom:66.56%; position:relative; overflow:hidden;}
.menulist ul li .img img{ display:block; width:100%;    height: 200px;
    object-fit: cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.menulist ul li .limain { padding: 15px; }
.menulist ul li:hover .limain { background: #ccc; }
.menulist ul li .limain h3 { font-size: 16px; color: #000; }
.menulist ul li .limain span { display: block; color: #000; margin: 15px 0; font-size: 16px; }
.menulist ul li .limain strong { font-size: 16px; color: #000; display: block; }
 @media screen and (max-width: 760px) {
.menulist ul li { width: 100%;  margin:0 0 20px 0; }
.list ul li { width: 98%; margin: 1%; float: left; }
}
.nav dl dd { display: inline-block; padding: 0 10px; }
.faq { margin-top: 115px; }
.faq ul li { margin-bottom: 20px; }
.faq ul li .litop { margin-bottom: 10px; }
.faq ul li .lileft h3 { width: 40px; height: 40px; font-size: 16px; color: #000; text-align: center; line-height: 40px; background: #D1D4DA; border-radius: 50%; margin-top: 5px; margin-right: 15px; }
.faq ul li .liright { padding: 15px; border-radius: 10px; background: #D1D4DA; font-size: 16px; color: #000; }
.faq ul li .libottom .lileft h3 { background: #fff; }
.faq ul li .libottom .liright { background: #fff; }



.inPhoto1{}
.inPhoto1 ul{ display:flex; justify-content: flex-start;/* align-items: center;*/ flex-wrap:wrap;}
.inPhoto1 ul li{ width:calc((100% - 75px)/6); margin:0 0 15px 15px;}
.inPhoto1 ul li:nth-child(6n-5){ margin-left:0;}
.inPhoto1 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.inPhoto1 ul li .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; object-fit:cover; transition:all .3s ease;}
.inPhoto1 ul li:hover .img img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
 @media screen and (max-width: 760px) {
.inPhoto1 ul li{ width:calc((100% - 20px)/3); margin:0 0 10px 10px;}
.inPhoto1 ul li:nth-child(3n-2){ margin-left:0;}
    .menulist ul li .img img {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .con2 ul li .limain img {
        height: auto;
        margin: 0 auto;
        display: block;
    }
	
		.banner .swiper-slide {
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            position: relative;
		            overflow: hidden;
		        }
		
		.banner .swiper-slide img {
		         width: 100%;
				 height: 100%;
		            object-fit: cover;
		            transition: transform 6s ease-out;
		            transform: scale(1.1);
		        }
		
		 .banner  .swiper-slide-active img {
		            transform: scale(1);
		        }
}