@charset "utf-8";
/* CSS Document */

	html{
		height:100%;}
    body {

        color:#000;
        margin: 0;
        padding: 0;
		
    }


    * {
	margin:0;
	padding:0;
	list-style:none;

    font-family: Arial;

    box-sizing:border-box; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 font-size: 16px;
 font-family: "微軟正黑體","微软雅黑";
}
input{outline:none}
.swiper-pagination-bullet{outline:none}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	color:#333;
}


    .swiper-container.s1 {
        width: 100%;

    }
    .s1 .swiper-slide {
		position:relative;
      
    }


@font-face {
 font-family: 'neu';
 src: url(../font/bulldog.eot);
 src: local('neu'),
        local('neu'),
        url(../font/neu.woff) format('woff'),
        url(../font/neu.ttf) format('truetype'),
        url(../font/neu.svg#fontName) format('svg');
}  
	
@keyframes line{
	0%{transform: matrix3d(0.990268, -0.139173, 0, 0, -0.0348995, 0.999391, 0, 0, 0, 0, 1, 0, 10, -20, 0, 1);}
	50%{transform: rotate(1deg);transform-origin:left center;}
	60%{transform: translate3d(0px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}	


		
	.s1 .swiper-slide .pic{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		background-size: cover; background-position: center;
		}
	.s1 .swiper-slide-active .pic,.s2 .swiper-slide-duplicate-active .pic{
		transition:5s linear;
		transform:scale(1.1,1.1);
		}	
	.swiper-pagination{
		/* bottom:30px !important; */
		/* left:-100px !important; */
		/* text-align:right; */
		/* text-indent:100px; */
		}	
	.s1 .swiper-pagination-bullet{
		width: 40px;
		height: 6px;
		opacity:1;
		background: #fff;
		opacity: .7; border-radius: 0px;
		/* border:1px solid #fff; */
		}	
	.s1 .swiper-pagination-bullet-active{
		background: #547e8a;
		border: 0px;
		opacity: 1;
		}

    .swiper-container.s2 {
        width: 100%; display: none;

    }
    .s2 .swiper-slide {
		position:relative;
      
    }

		
	.s2 .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		background-size: cover; background-position: center;
		}
	.s2 .swiper-slide-active img, .s2 .swiper-slide-duplicate-active img{
		transition:5s linear;
		transform:scale(1.1,1.1);
		}	
	
	.s2 .swiper-pagination-bullet{
		width: 40px;
		height: 6px;
		opacity:1;
		background: #fff;
		opacity: .7; border-radius: 0px;
		/* border:1px solid #fff; */
		}	
	.s2 .swiper-pagination-bullet-active{
		background: #547e8a;
		border: 0px;
		opacity: 1;
		}





.h90{height: 90px; clear: both;}
.clear{ clear: both;}
.w80{ padding:0 9%; }
.w40{ padding:0 18%; }



.nav{position: fixed; width: 100%;height: 100px; left: 0px; top: 0px; z-index: 100; 
	transition: all 0.3s ease; background-color: rgba(0,0,0,0.3);}
.nav ul{float: right;}
.nav ul li{float: left;  margin-left: 20px;  transition: all 0.3s ease;}
.nav ul li a{display: block; height: 100px; line-height: 100px;  color: #fff; padding: 0 20px; transition: all 0.3s ease; font-size: 16px;}
.nav ul li a:hover{background-color:#547e8a; color: #fff; }
.nav .logo{float: left; margin-top: 20px; transition: all 0.3s ease; width: 190px;}
.nav .logo img{display: block;width: 100%;}
.nav .logo .img0{display: block;}
.nav .logo .img1{display: none;}

.nav-2{background-color: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.1)}
.nav-2 .logo .img1{display: block;}
.nav-2 .logo .img0{display: none;}
.nav-2 ul li a{color: #333;  }

.nav-w{ height: 70px; background-color: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.1)}
.nav-w .logo{ margin-top: 10px; width: 150px;}
.nav-w .logo .img1{display: block;}
.nav-w .logo .img0{display: none;}
.nav-w ul li a{color: #333; height: 70px; line-height: 70px; }

#dl-menu {display: none;}





.nest-foot{background-color: #303030;   height: auto; background-image: url(../img/a05.png); position: relative;z-index: 10;
 background-position: 50% -5%;  background-repeat: no-repeat; }
.footbox{width: 100%; height: auto; padding-top: 75px; padding-bottom: 75px;}
.foot-l{float: left; height: auto; overflow: hidden;}
.foot-l .logo{display: block; margin-bottom: 10px; width: 70%; max-width: 280px;}
.foot-l p{color: #fff; font-size: 16px; line-height: 1.5 ;}
.foot-l p span{display: inline-block; margin-top: 15px; margin-right: 30px;}
.foot-l p span a{color: #fff;}
.foot-r{float: right; height: auto; text-align: right; color: #fff;}
.foot-r h6{font-size: 16px; font-weight: 500; line-height: 1.5}
.foot-r h5{font-size: 32px; font-family: "微软雅黑";  line-height: 1; margin: 30px 0 15px 0;}
.foot-r  p{font-size: 16px; line-height: 1.5; padding-bottom: 10px;}
.foot-r .mail span{width: 35px; margin-left: 30px; padding-top: 30px; display: inline-block;  cursor: pointer;}
.foot-r .mail span img{display: block;width: 100%; transition: all 0.3s ease;  }
.foot-r .mail span:hover .code {transform:scale(0.9,0.9);}
.foot-r .mail .mini{ position: relative;  }
.foot-r .mail .mini .code-box{width: 100px; height: 0px;background: #fff; border-radius:5px;  padding:0 5px; position: absolute; 
	left: -32px; bottom: 50px; transition: all 0.3s ease; overflow: hidden; }
.foot-r .mail .mini:hover .code-box{height: 100px; padding: 5px; }

.foot-r .mail .mini:hover .code-box img{display: block; width: 100%;}

.title {line-height: 1;}
.title h4{font-size: 16px; font-family: 'neu'; color: #333;position: relative; padding-left: 60px;}
.title h4:before{content:" "; display: block;width: 40px; height: 3px; position: absolute; left: 0px; top: 50%; margin-top: -2px;
 background: #333; }
.title h5{font-size: 50px;  color: #333;margin-top: 50px;}
.title h6{font-size: 16px;  color: #333;margin-top: 25px; font-weight: 500;}
.title-W h4{ color: #FFF;}
.title-W h4:before{background: #FFF; }
.title-W h5{  color: #FFF;}
.title-W h6{  color: #FFF;}



.about {background-image: url(../img/a06.png); background-position: left bottom; background-repeat: no-repeat; }

.about-left{float: left;width: 40% ; height: auto;}
.about-right{float: left;width: 60% ; height: auto; }
.about-r-box{height: auto; position: relative; margin-top: 90px;}
.about-right .txt p{font-size: 16px; line-height: 1.5;} 
.about .s3 .swiper-slide img{ width: 100%; display: block; }

.about .swiper-pagination-bullet{background:#547e8a; width: 10px;height: 10px; opacity:1; margin:  7px !important; }
.about .swiper-pagination-bullet-active{width: 24px; height: 24px; background: #fff; border: 1px solid #547e8a; position: relative; margin:  0px !important; }
.about .swiper-pagination-bullet-active:before{content:" "; background:#547e8a; width: 10px;height: 10px;  position: absolute;
left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;  border-radius: 50%;  }

.about .swiper-pagination{width: 24px; text-align: center; top: 0px; left: -50px;}


.news {background-image: url(../img/a07.png); background-position: left bottom; background-repeat: no-repeat; min-height: 520px;}
.news-left{float: left;width: 40% ; height: auto;  }
.news-right{float: left;width: 60% ; height: auto; }
.news-r-box{height: auto; position: relative; }


.news-right .news-box h6{font-size: 24px; color: #547e8a; font-family: 'neu';  line-height: 1 ; margin-bottom: 35px;}
.news-right .news-box h3{font-size: 20px; margin-bottom: 35px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-right .news-box:first-child{margin-bottom: 90px;}
.news-right .news-box .new-a{height: 72px; overflow: hidden;}
.news-right .news-box .new-a{font-size: 16px; line-height: 1.5;}
.news-b {height: auto; position: relative;}
.news .swiper-pagination{width: auto;  position: relative; float: left;}
.news-b .more-box{position: absolute; width: 40%; left: 0px; bottom: 10px;}
.news-b .more-box .new-more{float: left; margin-left: 20px; padding-left: 80px; position: relative;}
.news-b .more-box .new-more a{display: block;width: 125px; height: 40px; line-height: 40px; background: #547e8a;transition: all 0.3s ease; 
 text-align: center; color: #fff; font-size: 16px;}
.news-b .more-box .new-more:before{content:" "; background:#547e8a; width: 50px;height: 1px;  position: absolute;
left: 0; top: 50%;  }

.news-b .more-box .new-more a:hover{background: #b6d1d8;}

.news .swiper-pagination-bullet{background:#547e8a; width: 10px;height: 10px; opacity:1; margin: 15px 7px !important; }
.news .swiper-pagination-bullet-active{width: 24px; height: 24px; background: #fff; border: 1px solid #547e8a; position: relative; margin:8px  0px !important; }
.news .swiper-pagination-bullet-active:before{content:" "; background:#547e8a; width: 10px;height: 10px;  position: absolute;
left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;  border-radius: 50%;  }
.xianshang{position: relative;}
.xianshang-l{width: 50%; float: left; background-size: cover; position: absolute; left: 0px; height: 100%; top: 0px;}
.xianshang-r{width: 50%; float: right;}
.xianshang-l .xianshang-l-box{width: 100%;  background-size: cover; position: absolute;
 left: 0px; height: 100%; top: 0px; padding-top: 70px;}
.xianshang-r1{background-size: cover; background-position: center; position:relative;padding-top: 70px; padding-bottom: 70px;}
.xianshang-r2{background-size: cover; background-position: center;padding-top: 70px; padding-bottom: 70px;}

.xianshang-r1-box{width: calc(100% - 150px); float: left; height: auto ; overflow: hidden}
.xianshang-r1-box .title h5{color: #547e8a;}
.xianshang-r1-box h3{margin-top: 70px; margin-bottom: 30px;color: #547e8a; font-size: 20px; }
.xianshang-r1-box a{display: block;width: 125px; height: 40px; line-height: 40px; background: #547e8a;transition: all 0.3s ease; 
 text-align: center; color: #fff; font-size: 16px;}
.xianshang-r1-box a:hover{background: #b6d1d8;}
.xianshang-r-pic{display: block; width: 150px;float: left;}
.xianshang-r2 form  input{background-color:transparent; border-width: 0px; border-bottom: 1px solid #fff; font-family: "微軟正黑體","微软雅黑"; font-size: 16px;
display: block; float: left; height:50px; line-height: 50px; padding:  0 20px;color: #fff;}
.xianshang-r2 form  input.in1{width: 47%; margin-right: 6%;}
.xianshang-r2 form  input.in2{width: 47%; }
.xianshang-r2 form  input.in3{margin-top: 20px; margin-bottom: 20px; width: 100%; }
.xianshang-r2 form  input.in4{margin-top: 20px;  width: 100%; background: #FFF; color: #547e8a;transition: all 0.3s ease; border-width: 0px;
 font-family: "微軟正黑體","微软雅黑"; font-size: 16px; }
.xianshang-r2 form  input.in4:hover{background: #dfebee;}
.xianshang-r2 form  textarea{background-color:transparent; border-width: 0px; border-bottom: 1px solid #fff; font-family: "微軟正黑體","微软雅黑"; font-size: 16px;
display: block; width: 100%; line-height: 1.5; height: 120px; padding:  0 20px;color: #fff;}


.xianshang-r2 form input::-webkit-input-placeholder{color:#fff;}
.xianshang-r2 form input::-moz-placeholder{color:#fff;}
.xianshang-r2 form input:-moz-placeholder{color:#fff;}
.xianshang-r2 form input:-ms-input-placeholder{color:#fff;}
.xianshang-r2 form textarea::-webkit-input-placeholder{color:#fff;}
.xianshang-r2 form textarea::-moz-placeholder{color:#fff;}
.xianshang-r2 form textarea:-moz-placeholder{color:#fff;}
.xianshang-r2 form textarea:-ms-input-placeholder{color:#fff;}

.xianshang-l  .mail{margin-top: 130px;}
.xianshang-l  .mail span{width: 100px; margin-right: 30px; padding-top: 30px; display: inline-block;  cursor: pointer;}
.xianshang-l  .mail span img{display: block;width: 50px; transition: all 0.3s ease;  margin: 0 auto; }
.xianshang-l  .mail span:hover .code {transform:scale(0.9,0.9);}
.xianshang-l  .mail span b{display: block ; text-align: center; color: #fff; margin-top: 20px;}

.xianshang-l .xianshang-l-box p{position: absolute;  bottom:90px; left: 0; line-height: 2; color: #fff; }

.pro{height: auto; background-position: center; background-size: cover; position: relative;}
.pro .s5{margin-top: 40px;}
.pro  .pro-box{height:  445px; position: relative;transition: all 0.3s ease;}

.pro  .pro-box .pro-box1{height: 215px; width: 100%; position: absolute;
 transition: all 0.3s ease;  z-index: 20;
	background-color: #547e8a; left: 0px; bottom: 35px;  
	background-position: center ; background-size: cover;}
.pro  .pro-box .pro-box1 span{width: 60px; height: 60px; background-color: #547e8a; 
	border-radius: 50%; overflow: hidden; transition: all 0.3s ease;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3); display: block; 
position: absolute; top: -30px; left: 50%; margin-left: -30px;}
.pro  .pro-box .pro-box1 span img{display: block; width: 100%;}
.pro  .pro-box .pro-box1 .txt{position: absolute; width: 100%; text-align: center ; left: 0px; top: 70px;}
.pro  .pro-box .pro-box1 .txt h3{font-size: 24px; color: #fff; margin-bottom: 20px;}
.pro  .pro-box .pro-box1 .txt h4{font-size: 16px; color: #fff;}
.pro  .pro-box .pro-box1:before{content:" ";  width: 12px; height:18px; display: block; 
background-image: url(../img/a11.png); background-size: 100% 100%; 
position: absolute; left: 0px; bottom: 100%;}
.pro  .pro-box .pro-box1:after{content:" ";  width: 12px; height:18px; display: block; 
background-image: url(../img/a12.png); background-size: 100% 100%; 
position: absolute; right:  0px; bottom: 100%;}

.pro  .pro-box .pro-pic{height: auto; width: calc(100% - 24px); position: absolute;
 transition: all 0.3s ease;  z-index: 19; left: 12px; top: 35px;  }


.pro  .pro-box:hover .pro-box1{background-color: #265392;  bottom: 0px; }
.pro  .pro-box:hover .pro-box1 span {background-color: #265392;  }

.pro  .pro-box:hover .pro-box1:before{background-image: url(../img/a13.png); }
.pro  .pro-box:hover .pro-box1:after{background-image: url(../img/a14.png); }
.pro  .pro-box:hover .pro-pic{ top: 0px;  }
.pro .more-box{position: absolute ; right:9%; top: 160px; }
.pro .more-box .new-more{float: left; margin-left: 20px; padding-left: 80px; position: relative;}
.pro .more-box .new-more a{display: block;width: 125px; height: 40px; 
	line-height: 40px; transition: all 0.3s ease; 
 text-align: center; color: #fff; font-size: 16px;}
.pro .more-box .new-more:before{content:" "; background:#547e8a; width: 50px;height: 1px;  position: absolute;
left: 0; top: 50%;  }

.pro .more-box .new-more a:hover{background: #547e8a;}
.pro .swiper-pagination{width: auto;  position: relative; float: left;}
.pro .swiper-pagination-bullet{background:#fff; width: 10px;height: 10px; opacity:1; 
	margin: 15px 7px !important; }
.pro .swiper-pagination-bullet-active{width: 24px; height: 24px;background-color:transparent;
 border: 1px solid #fff; position: relative; margin:8px  0px !important; }
.pro .swiper-pagination-bullet-active:before{content:" "; background:#fff; 
width: 10px;height: 10px;  position: absolute;
left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;  border-radius: 50%;  }


.pro-d-banner{width: 100%; height: auto; overflow: hidden;}
.pro-d-banner img{width: 100%; display: block;}


.pro-d-pic {
	padding-top:0px; padding-bottom: 30px;
}
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height:auto;
	background: #fff;
	
}
#certify  .swiper-slide img{
	display:block; width: 100%;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../img/a16.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}



#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../img/a15.png) no-repeat;
	background-position: 0 0px;
	background-size: 100%;
}

.pro-d-pic .s6{width: 90%; margin: 0 auto; padding-bottom: 60px;}
.pro-d-pic .s6 img{display: block;width: 100%;}
.pro-d-tip{text-align: center; margin-bottom: 40px;}
.pro-d-tip h3{font-size: 36px; color: #333;  margin-bottom: 20px;}
.pro-d-tip h6{font-size: 24px; color: #333; }
.pro-d-pic .s6{display: none;}
.pro-d-pic .s6 .swiper-pagination-bullet{background:#547e8a; width: 10px;height: 10px; opacity:1; margin: 15px 7px !important; }
.pro-d-pic .s6 .swiper-pagination-bullet-active{width: 24px; height: 24px; background: #fff; border: 1px solid #547e8a; position: relative; margin:8px  0px !important; }
.pro-d-pic .s6 .swiper-pagination-bullet-active:before{content:" "; background:#547e8a; width: 10px;height: 10px;  position: absolute;
left: 50%; top: 50%; margin-left: -5px; margin-top: -5px;  border-radius: 50%;  }
.pro-d-center{background-size: cover; background-position: center;}
.pro-d-center img{ float: right; max-width: 100%; }
.pro-d-txt p{font-size: 16px; line-height: 1.5; color: #333;}
.pro-d-txt img{max-width: 100%; text-align: center;}

.about-tip{margin-bottom: 60px;}
.about-tip h4{font-size: 60px; font-family: 'neu'; color: #658b96;}

.about-tip h5{font-size: 50px;  color: #999;margin-top: 30px;}
.attr-box{position: absolute; width: calc(100% - 100px);height: calc(100% - 100px); 
 left: 50px; top: 50px; border: 1px solid rgba(255,255,255,0.5);
 text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
.attr-box h3{ font-size: 40px; color: #fff;margin-bottom: 20px;}
.attr-box h4{ font-size: 32px; color: #fff;margin-bottom: 20px;}
.attr-box p{ font-size: 16px; color: #fff;}

 


.back{width: 100%; position: fixed; width: 100%; height: 100%; z-index: 1; left: 0px; top: 0px;}
.back1{width: 50%; position:absolute; height: 100%; top: 0px; left: 0px; background-size: cover; }
.back2{width: 50%; position:absolute; height: 100%; top: 0px; right: 0px; background-size: cover; }
.about-tip2 h4{color: #fff; line-height: 1;}
.about-tip2 h5{font-size: 36px;color: #fff;line-height: 1;}
.about-tip2 h6{font-size: 16px;color: #fff;line-height: 1; margin-top: 30px;}
.pro-list2{width: 100%; padding:0px; } 
.pro-list2 .abc p{font-size: 16px;color: #fff;line-height: 1.5; margin-top: 30px;}

.pro-list-r ul{width: calc(100% + 60px); margin-left: -30px;letter-spacing:-3px; font-size: 0px; } 
.pro-list-r ul li{width: calc(50% - 60px); margin: 0 30px 50px 30px; display: inline-block; letter-spacing:0px; font-size: 16px;}
.pro-list-r ul li .pic{width: 100%; height: auto; overflow: hidden;}
.pro-list-r ul li .pic img{display: block;width: 100%; transition: all 0.3s ease; }
.pro-list-r ul li h2{font-size: 24px; color: 333;text-align: center; margin-top: 20px; line-height: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list-r ul li h3{font-size: 16px; color: 333;text-align: center; margin-top: 20px; line-height: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list-r ul li:hover .pic img{transform:scale(1.1,1.1);}

.pro-list-top{position: relative; z-index: 10; margin-top: 60px; padding: 60px 5%; display: none; }

.pro-list-top p{color: #fff; line-height: 1.5; font-size: 16px;}




.news-banner{height: auto; overflow: hidden; background-position: center; background-size: cover; margin-top: 90px; }
.news-banner-txt{max-width: 600px; width: 100%;}
.news-banner-txt .about-tip h4{color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.6)}
.news-banner-txt .about-tip h5{color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.6)}
.news-banner-txt p{color: #fff; line-height: 1.5; text-shadow: 2px 2px 2px rgba(0,0,0,0.6)}
.nest-new-list{ height: auto; overflow: hidden;  }
.nest-new-list ul{margin-top: -30px;}
.nest-new-list ul li{padding:30px 15%;transition: all 0.3s ease; height: auto; overflow: hidden; }
.nest-new-list ul li img{display: block;width:400px; float: left; }
.nest-new-list .list-right{width: calc(100% - 400px); height: auto; float: right;}
.nest-new-list .list-right span{display: block; width: 135px; float: left; margin-top: 70px; 
background-image: url(../img/a18.png);	background-position: right center; background-repeat: no-repeat;}
.nest-new-list .list-right .txt{display: block; width: calc(100% - 135px); float: left; padding:0 12%; }
.nest-new-list .list-right .txt p{font-size: 16px; line-height: 2; margin: 40px 0; max-height: 96px; overflow: hidden;  }
.nest-new-list .list-right .txt h3{font-size: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1; margin-top: 10px;}
.nest-new-list .list-right .txt b{font-size: 16px; line-height: 1; font-size: 500;}
.nest-new-list ul li:hover{background:#b0c9d2; }

.nest-taste-list ul{ margin-top: -30px; width: calc(100% + 50px); margin-left: -25px;  letter-spacing:-3px; font-size: 0px;}
.nest-taste-list ul li{width:  calc(33.3% - 50px); margin: 0 25px 60px 25px; display: inline-block; letter-spacing:-0px; font-size: 16px; }
.nest-taste-list ul li .pic{display: block;overflow: hidden;}
.nest-taste-list ul li .pic img{display: block;width: 100%; transition: all 0.3s ease;}
.nest-taste-list ul li .list-down{margin-top: 30px; height: auto; overflow: hidden;}
.nest-taste-list ul li .tim{float: left;  height: auto; overflow: hidden; width: 100px;}
.nest-taste-list ul li .tim b{font-size: 18px; display: block;}
.nest-taste-list ul li .tim span{font-size: 12px; display: block;margin-top: 20px;}
.nest-taste-list ul li .tim img{display: block;margin-top: 20px;}
.nest-taste-list ul li .txt{float: left;  height: auto; overflow: hidden; width: calc(100% - 100px); }
.nest-taste-list ul li .txt h3{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1; }
.nest-taste-list ul li .txt p{font-size: 14px; line-height: 1.5; max-height: 63px; overflow: hidden; margin-top: 25px;}
.nest-taste-list ul li:hover .pic img{transform:scale(1.1,1.1);}


.nest-page{margin-top: 30px; overflow: hidden; height: auto; text-align: center;}
.nest-page a{display: inline-block; height: 30px; line-height: 30px;transition: all 0.3s ease; font-size: 16px; padding:0 10px;  margin: 10px; }
.nest-page a:hover{background:#b0c9d2; color: #fff;}
.nest-page a.cut{background:#b0c9d2; color: #fff;}

.nest-new-d .left{width: calc(100% - 480px); padding: 0 70px; background:#fff;  float: left;}
.nest-new-d .left .top{padding-bottom: 50px; border-bottom: 1px #999 dashed;}
.nest-new-d .left .top h3{font-size: 30px; line-height: 1.5; margin-bottom: 30px;}
.nest-new-d .left .top p{font-size: 16px; line-height: 1.5}
.nest-new-d .left .top p span{display: inline-block; margin-right: 50px; }
.nest-new-d .left .center{padding: 50px 0; border-bottom: 1px #999 dashed;}
.nest-new-d .left .center p{font-size: 16px; line-height: 1.5; color: #333;}
.nest-new-d .left .center img{max-width: 100%; text-align: center;}
.nest-new-d .left .bot{padding-top: 50px;}
.nest-new-d .left .bot p{font-size: 16px; line-height: 1.5 ; padding:8px 0; }
.nest-new-d .left .bot p a{display: inline-block; width: calc(100% - 60px); float: left;}
.nest-new-d .left .bot p a:hover{color: #658b96;}
.nest-new-d .left .bot p span{display: inline-block; float: left; width: 60px; }

.nest-new-d .right{width: 400px; height: auto; overflow: hidden; float: right;}
.nest-new-d .right .box{width: 100%; padding: 60px 45px; background:#fff; }
.nest-new-d .right .box1{margin-bottom: 40px;}
.nest-new-d .right .box1 h3{font-size: 24px;margin-bottom: 15px;}
.nest-new-d .right .box1 img{display: block;width: 100%; margin-bottom: 15px;}
.nest-new-d .right .box1 h4{font-size: 24px; color: #547e8a; margin-bottom: 15px;}
.nest-new-d .right .box1 p{font-size: 16px; color: #333; margin-bottom: 15px;}
.nest-new-d .right .box1 a{display: block; width: 100%; height: 40px; line-height: 40px;background:#547e8a;
 color: #fff; text-align: center; transition: all 0.3s ease;}
.nest-new-d .right .box1 a:hover{background:#b0c9d2; }
.nest-new-d .right .box2 h3{font-size: 24px;margin-bottom: 15px;}
.nest-new-d .right .box2 ul li{padding:20px 0; border-bottom: 1px #999 dashed;  }
.nest-new-d .right .box2 ul li img{margin-bottom: 20px; display: block;width: 100%;}
.nest-new-d .right .box2 ul li h3{font-size: 16px;overflow: hidden; transition: all 0.3s ease;
	text-overflow:ellipsis;white-space: nowrap; line-height: 1; margin-bottom: 10px; }
.nest-new-d .right .box2 ul li span{display: block; font-size: 666;}
.nest-new-d .right .box2 ul li:hover h3{color: #547e8a;}


.nest-about{margin-top: 90px; position: relative; height: auto; overflow: hidden;}
.nest-about-box{width: 50%; position: relative; z-index: 10; min-height: 400px;}
.nest-about-left{position: absolute; width: 50%; z-index: 1;height: 100%;left: 0px; top: 0px; 
	background-size: cover; background-position: center;}
.nest-about-right{position: absolute; width: 50%; z-index: 1;height: 100%;right: 0px; top: 0px; 
	background-size: cover; background-position: center;}
.nest-about-box .about-tip h4{color: #fff;}
.nest-about-box .about-tip h5{color: #fff;}
.nest-about-box .about-tip p{color: #fff; margin-top: 20px;}
.nest-about-box .about-tip{margin-bottom: 80px;}
.nest-about-box .about-txt p{color: #fff; font-size: 16px; line-height: 2}
.nest-about-box .about-txt img{max-width: 100%;}


.nest-cont-box{width: 60%;float: left; height: auto; overflow: hidden; position: relative; z-index: 10;}
.nest-cont-box h1{font-size: 40px; margin-bottom: 50px; color: #fff;}
.nest-cont-box h2{font-size: 16px; color: #fff;}
.nest-cont-box h3{font-size: 32px; color: #fff; margin-top: 15px;}
.nest-cont-box .txt p{margin-top: 20px;line-height: 1.5; font-size: 16px; color: #fff;}
.nest-cont-box .ewm{ margin-top: 30px; height: auto; overflow: hidden;}
.nest-cont-box .ewm2{width: 45%; max-width: 130px; margin-right: 5%; float: left;}

.nest-cont-box .ewm2 img{width: 100%; display: block;  }
.nest-cont-box .ewm2 span{text-align: center; display: block; margin-top: 10px; font-size: 16px; color: #fff;}
.nest-cont-box a.mp{width: 180px; height: 45px; line-height: 45px; text-align: center; margin-top: 40px;
 font-size: 16px; color: #fff; border: 1px solid #fff; display: block; transition: all 0.3s ease;}
.nest-cont-box a.mp:hover{background: #fff;color: #768997;}
.nest-cont form{width: 40%; float: right;  position: relative;z-index: 10;}
.nest-cont form   input{background-color:transparent; border-width: 0px; border-bottom: 1px solid #fff; font-family: "微軟正黑體","微软雅黑"; font-size: 16px;
display: block; float: left; height:50px; line-height: 50px; padding:  0 20px;color: #fff; width: 100%; margin-bottom: 20px;}

.nest-cont  form  input.in4{margin-top: 20px;  width: 100%; background: #FFF; color: #547e8a;transition: all 0.3s ease; border-width: 0px;
 font-family: "微軟正黑體","微软雅黑"; font-size: 16px; margin-bottom: 0px; }
.nest-cont  form  input.in4:hover{background: #dfebee;}
.nest-cont  form  textarea{background-color:transparent; border-width: 0px; border-bottom: 1px solid #fff; font-family: "微軟正黑體","微软雅黑"; font-size: 16px;
display: block; width: 100%; line-height: 1.5; height: 120px; padding:  0 20px;color: #fff;}


.nest-cont form input::-webkit-input-placeholder{color:#fff;}
.nest-cont form input::-moz-placeholder{color:#fff;}
.nest-cont form input:-moz-placeholder{color:#fff;}
.nest-cont form input:-ms-input-placeholder{color:#fff;}
.nest-cont form textarea::-webkit-input-placeholder{color:#fff;}
.nest-cont form textarea::-moz-placeholder{color:#fff;}
.nest-cont form textarea:-moz-placeholder{color:#fff;}
.nest-cont form textarea:-ms-input-placeholder{color:#fff;}
.nest-cont form h1{font-size: 40px; margin-bottom: 50px; color: #fff;}

.nest-cont-left{position: absolute; width: 60%; z-index: 1;height: 100%;left: 0px; top: 0px; 
	background-color: #768997; background-position: right; background-repeat: no-repeat; }
.nest-cont-right{position: absolute; width: 40%; z-index: 1;height: 100%;right: 0px; top: 0px; 
	background-size: cover; background-position: center;}
 .cont-list-box{position: relative; height: auto; overflow: hidden; margin-top: 90px;}
  .cont-list-box-1{position: relative; height: auto; overflow: hidden;}
.cont-list-box .pic{width: 40%; height: 100%; position: absolute; top: 0px; background-size: cover; left: 0px;
 background-position: center; }
.cont-list-box .txt{ float: right; width: 60%;  padding-left: 8%; padding-top: 90px; padding-bottom: 90px;}
.cont-list-box .txt h3{font-size: 36px; margin-bottom: 40px;}
.cont-list-box .txt ul li{margin-bottom: 15px; font-size: 16px; display: block; clear: both; height: auto;  overflow: hidden; }
.cont-list-box .txt ul li b{font-weight: 500; display: block; float: left; width: calc(100% - 100px);}
.cont-list-box .txt ul li span{font-weight: 500; display: block; float: left; width: 100px;}
.cont-list-box a.mp{width: 180px; height: 45px; line-height: 45px; text-align: center; margin-top:40px;
 font-size: 16px; color: #2c424f; border: 1px solid #2c424f; display: block; transition: all 0.3s ease;}
.cont-list-box a.mp:hover{background: #2c424f;color: #fff;}
 .cont-list-box:before{width: 9%; height: 100%; position: absolute; left: 0px; top: 0px; background: #fff; content:" "; }
 .cont-list-box:after{width: 5%; height: 100%; position: absolute; right: 0px; top: 0px; background: #fff; content:" "; display: none; }
.cont-list-box:nth-of-type(odd) .pic{left: auto; right: 0px;}
.cont-list-box:nth-of-type(odd) .txt{ float: left;   padding-left: 0%; padding-right: 8%；}
 .cont-list-box:nth-of-type(odd):before{ left: auto; right: 0px;  }



 .mini-shop{position: fixed;width: 100%; height: 100%; left: 0px; top: 0px; z-index: 500; background: rgba(0,0,0,0.3); display: none;}
 .mini-shop .box{width: 240px; height: 360px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -120px; margin-top: -180px;
  border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1) ; z-index: 502; }
 .mini-shop .clo2{width: 100%; height: 100% ; position: absolute; left: 0px; top: 0px; z-index: 501;}
 .mini-shop .clo1{width: 140px; height: 40px; line-height: 40px; text-align: center;margin:  0 auto;  margin-top: 30px;
 font-size: 16px; color: #2c424f; border: 0px solid #2c424f; display: block; transition: all 0.3s ease; font-size: 16px;cursor: pointer;
 }

 .mini-shop .a33{width: 150px; display: block; margin: 0 auto; margin-top: 60px;}

 .mini-shop .box h3{width: 100%; text-align: center; margin-top: 30px; font-size: 16px;}



@media screen and (max-width: 1500px) {
	.nav ul li{ margin-left: 0px;  }
	.pro  .pro-box{height:  410px; }
	.pro  .pro-box .pro-box1{height: 200px;}
}
@media screen and (max-width: 1400px) {

	.pro  .pro-box{height:  390px; }
	.pro  .pro-box .pro-box1{height: 200px;}
	.nest-new-list ul li{padding:30px 10%;}
	.nest-new-list .list-right .txt{padding:0 8%; }
	.nest-new-list ul li img{width:300px;  }
	.nest-new-list .list-right{width: calc(100% - 300px); }
	.nest-new-list .list-right .txt p{ line-height: 1.5; margin: 30px 0;  max-height: 72px; }
}

@media screen and (max-width: 1300px) {
	.s1{display: none;}
	.swiper-container.s2{display: block;}

	.nav{ height: 70px; }
	.nav .logo{ margin-top: 10px; width: 150px;}
	.nav ul li a{ height: 70px; line-height: 70px;  padding: 0 15px;}
	.w80{ padding:0 7%; }
	.w40{ padding:0 14%; }
	.xianshang-r1{    padding-top: 70px; padding-bottom: 70px;}
	.xianshang-r2{    padding-top: 70px; padding-bottom: 70px;}
	.s2 .swiper-pagination-bullet{
		width: 24px;
		height: 4px;

		}	

 .foot-r{display: none;}
 #certify {width: 900px;}
 #certify .swiper-slide {width: 450px;}
 	.pro-list-r ul{width: calc(100% + 40px); margin-left: -20px; } 
.pro-list-r ul li{width: calc(50% - 40px); margin: 0 20px 30px 20px; }

.nest-new-d .right { width: 360px; }
.nest-new-d .right .box{padding:40px 30px;  }
.nest-new-d .left {width: calc(100% - 400px);padding: 0 40px;}
.nest-new-d .left .h90{ height: 60px; }
.nest-about{margin-top: 70px;}
.news-banner {margin-top: 70px;}
.cont-list-box .txt{  padding-top: 60px; padding-bottom: 60px;}
}

@media screen and (max-width: 1200px) {
 .xianshang-l{position: relative; float: none; width: 100%; height: auto;}
 .xianshang-l .xianshang-l-box{position: relative; float: none; width: 100%; height: auto;padding-top: 90px; padding-bottom: 90px;}
	.xianshang-l  .mail{margin-top: 60px; overflow: hidden; height: auto;}
	.xianshang-l .xianshang-l-box p{position: static; margin-top: 60px; padding: 0px;}

.xianshang-r{float: none;width: 100%;}
.xianshang-r1{    padding-top: 90px; padding-bottom: 90px;}
	.xianshang-r2{    padding-top: 90px; padding-bottom: 90px;}

.pro  .pro-box{height:  370px; }


	.pro  .pro-box .pro-box1{height: 200px;}
 .attr-box{position: relative; float: none; width: 90%; height: auto; left: 5%; top: 0px;padding-top: 50px; padding-bottom: 50px; }
 .attr-l{ padding-top: 50px; padding-bottom: 50px;}

.nest-taste-list ul{ margin-top: -30px; width: calc(100% + 40px); margin-left: -20px;  }
.nest-taste-list ul li{width:  calc(50% - 40px); margin: 0 20px 60px 20px;  }
}



@media screen and (max-width: 1100px) {

	.w80{ padding:0 5%; }
	.w40{ padding:0 5%; }
	
	.xianshang-r1{    padding-top: 90px; padding-bottom: 90px;}
	.xianshang-r2{    padding-top: 90px; padding-bottom: 90px;}

	.about-tip h4{font-size: 36px;}
	.about-tip h5{font-size: 24px; margin-top: 15px;}
	.about-tip2 h6{margin-top: 15px;}

	.nest-new-list .list-right span{display: none; }
.nest-new-list .list-right .txt{width: calc(100% - 0px); padding:0 0 0 8% ;   }
.nest-new-list .list-right .txt h3{font-size: 20px;}

.nest-cont-left{display: none;}
.nest-cont-right{display: none;}

.nest-cont .nest-cont-box{width: 100%; background-color: #768997; background-position: right; 
	background-repeat: no-repeat; background-image: url(../img/a19.png);}
.nest-cont form{width: 100%; background-image: url(../img/026.jpg); background-size: cover; background-position: center;}

.cont-list-box{margin-top: 60px;}
}


@media screen and (max-width: 1000px) {
	.nav{display: none;}
 #dl-menu {display: block;}
 .s2 .swiper-pagination-bullet{
		width: 15px;
		height: 3px;

		}


.h90{height: 60px; clear: both;}
.xianshang-r1{    padding-top: 60px; padding-bottom: 60px;}
	.xianshang-r2{    padding-top: 60px; padding-bottom: 60px;}
	 .xianshang-l .xianshang-l-box{padding-top: 60px; padding-bottom: 60px;}

	 .pro  .pro-box{height:  370px; }
.swiper-container.s2{margin-top: 60px;}
.pro-d-banner{margin-top: 60px;}


 #certify {width: 700px;}
 #certify .swiper-slide {width: 450px;}

    .demo_3 section {

     width: 90%; 

}
    article .abc{display: none !important;}
    article .pro-list-r {width: 100% !important; padding: 60px 0%; }
    article .pro-list-r  img{width: 100%;}
    .back1 {display: none;}
   .back2 {width: 100% !important;}

main {

    margin-top: 0px !important;
}


.pro-list-top{display: block; }
.news-banner{margin-top: 60px;}
.news-banner-txt .about-tip h4{font-size: 36px;}
.news-banner-txt .about-tip h5{font-size: 24px;}
.nest-new-d .right { display: none;}

.nest-new-d .left {width: calc(100% - 00px);padding: 0 5%;}


.nest-about-box{width: 100%; }
.nest-about-left{width: 100%; }
.nest-about-right{display: none;}
.nest-about{margin-top: 60px;}


 }



@media screen and (max-width: 800px){

.title h5{font-size:36px; margin-top: 30px;}
.title h6{ margin-top: 20px; }



	.about-left{float: none;width: 100% ; height: auto; }
	.about-right{float: none;width: 100% ; height: auto;margin-top: 40px;}
	.about-r-box{margin-top: 60px; padding-bottom: 40px;}
	.about .swiper-pagination{width: 100%; text-align: center; top: auto; bottom: -10px; left: 0px;}

	.about { background-position: left top; background-size: 90%;}

	.news-left{float: none;width: 100% ; height: auto; }
	.news-right{float: none;width: 100% ; height: auto;margin-top: 40px;}
	.news-r-box{margin-top: 60px; padding-bottom: 0px;}

	.news { background-position: left top; background-size: 90%;}
	.news-b .more-box{width: 100%; bottom: 0px;}
	.news-b{padding-bottom: 80px;}
	.news-right .news-box:first-child {
    margin-bottom: 40px;}

    .news-b .more-box .new-more{ margin-left: 10px; padding-left: 50px; }
.news-b .more-box .new-more a{;width: 100px;}
.news-b .more-box .new-more:before{content:" "; background:#547e8a; width: 40px;height: 1px;  position: absolute;
left: 0; top: 50%;  }

.pro .more-box{position: static; margin-top: 30px;}
.pro .more-box .new-more{ margin-left: 10px; padding-left: 50px; }
.pro .more-box .new-more a{;width: 100px;}
.pro .more-box .new-more:before{content:" "; background:#547e8a; width: 40px;height: 1px;  position: absolute;
left: 0; top: 50%;  }
 #certify {width: 600px;}
 #certify .swiper-slide {width: 450px;}
 .pro-d-tip h3{font-size: 24px; margin-bottom: 15px; }
 .pro-d-tip h6{font-size: 16px; }

 .nest-new-list ul li img{width:200px;  }
	.nest-new-list .list-right{width: calc(100% - 200px); }

	.nest-taste-list ul{ margin-top: -30px; width: calc(100% + 0px); margin-left: -0px;  }
.nest-taste-list ul li{width:  calc(100% - 00px); margin: 0 00px 40px 00px;  }


.nest-taste-list ul li .tim{ width: 70px;}
.nest-taste-list ul li .txt{ width: calc(100% - 70px); }

.cont-list-box .pic{width: 100%; padding-bottom: 75%; position: static;  }
.cont-list-box:before{width: 5%;}
.cont-list-box .txt{width: 100%; float: none; padding:30px 5% !important; }
 .cont-list-box:nth-of-type(odd):before{ left: 0px; right: auto;  }
  .cont-list-box:after{display: block;}

  .cont-list-box .txt h3{font-size: 24px; margin-bottom: 20px;}
  .cont-list-box a.mp{width: 100%; margin-top: 20px;}

  .cont-list-box {
    margin-top: 40px;
}


}

@media screen and (max-width: 700px){
	 #certify {display: none;}
	 .pro-d-pic .s6{display: block;}

	.pro-list-r ul{width: calc(100% + 20px); margin-left: -10px; } 
.pro-list-r ul li{width: calc(50% - 20px); margin: 0 10px 30px 10px; }
.pro-list-r ul li h2{font-size: 16px;}
.pro-list-r ul li h3{font-size: 13px; margin-top: 10px;}
article .pro-list-r{padding-top: 60px !important; }

 .nest-new-list ul li img{width:100%; float: none; }
	.nest-new-list .list-right{width: calc(100% - 0px); float: none;}
	.nest-new-list .list-right .txt{ padding:0px; margin-top: 30px; }
	.nest-new-list .list-right .txt p{margin: 20px 0;}

	.nest-new-list ul li {padding:20px 5%;}
	.nest-page a{margin: 10px 0;}
}

@media screen and (max-width: 460px){
	.news-banner-txt .about-tip h4{font-size: 32px;}
.news-banner-txt .about-tip h5{font-size: 20px;}

	.pro  .pro-box{height:  420px; }
	.xianshang-r-pic{display: none;}
	.xianshang-r1-box{width: 100%}
	.xianshang-r1-box h3{margin-top: 30px;}



}