@import url("common.css");
/* layout */
#wrap {position:relative; width:100%; height:100%; z-index:1;}

/* main */
#header {position:fixed; top:0; width:100%; z-index:9999;}
#header .header_inner {position:relative; width:100%; height:95px; text-align:center; background:#fff;}
#header .logo {position:absolute; top:0px; left:50%; margin-left:-125px; z-index:2;}
#header .content {position:absolute; top:40px; left:50px; z-index:2;}
#header .content .txt {font-size:20.5px; padding-bottom:5px;}
#header .content .address {font-size:11px;}


#section_11 {position:relative; width:100%; height:100%; background:url("../images/new/main.jpg") no-repeat center; background-size:cover;}
#section_11 .section_inner {position:relative; width:100%; height:100%; margin:0 auto;}
#section_11 .section_inner .txt {position:absolute; top:50%; left:50%; margin-left:-250px; width:500px; text-align:center; z-index:9999;}
#section_11 .section_inner .txt p {margin:30px 0;}
#section_11 .section_inner .txt .sub {font-size:40px; color:#fff;}
#section_11 .section_inner .txt .bar {margin:0 auto; width:170px; height:4px; background:#e60012;}
#section_11 .section_inner .txt .btn {width:200px; font-size:18px; color:#fff; font-weight:bold; letter-spacing:5px; text-align:center; margin:0 auto; padding:15px;}
#section_11 .section_inner .txt .btn a {color:#fff;}
#section_11 .section_inner .txt .btn em {font-size:50px; color:#e60012; vertical-align:top;}


#section_12 {position:relative; width:100%; background:#f1f0ec;}
#section_12 .section_inner {position:relative; width:100%; min-height:6500px; margin:0 auto;}
#section_12 .section_inner .title {border-bottom:4px #aca8a7 solid; width:100%; height:30px; text-align:center; background:#fff; padding-top:120px;} 
#section_12 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; line-height:35px; height:100px; padding-top:30px; padding-bottom:350px;}
#section_12 .section_inner .text em {color:#898989;}
#section_12 .section_inner .content_wrap {position:relative; width:1200px; min-height:auto; margin:0 auto;}
#section_12 .section_inner .content_wrap ul {position:absolute; top:-270px; width:100%;}
#section_12 .section_inner .content_wrap ul li {width:25%; float:left; margin-right:1px; margin-bottom:5px;}
#section_12 .section_inner .content_wrap ul li.big {width:49.5%; background:#f1f0ec; color:#fff;}
#section_12 .section_inner .content_wrap ul li.big a {color:#000;}
#section_12 .section_inner .content_wrap ul li .img {position:relative; background:#f1f0ec; width:100%; height:270px; line-height:270px; overflow:hidden;}
#section_12 .section_inner .content_wrap ul li .img img {position:absolute; top:0px; 
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}	
#section_12 .section_inner .content_wrap ul li:hover img {
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
#section_12 .section_inner .content_wrap ul li .contents {min-height:250px; padding:10px;}
#section_12 .section_inner .content_wrap ul li .contents .subject {font-size:18px; font-weight:bold; line-height:24px;}
#section_12 .section_inner .content_wrap ul li .contents .vendor {font-size:14px; line-height:24px;}
#section_12 .section_inner .content_wrap ul li .contents .content {display:block; width:100%; font-size:12px; word-wrap:break-word;}
#section_12 .section_inner .more {position:absolute; bottom:50px; width:100%; text-align:center; font-size:50px; color:#e60012;}

#section_21 {position:relative; width:100%;}
#section_21 .section_inner .img {position:relative; width:100%; height:auto; padding-top:90px; background:#fff;}
#section_21 .section_inner .img .txt {position:absolute; top:50%; left:50%; margin-left:-250px; width:500px; text-align:center;}
#section_21 .section_inner .img .txt p {margin:30px 0;}
#section_21 .section_inner .img .txt .sub {font-size:40px; color:#000;}
#section_21 .section_inner .img .txt .bar {margin:0 auto; width:170px; height:4px; background:#e60012;}
#section_21 .section_inner .img .txt .btn {width:200px; font-size:14px; color:#000; font-weight:bold; letter-spacing:5px; text-align:center; margin:0 auto; padding:15px;}
#section_21 .section_inner .img .txt .btn a {color:#000; font-weight:bold;}
#section_21 .section_inner .img .txt .btn em {font-size:50px; color:#e60012; vertical-align:top;}


