﻿.title-en{font-family:copperplate_gothic_lightRg;font-size:42px}.title-cn{font-size:16px}
@media (max-width:767px)
{.title-en{font-size:40px}.title-advantage{font-size:30px}
.navbar-static-top{background:rgba(34,34,34,.9)}.navbar-toggle{border-color:#666}}
.icon55{display:inline-block;width:55px;height:55px;vertical-align:middle}.icon55-app{background:url(../images/icons/icon55-app.png) no-repeat}.icon55-cart{background:url(../images/icons/icon55-cart.png) no-repeat}.icon55-custom{background:url(../images/icons/icon55-custom.png) no-repeat}.icon55-imac{background:url(../images/icons/icon55-imac.png) no-repeat}.icon55-responsive{background:url(../images/icons/icon55-responsive.png) no-repeat}.section{text-align:center}.product,.service{background:url(../images/section-bg2.gif) repeat}
.advantage,.customer{background:url(../images/section-bg3.gif) repeat}#fullpage-wrap{position:relative;width:100%;overflow:hidden}@media (max-width:767px){.advantage,.advantage .fp-tableCell,.customer,.customer .fp-tableCell,.product,.product .fp-tableCell,.service,.service .fp-tableCell{height:auto!important}}.introduce{background:url(../images/section-bg1.jpg) no-repeat;-webkit-background-size:cover;background-size:cover}.introduce img{margin-left:auto;margin-right:auto}.video-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.video-pattern{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/index-overlay.png) repeat}.mouse-wrap{position:absolute;bottom:3%;left:0;width:100%;color:#bbb;font-size:12px}.mouse-icon{display:inline-block;position:relative;width:24px;height:36px;margin:0 10px;border:2px solid #fff;border-radius:15px;vertical-align:middle;z-index:150;cursor:pointer}.mouse-icon .wheel{position:relative;width:4px;height:6px;border-radius:50%;top:4px;background-color:#fff;margin-left:auto;margin-right:auto;-webkit-animation-name:bdrmodow;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:bdrmodow;animation-duration:1s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-play-state:running}@-webkit-keyframes bdrmodow{0%{top:4px;opacity:0}30%{top:9px;opacity:1}100%{top:20px;opacity:0}}@keyframes bdrmodow{0%{top:4px;opacity:0}30%{top:9px;opacity:1}100%{top:25px;opacity:0}}.comment-wrap{position:absolute;left:0;bottom:12%;width:100%}@media (max-width:767px){.mouse-wrap,.video-pattern,.video-wrap{display:none}.introduce{background:url(../images/section-bg2.jpg) no-repeat;-webkit-background-size:cover;background-size:cover}.comment-wrap{padding-left:10px;padding-right:10px}.comment-wrap .btn{display:block;width:100%}}.mouse-gray .mouse-icon{border-color:#b5b5b5}.mouse-gray .mouse-icon .wheel{background-color:#b5b5b5}.advantage-item{max-width:192px;margin-left:auto;margin-right:auto}.advantage-item .title{position:relative;margin-bottom:20px;padding:15px;background-color:#fff}.advantage-item .title img{max-width:100%}.advantage-item .title h4{margin-bottom:0;margin-top:12px;color:#333}.advantage-item .title .hat{display:block;position:absolute;left:50%;top:-15px;width:21px;height:27px;margin-left:-10px;background:url(../images/hat.png) no-repeat}.advantage-item .desc{color:#fff;text-align:left}.advantage-item .desc h4{display:none}.advantage-item .desc p{font-size:13px}.fly-bird{position:absolute;left:0;top:50%;opacity:0;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease}@media (max-width:767px){.advantage-item{max-width:none;margin-bottom:20px}.advantage-item .title{float:left;margin-bottom:0;margin-right:15px;padding:5px}.advantage-item .title img{width:80px;max-width:none}.advantage-item .title h4{display:none}.advantage-item .title .hat{display:none}.advantage-item .desc{overflow:hidden;zoom:1;vertical-align:middle}.advantage-item .desc h4{display:block}.advantage-item .desc p{font-size:12px}}.product-title-wrap{position:relative}.product-title{margin-left:10px}.product-title a{margin:0 5px;padding:2px 10px;font-size:12px;border-radius:3px}.product-title .cur{background-color:#c81a1d;color:#fff}.product-btn,.product-more{display:block;position:absolute;top:50%;margin-top:-15px}.product-more{left:0}.product-btn{right:0}.product-btn .btn,.product-more .btn{font-size:18px;padding:2px 10px;background-color:#aaa;color:#fff;border-radius:0;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.product-btn .btn:hover,.product-more .btn:hover{background-color:#888;color:#fff}@media (max-width:767px){.product-item a h5,.product-item a:hover h5{position:relative;bottom:auto;background:0 0;color:#333}.product-title a{margin:0 2px}}.customer-item{margin-bottom:15px;position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px}.customer-item .inner{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.customer-item .inner img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.customer-item:hover .inner img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}@media (min-width:768px){#product-list{min-height:236px}}@media (min-width:992px){#product-list{min-height:308px}}@media (min-width:1200px){#product-list{min-height:400px}}.service-item{position:relative;text-align:center}.service-item .info{display:block;position:relative;cursor:pointer}.service-item .info .icon-circle{display:inline-block;width:89px;height:89px;padding:17px;background-color:#c81a1d;border-radius:50%;box-shadow:inset 3px 3px 5px rgba(0,0,0,.2);vertical-align:middle}.service-item .info .icon-circle .icon55{vertical-align:top}.service-item .info .cn{margin-top:10px;color:#b7272a;white-space:nowrap}.service-item .info .en{display:none}.service-item .tip{display:none}.service-tips{max-width:700px;margin-left:auto;margin-right:auto;opacity:0;overflow:hidden;margin-top:30px}@media (min-width:992px){.service-item{height:320px;padding-top:115px}.service-center-item{padding-top:0}.service-center-item2{position:relative;width:320px;height:100%;padding-top:115px;margin-left:auto;margin-right:auto}.service-center-item2 .info .cn{margin-top:20px;margin-bottom:5px;color:#fff;font-size:18px}.service-center-item2 .info .en{display:block;font-size:12px;color:#a8a8a8}.service-center-item2 .pic1{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/pic1.png) no-repeat}.service-center-item2 .pic2{position:absolute;right:-40px;top:-5px;z-index:90;width:120px;height:239px;background:url(../images/pic2.png) no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;transform-origin:98px 16px;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)}}@media (max-width:991px){.service-item{margin-bottom:15px}.service-item:last-child{margin-bottom:0}.service-item .info{display:inline-block;padding:6px 35px;border:1px solid #ccc;border-radius:8px;vertical-align:top;background:-moz-linear-gradient(top,#f2f2f2,#e6e6e6);background:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e6e6e6));background:-webkit-linear-gradient(top,#f2f2f2,#e6e6e6);background:-o-linear-gradient(top,#f2f2f2,#e6e6e6);background:-ms-linear-gradient(top,#f2f2f2,#e6e6e6);background:linear-gradient(top,#f2f2f2,#e6e6e6)}.service-item .info .icon-circle{width:35px;height:35px;padding:5px;margin-right:5px}.service-item .info .icon-circle .icon55{width:25px;height:25px;-webkit-background-size:100%;background-size:100%}.service-item .info .cn{display:inline-block;min-width:7em;text-align:left;font-size:14px;color:#333;vertical-align:middle}.service-item .info .cn2{padding-right:0}}.play-item .pic1{-webkit-animation:fa-spin 4s infinite linear;animation:fa-spin 4s infinite linear}.play-item .pic2{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}#audio-play,#customer-play{display:none}#introduce .flexslider{margin-top:0;max-width:800px;margin-left:auto;margin-right:auto}#introduce .flexslider .slides li{margin-right:0}@media (max-width:767px){#introduce .flexslider{margin-bottom:60px}}@media (min-width:768px){#introduce .flex-direction-nav a{width:42px;height:83px;margin:-41px 0 0;text-indent:-999em}#introduce .flex-direction-nav .flex-prev{left:-70px}#introduce .flex-direction-nav .flex-next{right:-70px}#introduce .flex-direction-nav .flex-prev{background:url(../images/btn-prev.png) no-repeat}#introduce .flex-direction-nav .flex-next{background:url(../images/btn-next.png) no-repeat;}}
.customer {
    background: url(../images/sy_bg5.jpg) repeat;
}
.customer-row{max-width: 916px;margin:0 auto;padding: 0px;}
.customer-row li{width: 146px;height: 66px;float: left;display: block;margin: 8px 0;padding: 0 8px;border-right: 1px solid #4c4c4c;}
.customer-row li a{display: block;border-bottom: 1px solid #4c4c4c;height: 75px;line-height: 75px;
   cursor:default; 
}
.customer-row li:nth-child(n + 13) a {border-bottom-style: none;}
.customer-row li:nth-child(6n) {border-right: none;}
.customer-row li img{vertical-align: middle;max-width: 100%;}

.navbar-black {
    background: rgba(24,24,24,.75);
}
.navbar-white {
   background: rgba(255,255,255,.85);
}
/* 首页第二屏 */ 
.news{background: url(../images/section-bg2.gif) repeat;}

.news_row{overflow: hidden;}
.news_row .item{width: 25%;float: left;padding: 20px 18px;cursor: pointer;}
.news_row .item .text{}
.news_row .item .text h5{color: #333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
   margin-bottom: 10px;text-align: left;
}
.news_row .item .text p{font-size: 12px;color: #666666;line-height: 26px;text-align: left;}
.news_row .item .text span{font-size: 12px;color: #cc0000;overflow: hidden;text-overflow: ellipsis;
   display: block;text-align: left;
}
.news_row .item .text span em{width: 22px;height: 22px;float: right;display: inline-block;margin-bottom: 4%;
   background-color: #aaa;
   border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;text-align: center;line-height: 20px;
}
.news_row .item .pic{margin-top: 8px;}
.news_row .item .pic img{max-width: 100%;}
.news_row .item:hover{background-color: #fff;}

.add_case{overflow: hidden;margin-left: -25px;}
.add_case .item{width: 25%;float: left;}
.add_case .item .pic{margin-left: 25px;position: relative;}
.add_case .item .pic img{width: 100%;}
.add_case .item .pic span{position: absolute;width: 100%;height: 35px;left: 0px;bottom: 0px;color: #fff;
   text-align: center;line-height: 35px;background-color: rgba(0,0,0,0.7);display: none;
}
.add_case .item .pic:hover span{display: none;}



.wechat_text{}
.wechat_text .pic{margin-top: 70px;}
.wechat_text .pic .item{width: 33.33333%;float: left;text-align: center;}
.wechat_text .pic .item p{font-size: 18px;color: #333;margin-top: 10px;}
.small_we{}
.small_we h5{color: #333;}
.small_we .pic{overflow: hidden;margin-top: 75px;}
.small_we .pic .item{width: 33.3333%;float: left;text-align: center;margin-bottom: 50px;}
.small_we .pic .item h4{font-size: 20px;color: #333;margin-top: 22px;margin-bottom: 8px;}


/* 首页第七屏 */ 
.about_us{background: url(../images/bg_7.jpg) repeat;background-size: cover;}
.sy_about_us{max-width: 1055px;overflow: hidden;margin: 0 auto;margin-top: 35px;}
.sy_about_us .text{width: 66.66666666%;float: left;text-align: left;}
.sy_about_us .text h5{font-size: 20px;color: #c81a1d;font-weight: normal;margin-bottom: 20px;}
.sy_about_us .text p{font-size: 14px;color: #ffffff;margin-bottom: 15px;line-height: 25px;}
.sy_about_us .pic{width: 33.333333333%;float: right;}
.sy_about_us .pic img{max-width: 100%;}
#ProductList2{display: none;}

.news_case{background-color: #f8f8f8;}
.fp-section{overflow: hidden;}
.case_list_0305_wp{max-width: 1680px;margin-left: auto;margin-right: auto;}
.case_list_0305{overflow: hidden;margin-left: -30px;}
.case_list_0305 .item{width: 25%;float: left;cursor: pointer;}
.case_list_0305 .item .con{float: left;margin-left: 30px;background-color: #fff;}
.case_list_0305 .item .con .pic{position: relative;}
.case_list_0305 .item .con .pic .pop{width: 100%;height: 100%;left: 0;top:0;background-color: rgba(237,32,47,0.8);position: absolute;display: none;}
.case_list_0305 .item .con .pic:hover .pop{display: block;}
.case_list_0305 .item .con .pic .txt{position: absolute;width: 100%;left: 0;text-align: center;color: #fff;top:50%;transform: translateY(-50%);}
.case_list_0305 .item .con .pic .txt h5{font-size: 24px;color: #f8f8f8;}
.case_list_0305 .item .con .pic .txt p{font-size: 16px;color: #f8f8f8;}
.case_list_0305 .item .con img{max-width: 100%;}

.case_list_0305 .item .con .text{text-align: left;padding: 16px 20px;}
.case_list_0305 .item .con .text h4{font-size:20px;color: #000;line-height: 1.5;margin-bottom: 0;}
.case_list_0305 .item .con .text h4 em{font-style: normal;font-size: 16px;color: #666;}
.case_list_0305 .item .con .text p{font-size: 14px;color: #999;line-height: 1.5;margin-top: 3px;}
.case_list_0305 .item .con .text p em{float: right;font-style: normal;}

#pig_pop{position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index: 999999;display: none;}
#pig_pop .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);}
#pig_pop .con{max-width: 1500px;height: 100%;top:0;left: 50%;transform: translateX(-50%);position: absolute;overflow-y: auto;}
#pig_pop .con img{max-width: 100%;}
#pig_pop .close2{position: absolute;top:30px;left: 50%;transform: translateX(500px);}

#food_0306{position: fixed;left: 0;width: 100%;bottom: 0;height: 60px;line-height: 60px;background-image: url(../images/food_bg.jpg);
	background-size: cover;background-position: center center;background-repeat: no-repeat;z-index: 99;
}
#food_0306 .wp{max-width: 1100px;margin-left: auto;margin-right: auto;}
#food_0306 h4{font-size: 16px;color: #fff;line-height: 60px;display: inline-block;}
#food_0306 h4 span{margin: 0 15px;}
#food_0306 img{display: inline-block;margin-left: 108px;vertical-align: middle;}
#food_0306 img.two{margin-left: 80px;}
#food_0306.hide_food{width: 300px;padding-left: 8px;text-align: center;}
#food_0306 .con_2{background-image: url(../images/food_bg2.jpg);}
#food_0306 .con_2 img{margin-left: 10px;}
#food_0306 .con_2 h4{font-size: 18px;}
#navbar2{float: right;}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	#introduce .container img{width: 600px;}
	.news_row .item .text span em{display: none;}
 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.sy_about_us .text{width: 96%;margin-left: 2%;}
	.sy_about_us .pic{width: 100%;text-align: center;margin-top: 15px;}
	#introduce video{display: none;}
	.case_list_0305 .item{width: 50%;float: left;margin-top: 25px;}
	#food_0306{display: none !important;}
	.container{padding: 30px 0;}
	.case_list_0305_wp{width: 96%;}

 
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
   .news_row .item{width: 50%;}
   .add_case .item{width: 50%;margin-bottom: 25px;}
   .news_row .item .text p{height:108px;overflow: hidden;}
   .small_we .pic .item{width: 50%;}
   #ProductList2{display: block;}
   #ProductList{display: none;}
   .case_list_0305 .item{width: 100%;float: left;}
   .title-en{font-size: 30px;}
 

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
   .small_we .pic .item{width: 100%;}
   .wechat_text .pic .item{width: 100%;margin-bottom: 25px;}
 

}

#fp-nav.left{}
#fp-nav.left li{list-style-type:none;}
#fp-nav.left li a{width: 15px;height: 15px;display: inline-block;text-align: center;}
#fp-nav.left li a span{display: inline-block;width: 5px;height: 5px;border-radius: 50%;
	background-color: rgba(0,0,0,0.2);
}
#fp-nav.left li a.active span{background-color: #cc0000 !important;width: 10px !important;;height: 10px !important;;}
#fp-nav.left li a span.hei{display: inline-block;width: 5px;height: 5px;border-radius: 50%;
	background-color: #fff;
}


















