﻿@charset "utf-8";
.head{background: url(../images/topbg3.png); height: 113px; padding-top: 22px;top: 0;position: fixed;left: 0;z-index: 20;width: 100%;transition: 0.2s;-ms-transition: 0.2s;-webkit-transition: 0.2s;-o-transition: 0.2s;-moz-transition: 0.2s;}
.headbg{position: absolute; width: 100%; height: 100%; z-index: -1; background: #000000; opacity: 0; left: 0; top: 0;transition: 0.2s;-ms-transition: 0.2s;-webkit-transition: 0.2s;-o-transition: 0.2s;-moz-transition: 0.2s;}
.head dl{width: 750px; margin: 0 auto;}
.head dl dd{float: left; margin-left: 68px; padding-top: 45px; width: 100px; text-align: center;transition: 0.2s;-ms-transition: 0.2s;-webkit-transition: 0.2s;-o-transition: 0.2s;-moz-transition: 0.2s;}
.head dl dd:first-child{margin-left: 0;}
.head dl dt{float: left;margin-left: 68px;}
.headHe{height: 135px;}

.head dl dd:hover a{color: #bbd303;}
.head dl a{display: block; color: #fff; font-size: 16px; line-height: 45px;transition: 0.2s;-ms-transition: 0.2s;-webkit-transition: 0.2s;-o-transition: 0.2s;-moz-transition: 0.2s;}
.head dl a img{display: block;}
.head dl a:hover,.head dl a.in{color: #bbd303;}
.head dl ul{position: absolute; top: 112px; left: 0; width: 100%; padding-top: 23px; display: none;}
.head dl ul li{/*width: 100%;*/ background: url(../images/topbg4.png); text-align: left;}
.head dl ul li div{width: 1100px; margin: 0 auto;}
.head dl ul li p{/*float: left;*/ display: inline-block; *display: inline;*zoom:1;}
.head dl ul li p a,.head dl dd:hover ul li p a{display: block; width: 85px; font-size: 12px; color: #fff; text-align: center;}
.head dl ul li p a:hover,.head dl ul li p a.in{color: #fff; text-decoration: underline;}
.head dl dd.navdd2 ul li p:first-child{margin-left: 340px;}
.head dl dd.navdd3 ul li p:first-child{margin-left: 650px;}
.head dl dd.navdd4 ul li,.head dl dd.navdd5 ul li{text-align: right;}

.head dl dd.navdd4 ul li p:last-child,.head dl dd.navdd5 ul li p:last-child{margin-right: 20px;}
.head dl dd.navdd4 ul li p:last-child{margin-right: 110px;}
.head dl ul li{background: url(../images/topbg3.png);transition: 0.2s;-ms-transition: 0.2s;-webkit-transition: 0.2s;-o-transition: 0.2s;-moz-transition: 0.2s; border-top: 1px solid #fff;}


.head dl dd:hover ul{display: block;}

.footer{background: #424242; padding: 60px 0 0px;}
.footer .foot{width: 1100px; margin: 0 auto;}
.footer .foot ul{float: left;}
.footer .foot ul li{float: left; padding-right: 55px;}
.footer .foot ul li h3{padding-bottom: 5px; line-height: 25px;}
.footer .foot ul li h3 a{color: #fff; font-size: 16px;}
.footer .foot ul li p{line-height: 25px;}
.footer .foot ul li p a{color: #adadad;}
.footer .foot ul li a:hover{text-decoration: underline;}
.footer .foot .ewm{float: right; font-size: 12px;color: #adadad;}
.footer .foot .ewm p{line-height: 30px;}

.Copyright{border-top: 1px solid #adadad; padding: 20px 0 40px; text-align: center; margin-top: 40px; font-size: 12px; color: #a5a5a5; line-height: 22px;}
.Copyright a{color: #a5a5a5;}
.Copyright a:hover{color: #fff;}

.crumbs{text-align: right; width: 1100px; margin: 0px auto; line-height: 30px; padding-top: 40px;}

.pagebanner{height: 407px; }
.product_list{width: 1100px; margin: 20px auto 60px; overflow: hidden;}
.product_list ul{width: 1342px;}
.product_list ul li{float: left; padding-right: 240px; padding-bottom: 60px;}
.product_list ul li a{display: block; background: url(../images/page/cpbg1.jpg) no-repeat; width: 207px; padding-top: 40px; background-size: 170px;}
.product_list ul li a .img{overflow: hidden;}
.product_list ul li a .img img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s; width: 100px;}
.product_list ul li a p{text-align: center; font-size: 18px; width: 135px; padding-top: 20px; height: 54px;}
.product_list ul li a:hover .img img{-webkit-transform: scale(0.9,0.9);
	-moz-transform:  scale(0.9,0.9);
	-o-transform:  scale(0.9,0.9);
	transform:  scale(0.9,0.9);}

.productD{background: url(../images/page/xqbg1.jpg) no-repeat center; height: 1059px; margin-bottom: 20px;}

.productDs{width: 1100px; margin: 20px auto;}
.productDs .pic{background: #fff; float: left; width: 550px; height:660px; position: relative;}
.productDs .pic img{display: block; margin: 90px auto 0;}
.productDs .pic .picbg{background: url(../images/page/xqbg2.jpg) no-repeat; width: 119px; height: 67px; position: absolute; top: 43px; right: 0;}
.productDs .text{float: right; width: 550px; background: url(../images/page/xqbg3.png); padding: 43px 0;}
.productDs .text .xqtit{background: #8a9d24; height: 51px; padding: 8px 0 8px 35px; color: #fff;}
.productDs .text .xqtit h1{font-size: 28px; line-height: 51px;}
.productDs .text .xqtit h2{line-height: 20px;}
.productDs .text .textD{padding:20px 35px 0; color: #fff; line-height: 24px;}
.productDs .text .textD p font{font-size: 16px;}

.productDs .cllist{text-align: center; margin-top:40px;}
.productDs .cllist ul li{display: inline-block; *display: inline; *zoom: 1; width: 95px; overflow: hidden;}
.productDs .cllist ul li a{color: #fff; font-size: 12px; display: block;}
.productDs .cllist ul li a img{display: block; margin: 0 auto;}
.productDs .cllist ul li a p{line-height: 18px; height: 36px; padding-top: 5px; text-shadow: 0 1px 1px rgba(255,255,255,0.5);}
.productDs .cllist ul li a:hover,.productDs .cllist ul li a.in{color: #151616;}


.aboutD{background: url(../images/page/brief4.jpg) no-repeat bottom center; margin-top: 20px;}
.aboutD_{width: 1100px; margin: 0 auto; overflow: hidden;line-height:32px;}
.aboutD_ .aboutD_l{width: 48%; color: #444444; font-size: 16px; line-height: 32px;}
.aboutD_ .aboutD_l img{display: block;}
.aboutD_ .aboutD_l strong{color: #222;}

.aboutD_page{text-align: center; margin-bottom: 20px;}
.aboutD_page li{ line-height: 66px; height: 66px; overflow: hidden;}
.aboutD_page a{padding:0px 188px; font-size: 18px; color: #fff; display: inline-block; *display: inline; *zoom: 1; position: relative;}
.aboutD_page img{position: absolute; left: 0; top: 33px;}
.aboutD_page img.xian2{left: auto; right: 0;}
.aboutD_page .prev{background: #909090;}
.aboutD_page .next{background: #c0c0c0;}

.sommelier{width: 1100px; margin: 20px auto; padding-bottom: 40px;}
.sommelier .sommelierT{position: relative;}
.sommelier .sommelierT .xtu{width: 1100px; height: 324px; overflow: hidden; position: relative;}
.sommelier .sommelierT ul{position: absolute; top: 0; left: 0;}
.sommelier .sommelierT ul li{float: left; width: 251px; height: 324px; padding-right: 32px;}
.sommelier .sommelierT ul li a{display: block; height: 100%; background: url(../images/page/sommelier3.jpg) no-repeat bottom right;}
.sommelier .sommelierT ul li.current a{background: url(../images/page/sommelier2.jpg) no-repeat bottom right;}
.sommelier .sommelierT .next,.sommelier .sommelierT .prev{position: absolute; left: -50px; top: 50%; margin-top: -37px;}
.sommelier .sommelierT .next{right: -50px; left: auto;}

.sommelierC{margin-top: 40px;}
.sommelierC .sommelierCo{display: none;}
.sommelierC .sommelierCo h1{font-size: 36px; color: #333333; padding-bottom: 20px;}
.sommelierC .sommelierCo p{font-size: 18px; color: #777; line-height: 30px;}

.jiudjs{ background: #f4f4f4; padding: 60px 0 80px;}
.jiudjs h1{color: #333; text-align: center; font-size: 36px;}
.jiudjs dl{width: 1100px; margin: 40px auto 0;}
.jiudjs dl dd{float: left;margin-bottom:15px;}
.jiudjs dl dt{float: right;margin-bottom:15px;}
.jiudjs dl img{display: block;}
.jiudjs dl a{display: block; position: relative;}
.jiudjs dl a h2{font-size: 24px; color: #fff; line-height: 228px; width: 481px; border: 1px solid #fff; color: #fff; position: absolute; left:25px; top: 25px; text-align: center; z-index: 2; display: none;}
.jiudjs dl a p{position: absolute; width: 100%; height: 100%; z-index: 1; background: #000; opacity: 0.4; filter:alpha(opacity=40); top: 0; left: 0; display: none;}
.jiudjs dl a:hover p,.jiudjs dl a:hover h2{display: block;}


.activity{margin: 0px auto 60px; width: 1100px; overflow: hidden;}
.activity ul{width: 1128px; overflow: hidden;}
.activity ul li{float: left; margin-right: 28px; width: 348px; padding: 30px 0;}
.activity ul li a{display: block; background: #fff;}
.activity ul li .img{overflow: hidden;}
.activity ul li img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s;}
.activity ul li a .text{padding:30px 22px;}
.activity ul li a .text h1{font-size: 22px; line-height: 30px; color: #555555;height: 60px;}
.activity ul li a .text span{display: block; font-size: 16px; color: #999999; padding: 15px 0 12px;}
.activity ul li a:hover{background: #8a9d24; color: #fff;}
.activity ul li a:hover span,.activity ul li a:hover h1{ color: #fff;}
.activity ul li a:hover img{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}



.page{width: 1100px; margin: 0 auto;}
.page a,.page span{float: left; width: 36px; height: 36px; border: 1px solid #999999; text-align: center; line-height: 36px; margin-right: 10px; color: #666666; font-size: 18px;}
.page a:hover,.page span{ background: #8a9d24; color: #fff;border: 1px solid #8a9d24;}
.page a.next,.page a.prev{font-family: simsun;}

.problem{ background: url(../images/page/problem1.jpg) no-repeat center bottom; margin-top: 0px; padding-bottom: 60px;}
.problem ul{width: 1100px; margin: 0 auto;}
.problem ul li{background: url(../images/page/problem2.png); margin-top: 20px; cursor: pointer; position: relative; /*height: 50px;*/}
.problem ul li h1{font-size: 18px; color: #333; height: 50px; line-height: 50px; padding: 0 50px;}
.problem ul li .jiaj{position: absolute; right: 15px;font-size: 26px; color: #333; top: 0; line-height: 50px; height: 50px;}
.problem ul li .text{color: #666; padding:30px 50px 30px; display: none;}
.problem ul li.in{background: #fff;}
.problem ul li.in h1{padding-top: 30px;}

.notice{margin: 20px auto 0; width: 1100px; padding-bottom: 60px;}
.notice ul li{ background: #f6f6f6; margin-bottom: 30px;}
.notice .time{float: left; width: 130px; height: 130px; background: #c7da34; text-align: center; padding: 24px 0;}
.notice .time b{display: block; font-size: 100px; font-family: impact; color: #fff; line-height: 100px;}
.notice .time span{display: block; color: #fff; font-size: 16px; line-height: 30px;}
.notice .text{float: left; width:909px; height: 96px; padding: 40px 40px 40px 20px; border: 1px solid #f6f6f6; border-left: 0;}
.notice .text h1{font-size: 16px; color: #333; line-height: 30px; padding-bottom: 12px;}
.notice .text p{color: #666; line-height: 24px;}
.notice a:hover .text{ border: 1px solid #c7da34; border-left: 0;}

.hyzx{background: #f6f6f6; padding: 40px 0 60px;}
.hyzx h1{margin: 0px auto 0; width: 1100px; font-size: 36px; color: #333; font-size: 36px; line-height: 48px;}
.hyzx ul{margin: 30px auto 0; width: 1100px;}
.hyzx ul a img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s;}
.hyzx ul li a{display: block; overflow: hidden;}
.hyzx ul li a:hover img{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}
.hyzx ul li{float: left; margin-left: 19px;}
.hyzx ul li:first-child{margin-left: 0;}


.new_list{margin: 20px auto 60px; width: 1100px;}
.new_list ul li{background: #fff; margin-bottom: 22px;}
.new_list ul li a{display: block; height: 149px; padding: 35px 30px; border: 1px solid #fff; position: relative;}
.new_list ul li a img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s;}
.new_list ul li a .img{float: left; overflow: hidden;}
.new_list ul li a .text{float: left; padding-left: 45px; width: 720px;}
.new_list ul li a .text h1{font-size: 22px; line-height: 30px; color: #333;}
.new_list ul li a .text span{display: block; font-size: 16px; color: #737373; padding: 20px 0 15px;}
.new_list ul li a .text p{color: #666; line-height: 24px;}
.new_list ul li a .time{position: absolute; right: 0; top: 0; width: 94px; height: 64px; background: #b2b2b2; color: #fff; text-align: center; padding: 6px 0;}
.new_list ul li a .time b{display: block; font-size: 48px; line-height: 48px;}
.new_list ul li a .time span{display: block; font-size: 12px; line-height: 16px;}
.new_list ul li a:hover{border: 1px solid #98ac02;}
.new_list ul li a:hover .time{background: #a3b800;}
.new_list ul li a:hover img{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}


.contact_{background: url(../images/page/lyfk1.jpg) no-repeat center; width: 1100px; height:483px; margin: 20px auto 0; padding-top: 70px;}

.contact_ ul li{overflow: hidden; width: 878px; margin: 0 auto; padding-bottom: 16px;}
.contact_ ul li input{color: #fff; background: url(../images/page/bg1.png); border:1px solid #a4bbcf; float: left; height:42px; width: 260px; padding: 0 10px; font-size: 16px;}
.contact_ ul li input.text1{margin-left: 16px;}
.contact_ ul li input.text1:first-child{margin-left: 0;}
.contact_ ul li input.text2{width: 856px;}
.contact_ ul li textarea{float: left; width:856px; padding: 8px 10px; background: url(../images/page/bg2.jpg) no-repeat; border:0px solid #a4bbcf; height: 190px; color: #fff; font-size: 16px;}
.contact_ ul li a{display: block; border: 1px solid #a4bbcf; height: 42px; line-height: 42px; background: url(../images/page/bg3.jpg) no-repeat; text-align: center; font-size: 24px; color: #fff;}

.lxdz{width: 878px; margin: 0 auto; padding: 40px 0;}
.lxdz li{float: left; color: #666; background: url(../images/page/lyfk2.jpg) no-repeat left center; padding-left: 55px;}
.lxdz li.li1{margin-left: 0;}
.lxdz li.li2{ margin-left: 75px; background: url(../images/page/lyfk3.jpg) no-repeat left center;}
.lxdz li.li3{float: right; background: url(../images/page/lyfk4.jpg) no-repeat left center;}
.lxdz li h2{font-size: 18px; line-height: 24px; text-transform: uppercase;}


.job{width: 1100px; margin: 20px auto 40px; border-top: 1px solid #cccccc; }
.job ul li .tit{height: 48px; line-height: 48px; position: relative; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; cursor: pointer;}
.job ul li:first-child .tit{border-top:0;}
.job ul li .tit h2{font-size: 18px; color: #333; background: url(../images/page/job1.jpg) no-repeat left center; padding-left: 20px;}
.job ul li .tit h2 span{font-size: 14px; color: #666666;}
.job ul li .tit font{position: absolute; right: 0; top: 14px; width: 70px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #ccc; border-radius: 3px;}
.job ul li .tit:hover font{border: 1px solid #62973B;}

.job ul li .jobC_{padding: 20px 0; line-height: 24px; color: #666666;}
.job ul li .jobC{display: none;}
.job ul li.in .tit font{display: none;}
.job ul li.in .tit h2{background: url(../images/page/job2.jpg) no-repeat left center; color: #8a9d24;}
.job .lxfs{border-top: 1px dashed #ccc; line-height: 60px;}







.A_Demo2 {
  width: 1100px;
  /*overflow: hidden;*/
  position: relative;
  margin: 0 auto;
}

.A_Demo2 a, .A_Demo2 img { display: block; }

.A_Demo2 .poster-list {
  width: 1100px; margin-top: 20px;
 overflow: hidden; position: relative;
}

.A_Demo2 .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0;
}
.A_Demo2 .poster-list .poster-item a{display: block; height: 100%;}
.A_Demo2 .poster-list .poster-item .img{background: #fff; width: 100%; height: 80%; padding-top: 20px;}
.A_Demo2 .poster-list .poster-item .mb{position: absolute;width: 100%; height: 80%; padding-top: 20px; left: 0; top: 0; background: #000; opacity: 0.3;filter:alpha(opacity=30);}
.A_Demo2 .poster-list .poster-item img{display: block; margin:0px auto 0; width: 90%; }
.A_Demo2 .poster-list .poster-item .text{ line-height: 60px; text-align: center; display: none; font-size: 24px; color: #333;}
.A_Demo2 .poster-list .poster-item.in .text{display: block;}
.A_Demo2 .poster-list .poster-item.in .mb{display: none;}
.A_Demo2 .poster-btn {
  position: absolute;
  top: 50%; margin-top: -20px;
  z-index: 10;
  cursor: pointer; font-size: 40px; font-family: simsun; font-weight: bold; line-height: 40px;
}

.A_Demo2 .poster-prev-btn {
  left: -40px;
 
}

.A_Demo2 .poster-next-btn {
  right: -40px;
  
}

.tjxx_{background: #fff; padding: 40px 0;}
.tjxx_ .tjxx{width: 1100px; margin: 0 auto;}
.tjxx_ .tjxx .gsdt{width: 50%;}
.tjxx_ .tjxx .gsdt h1{font-size: 32px; line-height: 46px; color: #333; padding-bottom: 10px;}
.tjxx_ .tjxx .gsdt ul li{font-size: 18px; width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 42px;}
.tjxx_ .tjxx .gsdt ul li a{color: #666;}
.tjxx_ .tjxx .gsdt ul li a:hover{color: #b92428;}


.newD{width: 1020px; margin: 20px auto 40px; padding: 30px 40px; background: #fff;}
.newDt{border-bottom: 1px solid #ccc; padding-bottom: 10px; text-align: center;}
.newDt h1{font-size: 24px; line-height: 30px; color: #333; padding-bottom: 10px;}
.newDt p{color: #999; font-size: 12px;}
.newDc{font-size: 15px; color: #555; padding-top: 20px; padding-bottom: 40px;}
.newpage {line-height: 30px;}
.newpage b{color: #333;}







.aboutD_ .aboutD_lH{
	animation: donhua11 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua11 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua11 1.5s normal; 
	/* Opera: */
	-o-animation: donhua11 1.5s normal;
}

@keyframes donhua11
{
from {transform: translate(0,200px);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}

@-moz-keyframes donhua11 
{
from {-moz-transform: translate(0,200px);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}

@-webkit-keyframes donhua11 
{
from {-webkit-transform: translate(0,200px);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}

@-o-keyframes donhua11
{
from {-o-transform: translate(0,200px);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}