#section_13 {position:relative; width:100%; background:#f1f0ec;}
#section_13 .section_inner {position:relative; width:100%; min-height:1100px; margin:0 auto;}
#section_13 .section_inner .title {border-bottom:4px #aca8a7 solid; width:100%; height:30px; text-align:center; background:#fff; padding-top:120px;}
#section_13 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:100px; padding-top:30px; padding-bottom:150px;}
#section_13 .section_inner .content {position:relative; width:1200px; margin:0 auto;}
#section_13 .section_inner .content ul {position:absolute; top:-220px; width:100%;}
#section_13 .section_inner .content ul li {width:24.5%; float:left; margin-left:0.25%; margin-right:0.25%; margin-bottom:5px;}
#section_13 .section_inner .content ul li .img2 {margin:0 auto; background:#000; width:85%; height:220px; overflow:hidden;}
#section_13 .section_inner .content ul li .img2 img {
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#section_13 .section_inner .content ul li:hover img {
	 -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
#section_13 .section_inner .content ul li .contents {margin:0 auto; width:85%; min-height:150px; padding:10px;}
#section_13 .section_inner .content ul li .contents .content {display:block; width:100%; font-size:12px; word-break:keep-all; padding:5px;}
#section_13 .section_inner .content ul li .contents .subject {font-size:16px; font-weight:bold; line-height:24px; padding:5px;}
#section_13 .section_inner .more {position:absolute; bottom:50px; width:100%; text-align:center; font-size:50px; color:#e60012;}

#section_14 {position:relative; width:100%; background:#f1f0ec;}
#section_14 .section_inner {position:relative; width:100%; min-height:1000px; margin:0 auto;}
#section_14 .section_inner .title {border-bottom:4px #aca8a7 solid; width:100%; height:30px; text-align:center; background:#fff; padding-top:120px;} 
#section_14 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:0px; }
#section_14 .section_inner .img {position:relative; width:100%; height:700px; background:#fff;}
#section_14 .section_inner .img .txt2 {position:absolute; top:32%; left:17%; text-align:left; color:#fff; font-family:nm; font-size:30px; line-height:140%;}
#section_14 .section_inner .content {position:relative; width:70%; height:350px; margin:0 auto;}
#section_14 .section_inner .content .inner {position:absolute; top:0px; width:100%;}
#section_14 .section_inner .content .inner .map_area {width:99%; height:450px; background:#999; border:1px #ccc solid;}
#section_14 .section_inner .content .inner .info {margin:2% 2% 0 30%; border-top:1px #d9d9d9 solid;}
#section_14 .section_inner .content .inner .info h2 {line-height:50px; font-family:ng;}
#section_14 .section_inner .content .inner .info p {padding:5px 5px 5px 3px; height:30px;}
#section_14 .section_inner .content .inner .info p span {display:block; width:10%; color:#898989; float:left;}



#footer {position:relative; background:#fff; z-index:1;}
#footer .footer_inner {position:relative; width:70%; height:80px; margin:20px auto; color:#595757; text-align:left;}
#footer .footer_inner .link {display:block; width:200px; float:right;}
#footer .footer_inner span {display:block; width:300px; float:left;}
#footer .footer_inner .link img {padding-right:20px; float:left;}

#menu_right {position:fixed; top:50%; margin-top:-120px; right:40px; width:200px; height:260px; z-index:10;}
#menu_right .ico {position:absolute; top:49px; left:157px;}
#menu_right .ico li {height:60px;}

#layer_pop_wrap {display:none; width:100%; height:100%; background:url(../images/bg_back_layer.png) 0 0 repeat; position:fixed; left:0px; top:0px; z-index:100; }
#layer_pop_wrap .gallery_wrap {position:absolute; left:50%; top:20%; width:50%; height:auto; margin-left:-25%;}
#layer_pop_wrap .gallery_wrap .inner_wrap {position:relative; width:100%; height:100%; text-align:center;}
#layer_pop_wrap .gallery_wrap .inner_wrap .btn_close {position:absolute; top:0px; right:-45px;}


@media (min-width:1440px) and (max-width:1920px){
	#section_12 .section_inner .content_wrap {position:relative; width:70%;}
}

@media (min-width:1100px) and (max-width:1440px){
	#section_12 .section_inner .content_wrap {position:relative; width:80%;}
	#section_13 .section_inner .content {position:relative; width:80%; margin:0 auto;}
}

