@charset "utf-8";
.clear{clear: both;}





html, body {

   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:"century gothic", Arial, "Microsoft Yahei";
    line-height: 1.5; color: #000000;
background: #FFFFFF;
}

a, a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0; }

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}

.w1400{width: 90%;max-width: 1400px;margin: 0 auto;height: auto;}
.w1200{width: 90%;max-width: 1200px;margin: 0 auto;height: auto;}


.pc-nav{width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
.pc-nav .logo{display: block; margin:0 auto;width: 185px;height:auto;margin-top: 20px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav .logo  .img2{display: none;}
.pc-nav .menu{width: 100%;height: auto;text-align: center;margin-top: 20px;position: relative;}
.pc-nav .menu li{ display: inline-block;line-height: 24px; padding: 0 0.6%;font-size: 15px;}
.pc-nav .menu li:first-child{padding-left: 0;}
.pc-nav .menu li:last-child{padding-right: 0;}
.pc-nav .menu li a{color: #FFFFFF;}
.pc-nav .menu li:hover a{color: #d09c49;}

.pc-nav .menu li .down{display: none; width: 100%;position: absolute;top: 100%;left: 0;z-index: 999;background: #fef9f2;border-radius: 10px;padding: 30px;}
.pc-nav .menu li .down ul{width: 100%;height: auto;overflow: hidden;}
.pc-nav .menu li .down ul li{ width: calc(25% - 15px); height: auto;float:left ; padding: 0; margin-right: 20px;vertical-align: top; margin-bottom: 20px;}
.pc-nav .menu li .down ul li:nth-child(4n){margin-right: 0;}
.pc-nav .menu li .down ul li .pic{display: block;width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.pc-nav .menu li .down ul li .pic img{display: block;width: 100%;height: auto;}
.pc-nav .menu li .down ul li h5{font-size: 18px;color: #000000; text-align: center;width: 100%;margin-top: 20px;}





.banner{width: 100%;height: auto;position: relative;z-index: 222;}
.banner-js{width: 100%;height: auto;}
.banner-js img{display: block;width: 100%;height: auto;}
.banner-js .img2{display: none;}


.banner-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

.banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
}













.banner .quote{padding: 20px 40px; width: 330px;height:auto ; background: #FFFFFF;float: right; border-top-right-radius:30px ; border-bottom-left-radius: 30px;}
.banner .quote-box{height: auto;position: absolute;z-index: 888; top: 55%;left: 50%; transform: translateX(-50%)  translateY(-50%);}
.banner .quote .logo{display: block;width: 170px;height: auto;}
.banner .quote .logo img{display: block;width: 100%;height: auto;}
.banner .quote .txt{font-family: "century gothic"; font-size: 26px;color: #000000;font-weight: bold;line-height: 36px;margin-top: 25px;}
.banner .quote .get{cursor: pointer; width: 100%;line-height: 55px;text-align: center;font-weight: bold; color: #FFFFFF;text-transform: uppercase;background: #000000;display: block;font-size: 18px;margin-top: 25px;}

.table-bk{display: none; position:fixed;overflow-y: scroll; top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9999;padding: 60px 0;}
.table-bk .table{background: #FFFFFF;padding: 60px;width:65%;max-width: 720px; height:auto;border-radius: 10px;position: absolute;top:30px;left: 50%; transform: translateX(-50%);}
.table-bk .table .close{cursor: pointer; color:#000000;position: absolute;right:30px;top: 15px;font-size: 40px;line-height: 1;}


.table-bk .table h5{font-size: 34px;font-family: "century gothic";}
.table-bk .table form{margin-top: 40px; display: block;width: 100%;height: auto;}
.table-bk .table form .c1{margin-bottom: 20px; width: calc(33.3% - 10px);float: left;margin-right: 15px;}
.table-bk .table form .c2{margin-right: 0;}
.table-bk .table form .c1 p{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.table-bk .table form .c1 input{padding-left: 15px; width: 100%;border: 1px solid #dcdcdc;line-height: 48px;background: none;}
.table-bk .table form .c3{width: 100%;margin-right: 0;}
.table-bk .table form .c3 span{font-size: 16px;color: #999;font-weight: normal;}
.table-bk .table form .c4{width: 100%;height: auto;}
.table-bk .table form .c4 p{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.table-bk .table form .c4 textarea{height: 90px;width: 100%;border: 1px solid #dcdcdc;}
.table-bk .table form .c3 #text{overflow: hidden; padding-left: 15px; height: 50px;line-height: 48px; display: block;width: 100%; border:1px solid #dcdcdc ;}
.table-bk .table form .c3 .file{position: relative;width: 100%;}
.table-bk .table form .c3 #fileroad{opacity: 0;position: absolute;top: 0;left: 0;}
.table-bk .table form .c3 #btn{padding-left: 0; color: #FFFFFF;font-size: 18px; width: 120px; position: absolute;right: 0;top: 0;background: #000000;}
.table-bk .table form .tj{display: block; background: #000000;color: #FFFFFF;text-align: center;font-size: 18px;font-weight:bold;width: 200px;line-height: 55px;border: none;box-shadow:4px 4px 5px rgba(0,0,0,0.3);margin: 0 auto;margin-top: 30px;}
#dl-menu{display: none;}

@media only screen and (max-width:1200px ) {
.table-bk .table h5{font-size: 28px;}
.table-bk .table{padding: 50px;}
}

@media only screen and (max-width:1024px ) {
.table-bk .table h5{font-size: 24px;}
.table-bk .table{padding: 40px;}
}	
	
	
@media only screen and (max-width:850px ) {
.table-bk .table h5{font-size: 20px;}
.table-bk .table{width: 90%;padding: 30px;}
.table-bk .table form .c1 p{font-size:16px}
.table-bk .table form .c4 p{font-size: 16px;}
}

@media only screen and (max-width:600px ) {
	.table-bk .table form .c1{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.table-bk .table form .c1 p{font-size:14px}
	.table-bk .table form .c1 input{line-height: 34px;}
	.table-bk .table form .c3 #text{line-height: 34px;height: 36px;}
	.table-bk .table form .c4 p{font-size: 14px;}
	.table-bk .table form .tj{display: block; background: #000000;color: #FFFFFF;text-align: center;font-size: 18px;font-weight:bold;width: 180px;line-height: 45px;border: none;box-shadow:4px 4px 5px rgba(0,0,0,0.3);margin: 0 auto;margin-top: 30px;}
.table-bk .table form .c3 span{font-size: 12px;}
}





@media only screen and (max-width:1550px ) {
	.pc-nav .menu li{display: inline-block;padding: 0 0.6%;font-size: 14.5px;}
}
@media only screen and (max-width:1480px ) {
	.pc-nav .menu li{display: inline-block;padding: 0 1%;font-size: 13px;}
.banner .quote{width: 250px;height: auto;padding: 20px 30px;}
.banner .quote .logo{display: block;width: 140px;height: auto;}
.banner .quote .txt{font-size: 20px;line-height: 24px;}
.banner .quote .get{line-height: 45px;}
}

@media only screen and (max-width:1360px ) {
		.pc-nav .menu li{display: inline-block;padding: 0 1%;font-size: 13px;}
.pc-nav .logo{width: 160px;height: auto;}
.pc-nav .menu li:first-child{padding-left: 0;}
.pc-nav .menu li:last-child{padding-right: 0;}
}

@media only screen and (max-width:1280px ) {
		.pc-nav .menu li{display: inline-block;padding: 0 0.5%;font-size: 12px;}
.pc-nav .logo{width: 140px;height: auto;}
.pc-nav .menu li:first-child{padding-left: 0;}
.pc-nav .menu li:last-child{padding-right: 0;}
.banner .quote{width: 220px;height: auto;padding: 20px 30px;}
.banner .quote .logo{display: block;width: 100px;height: auto;}
.banner .quote .txt{font-size:16px;line-height: 20px;}
.banner .quote .get{line-height: 40px;font-size: 14px;}

}

@media only screen and (max-width:1100px ) {
		.pc-nav .menu li{display: inline-block;padding: 0 0.3%;font-size: 12px;}
.pc-nav .logo{width: 160px;height: auto;}
.pc-nav .menu li:first-child{padding-left: 0;}
.pc-nav .menu li:last-child{padding-right: 0;}
}


@media only screen and (max-width:1024px) {
	.pc-nav{display: none;}
		#dl-menu{display: inherit;}
		.banner .quote{display: none;}
		.banner{margin-top: 60px;}


}


	
@media only screen and (max-width:750px ) {
			.banner-js .img1{display: none;}
		.banner-js .img2{display:inherit;}
	
	
}



.pc-nav2{box-shadow:1px 0 5px rgba(0,0,0,0.3) ; padding-bottom: 10px; width: 100%;height: auto;background: #FFFFFF;transition: all 0.5s ease;}
.pc-nav2 .logo{width: 140px;height: auto;margin-top: 15px;}
.pc-nav2 .logo .img2{display: inherit;}
.pc-nav2 .logo .img1{display: none;}
.pc-nav2 .menu li a{color: #000000;}



.h110{width: 100%;height: 110px;overflow: hidden;}
.h70{width: 100%;height: 70px;overflow: hidden;}

@media only screen and (max-width:1400px ) {
	.h110{width: 100%;height: 95px;}
}

@media only screen and (max-width:1200px ) {
	.h110{width: 100%;height: 85px;overflow: hidden;}
	.h70{width: 100%;height: 55px;overflow: hidden;}
}
@media only screen and (max-width:600px ) {
	.h110{width: 100%;height: 55px;overflow: hidden;}
	.h70{width: 100%;height: 35px;overflow: hidden;}
}

.title{width: 100%;text-align: center;}
.title h5{font-size: 66px;line-height: 1.2;}
.title .line{display: inline-block;width: 100px;height: 3px;background: #d09c49;}
.title2 {text-align: left;}

@media only screen and (max-width:1400px ) {
	.title h5{font-size: 56px;}
}

@media only screen and (max-width:1200px ) {
	.title h5{font-size: 54px;}
}

@media only screen and (max-width:1024px ) {
	.title h5{font-size: 52px;}
	.title .line{width: 90px;}
}
@media only screen and (max-width:750px ) {
	.title h5{font-size: 32px;}
	.title .line{width: 70px;}
}


.in-exten{width: 100%;height: auto;}
.in-exten-c{width: 100%;height: auto;}
.in-exten-js{ width: 100%;height: auto;}
.in-exten-js .exten-bk{width: 100%;padding-bottom: 20px; position: relative;height: auto;overflow: hidden;}
.in-exten-js .exten-bk .pic{width: 50%;height:auto;float:left;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
.in-exten-js .exten-bk .pic img{display: block;width: 100%;height: auto;}
.in-exten-js .exten-bk  .con{position: absolute;top: 50%;transform: translateY(-50%); right: 0; width: 50%;padding-left: 4%;}
.in-exten-js .exten-bk  .con h6{font-size: 34px;}
.in-exten-js .exten-bk  .con .txt{margin-top:50px;margin-bottom: 50px; height: auto; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; width: 100%;word-wrap: break-word;}
.in-exten-js .exten-bk  .con .txt p{margin-bottom: 10px;font-size: 18px; position: relative;width: 100%;height: auto;padding-left:36px;}
.in-exten-js .exten-bk  .con .txt p:before{content: ""; position: absolute;left:0;top: 4px; width: 16px;height: 16px; background: url(../img/a003.png)center no-repeat;background-size: 16px 16px;}

.in-exten-js .an{width: 60px;height:180px;position: absolute;top: 50%;left: 10%;transform: translateY(-50%);background: #000000;border-top-right-radius:20px;border-bottom-left-radius: 20px;z-index: 999;}
.in-exten-js .an .swiper-pagination-fraction{font-size: 18px; bottom:auto; position: absolute;top: 50%;left: 50%;color: #FFFFFF;transform: translateX(-50%) translateY(-50%);}
.in-exten-js .an .swiper-pagination-current{font-size: 18px;}
.in-exten-js .an .swiper-pagination-total{font-size: 14px;}

.in-exten-js .an .swiper-button-prev{
    background-image: url(../img/a004.png);
    top: 15px;
    bottom: auto;
}

.in-exten-js .an .swiper-button-next{
    background-image: url(../img/a005.png);
    bottom: 15px;
    top: auto;
}
.in-exten-js .an .swiper-button-prev,.in-exten-js .an .swiper-button-next {
    position: absolute;
    left: 50%;
    width:25px;
    height:10px;
    margin-left: -12.5px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size:25px 10px;
    background-position: center;
    background-repeat: no-repeat;
}



@media only screen and (max-width:1350px ) {
	.in-exten-js .exten-bk  .con h6{font-size: 28px;}
	.in-exten-js .exten-bk  .con .txt p{font-size: 16px;}
}

@media only screen and (max-width:1200px ) {
	.in-exten-js .exten-bk  .con .txt{margin:13px 0;}
}





.more{box-shadow: 4px 4px 5px rgba(0,0,0,0.4);font-size: 18px;font-weight: bold; background: #000000;display: block;text-align: center; color: #FFFFFF;width: 210px;line-height: 55px;}
.more:hover{color: #FFFFFF;}


@media only screen and (max-width:1024px ) {
	.more{width: 160px;line-height:45px;font-size: 16px;}
}


@media only screen and (max-width:850px ) {
	.more{width: 150px;line-height: 40px;font-size: 15px;}
	 .in-exten-js .exten-bk{padding-bottom: 0;}
	.in-exten-js .an{top: 20px;transform: translateY(0);width:45px;height: 160px;}
 .in-exten-js .exten-bk .pic{width: 90%;margin: 0 auto;float: inherit;}
	.in-exten-js .exten-bk  .con{position: inherit;transform: translateY(0); padding:40px 0 10px 0; padding-left: 0; width: 100%;margin: 0 auto;}
	.in-exten-js .exten-bk  .con .txt{margin-top: 25px;margin-bottom: 25px;}
	.in-exten-js .exten-bk  .con h6{font-size: 24px;}
}
@media only screen and (max-width:600px ) {
	.in-exten-js .exten-bk  .con .txt{height: auto;white-space: nowrap;}
}



.in-jewish{width: 100%;height: auto;padding-bottom: 30px;}


.in-jewish-l{padding-top: 30px; width: 50%;float: left; max-width: 700px;padding-left: 12%;padding-right:4%;}

.in-jewish-l .txt{margin-top:50px;margin-bottom: 50px;width: 100%;height: 162px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}

.in-jewish-l .txt p{font-size: 18px;}


.in-jewish-c{width:50%;float: right;position: relative;}
.in-jewish-js{width: 100%;padding: 0 0 10px 0;z-index: 22;}
.in-jewish-c .bk{position: absolute;z-index: 1; bottom: -60px; left:-60px;width:490px;height:340px; background-size: cover ;background-position: center;background-repeat: no-repeat;}
.in-jewish-js .pic{border-top-right-radius: 20px; width: 100%;height: auto;box-shadow: 5px 5px 6px rgba(0,0,0,0.3);  background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-jewish-js .pic img{display: block;width: 100%;height: auto;border-top-right-radius: 20px;}

.in-jewish-c .swiper-button-next{
    background: url(../img/a029.png) #000000;
    right: auto;
    left: 55px;
}
.in-jewish-c .swiper-button-prev{
    background: url(../img/a028.png) #000000;
    right: auto;
    left:0px;
}
.in-jewish-c .swiper-button-prev, .in-jewish-c .swiper-button-next {
    position: absolute;
    top: 100%;

    width: 55px;
    height: 55px;
    margin-top: -65px;
    z-index: 22;
    cursor: pointer;
    background-size:55px 55px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
}

.title-c{display: none;}

@media only screen and (max-width:1200px ) {
	.in-jewish-l{padding-top: 30px; width: 50%;float: left; max-width: 700px;padding-left: 8%;}
.in-jewish-c .bk{position: absolute;z-index: 1; bottom: -60px; left:-60px;width:50%;height:80%; background-size: cover ;background-position: center;background-repeat: no-repeat;}

}
@media only screen and (max-width:1024px ) {
	.in-jewish-l .txt{height: 144px;margin-top: 40px;margin-bottom: 35px;}
.in-jewish-l .txt p{font-size: 16px;}
}
@media only screen and (max-width:850px ) {
	
	.title-c{display:inherit;}
	.in-jewish{padding-bottom: 0;}
	.in-jewish-l .txt{height: 144px;margin-top: 35px;margin-bottom: 25px;}
	.in-jewish-c .bk{bottom: -30px;left: -2.5%; width: 90%;height: 100%;}
	.in-jewish-c{width: 90%;float: none;margin: 0 auto;}
	.in-jewish-js{padding:10px 10px   10px 0;}
	.in-jewish-l{ width: 90%;margin: 0 auto;float: none; padding: 0;margin-top: 30px;}
	.in-jewish-l .title{display: none;}
	.in-jewish-c .swiper-button-next{
    background: url(../img/a029.png) #000000;
    right: auto;
    left: 35px;
}
	.in-jewish-c .swiper-button-prev, .in-jewish-c .swiper-button-next {
    width: 35px;
    height: 35px;
    margin-top: -45px;
    background-size:35px 35px;

}
	
}

@media only screen and (max-width:600px ) {
	.in-jewish-l .txt{height:132px ;margin-top: 20px;margin-bottom: 20px;}
	.in-jewish-l .txt p{font-size: 15px;}
}









.in-texture{position: relative; width: 100%;height: auto;z-index: 1;}
.in-texture .in-texture-js {width: 100%;height: auto;}
.in-texture .in-texture-js .in-texture-c{padding:0 10px 10px 0; width: 100%;height: auto;}
.in-texture .in-texture-js .in-texture-c .pic{box-shadow:5px 5px 5px rgba(0,0,0,0.3); width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-texture .in-texture-js .in-texture-c  .pic img{display: block;width: 100%;height: auto;}
.in-texture .in-texture-js .in-texture-c  .con{width: 100%;height: auto;}
.in-texture .in-texture-js .in-texture-c  .con  h6{font-size: 34px;height: 102px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 30px;}
.in-texture .in-texture-js .in-texture-c  .con  .line{width: 100%;display: block;margin-top: 20px; height:1px;background: #000000;}
.in-texture .in-texture-js .in-texture-c  .con .txt{margin-top: 30px;width: 100%;}
.in-texture .in-texture-js .in-texture-c  .con .txt p{font-size: 18px;color: #000000;}
.in-texture .bk{width: 100%; position: absolute;bottom: 0;height:45%;background: #f3fafb;z-index: -1;}

.in-texture .in-texture-js .swiper-button-next{
    background-image: url(../img/a007.png);
    right: 10px;
    left: auto;
    }
.in-texture .in-texture-js .swiper-button-prev{
    background-image: url(../img/a008.png);
    left: 10px;
    right: auto;
    } 

.in-texture .in-texture-js    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.in-texture .in-texture-js .swiper-button-prev, .in-texture .in-texture-js .swiper-button-next {
    position: absolute;
    top: 30%;
    width: 46px;
    height: 46px;
    margin-top: -22.5px;
    z-index: 10;
    cursor: pointer;
    z-index: 999;
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1200px ) {
	.in-texture .bk{width: 100%; position: absolute;bottom: 0;height:48%;background: #f3fafb;z-index: -1;}

}


@media only screen and (max-width:1350px ) {
	.in-texture .in-texture-js .in-texture-c  .con  h6{font-size: 28px;height: 84px;}
	.in-texture .in-texture-js .in-texture-c  .con .txt p{font-size: 16px;}
}
@media only screen and (max-width:1200px ) {
	.in-texture .in-texture-js .in-texture-c  .con  h6{font-size: 24px;height:72px;}	
}
@media only screen and (max-width:600px ) {
	.in-texture .bk{width: 100%; position: absolute;bottom: 0;height:45%;background: #f3fafb;z-index: -1;}

	.in-texture .in-texture-js .in-texture-c  .con  h6{margin-top: 20px; font-size: 22px;height: 60px;}
	.in-texture .in-texture-js .in-texture-c  .con  .line{margin-top: 15px;}
	.in-texture .in-texture-js .in-texture-c  .con .txt{margin-top: 20px;}
	.in-texture .in-texture-js .in-texture-c  .con .txt p{font-size: 14px;}
}
















.in-factory{width: 100%;height: auto;position: relative;z-index: 1;}
.in-factory .bk{z-index: -1;position: absolute;top:28%;left: 0;background: #fef9f2;height: 22%;width: 100%;}
.in-factory .in-factory-list{width: 100%;height: auto;}
.in-factory .in-factory-list li{width: 100%;height: auto;overflow: hidden;}

.in-factory .in-factory-list li .pic{width: 50%;float: left;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-factory .in-factory-list li .con{width: 50%;float: right;height: auto;padding-left: 4%;padding-top:8%;}
.in-factory .in-factory-list li .con .tl-c{width:350px;padding-bottom: 20px;overflow: hidden; border-bottom: 1px solid #000000;}
.in-factory .in-factory-list li .con .txt{width: 100%;margin-top: 60px;word-wrap: break-word;}

.in-factory .in-factory-list li:first-child{margin-bottom: 80px;}
.in-factory .in-factory-list li:first-child .pic{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-factory .in-factory-list li .pic img{display: block;width: 100%;height: auto;}
.in-factory .in-factory-list li:first-child .con{padding-left: 0; width: 100%;overflow: hidden;padding-top: 4%;}
.in-factory .in-factory-list li:first-child .con .tl-c{float: left; }
.in-factory .in-factory-list li .con .tl-c b{width: 68px;height: auto;float: left;display: block;margin-top: 10px;}
.in-factory .in-factory-list li .con .tl-c b img{display: block;width: 100%;height: auto;}
.in-factory .in-factory-list li .con .tl-c h5{float: left; width: calc(100% - 68px);padding-left: 20px; font-size: 34px;color: #000000;}
.in-factory .in-factory-list li:first-child .con .txt{width: 50%;float: right;padding-left: 4%;margin-top: 0;}
.in-factory .in-factory-list li .con .txt p{font-size: 18px;}
.in-factory .in-factory-list li:nth-child(3) .con{padding-left: 0;padding-right: 4%;float: left;}
.in-factory .in-factory-list li:nth-child(3) .pic{float: right;}

@media only screen and (max-width:1350px ) {
	.in-factory .in-factory-list li .con .tl-c{width: 300px;}
	.in-factory .in-factory-list li .con .tl-c b{width: 56px;}
	.in-factory .in-factory-list li .con .tl-c h5{font-size: 28px;width: calc(100% - 56px);}
	.in-factory .in-factory-list li .con .txt p{font-size: 16px;}
	.in-factory .in-factory-list li .con .txt{width: 100%;margin-top: 45px;}
	.in-factory .in-factory-list li:first-child{margin-bottom: 50px;}
}

@media only screen and (max-width:1200px ) {
	
	.in-factory .in-factory-list li .con .tl-c{width: 260px;}
	.in-factory .in-factory-list li .con .tl-c b{width: 48px;}
	.in-factory .in-factory-list li .con{padding-top: 4%;}
	.in-factory .in-factory-list li:first-child .con{padding-top: 3%;}
	.in-factory .in-factory-list li .con .tl-c h5{font-size: 24px;width: calc(100% - 48px);}
	.in-factory .in-factory-list li .con .txt{width: 100%;margin-top: 30px;}
	.in-factory .in-factory-list li .con .txt p{font-size: 15px;}
}

@media only screen and (max-width:950px ) {
	.in-factory .bk{z-index: -1;position: absolute;top:22%;left: 0;background: #fef9f2;height: 26%;width: 100%;}
		.in-factory .in-factory-list li .con .tl-c{width: 220px;}
	.in-factory .in-factory-list li .con .tl-c b{width: 40px;margin-top: 5px;}
	.in-factory .in-factory-list li .con{padding-top: 4%;}
	.in-factory .in-factory-list li:first-child .con{padding-top: 3%;}
	.in-factory .in-factory-list li .con .tl-c h5{font-size: 22px;width: calc(100% - 40px);}
	.in-factory .in-factory-list li{margin-bottom: 60px;}
	.in-factory .in-factory-list li .con{padding-top: 0;}
	.in-factory .in-factory-list li:nth-child(3){margin-bottom: 0;}
}
@media only screen and (max-width:600px ) {
	.in-factory .in-factory-list li .con .txt p{font-size: 14px;}
	.in-factory .in-factory-list li .con .txt{margin-top: 20px;}
		.in-factory .in-factory-list li .con .tl-c{width:220px;}
	.in-factory .in-factory-list li .con .tl-c b{width: 36px;margin-top: 5px;}
			.in-factory .in-factory-list li .con .tl-c h5{font-size: 20px;width: calc(100% - 36px);}
	.in-factory .bk{z-index: -1;position: absolute;top:10%;left: 0;background: #fef9f2;height: 26%;width: 100%;}
		.in-factory .in-factory-list li .pic{width: 100%;height: auto;}
			.in-factory .in-factory-list li:first-child{margin-bottom: 35px;}
			.in-factory .in-factory-list li .con{width: 100%;height: auto;padding: 0;margin-top: 30px;}
			.in-factory .in-factory-list li:first-child .con .tl-c{float:none;}
			.in-factory .in-factory-list li:first-child .con .txt{width: 100%; padding: 0;margin-top: 20px;}
				.in-factory .in-factory-list li{margin-bottom:35px;}
	.in-factory .in-factory-list li:nth-child(3){margin-bottom: 0;}
	
}

.in-ab{width: 100%;height: auto;position: relative;z-index: 1;}
.in-ab .bk{width: 100%;z-index: -3; height:calc(100% - 110px);position: absolute;bottom: 0;left: 0;background: #FEF9F2;}
.in-ab .bk2{z-index: -1;position: absolute;top: 0;background: #000000;width: 50%;left: 0;height:340px;}
.in-ab .title h5{color: #FFFFFF;}
.in-ab .value-list{width: 100%;height: auto;overflow: hidden;}
.in-ab .value-list li{padding:3%; float: left;border-top-right-radius: 20px;background: #FFFFFF;width: calc(25% - 15px);margin-right: 20px;}
.in-ab .value-list li:last-child{margin-right: 0;}
.in-ab .value-list li .num{width: 68px;height: auto;}
.in-ab .value-list li .num img{display: block;width: 100%;height: auto;}
.in-ab .value-list li h6{font-size: 34px;margin-top: 55px;margin-bottom: 30px;}
.in-ab .value-list li .txt{width: 100%;height:81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
.in-ab .value-list li .txt p{font-size: 18px;}

.in-ab .in-ab-c{width: 100%;height: auto;}

.in-ab .in-ab-c .txt{width: calc(100% - 210px);padding-right: 20%;height: 81px; float: left;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;word-wrap: break-word;}
.in-ab .in-ab-c .txt p{font-size: 18px;}
.in-ab .in-ab-c .more{float: right;}




@media only screen and (max-width:1450px ) {
	.in-ab .value-list li{padding: 2%;}
}
@media only screen and (max-width:1300px ) {
	.in-ab .value-list li{padding: 2%;}
	.in-ab .value-list li h6{font-size: 28px;}
	.in-ab .value-list li .txt{width: 100%;height:72px;}
	.in-ab .value-list li .txt p{font-size: 16px;}
}
@media only screen and (max-width:1200px ) {
		.in-ab .value-list li{padding: 2% 1.5%;}
		.in-ab .value-list li .num{width: 56px;}
		.in-ab .value-list li h6{font-size: 24px;margin-top: 30px;margin-bottom:15px;}
	.in-ab .value-list li .txt{width: 100%;height:88px;-webkit-line-clamp: 4;}
	.in-ab .value-list li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
.in-ab .value-list li .num{width:40px;}
.in-ab .in-ab-c .txt{width: calc(100% - 210px);padding-right:5%;height:72px; float: left;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;word-wrap: break-word;}
.in-ab .in-ab-c .txt p{font-size: 16px;}

}
@media only screen and (max-width:850px ) {
.in-ab .value-list li{padding: 3%; margin-bottom: 20px; width: calc(50% - 10px);margin-right: 20px;}
.in-ab .value-list li:nth-child(2n){margin-right: 0;}
.in-ab .in-ab-c .txt{width:100%;margin-bottom: 20px; padding-right:0%;height:72px; float:none;}
.in-ab .in-ab-c .txt p{font-size: 16px;}

.in-ab .in-ab-c .more{float:none;}
}
@media only screen and (max-width:600px ) {
	.in-ab .value-list li{padding: 10px; margin-bottom:12px; width: calc(50% - 6px);margin-right: 12px;}
.in-ab .value-list li:nth-child(2n){margin-right: 0;}
.in-ab .bk2{width: 75%;height:160px;}
	.in-ab .value-list li h6{font-size: 24px;margin-top:20px;margin-bottom:10px;}
	.in-ab .value-list li .txt{width: 100%;height:84px;-webkit-line-clamp: 4;}
	.in-ab .value-list li .txt p{font-size: 14px;}
.in-ab .in-ab-c .txt{width:100%;margin-bottom: 20px; padding-right:0%;height:63px; float:none;}
.in-ab .in-ab-c .txt p{font-size: 14px;}
}


.in-get{z-index: 333; width: 100%;height: auto;position:relative;text-align: center;}
.in-get-bk {
	    position: absolute;
    width: 100%;
    height:100%;

    left: 0px;
    top: 0px;
    z-index:222;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.in-get h3{color: #FFFFFF;font-size: 34px;margin-bottom: 50px;}
.in-get .get{margin: 0 auto;}
.in-get-c{position: relative; width: 100%;background: rgba(0,0,0,0.1); height: auto;z-index: 300;}
@media only screen and (max-width:1200px ) {
	.in-get h3{font-size: 28px;}
}
@media only screen and (max-width:1024px ) {
	.in-get h3{font-size: 24px;}
}
@media only screen and (max-width:600px ) {
	.in-get h3{font-size: 19px;margin-bottom: 30px;}
}

.footer{width: 100%;height: auto;background: #000000;}
.foot-t{width: 100%;height: auto;overflow: hidden;}
.foot-t .left{width:340px ;float: left;}
.foot-t .left .logo{width: 230px;height: auto;display: block;}
.foot-t .left .logo img{display: block;width: 100%;height: auto;}
.foot-t .left .add{color: #FFFFFF; width: 100%;font-size: 16px; padding-left: 30px;position: relative;margin-top: 25px;}
.foot-t .left .add:before{content: "";position: absolute;left: 0;top: 5px;width: 20px;height: 20px;background: url(../img/a020.png)center no-repeat;background-size: cover;}

.foot-t ul{width: calc(100% - 340px);float: left;}
.foot-t ul li{width: 33.3%;float: left;padding-left: 12%;}
.foot-t ul li h6{color: #d09c49;font-size: 20px;margin-top: 50px;margin-bottom: 25px;}
.foot-t ul li a{font-size: 16px; margin-bottom: 10px; display: block;color: #FFFFFF;}

.foot-t ul li:last-child a{padding-left: 40px; position:relative;background-repeat: no-repeat;}
.foot-t ul li:last-child a:before{content: "";position: relative;left: 0;top: 0;width: 20px;height: 20px;background-size: cover;background-repeat: no-repeat;background-position: center;}

.foot-d{width: 100%;font-size: 16px; border-top:1px solid rgba(255,255,255,0.3);font-size: 16px; overflow: hidden;position: relative; line-height: 20px;padding: 25px 0;color: #FFFFFF;}
.foot-d span{font-size: ;display: block;width: calc(100% - 100px);float: left;}
.foot-d .gg{position: absolute;color:rgba(0,0,0,0);top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}
.foot-d .ctop{display: block;width: 80px;color: #FFFFFF;  padding-right: 20px; float: right;position: relative;}
.foot-d .ctop:after{content: "";position: absolute;right: 0;top: 0;width: 20px;height: 20px;background: url(../img/a019.png)center no-repeat;background-size: cover;}

@media only screen and (max-width:1200px ) {
	.foot-t ul li{width: 33.3%;float: left;padding-left: 6%;}
	.foot-t ul li a{font-size: 15px; margin-bottom: 10px; display: block;color: #FFFFFF;}
.foot-t .left .add{font-size: 15px;}
}
@media only screen and (max-width:1150px ) {
	.foot-t .left{width:300px ;float: left;}
	.foot-t ul{width: calc(100% - 300px);}
	.foot-t ul li{width: 33.3%;float: left;padding-left:2%;}
	.foot-t ul li a{font-size: 14px; margin-bottom: 10px; display: block;color: #FFFFFF;}
.foot-t .left .add{font-size: 14px;}
.foot-d{font-size: 14px;}

}
@media only screen and (max-width:1024px ) {
	.foot-t ul li:nth-child(2){display: none;}
	.foot-t ul li{width: 50%;padding-left: 5%;}
}
@media only screen and (max-width:900px ) {
	.foot-t ul li:nth-child(2){display: none;}
	.foot-t ul li:nth-child(1){display: none;}
	.foot-t ul li{width:100%;padding-left:20%;}
}

@media only screen and (max-width:720px ) {
	.foot-t .left{width: 100%;float: none;}
	.foot-t ul li:nth-child(2){display: none;}
	.foot-t ul li:nth-child(1){display: none;}
	.foot-t ul {display: none;}
}


@media only screen and (max-width:480px ) {
.foot-t .left .logo{margin: 0 auto;width: 150px;height: auto;}
.foot-t .left .add{display: none;}
.foot-d span{float: none;width: 100%;text-align: center;}
	.foot-d .ctop{margin: 0 auto;float: none;margin-top: 20px;}
}






.fc{position:fixed;right: 15px;top:50%;z-index: 990;}
.fc  .fc1{box-shadow: 2px 2px 3px rgba(0,0,0,0.2); width: 46px;height: 46px;background: #000000;margin-bottom: 10px;}
.fc  .fc1 img{display: block;width: 100%;height:auto;}
.fc  .wx{position: relative;}
.fc  .wx .ewm{position: absolute;top: 50%;left: -10px;width: 0px;height: 0px;transition: all 0.3s ease; transform: translateY(-50%);}
.fc  .wx:hover .ewm{width: 100px;height: 100px;left: -110px;border: 1px solid #000000;}
@media only screen and (max-width:720px ) {
	.fc  .fc1{box-shadow: 3px 3px 3px rgba(0,0,0,0.2); width: 30px;height: 30px;margin-bottom: 5px;}
}


.banners{width: 100%;height: auto;position: relative;}
.banners img{display: block;width: 100%;height: auto;}
.banners .img2{display: none;}
.banners .in-title{position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%); height: auto;}
.banners .in-title p{ color: #FFFFFF;font-size: 56px;text-align: center;}

@media only screen and (max-width:1024px ) {
	.banners .in-title p{font-size: 42px;}
}

@media only screen and (max-width:720px ) {
	.banners .img2{display: inherit;}
	.banners .img1{display: none;}
	.banners .in-title p{font-size: 36px;}
}



.min-nav{width: 100%;height: auto;padding-top: 30px;text-align: right;}
.min-nav span{display: inline-block;position: relative;font-size: 18px; padding-left:30px ;}
.min-nav span a{color: #000000;font-size: 16px;}
.min-nav span a.lj{color: #f29301;}
.min-nav span:before{content: "";position: absolute;left: 0;top: 5px;width: 20px;height: 20px; background:url(../img/a030.png)center no-repeat;background-size: cover;}







.ab{width: 100%;height: auto;}
.ab .show-pic{width: 100%;padding-bottom: 10px; height: auto;overflow: hidden;padding: 10px;}
.ab .show-pic li{width: 33.3%;float: left;text-align: center;}
.ab .show-pic li:first-child{text-align: left;}
.ab .show-pic li:last-child{text-align: right;}
.ab .show-pic li img{display:inline-block;width: 85%;  max-width: 400px;height: auto;box-shadow: 4px 4px 5px rgba(0,164,186,0.3);}

.ab .ab-c{width: 100%;height: auto;overflow: hidden;}
.ab .ab-c .ab-l{width: 50%;float: left;}
.ab .ab-c .ab-l .txt{width: 100%;margin-top: 50px;}
.ab .ab-c .ab-l .txt p{font-size: 18px;}
.ab .pic{margin-top: 50px; height: auto; float: right;width: 50%;padding-left: 4%;padding-right: 10px;}
.ab .pic img{display: block;width: 100%;height: auto;box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.ab .pic .name{width: 100%;text-align: center;font-size: 0;margin-top: 10px;}
.ab .pic .name span{vertical-align: top; font-size: 13px; display: inline-block;width: 33%;padding:5px;}
.ab .pic .name span:nth-child(2){display: none;}
.ab .pic .name span:nth-child(4){display: none;}
@media only screen and (max-width:1400px ) {
	.ab .ab-c .ab-l .txt p{font-size: 16px;}
}
@media only screen and (max-width:1200px ) {
	.ab .ab-c .ab-l .txt{margin-top: 30px;}
	.ab .ab-c .ab-l .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.ab .ab-c .ab-l .txt p{font-size: 14px;}
	.ab .pic .name span{vertical-align: top; font-size: 12px;}
}
@media only screen and (max-width:720px ) {
	.ab .pic .name span:nth-child(2){display: inherit;display: inline-block;}
		.ab .pic .name span:nth-child(4){display: inherit;display: inline-block;}
	.ab .pic .name span:nth-child(1){display: none;}
	.ab .pic .name span:nth-child(3){display: none;}
	.ab .ab-c .ab-l{width: 100%;float: none;}
	.ab .pic{width: 100%;padding: 0;float: none;}
	.ab .pic .name span{vertical-align: top; font-size: 12px;    transform:scale(.9); padding: 3px;}
.ab .show-pic li{width: 100%;margin-bottom: 20px;text-align: center;}
.ab .show-pic li:first-child{text-align: center;}
.ab .show-pic li:last-child{text-align: center;}
.ab .show-pic li img{width:100%;max-width: 720px;}
}


.value{width: 100%;height: auto;background: url(../img/b035.jpg)center no-repeat;background-size: cover;}
.value .title h5{color: #FFFFFF;}
.value .value-list{width: 75%;height: auto;overflow: hidden;}
.value .value-list li{padding:2.5%; float: left;background:rgba(255,255,255,0.9);width: calc(25% - 15px);margin-right: 20px;}
.value .value-list li:last-child{margin-right: 0;}
.value .value-list li .num{width: 68px;height: auto;}
.value .value-list li .num img{display: block;width: 100%;height: auto;}
.value .value-list li h6{font-size: 34px;margin-top: 55px;margin-bottom: 30px;}
.value .value-list li .txt{width: 100%;height:108px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-wrap: break-word;}
.value .value-list li .txt p{font-size: 18px;}
 
@media only screen and (max-width: 1400px) {
	.value .value-list li .num{width: 60px;}
	.value .value-list li h6{margin-top: 45px;margin-bottom: 25px;}
	.value .value-list li .txt{width: 100%;height:96px;}
	.value .value-list li .txt p{font-size: 16px;}
}
	
@media only screen and (max-width:1300px) {
		.value .value-list li .num{width: 56px;}
	.value .value-list li {width: calc(25% - 9px);margin-right: 12px;}
}
@media only screen and (max-width:1200px ) {
		.value .value-list li .num{width: 45px;}
	.value .value-list li {width: calc(25% - 9px);margin-right: 12px;}
	.value .value-list li h6{font-size: 28px;margin-top: 35px;margin-bottom: 20px; }
		.value .value-list li .txt{width: 100%;height:110px;-webkit-line-clamp: 5;}
	.value .value-list li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.value .value-list li h6{font-size: 24px;margin-top: 25px;margin-bottom: 15px; }
		.value .value-list li .txt{width: 100%;height:105px;-webkit-line-clamp: 5;}
	.value .value-list li .txt p{font-size: 14px;}
}
@media only screen and (max-width:950px ) {
	.value .value-list{width: 100%;}
}
@media only screen and (max-width:720px ) {
	.value .value-list li .num{width: 40px;}
	.value .value-list{width: 100%;}
	.value .value-list li{padding: 10px; width: calc(50% - 6px);margin-right: 12px;}
	.value .value-list li:nth-child(2n){margin-right: 0; margin-bottom: 12px;}
	.value .value-list li h6{font-size: 22px;}
}

.pro{width: 100%;height: auto;z-index: 1; position: relative;}
.pro .bk{z-index: -1; width: 100%; height:30%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background: #fef9f2;}
.pro .pro-list{width: 100%;height: auto;}

.pro .pro-list li{margin-bottom: 70px; padding-bottom: 10px; width: 100%;overflow: hidden; height: auto;position: relative;}
.pro .pro-list li .pic{float: left; width: 50%;height: auto;}
.pro .pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro .pro-list li .con{padding-left: 4.5%; height: auto;width: 50%; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.pro .pro-list li .con h6{font-size: 34px;color: #000000;}
.pro .pro-list li .con .txt{margin:50px 0;width: 100%;height: auto;overflow: hidden;}
.pro .pro-list li:nth-child(2n) .pic{float:right;}
.pro .pro-list li:nth-child(2n) .con{ float: right;position: absolute;left: 0;padding-left: 0;padding-right: 4.5%;}
.pro .pro-list li .con .txt{ margin-top:50px;margin-bottom: 50px; height: 96px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; width: 100%;word-wrap: break-word;}
.pro .pro-list li .con .txt p{margin-bottom: 10px;font-size: 18px; position: relative;width: 100%;height: auto;padding-left:36px;}
.pro .pro-list li .con .txt p:before{content: ""; position: absolute;left:0;top: 4px; width: 16px;height: 16px; background: url(../img/a003.png)center no-repeat;background-size: 16px 16px;}

.pro2 .pro-list li .pic{float: right;}
.pro2 .pro-list li .con{position: absolute;left: 0;padding: 0;padding-right: 4.5%;}
.pro2 .pro-list li:nth-child(2) .pic,.pro2 .pro-list li:nth-child(3) .pic,.pro2 .pro-list li:nth-child(5) .pic{float: left !important;}
.pro2 .pro-list li:nth-child(2) .con,.pro2 .pro-list li:nth-child(3) .con,.pro2 .pro-list li:nth-child(5) .con{position: absolute;top: 50%; transform: translateY(-50%);  right: 0;left: auto; padding: 0;padding-left: 4.5%;}
.pro2 .pro-list li:nth-child(3){margin-bottom: 150px;}

.pro2 .bk1{width: 100%;top:calc(5% + 80px);transform: translateY(0); height:calc(45% + 80px);background: #fef9f2;position: absolute;}
.pro2 .bk2{width: 95%;left: 0;bottom: 15%;height:13%;position: absolute;background: #fef9f2;}


.pro3 .pro-list li .pic{float: right;}
.pro3 .pro-list li .con{position: absolute;left: 0;padding: 0;padding-right: 4.5%;}
.pro3 .pro-list li:nth-child(2n) .pic{float: left;}
.pro3 .pro-list li:nth-child(2n) .con{position: absolute;top: 50%; transform: translateY(-50%);  right: 0;left: auto; padding: 0;padding-left: 4.5%;}


.pro .bk3{width: 100%;height:65% ;position: absolute;top: 45%;transform: translateY(-50%);background: #fef9f2;}
@media only screen and (max-width:1200px ) {
	.pro .pro-list li .con .txt{margin: 35px 0;}
	.pro .pro-list li .con h6{font-size: 28px;}
	
}

@media only screen and (max-width:1024px ) {
	.pro .bk{top: 40%;}
	.pro .pro-list li{margin-bottom: 60px;}
	.pro2 .pro-list li:nth-child(3){margin-bottom: 100px;}
	.pro .pro-list li .con .txt{margin: 25px 0;}
	.pro2 .bk1{height: calc(48% + 60px);}
	
	.pro2 .bk2{width: 98%;left: 0;bottom: 18%;height:16%;position: absolute;background: #fef9f2;}

.pro .pro-list li .con h6{font-size: 24px;}
.pro .pro-list li .con .txt p{font-size: 14px;}
.pro .pro-list li .con{float: left;position: inherit;transform: translateY(0);}
.pro .pro-list li:nth-child(2n) .con{float: right;position: inherit;padding-right: 0;}
.pro2 .pro-list li:nth-child(2) .pic,.pro2 .pro-list li:nth-child(3) .pic,.pro2 .pro-list li:nth-child(5) .pic{float: left;}
.pro2 .pro-list li:nth-child(2) .con,.pro2 .pro-list li:nth-child(3) .con,.pro2 .pro-list li:nth-child(5) .con{position: inherit;transform: translateY(0%);padding: 0;padding-left: 4.5%;}
.pro2 .pro-list li:nth-child(3){margin-bottom: 150px;}

.pro3 .pro-list li:nth-child(2n) .pic{float: left;}
.pro3 .pro-list li:nth-child(2n) .con{position: inherit;transform: translateY(0%);padding: 0;padding-left: 4.5%;}

}
@media only screen and (max-width: 720px) {
	.pro .pro-list li{margin-bottom: 40px;}
	.pro .bk{top: 30%;height: 40%;}
	.pro .pro-list li .pic{width: 100%;}
	.pro .pro-list li .con{width: 100%;margin-top: 30px;padding: 0;}
	.pro .pro-list li .con .txt{height: 79px;}
.pro2 .pro-list li:nth-child(2) .con,.pro2 .pro-list li:nth-child(3) .con,.pro2 .pro-list li:nth-child(5) .con{padding-left: 0%;}
.pro2 .pro-list li:nth-child(3){margin-bottom: 80px;}

}
@media only screen and (max-width:600px ) {
	.pro .bk3{height:70%;top: 40%;}
}

.box{width: 100%;height: auto;background: url(../img/a032.png) #f3fafb;background-position: top right;background-size: contain;background-repeat: no-repeat;}
.toupee{width: 100%;height: auto;}
.toupee .base{position:relative; width: 100%;height: auto;}
.toupee .base  .title{width: auto;position: absolute;top: 50%;transform: translateY(-50%);}
.toupee .base .txt{height: auto; width: calc(80% - 350px);float:right ;}
.toupee .base .txt p{font-size: 18px;}
.toupee .show-toupee{width: 100%;padding: 10px; height: auto;overflow: hidden;}
.toupee .show-toupee li{margin-bottom: 30px; box-shadow: 4px 4px 5px rgba(0,0,0,0.3); width:calc(50% - 15px);height: auto;float: left;margin-right: 30px;}
.toupee .show-toupee li img{display: block;width: 100%;height: auto;}
.toupee .show-toupee li:nth-child(2n){margin-right: 0;}
@media only screen and (max-width:1200px ) {
	.toupee .base .txt{height: auto; width: calc(90% - 350px);float:right ;}
.toupee .base .txt p{font-size: 16px;}
}

@media only screen and (max-width:1024px ) {
	.toupee .base .txt{height: auto; width: calc(95% - 300px);float:right ;}
.toupee .base .txt p{font-size: 15px;}
}
@media only screen and (max-width:750px ) {
.toupee .base .txt{height: auto; width: calc(95% - 200px);float:right ;}
.toupee .base .txt p{font-size: 14px;}
.toupee .show-toupee li{width: calc(50% - 7.5px);margin-bottom: 15px;margin-right: 15px;}
.toupee .show-toupee li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:600px ) {
	.toupee .base  .title{width: 100%; position: inherit;transform: translateY(0);}
	.toupee .base .txt{width: 100%;margin-top: 35px;}
	.toupee .show-toupee{padding: 0 10px 10px 0;}
	.toupee .show-toupee li{width: calc(50% - 5px);margin-bottom: 10px;margin-right: 10px;}
.toupee .show-toupee li:nth-child(2n){margin-right: 0;}
}

.color-ring{width: 100%;height: auto;}

.color-ring .cr-t{width: 100%;height: auto;overflow: hidden;}
.color-ring .cr-d{width: 100%;height: auto;}
.color-ring .cr-d img{display: block;width: 100%;height: auto;}
.color-ring .cr-d .img2{display: none;}
@media only screen and (max-width:700px ) {
	.color-ring .cr-d .img1{display: none;}
	.color-ring .cr-d .img2{display: inherit;}
}
.color-ring .cr-t{width: 100%;height: auto;}
.color-ring .cr-t li{margin-bottom: 50px; width: 100%;height: auto;overflow: hidden;}
.color-ring .cr-t li .pic{width: 50%;float:right;}
.color-ring .cr-t li .pic img{width: 100%;height: auto;overflow: hidden;}

.color-ring .cr-t li .title{text-align: right;}

.color-ring .cr-t li:nth-child(2n) .title{text-align: left;}
.color-ring .cr-t li:nth-child(2n) .pic{float:left;}

.color-ring .cr-t li .txt{text-align: right;margin-top: 30px;}
.color-ring .cr-t li .txt p{font-size: 18px;}
.color-ring .cr-t li .con{width: 50%;padding-right:4.5%; float: right;}
.color-ring .cr-t li:nth-child(2n) .con{float:left;padding: 0;padding-left: 4.5%;}

.color-ring .cr-t li:nth-child(2n) .con .txt{text-align: left;}
@media only screen and (max-width:1024px ) {
	.color-ring .cr-t li .title h5{font-size: 32px;}
	.color-ring .cr-t li .txt p{font-size: 16px;}
}
@media only screen and (max-width:600px ) {
	.color-ring .cr-t li .pic{width: 100%;}
	.color-ring .cr-t li .title{text-align: left;}
		.color-ring .cr-t li .con{width: 100%;padding-left: 4.5%;padding-right: 0; margin-top: 30px;}
	.color-ring .cr-t li .txt{text-align: left;margin-top: 20px;}
.color-ring .cr-t li .txt p{font-size: 14px;}
}


.pro-d{width: 100%;height: auto;overflow: hidden;}
.pro-d .pro-d-l{width: 50%;float: left;}
.pro-d .pro-d-js{width: 100%;height: auto;padding: 0 10px 10px 0;}
.pro-d .pro-d-js img{display: block;width: 100%;height: auto;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);}



.pro-d .pro-d-r{width: 50%;float:right;padding-left: 4.5%;}
.pro-d .pro-d-r h5{font-size: 66px;}
.pro-d .pro-d-r .line{width: 100%;height: 1px;background: #000000; margin: 30px 0;display: block;}
.pro-d .pro-d-r  .con h6{font-size: 34px;}
.pro-d .pro-d-r  .con{width: 100%;height: auto;}
.pro-d .pro-d-r  .con .txt{margin-top:35px;margin-bottom: 35px; height:auto;word-wrap:break-word; }
.pro-d .pro-d-r  .con .txt p{margin-bottom: 10px;font-size: 18px; position: relative;width: 100%;height: auto;padding-left:36px;word-wrap:break-word; }
.pro-d .pro-d-r  .con .txt p:before{content: ""; position: absolute;left:0;top: 4px; width: 16px;height: 16px; background: url(../img/a003.png)center no-repeat;background-size: 16px 16px;}


.pro-d .pro-d-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#000000;
}




@media only screen and (max-width:1200px ) {
	.pro-d .pro-d-r h5{font-size: 56px;}
	.pro-d .pro-d-r  .con h6{font-size: 28px;}
	.pro-d .pro-d-r  .con .txt p{font-size: 16px;}
}

@media only screen and (max-width:1024px ) {
		.pro-d .pro-d-r h5{font-size:40px;}
		.pro-d .pro-d-r .line{margin: 20px 0;}
	.pro-d .pro-d-r  .con h6{font-size: 24px;}
	.pro-d .pro-d-r  .con .txt{margin:25px 0;}
	.pro-d .pro-d-r  .con .txt p{font-size: 15px;}
}
@media only screen and (max-width:800px ) {
	.pro-d .pro-d-l{width: 100%;}
	.pro-d .pro-d-r{width: 100%;margin-top: 30px;padding: 0;}
		.pro-d .pro-d-r h5{font-size:32px;}
		.pro-d .pro-d-r  .con h6{font-size: 20px;}
			.pro-d .pro-d-r  .con .txt{margin:20px 0;}
			.pro-d .pro-d-r  .con .txt p{font-size: 14px;}
}






.pro-t{width: 100%;height: auto;background: #FEF9F2;}
.pro-t-js{width: 100%;height: auto;padding: 0 10px 0 0;}
.pro-t-js .pro-t-c{width: 100%;height: auto;}
.pro-t-js .pro-t-c .pic{box-shadow: 4px 4px 5px rgba(0,0,0,0.3); width: 100%;height: auto;}
.pro-t-js .pro-t-c .pic img{display: block;width: 100%;height: auto;}
.pro-t-js .pro-t-c h6{text-align: center;margin-top: 20px;font-size: 34px;}
.pro-t-js .swiper-button-next{
    background-image: url(../img/a007.png);
    right: 10px;
    left: auto;
    }
.pro-t-js .swiper-button-prev{
    background-image: url(../img/a008.png);
    left: 10px;
    right: auto;
    } 

.pro-t-js   .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.pro-t-js .swiper-button-prev,.pro-t-js .swiper-button-next {
    position: absolute;
    top: 45%;
    width: 46px;
    height: 46px;
    margin-top: -22.5px;
    z-index: 10;
    cursor: pointer;
    z-index: 999;
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px) {
	
	.pro-t-js .pro-t-c h6{font-size: 28px;}
}
@media only screen and (max-width: 1024px) {
	
	.pro-t-js .pro-t-c h6{font-size: 24px;}
}
@media only screen and (max-width: 600px) {
	
	.pro-t-js .pro-t-c h6{font-size: 20px;}
}


.jewish-box{width: 100%;height: auto;background: #f5f5f5;}
.jewish{width: 100%;height: auto;}
.jewish-list li{position: relative; padding-bottom: 80px; width: 100%;height: auto;overflow: hidden;}
.jewish-list li .pic{width: calc(50% - 40px);float: right;position: relative;z-index: 1;}
.jewish-list li .pic .bk{width:80%;height: auto; position: absolute;z-index: -1; left: -40px;bottom: -40px;}
.jewish-list li .pic .bk img{display: block;width: 100%;height: auto;}
.jewish-list li .pic img{display: block;width: 100%;height: auto;}
.jewish-list li .con{position: absolute;top: 50%;transform: translateY(-50%); width: 50%;padding-right: 4.5%;}
.jewish-list li .con h5{font-size: 66px;margin-bottom: 40px;}
.jewish-list li:nth-child(2n) .pic{float: left;}
.jewish-list li:nth-child(2n) .pic .bk{position: absolute;left: auto; right: -40px;bottom: -40px;}
.jewish-list li:nth-child(2n) .con {position: absolute; right: 0;top: 50%; padding: 0;padding-left: 4.5%;}
@media only screen and (max-width:1200px ) {
	.jewish-list li .con h5{font-size: 56px;}
}
@media only screen and (max-width:1024px ) {
	.jewish-list li .con h5{font-size: 40px;margin-bottom: 25px;}
}
@media only screen and (max-width:720px ) {
		.jewish-list li .con h5{font-size: 32px;}
		.jewish-list li .con{position: inherit;transform: translateY(0);float: left;}
		.jewish-list li:nth-child(2n) .con{position:inherit;transform: translateY(0);float: right;}
}
@media only screen and (max-width: 600px) {
	.jewish-list li .con h5{font-size: 28px;}
	.jewish-list li .pic{width: 100%;height: auto;margin-bottom: 30px;}
	.jewish-list li .con{width: 100%;height: auto;float: none;margin-top: 30px;padding: 0;}
	.jewish-list li:nth-child(2n) .con{width: 100%;height: auto;float: none;margin-top: 30px;padding: 0;}
.jewish-list li .con h5{margin-bottom: 20px;}
.jewish-list li{padding-bottom: 40px;}
}

.advan{width: 100%;background: url(../img/a035.png)  #f8f1ea no-repeat;background-position:left top;  height: auto;overflow: hidden;position: relative;}
.advan .advan-c{width: 50%;padding-right: 4.5%;}
.advan .advan-c .txt{margin-top: 40px;}
.advan .advan-c .txt p{font-size: 18px;}
.advan .pic{width: 50%;position: absolute;right: 0;top: 0;height: 100%;background-size: cover;background-repeat:no-repeat;background-position: center;}
@media only screen and (max-width:1200px ) {
.advan .advan-c .txt p{font-size: 16px;}
}

@media only screen and (max-width:1024px ) {
	.advan .advan-c{width: 70%;}
	.advan .pic{width: 30%;}
	.advan .advan-c .txt p{font-size: 14px;}
	
}
@media only screen and (max-width:720px ) {
	.advan .advan-c{width: 100%;}
	.advan .pic{width:100%;position:inherit;height: 300px;}
	.advan .advan-c .txt p{font-size: 14px;}
	
}

.principle{width: 100%;height: auto;position: relative;z-index: 1;}
.principle .bk{width: 100%;height: 65%;position: absolute;top: 50%;z-index: -1; transform: translateY(-50%);background: #f3fafb;}

.principle .prin-list{width: 100%;height: auto;}
.principle .prin-list li{width: 100%;height: auto;overflow: hidden;padding: 10px;margin-bottom: 60px;}
.principle .prin-list li .pic{width: 50%;float: right;box-shadow: 4px 4px 4px rgba(0,0,0,0.3);}
.principle .prin-list li .pic img{display: block;width: 100%;height: auto;}

.principle .prin-list li .con{float: left;transform: translateY(25%); width: 50%;height: auto; padding-right: 4.5%;}
.principle .prin-list li .con .txt{margin-top: 40px;width: 100%;height: auto;}
.principle .prin-list li .con .txt p{font-size: 18px;color: #000000;}

.principle .prin-list li:nth-child(2) .pic{float: left;}
.principle .prin-list li:nth-child(2) .con{padding-right: 0;padding-left: 4.5%;}

.principle .prin-list li:nth-child(4) .pic{width:100%;height: auto;float: none;}
.principle .prin-list li:nth-child(4) .con{width: 100%;height: auto;float: none;transform: translateY(0); margin-top:35px;overflow: hidden;padding-right: 0;}
.principle .prin-list li:nth-child(4) .con .title{float: left;width: auto;}
.principle .prin-list li:nth-child(4) .con .txt{margin-top: 10px; width: calc(75% - 200px);float: right;}

@media only screen and (max-width:1200px ) {
	.principle .prin-list li .con{transform: translateY(0);}
	.principle .prin-list li .con .txt p{font-size: 16px;color: #000000;}
	.principle .prin-list li .con .txt{margin-top: 20px;}
}

@media only screen and (max-width:720px ) {
	.principle .bk{height:75%;top: 45%;}
	.principle .prin-list li{margin-bottom: 30px;}
	.principle .prin-list li .con{margin-top: 20px;}
	.principle .prin-list li .con .txt p{font-size: 15px;}
	.principle .prin-list li .pic{width: 100%;height: auto;float: none;}
	.principle .prin-list li .con{margin-top: 30px; width: 100%;height: auto;float: none;padding: 0;}
	.principle .prin-list li:nth-child(2) .pic{float: none;}
	.principle .prin-list li:nth-child(2) .con{padding: 0;margin-top: 20px;}
	.principle .prin-list li:nth-child(4) .con{margin-top: 20px;}
	.principle .prin-list li:nth-child(4) .con .title{width: 100%;height: auto;}
	.principle .prin-list li:nth-child(4) .con .txt{margin-top: 20px;width: 100%;}
	
}



.contact-bk{width: 100%;height: auto;background: #f5f5f5;}
.contact{width: 100%;height: auto;}

.contact .contact-c{height: auto;position: relative;overflow: hidden;background: #FFFFFF; box-shadow:4px 4px 5px rgba(0,0,0,0.3);}
.contact .contact-c .map{ width:calc(100% - 500px); position: absolute;left: 0;top: 0;height: 100%;}

.contact .contact-c .con{float: right;width:500px;height: auto;padding:40px  40px 40px 60px;}

.contact .contact-c .con h6{font-size: 34px;}
.contact .contact-c .con h6 .line{ display: inline-block;background: #000000;height: 3px;width: 65px;}
.contact .contact-c .con-c{width: 100%;height: auto;margin-top: 40px;}
.contact .contact-c .con-c li{margin-bottom: 10px;color: #000000; font-size: 18px; background-repeat: no-repeat;padding-left: 40px;position: relative;}
.contact .contact-c .con-c li:before{content: "";position: absolute;left: 0;width: 24px;height: 24px;}

.contact .contact-c .lj{margin-top: 40px; width: 100%; overflow: hidden; height: auto;}
.contact .contact-c .lj a{display: block;float: left; width:30px;height: auto;margin-right: 20px;}
.contact .contact-c .lj a img{display: block;width: 100%;height: auto;}



@media only screen and (max-width:1024px ) {
	.contact .contact-c .con h6{font-size: 24px;}
.contact .contact-c .map{position: inherit;width: 100%;height: 300px;}
.contact .contact-c .con{width: 100%;height: auto;}	
}
@media only screen and (max-width:720px ) {
	.contact .contact-c .con h6{font-size: 22px;}
	.contact .contact-c .con h6 .line{width: 45px;height: 2px;}
.contact .contact-c .map{position: inherit;width: 100%;height: 300px;}
.contact .contact-c .con{width: 100%;height: auto;padding: 25px;}	
.contact .contact-c .con-c li{font-size: 16px;}
.contact .contact-c .lj a{width: 24px;height: auto;}

}



.message{width: 100%;height: auto;}
.message-c{width: 100%;height: auto;overflow: hidden;position: relative;box-shadow: 4px 4px 5px rgba(0,0,0,0.3);background: #FFFFFF;}
.message-c .table{width: 60%;height: auto;padding: 60px; height:auto;}
.message-c .table .close{cursor: pointer; color:#000000;position: absolute;right:30px;top: 15px;font-size: 40px;line-height: 1;}


.message-c .table h5{font-size: 34px;font-family: "century gothic";}
.message-c .table form{margin-top: 40px; display: block;width: 100%;height: auto;}
.message-c .table form .c1{margin-bottom: 20px; width: calc(33.3% - 10px);float: left;margin-right: 15px;}
.message-c .table form .c2{margin-right: 0;}
.message-c .table form .c1 p{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.message-c .table form .c1 input{padding-left: 15px; width: 100%;border: 1px solid #dcdcdc;line-height: 48px;background: none;}
.message-c .table form .c3{width: 100%;margin-right: 0;}
.message-c .table form .c3 span{font-size: 16px;color: #999;font-weight: normal;}
.message-c .table form .c4{width: 100%;height: auto;}
.message-c .table form .c4 p{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.message-c .table form .c4 textarea{height: 90px;width: 100%;border: 1px solid #dcdcdc;}
.message-c .table form .c3 #text{overflow: hidden; padding-left: 15px; height: 50px;line-height: 48px; display: block;width: 100%; border:1px solid #dcdcdc ;}
.message-c .table form .c3 .file{position: relative;width: 100%;}
.message-c .table form .c3 #fileroad{opacity: 0;position: absolute;top: 0;left: 0;}
.message-c .table form .c3 #btn{padding-left: 0; color: #FFFFFF;font-size: 18px; width: 120px; position: absolute;right: 0;top: 0;background: #000000;}
.message-c .table form .tj{display: block; background: #000000;color: #FFFFFF;text-align: center;font-size: 18px;font-weight:bold;width: 200px;line-height: 55px;border: none;box-shadow:4px 4px 5px rgba(0,0,0,0.3);margin-top: 30px;}


.message-c .pic{width: 40%;position: absolute;right: 0;height: 100%;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}


@media only screen and (max-width:1200px ) {
.message-c .table h5{font-size: 28px;}
.message-c .table{padding: 50px;}
}
	
@media only screen and (max-width:1024px ) {
.message-c .table h5{font-size: 24px;}
.message-c .table{width: 100%;padding: 25px;}
.message-c .table form .c1 p{font-size:16px}
.message-c .table form .c4 p{font-size: 16px;}
.message-c .pic{display: none;}
}

@media only screen and (max-width:600px ) {
	.message-c .table h5{font-size: 20px;}
.message-c .table form .c1{width: 100%;margin-right: 0;margin-bottom: 10px;}
.message-c .table form .c1 p{font-size:14px}
.message-c .table form .c1 input{line-height: 34px;}
.message-c .table form .c3 #text{line-height: 34px;height: 36px;}
.message-c .table form .c4 p{font-size: 14px;}
.message-c .table form .tj{display: block; background: #000000;color: #FFFFFF;text-align: center;font-size: 18px;font-weight:bold;width: 180px;line-height: 45px;border: none;box-shadow:4px 4px 5px rgba(0,0,0,0.3);margin: 0 auto;margin-top: 30px;}
.message-c .table form .c3 span{font-size: 12px;}
}