@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.clear{ clear:both;}
/*弹出列表*/
.type li {line-height: 40px;border-bottom: 1px solid #43060B;text-align: left; text-indent: 24px; color: #003366; font-family:微软雅黑;  width:100%;}
.type li a {color: #071b36;}
.type li ul li a {text-align: left;text-indent: 24px;}
.prod_show{ width:73.54%; margin:0px auto;}
.prod_show_img{ width:100%;}
.prod_show_img img{ width:100%;}
.prod_show_txt{ text-align:center; font-size:16px; color:#666; padding:2% 0;}
.back_btn{ width:100%; margin:0px auto; padding:3% 0; font-size:13px; line-height:24px; font-size:14px; margin-top:3%;}
.back_btn a{ color:#333; display:block;}
/*header*/
.s-products{ }
.s-products-title{ margin:0 auto;width:40%; text-align:center;}
.pro_nr li span{margin:14% 0 0%; display:block; background:url(../images/1.png) no-repeat center; color:#FFF;}
.pro_nr li{width:44%;float:left;text-align:center;margin:0 2%;width:29%; position:relative;
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
.pro_more{ display:block; background:url(../images/s-t-8.jpg) no-repeat center; background-size:100%;text-align:center;padding:15% 0 2%;width:8%; margin:0 auto;}
.pro_more1{ display:block; background:url(../images/2.png) no-repeat center; background-size:100%;text-align:center;padding:15% 0 2%;width:8%; margin:0 auto;}
/** 关于餐饮食物 **/
.about-title{margin:0 auto; font-size:1em; text-align:center;color:#452d09;}
.about-content{margin:0 auto;font-size:0.8em;text-align:center;color:#452d09;} 
.about-more{width:22%; background:#916542; color:#FFF; font-size:1.2em; margin:3% auto; text-align:center;}
.about-more a{ color:#FFF;}
.product{background:url(../images/bg2.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.company{padding:3%;opacity:0;}
.com_tm{opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
-0-transition:opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}
.pro_nr1 li{text-align:center;width:100%;
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
/** 产品分类 **/
.s-products-two{background:url(../images/s-t-10.jpg) no-repeat center; background-size:100%; padding:8% 0 4%;}
.s-products-title-two{margin:0 auto;width:100%; text-align:center;padding:0% 0 13%;}
.pro_nr_pic_title{ position:relative;top:-5%; text-align:center;}
.pro_nr_pic_title a{ color:#FFF;}
.pro_nr_pic1{ transform: rotate(120deg);
    float: left;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);}
.pro_nr_pic-t{
	
	overflow:hidden;	
	transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);}
.pro_nr_pic-s{ 
    overflow:hidden;	
	transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;}
.pro_nr_pic1,.pro_nr_pic-t,.pro_nr_pic-s{ width:66px;
    height:92px;
    overflow: hidden;}
.pro_nr_pic1 img{width:143%;}
.pro_zz{opacity:0;

transition:transform 1s linear,opacity 1s linear;
-webkit-transition:transform 1s linear,opacity 1s linear;
-moz-transition:transform 1s linear,opacity 1s linear;
-ms-transition:transform 1s linear,opacity 1s linear;
-0-transition:transform 1s linear,opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}

.pro_nr2 li{text-align:center;width:18%;float:left;margin:0 3%; 
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
.logo-e{position:fixed; top:0; left:0; width:100%; z-index:999; background:#ee915c;}
.logo-center-e{ float:left;width:76%; color:#FFF; font-size:1.2em; text-align:center; margin:4% 0;}
.logo{position:fixed; top:0; left:0; width:100%; z-index:9999; background:#3a3a3a;}
.search{width:7.3%;float:left;cursor:pointer; padding-left:4%;}
.logo-center{ float:left;width:72%;}
.logo-right{ float:left;width:11%;}
.ss{width:0;height:35px;position:absolute;left:0;top:50px;overflow:hidden;z-index:7;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#ffc600;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}
.top{width:40px;position:absolute;left:2%;top:8px;}

.logo-center-left{ width:15.6%; float:left;}
.logo-center-right{ float:left; margin-left:15%; font-size:1.5em; padding:2.5% 0; text-align:center; color:#FFF;}
/*index*/

.i-top{ background:#eeeeee; padding:0 2%;}
.i-top-left{ font-size:0.8em; padding:2% 0; width:45%; line-height:18px; float:left;}
.i-top-right{ background:url(../images/s-t-1.jpg) no-repeat left; background-size:20%; float:left; color:#272636; font-size:1.2em; width:50%; float:right; margin-top:5%;}
.i-top-right span{ display:block; margin-left:21%;}
.i-nav{padding:0 3%;}
.i-nav ul li{ float:left; width:49%; text-align:center; color:#FFF; margin:0.5%;}
.i-nav ul li a{ color:#FFF; display:block; margin-left:33px;}
.i-nav-one{ background:url(../images/s-t-26.jpg) no-repeat; background-size:110%; line-height:36px; }
.i-nav-two{ background:url(../images/s-t-27.jpg) no-repeat; background-size:110%; line-height:36px; } 
.i-nav-three{ background:url(../images/s-t-28.jpg) no-repeat; background-size:110%; line-height:36px; }
.i-nav-four{ background:url(../images/s-t-29.jpg) no-repeat; background-size:110%; line-height:36px; }

.i-about{width:100%; line-height:25px; background:100%; background:url(../images/s-t-4.jpg) no-repeat; min-height:160px;  background-size:100% 100%; text-align:center; padding-top:1%;}
.i-about-content{width:43%; line-height:18px; padding:8% 0 0 6%; text-align:left; font-size:0.8em;}
.i-about-bottom{ background:url(../images/s-t-5.jpg) no-repeat; background-size:100%;}
.i-about-bottom span{ text-align:center; display:block; color:#FFF; width:25px; line-height:25px; margin:auto; height:25px; background:#0bbcb6;}

.i-products{ background:url(../images/s-t-6.jpg) no-repeat; background-size:100%;}
.i-bj{position:absolute; bottom:0; padding:2% 0 3%;  z-index:999; background:#000; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; color:#FFF;}

.i-products img{ width:99%;}
.e-products img{ width:99%;}
.i-products-two{ margin-top:29px !important;}
.i-products-three{ margin-top:58px !important;}

.i-gbook-bj{ background:url(../images/s-t-8.jpg) no-repeat; background-size:100% 100%;}
.i-gbook{ padding:4% 4% 0 4%;}
#sygbook{ float:left; width:50%;}
.i-gbook-right{ float:right; width:48%; color:#FFF; font-size:0.8em;}
#sygbook ul li{ margin:4px 0; width:100%;}
#sygbook ul li img{ width:18%;}
.synp{ width:68%;}
#sygbook input{ border:none; height:21px;  line-height:21px; margin-left:-3px; padding-left:3px; border-radius:0;}
.sygb_tijiao{ width:88%; margin-left:0px !important; background:#0bbcb6; color:#FFF;}
.go_top img{ width:20%; float:right; cursor:pointer;}
.tel a{ color:#FFF;}
.top_list{clear:both;padding:0 0 3% 0;overflow:hidden;}
.top_list li{width:46%;float:left;padding:2% 0 0 2.7%;position:relative;}
.top_list li a{color:#fff;}
.top_list_t{width:95%;position:absolute;top:20%;right:5%;color:#fff;font-size:16px;text-align:right;}

.news li{ background:url(../images/s-t-13.jpg) no-repeat center; background-size:100%;padding:2% 0;}
.news li a{color:#fff;}
.s-products-title-new{ background:url(../images/s-t-12.jpg) no-repeat center; background-size:100%; text-align:center;}
.s-news-content{ margin:0 2%;}
.s-news-content li{ width:48%; float:left; background:#1571ca; color:#FFF; margin:1%;}
.news-list-n{ font-size:1.2em;float:left;margin-left:3%;background:#FFF;width:7%;padding:4%;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; text-align:center;}
.news-list-c{ color:#FFF;float:left;width:60%;margin-left:3%;}
.news-list-h{ color:#FFF;float:right;width:12%;margin-right:2%;margin-top:4%;}

.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);
transition:background 1s linear,color 1s linear,transform 1s linear;
-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;
-moz-transition:background 1s linear,color 1s linear,transform 1s linear;
-ms-transition:background 1s linear,color 1s linear,transform 1s linear;
-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.news_more2{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.product{background:url(../images/bg2.jpg) no-repeat center top;background-size:cover;overflow:hidden;}
.pro_title{color:#191919;font-size:20px;text-align:center;padding:4% 0;}
.pro_text{color:#fff;height:30px;line-height:30px;font-size:16px;background:#1f2229;}

.i-news-bottom{background:url(../images/s-t-5.jpg) no-repeat; background-size:100%; text-align:center; margin:10px 0;}
.i-news-bottom span{ border:1px solid #0b65c0; padding:1px 8px; background:#FFF; display:block; width:19%; margin:0 auto; }

<!-- 二级头 -->



@keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}

@-webkit-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}
@-moz-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;} 
	100%{transform: rotateY(0deg); opacity:1;}
	}	

/*footer*/
.copyright{color:#e65d0f;font-size:1em;text-align:center;line-height:30px;margin-top:2%;}
.footer{ background:#3a3a3a; position:fixed; bottom:0; width:100%; z-index:9999;}
.footer li{width:25%;float:left;text-align:center;color:#fff;font-size:1em;line-height:20px;padding:2% 0 1%;}
.footer li a{color:#fff; }
.footer li img{width:30px;}
/*top*/
.e-img{ text-align:center;}
.e-img img{ width:60%; text-align:center;}
.page a{  padding:0 2%; line-height:20px; color:#000; float:left; display:block;}
.select{ color:#1571ca !important;}
.page{margin:7% 2%; height:50px;}
.page1{padding:1% 2%; font-size:0.9em; line-height:19px;margin-top:30px;}
.page1 ul li{margin-bottom:1%; }
/*banner*/
#ban{ margin-top:1px;}
#ban img{ width:100%;}
#banner{}
.swipe{}
.swipe ul{}
#slider{ position:relative; overflow:hidden;}
#slider li{ float:left;}
#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi a.active{ background:#2b80af;}
/*** 二级***/
.e-about{ background:#eeeeee;}
.e-about-left{ float:left;margin:4% 0 3% 2%; color:#212121;}
.e-about-left span{ color:#3985da;}
.e-about-right{float:right;width:15%;margin-right:2%;}
.e-about-content{margin:0 2% 0; color:#000; font-size:1em; line-height:22px;}
.e-news-list{width:100%; margin:0 auto; overflow:hidden;}
.e-news-list ul{ position:relative;left:2%;margin:3% 0;}
.e-news-list ul li{ background:url(../images/s-t-22.jpg) no-repeat center; background-size:100%; float:left;width:18%;padding:5% 0 4%;margin:0 7%;}
.e-news-list ul li a{width:42%;display:block;margin:0 auto; color:#FFF; font-size:0.8em;}
.e-news-list-content{margin:5% 3% 0;}
.e-news-list-content ul li{padding:2.5% 0 4%; border-bottom:1px solid #e6e2db; background:#1571ca;}

.e-news-list-content ul li:nth-of-type(even){ background:#1571ca;}
.e-news-list-content ul li:nth-of-type(even){ background:#000000;}

.e-news-list-title{font-size:1em; color:#000;padding:2% 0;}
.e-news-list-title span{ color:#FFF;}
.e-news-list-title a{font-size:1em; color:#FFF; margin-left:2%;}
.e-news-list-c{ font-size:0.8em; color:#FFF;margin:1% 0; margin-left:2%;}
.e-news-show{ text-align:center; font-size:1em; color:#000;padding:4% 0 1%;}
.e-news-shows{ text-align:center; font-size:0.8em; color:#000; padding-bottom:2%;}
.e-news-show-content{ padding:0 3%; color:#000; font-size:0.9em; line-height:21px;}
.e-products-list{width:100%; margin:0 auto; overflow:hidden;}
.e-products-list ul{ position:relative;left:2%;margin:3% 0;}
.e-products-list ul li{ background:url(../images/s-t-22.jpg) no-repeat center; background-size:100%; float:left;width:17%;padding:5% 0 5%;margin:0 3%;}
.e-products-list ul li a{width:44%;display:block;margin:0 auto; color:#FFF; font-size:0.8em;}
.e-products-list-content{margin-top:3%;}
.e-products-list-content ul li{ width:44%;float:left;margin:3% 3%;padding:37% 0 0%; }
.e-products-list-content ul li span{background:url(../images/3.png) no-repeat center; background-size:100%; display:block; text-align:center;padding:2% 0; color:#FFF;}
.about-list{ width:96%; padding:0 2%; }
.about-list ul li{ float:left; width:31%; text-align:center; background:#247dd9; margin-left:3.5%; padding:1.5% 0; margin-top:1%;}
.about-list ul li a{color:#FFF;}
.about-list-name{ text-align:center; color:#247dd9; padding:5%;}
.about-bottom{ text-align:center; color:#247dd9; height:37px; line-height:37px;}
.about-bottom-img img{ width:10%; float:right; margin-left:2%; margin-bottom:2%;}

.e-products-one{ width:31%; float:left; margin-left:2%; margin-bottom:2%; position:relative;}
.e-products-one img{width:100%;}
.e-products-list-content{ padding:2%;}
.e-bj{position:absolute; bottom:0; z-index:999; padding:2% 0 3%; background:#000; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; color:#FFF;}

.sss{ margin-left:2% !important;}

.gbook-td{background:#373737;padding:2% 0 2% 3%; color:#FFF !important; margin:2% 0; font-size:1em; width:80%; margin:0 auto; margin-top:3%;}
.gbook input{ background:#373737; border:none;width:64%; padding:0 2%; }
.gbook textarea{background:#373737; border:none;width:95%;height:90px;padding:1% 2%; font-size:13px; color:#FFF !important;}
.submit{ width:80%; margin:0 auto; color:#FFF; padding:2% 0; margin-top:2%;}
.submit input{ width:100%; background:#247dd9;  color:#FFF;padding:1% 0;}
.gbookinput{ color:#FFF !important;}