@media (min-width:799px) and (max-width:1100px){
	#header .content {position:absolute; top:30px; left:30px; z-index:2;}
	#header .content .txt {font-size:16px; padding-bottom:5px;}
	#header .content .address {font-size:8.5px;}

	#section_11 .section_inner .txt {position:absolute; top:40%; left:50%; margin-left:-200px; width:400px; text-align:center;}
	#section_11 .section_inner .txt p {margin:20px 0;}
	#section_11 .section_inner .txt .sub {font-size:30px; color:#000;}
	#section_11 .section_inner .txt .bar {margin:0 auto; width:155px; height:4px; background:#e60012;}
	#section_11 .section_inner .txt .btn {font-size:12px; color:#000; letter-spacing:5px; padding:15px;}
	#section_11 .section_inner .txt .btn a {color:#000;}
	#section_11 .section_inner .txt .btn em {font-size:40px; color:#e60012; vertical-align:top;}

	#section_12 .section_inner {position:relative; width:100%; min-height:4500px; margin:0 auto;}
	#section_12 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; line-height:35px; height:100px; padding-top:30px; padding-bottom:250px;}	
	#section_12 .section_inner .content_wrap {position:relative; width:90%; min-height:auto; margin:0 auto;}
	#section_12 .section_inner .content_wrap ul {position:absolute; top:-160px; width:100%;}
	#section_12 .section_inner .content_wrap ul li {width:25%; float:left; margin-right:1px; margin-bottom:5px;}
	#section_12 .section_inner .content_wrap ul li.big {width:49%; background:#f1f0ec; color:#000;}
	#section_12 .section_inner .content_wrap ul li .img {background:#f1f0ec; width:100%; height:160px;}
	#section_12 .section_inner .content_wrap ul li .contents {min-height:180px; padding:8px;}
	
	#section_21 .section_inner .img .txt {position:absolute; top:50%; left:50%; margin-left:-150px; width:400px; text-align:center;}

	#section_13 .section_inner {position:relative; width:100%;  min-height:1400px; margin:0 auto;}
	#section_13 .section_inner .img {position:relative; width:100%; height:auto; padding-top:90px; background:#fff;}
	#section_13 .section_inner .img .txt2 {position:absolute; top:35%; left:10%; text-align:left; color:#fff; font-size:22px; line-height:120%;}
	#section_13 .section_inner .content {position:relative; width:90%; min-height:auto; margin:0 auto;}
	#section_13 .section_inner .content ul {position:absolute; top:-170px; width:100%;}
	#section_13 .section_inner .content ul li {width:33%; float:left; margin-left:0.05%; margin-right:0.05%; margin-bottom:5px;}
	#section_13 .section_inner .content ul li .img2 {margin:0 auto; background:#000; width:90%; height:170px; overflow:hidden;}
	#section_13 .section_inner .content ul li .contents {margin:0 auto; width:90%; height:150px; padding:10px;}

	#section_14 .section_inner .content {position:relative; width:90%; min-height:auto; margin:0 auto;}
	#section_14 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:0; }
	#section_14 .section_inner .content .inner .info {margin:2% 2% 0 2%; border-top:1px #d9d9d9 solid;}
	#section_14 .section_inner .content .inner .info p {padding:5px 5px 15px 3px; height:30px;}
	#section_14 .section_inner .content .inner .info p span {display:block; width:20%; color:#898989; float:left;}
	

	#footer .footer_inner {position:relative; width:90%; height:80px; margin:20px auto; color:#595757; text-align:left;}
	#footer .footer_inner .link {display:block; width:100%; height:50px;}
	#footer .footer_inner .link img {padding-right:20px; float:left;}
	#footer .footer_inner span {display:block; width:100%; height:50px;}
	

	#menu_right {display:none;}
}

@media (min-width:641px) and (max-width:800px){
	#header .content {position:absolute; top:30px; left:30px; z-index:2;}
	#header .content .txt {font-size:16px; padding-bottom:5px;}
	#header .content .address {font-size:8.5px;}

	#section_11 .section_inner .txt {position:absolute; top:50%; left:50%; margin-left:-200px; width:400px; text-align:center;}
	#section_11 .section_inner .txt p {margin:20px 0;}
	#section_11 .section_inner .txt .sub {font-size:25px; color:#000;}
	#section_11 .section_inner .txt .bar {margin:0 auto; width:155px; height:4px; background:#e60012;}
	#section_11 .section_inner .txt .btn {font-size:11px; color:#000; letter-spacing:5px; padding:15px;}
	#section_11 .section_inner .txt .btn a {color:#000;}
	#section_11 .section_inner .txt .btn em {font-size:40px; color:#e60012; vertical-align:top;}

	#section_12 .section_inner {position:relative; width:100%; min-height:5200px; margin:0 auto;}
	#section_12 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; line-height:35px; height:100px; padding-top:30px; padding-bottom:250px;}	
	#section_12 .section_inner .content_wrap {position:relative; width:100%; min-height:auto; margin:0 auto;}
	#section_12 .section_inner .content_wrap ul {position:absolute; top:-160px; width:100%;}
	#section_12 .section_inner .content_wrap ul li .img {background:#f1f0ec; width:100%; height:160px;}
	#section_12 .section_inner .content_wrap ul li .contents {min-height:250px; padding:8px;}
	
	#section_21 .section_inner .img .txt {position:absolute; top:50%; left:50%; margin-left:-150px; width:400px; text-align:center;}

	#section_13 .section_inner {position:relative; width:100%;  min-height:1400px; margin:0 auto;}
	#section_13 .section_inner .img {position:relative; width:100%; height:auto; padding-top:90px; background:#fff;}
	#section_13 .section_inner .img .txt2 {position:absolute; top:33%; left:10%; text-align:left; color:#fff; font-size:20px; line-height:140%;}
	#section_13 .section_inner .content {position:relative; width:90%; min-height:auto; margin:0 auto;}
	#section_13 .section_inner .content ul {position:absolute; top:-170px; width:100%;}
	#section_13 .section_inner .content ul li {width:33%; float:left; margin-left:0.05%; margin-right:0.05%; margin-bottom:5px;}
	#section_13 .section_inner .content ul li .img2 {margin:0 auto; background:#000; width:90%; height:170px; overflow:hidden;}
	#section_13 .section_inner .content ul li .contents {margin:0 auto; width:90%; height:150px; padding:10px;}

	#section_14 .section_inner .content {position:relative; width:90%; min-height:auto; margin:0 auto;}
	#section_14 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:0; }
	#section_14 .section_inner .img {position:relative; width:100%; height:auto; padding-top:90px; background:#fff;}
	#section_14 .section_inner .img .txt2 {position:absolute; top:33%; left:10%; text-align:left; color:#fff; font-size:20px; line-height:140%;}
	#section_14 .section_inner .content .inner .info {margin:2% 2% 0 2%; border-top:1px #d9d9d9 solid;}
	#section_14 .section_inner .content .inner .info p {padding:5px 5px 15px 3px; height:30px;}
	#section_14 .section_inner .content .inner .info p span {display:block; width:20%; color:#898989; float:left;}
	

	#footer .footer_inner {position:relative; width:90%; height:80px; margin:20px auto; color:#595757; text-align:left;}
	#footer .footer_inner .link {display:block; width:100%; height:50px;}
	#footer .footer_inner .link img {padding-right:20px; float:left;}
	#footer .footer_inner span {display:block; width:100%; height:50px;}
	

	#menu_right {display:none;}

	#layer_pop_wrap .gallery_wrap {position:absolute; left:50%; top:20%; width:70%; height:auto; margin-left:-35%;}
	#layer_pop_wrap .gallery_wrap .inner_wrap {position:relative; width:100%; height:100%; text-align:center;}
	#layer_pop_wrap .gallery_wrap .inner_wrap .btn_close {position:absolute; top:0px; right:-45px;}
}

@media (min-width:20px) and (max-width:640px){	
	#header .logo {position:absolute; top:0px; left:50%; margin-left:-100px; z-index:2;}
	#header .content {display:none;}

	#section_11 .section_inner .txt {position:absolute; top:50%; left:50%; margin-left:-100px; width:200px; text-align:center;}
	#section_11 .section_inner .txt p {margin:20px 0;}
	#section_11 .section_inner .txt .sub {font-size:25px; color:#000;}
	#section_11 .section_inner .txt .bar {margin:0 auto; width:155px; height:4px; background:#e60012;}
	#section_11 .section_inner .txt .btn {font-size:11px; color:#000; letter-spacing:5px; padding:15px;}
	#section_11 .section_inner .txt .btn a {color:#000;}
	#section_11 .section_inner .txt .btn em {font-size:40px; color:#e60012; vertical-align:top;}

	#section_12 .section_inner {position:relative; width:100%; min-height:7100px; margin:0 auto;}
	#section_12 .section_inner .title {border-bottom:2px #aca8a7 solid; width:100%; height:30px; text-align:center; background:#fff; padding-top:50px;} 
	#section_12 .section_inner .text {font-size:18px; color:#000; background:#fff; text-align:center; line-height:35px; height:100px; padding-top:30px; padding-bottom:150px;}
	#section_12 .section_inner .text em {color:#898989;}
	#section_12 .section_inner .content_wrap {position:relative; width:100%; min-height:auto; margin:0 auto;}
	#section_12 .section_inner .content_wrap ul {position:absolute; top:-150px; width:100%;}
	#section_12 .section_inner .content_wrap ul li {width:49.2%; float:left; margin-right:1px; margin-bottom:5px;}
	#section_12 .section_inner .content_wrap ul li.big {width:49.2%; background:none; color:#221815;}
	#section_12 .section_inner .content_wrap ul li.big a {color:#221815;}
	#section_12 .section_inner .content_wrap ul li .img {background:#f1f0ec; width:100%; height:180px;}
	#section_12 .section_inner .content_wrap ul li.big .img img {width:auto; height:100%;}
	#section_12 .section_inner .content_wrap ul li .contents {min-height:200px; padding:10px;}

	#section_21 .section_inner .img .txt {position:absolute; top:50%; width:100%; margin-left:0; left:0; text-align:center;}

	#section_13 {position:relative; width:100%;}
	#section_13 .section_inner {position:relative; width:100%;  min-height:1600px; margin:0 auto;}
	#section_13 .section_inner .title {border-bottom:4px #aca8a7 solid; width:100%; height:30px; text-align:center; background:#fff; padding-top:50px;}
	#section_13 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:100px; padding-top:30px; padding-bottom:100px;}
	#section_13 .section_inner .img {padding-top:50px 0;}
	#section_13 .section_inner .img .txt2 {position:absolute; top:50%; left:8%; text-align:left; color:#fff; font-size:8px; line-height:140%;}
	#section_13 .section_inner .content {position:relative; width:100%; min-height:auto; margin:0 auto;}
	#section_13 .section_inner .content ul {position:absolute; top:-170px; width:100%;}
	#section_13 .section_inner .content ul li {width:49%; float:left; margin-left:0.02%; margin-right:0.02%; margin-bottom:10px;}
	#section_13 .section_inner .content ul li .img2 {margin:0 auto; background:#000; width:90%; height:170px; overflow:hidden;}
	#section_13 .section_inner .content ul li .contents {margin:0 auto; width:90%; height:130px; padding:10px;}

	#section_14 .section_inner {position:relative; width:100%; min-height:1000px; margin:0 auto;}
	#section_14 .section_inner .text {font-size:26px; color:#000; background:#fff; text-align:center; height:0;}
	#section_14 .section_inner .img {padding-top:50px 0;}
	#section_14 .section_inner .img .txt2 {position:absolute; top:30%; left:8%; text-align:left; color:#fff; font-size:25px; line-height:40px;}
	#section_14 .section_inner .content {position:relative; width:100%; min-height:auto; margin:0 auto;}
	#section_14 .section_inner .content .inner .info {margin:2% 2% 0 2%; border-top:1px #d9d9d9 solid;}
	#section_14 .section_inner .content .inner .info p {padding:5px 5px 35px 3px; height:30px;}
	#section_14 .section_inner .content .inner .info p span {display:block; width:100%; padding-bottom:5px; color:#898989; float:left;}

	#footer .footer_inner {position:relative; width:90%; height:80px; margin:20px auto; color:#595757; text-align:left;}
	#footer .footer_inner .link {display:block; width:100%; height:50px;}
	#footer .footer_inner .link img {padding-right:20px; float:left;}
	#footer .footer_inner span {display:block; width:100%; height:50px;}
	
	#menu_right {display:none;}

	#layer_pop_wrap .gallery_wrap {position:absolute; left:50%; top:30%; width:90%; height:auto; margin-left:-45%;}
	#layer_pop_wrap .gallery_wrap .inner_wrap {position:relative; width:100%; height:100%; text-align:center;}
	#layer_pop_wrap .gallery_wrap .inner_wrap .btn_close {position:absolute; top:-45px; right:0;}
}


/*   animation-duration: 0.5s; animation-name: slidein;  */
@keyframes slidein {
  from {
    margin-left: 8%;
    opacity: 0;
  }

  to {
    margin-left: 0%;
    opacity: 10;
  }
}