.loading { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
.loading:before { content: ""; position: absolute; width: 4em; height: 4em; border: solid rgba(255, 255, 255, 0.2) 0.6em; border-right-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; top: 50%; left: 50%; margin: -2.3em 0 0 -2.3em; -webkit-animation: loop 1s infinite linear; -moz-animation: loop 1s infinite linear; -ms-animation: loop 1s infinite linear; animation: loop 1s infinite linear; }

@-webkit-keyframes loop {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes loop {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes loop {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loop {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

.wrapper { width: 94%; margin: 0 auto; max-width: 1160px; }
.icon { display: inline-block; overflow: hidden; background-repeat: no-repeat; }
#header { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 150px; z-index: 200; }
#header .logo { width: 210px; height: 73px; margin-top: 12px; display: block; background-image: url(../images/logo.png); }
#header .meta { position: absolute; top: 42px; right: 0; }
#header .meta a { color: #757575; }
#header .meta .icon { position: absolute; left: 0; bottom: 0; }
#header .meta .tmall { position: fixed; right:0px; top:50%; width:50px; padding:8px 0px; background-color:#fafafa ; text-align:center; z-index:999;}
#header .meta .tmall .icon { display: block; position:relative; left:auto; bottom:auto; margin:0px auto;}
#header .meta .tmall .icon { width: 20px; height: 24px; background-image: url(../images/icon-tmall-1.png); top: -4px; }
#header .meta .qr { padding-left: 20px; }
#header .meta .qr .icon { width: 15px; height: 15px; background-image: url(../images/icon-qr-1.png); }
#header .meta .qrimage { border: solid #ccc 1px; width: 100px; position: absolute; top: 25px; right: 0; z-index: 10; visibility: hidden; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#header .meta .qrimage.show { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#header .nav { position: absolute; left: 0; bottom: 0; width: 100%; height: 47px; line-height: 47px; background-color: #c30d0c; }
#header .nav a { color: #fff; font-size: 16px; }
#header .nav a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
#header .nav li { width: 12.5%; text-align: center; }
#header .switcher { width: 40px; height: 40px; position: absolute; top: 15px; right: 10px; display: none; }
#header .switcher span { height: 4px; position: absolute; top: 18px; left: 0; width: 100%; background-color: #b8b8b8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#header .switcher span:before,
#header .switcher span:after { content: ""; position: absolute; width: 100%; height: 4px; left: 0; background-color: #b8b8b8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#header .switcher span:before { top: -10px; }
#header .switcher span:after { bottom: -10px; }
#header .switcher.current span { background-color: #fff; }
#header .switcher.current span:before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#header .switcher.current span:after { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#container { margin-top: 150px; }
#footer { background-color: #525252; color: #fff; padding-top: 50px; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer .main { height: 265px; }
#footer .main .left-panel { max-width: 295px; width: 30%; position: absolute; top: 0; left: 0; }
#footer .main .left-panel h1 { font-size: 30px; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
#footer .main .left-panel .social { padding-top: 12px; height: 26px; }
#footer .main .left-panel .social a { width: 26px; height: 26px; background: url(../images/icon-social.png) no-repeat; margin-right: 12px; float: left; }
#footer .main .left-panel .social a:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; text-decoration: none; }
#footer .main .left-panel .social .wechat { background-position: 0 0; }
#footer .main .left-panel .social .wechat:hover { background-position: 0 -30px; }
#footer .main .left-panel .social .weibo { background-position: -38px 0; }
#footer .main .left-panel .social .weibo:hover { background-position: -38px -30px; }
#footer .main .left-panel .social .qqwb { background-position: -76px 0px; }
#footer .main .left-panel .social .qqwb:hover { background-position: -76px -30px; }
#footer .main .left-panel .qrimage { border: solid #ccc 1px; width: 100px; position: absolute; top: 50px; left: 0; z-index: 10; visibility: hidden; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#footer .main .left-panel .qrimage.show { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#footer .main h2 { font-weight: normal; font-size: 16px; padding-bottom: 18px; }
#footer .main .center-panel-1 { position: absolute; top: 0; left: 30%; width: 25%; max-width: 285px; }
#footer .main .center-panel-1 .intro { line-height: 24px; }
#footer .main .center-panel-1 .link { margin-top: 20px; }
#footer .main .center-panel-1 .link a { width: 116px; height: 28px; display: inline-block; background-color: #c7000b; line-height: 28px; text-indent: 12px; }
#footer .main .center-panel-1 .link a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; text-decoration: none; }
#footer .main .center-panel-1 .link a:hover .icon { -webkit-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); }
#footer .main .center-panel-1 .link a .icon { width: 15px; height: 7px; background-image: url(../images/icon-arrow-right.png); position: absolute; top: 12px; right: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
#footer .main .center-panel-2 { max-width: 333px; width: 28%; position: absolute; top: 0; left: 60%; }
#footer .main .center-panel-2 p { line-height: 24px; }
#footer .main .right-panel { position: absolute; top: 0; right: 0; }
#footer .main .right-panel p { line-height: 24px; }
#footer .copy { background-color: #222; height: 40px; line-height: 40px; text-align: center; }
/* 首页 */
.home .banner ul,
.home .banner li { height: 100%; overflow: hidden; position: relative; }
.home .banner li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; display: none; }
.home .banner li .fullbg { -webkit-transition: transform 5.2s; -moz-transition: transform 5.2s; -ms-transition: transform 5.2s; transition: transform 5.2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.home .banner li .kmAni { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.home .banner li.current { z-index: 2; }
.home .banner li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.home .banner li.current .kmAni { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.home .banner .cont { position: absolute; top: 50%; left: 0; width: 100%; color: #fff; text-align: center; margin-top: -106px; }
.home .banner .cont h1 { font-size: 60px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.home .banner .cont .intro { font-size: 16px; padding: 10px 0 70px; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; }
.home .banner .cont .view { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.home .banner .cont .view a { background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px; }
.home .banner .cont .view a:after { content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
.home .banner .cont .view a:hover:after { left: 0; }
.home .banner .cont .view span { position: relative; z-index: 1; }
.home .banner .scrolltips { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20; }
.home .banner .scrolltips .pic .icon { width: 24px; height: 43px; background-image: url(../images/icon-mouse.png); }
.home .banner .scrolltips .pic .icon:after { content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite; }
.home .section-1 { padding: 98px 0 112px; background-color: #f6f3eb; }
.home .section-1 .picshow { float: left; width: 50%; }
.home .section-1 .picshow .left { width: 48%; }
.home .section-1 .picshow .right-top { position: absolute; top: 0; right: 0; width: 48%; }
.home .section-1 .picshow .right-bottom { position: absolute; bottom: 0; right: 0; width: 48%; }
.home .section-1 .cont { width: 50%; text-align: center; margin-left: 50%; }
.home .section-1 .cont .title { display: inline-block; padding-bottom: 20px; }
.home .section-1 .cont h1 { color: #353535; font-size: 42px; }
.home .section-1 .cont .line { width: 100%; height: 9px; background: url(../images/icon-1.png) 50% 0 no-repeat; position: absolute; bottom: 0; left: 0; }
.home .section-1 .cont .line:before,
.home .section-1 .cont .line:after { content: ""; position: absolute; width: 40%; height: 1px; background-color: #626262; top: 4px; }
.home .section-1 .cont .line:before { left: 0; }
.home .section-1 .cont .line:after { right: 0; }
.home .section-1 .cont .intro { width: 96%; margin: 0 auto; max-width: 485px; padding: 40px 0; color: #626262; line-height: 22px; font-size: 16px; }
.home .section-1 .cont .view a { font-size: 16px; color: #ddb771; text-decoration: underline; }
.home .section-1 .cont .view a:hover { text-decoration: none; }
.home .section-2 { overflow: hidden; background: url(../upload/5.jpg) 50% 0 no-repeat; }
.home .section-2 .cont { width: 80%; max-width: 334px; color: #fff; margin: 113px auto; text-align: center; }
.home .section-2 .cont .text { position: absolute; width: 100%; top: 50%; margin-top: -65px; }
.home .section-2 .cont .title { display: inline-block; padding-bottom: 20px; }
.home .section-2 .cont h1 { font-size: 42px; letter-spacing: 5px; }
.home .section-2 .cont .line { width: 100%; height: 9px; background: url(../images/icon-2.png) 50% 0 no-repeat; position: absolute; bottom: 0; left: 0; }
.home .section-2 .cont .line:before,
.home .section-2 .cont .line:after { content: ""; position: absolute; width: 40%; height: 1px; background-color: #fff; top: 4px; }
.home .section-2 .cont .line:before { left: 0; }
.home .section-2 .cont .line:after { right: 0; }
.home .section-2 .cont .view { padding-top: 60px; }
.home .section-2 .cont .view a { color: #fff; text-decoration: underline; }
.home .section-2 .cont .view a:hover { text-decoration: none; }
.home .section-3 { padding: 70px 0 40px; }
.home .section-3 .items { margin: 0 auto; width: 96%; max-width: 1740px; }
.home .section-3 .item { width: 25%; }
.home .section-3 .item-bd { max-width: 400px; }
/* 溯源 */
.origin .banner { height: 610px; overflow: hidden; }
.origin .banner .bg { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.origin .banner .wrapper { height: 610px; }
.origin .banner .cont { position: absolute; width: 242px; height: 376px; top: 50%; right: 10%; margin-top: -188px; }
.origin .section-1 { padding: 100px 0 80px; }
.origin .section-1 .bg { position: absolute; width: 40%; max-width: 390px; bottom: 0; right: 30px; }
.origin .section-1 .cont { width: 50%; max-width: 580px; }
.origin .section-1 .cont h1 { font-size: 24px; color: #321a00; }
.origin .section-1 .cont .intro,
.origin .section-1 .cont ul { color: #7a7a7a; line-height: 32px; font-size: 16px; }
.origin .section-1 .cont .intro { margin: 15px 0 40px; }
.origin .section-2 { padding: 133px 0 108px; background-color: #f5f1eb; }
.origin .section-2 .bg { position: absolute; width: 40%; max-width: 467px; bottom: 0; left: 0; }
.origin .section-2 .cont { float: right; padding-bottom: 10%; }
.origin .section-2 .cont .circle { width: 30%; max-width: 138px; position: absolute; top: 0; left: 0; }
.origin .section-2 .cont .circle:before,
.origin .section-2 .cont .circle:after { content: ""; position: absolute; width: 8px; height: 10px; top: 50%; margin-top: -5px; background: url(../images/icon-corner-1.png) 0 0 no-repeat; }
.origin .section-2 .cont .circle:before { left: -20px; }
.origin .section-2 .cont .circle:after { right: -20px; background-position: -152px 0; }
.origin .section-2 .cont .round { width: 100%; }
.origin .section-2 .cont .text { color: #fff; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -12px; font-size: 18px; }
.origin .section-2 .cont ul { margin-left: 190px; }
.origin .section-2 .cont li { padding-left: 24px; padding-right: 24px; width: 30px; font-size: 30px; font-family: 'simsun'; float: left; border-left: solid #7a7a7a 2px; border-right: solid #7a7a7a 2px; margin-left: -2px; }
.origin .section-3 { padding: 30px 0 65px; }
.origin .section-3 .header { text-align: center; }
.origin .section-3 .header h1 { color: #321a00; font-weight: normal; font-size: 24px; }
.origin .section-3 .header .intro { color: #7a7a7a; line-height: 32px; font-size: 16px; max-width: 636px; margin: 20px auto 30px; }
.origin .section-3 .cont { margin: 0 40px; }
.origin .section-3 .cont .item { float: left; width: 33.2%; margin-bottom: 34px; }
.origin .section-3 .cont .item .box { max-width: 320px; margin: 0 auto; width: 96%; }
.origin .section-3 .bx-pager { text-align: center; }
.origin .section-3 .bx-pager-item { width: 14px; height: 14px; display: inline-block; margin: 0 8px; text-indent: -999px; overflow: hidden; }
.origin .section-3 .bx-pager-item a { display: block; height: 14px; background: url(../images/icon-dot.png) -29px 0 no-repeat; }
.origin .section-3 .bx-pager-item a.active { background-position: 0 0; }
/* 文化 */
.culture .top { background-color: #f5f1eb; padding: 80px 0 105px; }
.culture .top .header img { width: auto; max-width: 90%; margin: 0 auto; }
.culture .top .header .ink { padding-top: 15px; }
.culture .top .cont { width: 96%; max-width: 866px; margin: 50px auto 0; }
.culture .top .cont .text { font-size: 18px; color: #341a08; line-height: 32px; text-align: center; margin: 0 15px; }
.culture .top .cont .btn { display: none; width: 28px; height: 49px; position: absolute; top: 50%; margin-top: -24px; cursor: pointer; background: url(../images/icon-arrow-left&right-1.png) no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.culture .top .cont .prev { background-position: 0 0; left: 0; }
.culture .top .cont .prev:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-transform: translate(-5px, 0); -moz-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); transform: translate(-5px, 0); }
.culture .top .cont .next { background-position: -30px 0; right: 0; }
.culture .top .cont .next:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); }
.culture .picshow { max-width: 1920px; background-color: #f5f1eb; padding: 15px 0; }
.culture .picshow .pic .btn { display: none; z-index: 120; width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; background: url(../images/icon-arrow-left&right-4.png); }
.culture .picshow .pic .prev { left: 10px; background-position: 0 0; }
.culture .picshow .pic .prev:hover { background-position: 0 -50px; }
.culture .picshow .pic .next { right: 10px; background-position: -50px 0; }
.culture .picshow .pic .next:hover { background-position: -50px -50px; }
.culture .picshow .thumb { padding-top: 15px; }
.culture .picshow .thumb .btn { width: 15px; height: 16px; background: url(../images/icon-arrow-left&right-2.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -2px; cursor: pointer; }
.culture .picshow .thumb .prev { background-position: 0 0; left: 6%; }
.culture .picshow .thumb .prev:hover { background-position: 0 -20px; }
.culture .picshow .thumb .next { background-position: -15px 0; right: 6%; }
.culture .picshow .thumb .next:hover { background-position: -15px -20px; }
.culture .picshow .thumb-list { margin: 0 10%; }
.culture .picshow .thumb-list li .box { margin: 2px; }
.culture .picshow .thumb-list li .box:before { content: ""; position: absolute; background-color: #9f3332; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.culture .picshow .thumb-list li .box:after { content: ""; position: absolute; border: solid #9f3332 2px; top: -2px; left: -2px; width: 100%; height: 100%; display: none; z-index: 2; }
.culture .picshow .thumb-list li.current .box:after,
.culture .picshow .thumb-list li.current .box:before { display: block; }
.culture .intros { padding: 60px 0 80px; color: #7a7a7a; font-size: 16px; line-height: 32px; }
.culture .intros .header { padding-bottom: 50px; }
.culture .intros ul li { padding-top: 25px; border-top: solid #7a7a7a 4px; width: 48%; }
/* 酒乡 */
.town .banner .pic { z-index: 1; }
.town .banner .thumb { position: absolute; bottom: 20px; right: 0; z-index: 2; }
.town .banner .thumb-list { width: 320px; margin: 0 28px; }
.town .banner .thumb-list li .box { margin: 2px; }
.town .banner .thumb-list li .box:before { content: ""; position: absolute; background-color: #9f3332; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.town .banner .thumb-list li .box:after { content: ""; position: absolute; border: solid #9f3332 2px; top: -3px; left: -2px; width: 100%; height: 100%; display: none; z-index: 2; }
.town .banner .thumb-list li.current .box:after,
.town .banner .thumb-list li.current .box:before { display: block; }
.town .banner .btn { width: 11px; height: 12px; position: absolute; top: 50%; margin-top: -6px; cursor: pointer; background: url(../images/icon-arrow-left&right-3.png) no-repeat; }
.town .banner .prev { left: 0; background-position: 0 0; }
.town .banner .prev:hover { background-position: 0 -20px; }
.town .banner .next { right: 0; background-position: -12px 0; }
.town .banner .next:hover { background-position: -12px -20px; }
.town .main { padding-bottom: 150px; }
.town .main .header { z-index: 5; width: 129px; height: 150px; color: #fff; background-color: #992525; font-size: 16px; text-align: center; padding-top: 25px; margin-top: -87.5px; margin-bottom: 65px; }
.town .main .header .icon { width: 42px; height: 20px; background-image: url(../images/icon-arrow-down-2.png); margin-top: 70px; }
.town .main h1 { font-size: 48px; color: #992525; }
.town .main .intro { padding: 30px 0 0; font-size: 24px; color: #341a08; }
.town .main .infos { color: #7a7a7a; line-height: 32px; font-size: 16px; }
/* 产品 */
.products .cate { background-color: #f6f3eb; padding: 35px 0; text-align: center; }
.products .cate a { width: 170px; height: 55px; margin: 0 15px; display: inline-block; font-size: 24px; font-weight: bold; line-height: 55px; color: #321a00; border: solid #321a00 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; overflow: hidden; }
.products .cate a:after { content: ""; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; width: 100%; height: 100%; top: 0; background-color: #321a00; visibility: hidden; left: -100%; }
.products .cate a:hover,
.products .cate a.current { color: #fff; }
.products .cate a:hover:after,
.products .cate a.current:after { visibility: visible; left: 0; }
.products .cate a span { position: relative; z-index: 1; }
.products .banner1 { height: 558px; }
.products .banner1 .bg { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.products .banner1 .wrapper { height: 100%; }
.products .banner1 .cont { width: 100%; height: 100%; }
.products .banner1 .heart { width: 50%; max-width: 582px; position: absolute; top: 50%; left: 5%; margin-top: -207.5px; }
.products .banner1 .title { position: absolute; width: 20%; max-width: 155px; top: 50%; right: 10%; margin-top: -237px; }
.products .heart-m { margin: 20px 10px; display: none; }
.products .service { padding: 75px 0; }
.products .service ul { margin: 0 5%; }
.products .service li { width: 46%; }
.products .service h2 { color: #992525; font-size: 24px; }
.products .service .intro { color: #7a7a7a; font-size: 16px; margin: 20px 0; height: 44px; overflow: hidden; }
.products .process { background-color: #f5f1eb; padding: 60px 0 112px; }
.products .process .bg { width: 30%; max-width: 326px; position: absolute; bottom: 0; left: 0; }
.products .process .cont { width: 90%; float: right; }
.products .process .circles { margin-right: 250px; max-width: 550px; float: right; }
.products .process .circle-item { float: left; width: 33.32%; margin-bottom: 30px; }
.products .process .vh { visibility: hidden; }
.products .process .circle { width: 88%; max-width: 131px; margin: 0 auto; }
.products .process .circle .round { width: 100%; }
.products .process .circle .round .p2 { display: none; }
.products .process .circle .text { color: #fff; font-size: 14px; width: 18px; text-align: center; position: absolute; left: 50%; margin-left: -9px; line-height: 14px; }
.products .process .circle .text1 { top: 30%; left: 40%; }
.products .process .circle .text2 { top: 30%; left: 60%; }
.products .process .circle.run .round { background-position: -185px 0; }
.products .process .circle1 .text { top: 20%; }
.products .process .circle2 .text { top: 30%; }
.products .process .circle4 .text { top: 18%; }
.products .process .title { position: absolute; top: 0; right: 0; width: 224px; margin-bottom: 100px; }
.products .process .arrow { background: url(../images/icon-arrow-all.png) 0 0 no-repeat; position: absolute; }
.products .process .arrow1 { width: 22px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: -11px; }
.products .process .arrow2 { width: 22px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: -11px; }
.products .process .arrow3 { background-position: -291px -78px; width: 8px; height: 22px; position: absolute; top: -26px; left: 50%; margin-left: -4px; }
.products .process .arrow4 { background-position: -181px -180px; width: 22px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: -11px; }
.products .banner2 { height: 591px; }
.products .banner2 .bg { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.products .banner2 .cont { text-align: center; color: #fff; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -97px; }
.products .banner2 .cont h1 { font-size: 60px; }
.products .banner2 .cont .intro { line-height: 26px; font-size: 14px; max-width: 835px; margin: 10px auto 0; }
.products .product { padding: 50px 0 100px; }
.products .product .header { text-align: center; color: #321a00; font-size: 24px; padding-bottom: 50px; }
.products .product li { width: 33.2%; color: #7a7a7a; }
.products .product li .box { margin: 0 6px; }
.products .product li .name { padding: 10px 0; }
.products .product li .name a { color: #7a7a7a; font-size: 18px; }
.products .product li .infos { line-height: 26px; font-size: 14px; }
.products .product li .price { padding-top: 30px; height: 32px; display: inline-block; background: url(../images/bg-price-2.png) 100% 100% no-repeat; }
.products .product li .price a { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; font-size: 16px; color: #fff; background-color: #992525; }
.products .product li .price a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.products .banking { padding: 40px 0 30px; background-color: #f6f3eb; }
.products .banking .bg { position: absolute; width: 30%; max-width: 376px; left: 0; bottom: 0; }
.products .banking .cont { float: right; width: 75%; max-width: 560px; }
.products .banking .cont .title { padding: 55px 0 75px; color: #321a00; font-size: 24px; text-align: center; }
.products .banking .cont .circles .circle-item { width: 33.32%; float: left; }
.products .banking .cont .circles .circle { margin: 0 auto; max-width: 138px; width: 80%; }
.products .banking .cont .circles .circle .dot { position: absolute; top: 50%; left: -10%; width: 120%; height: 10px; overflow: hidden; margin-top: -5px; }
.products .banking .cont .circles .circle .dot .img { height: 20px; }
.products .banking .cont .circles .circle .dot2 { display: none; }
.products .banking .cont .circles .circle .dot2 img { margin-top: -9px; }
.products .banking .cont .circles .circle .round { width: 100%; height: 100%; }
.products .banking .cont .circles .circle .round .p2 { display: none; }
.products .banking .cont .circles .circle .text { position: absolute; top: 50%; left: 0; width: 100%; font-size: 18px; text-align: center; color: #fff; margin-top: -10px; }
.products .banking .cont .circles .circle .title { line-height: 30px; font-size: 16px; position: absolute; bottom: -155px; left: 0; width: 100%; }
.products .banking .cont .circles .circle:hover .dot1 { display: none; }
.products .banking .cont .circles .circle:hover .dot2 { display: block; }
.products .banking .cont .circles .circle:hover .round { background-position: -140px 0; }
.products .banking .cont .circles .circle:hover .round .p1 { display: none; }
.products .banking .cont .circles .circle:hover .round .p2 { display: block; }
.products .banking .cont .circles .circle:hover .title { color: #992525; }
.products .banking .cont .metas { margin-top: 165px; }
.products .banking .cont .doc { height: 54px; line-height: 64px; padding-left: 60px; position: absolute; top: 0; left: 0; }
.products .banking .cont .doc a { font-size: 18px; text-decoration: underline; color: #000; }
.products .banking .cont .doc a:hover { color: #992525; text-decoration: none; }
.products .banking .cont .doc .icon { width: 54px; height: 54px; background-image: url(../images/icon-download.png); position: absolute; top: 0; left: 0; }
.products .banking .cont .contact { float: right; border-left: solid #321a00 2px; padding-left: 10px; font-size: 16px; }
.products .banking .cont .contact em { font-weight: bold; font-size: 24px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.products .serv { padding: 60px 0 90px; }
.products .serv .header { font-size: 24px; color: #321a00; text-align: center; padding-bottom: 50px; }
.products .serv li { width: 16.56666667%; text-align: center; color: #7a7a7a; font-size: 16px; }
.products .serv li:hover .pic img { -webkit-animation: rot 10s infinite; -moz-animation: rot 10s infinite; -ms-animation: rot 10s infinite; animation: rot 10s infinite; }
.products .serv li .pic { width: 96%; max-width: 138px; margin: 0 auto 15px; }
.products .serv li .pic .icon { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; }
.products .serv li .pic .icon1 { background-image: url(../images/icon-service-1.png); }
.products .serv li .pic .icon2 { background-image: url(../images/icon-service-2.png); }
.products .serv li .pic .icon3 { background-image: url(../images/icon-service-3.png); }
.products .serv li .pic .icon4 { background-image: url(../images/icon-service-4.png); }
.products .serv li .pic .icon5 { background-image: url(../images/icon-service-5.png); }
.products .serv li .pic .icon6 { background-image: url(../images/icon-service-6.png); }
.products .product-detail { padding: 90px 0 150px; }
.products .product-detail .list { float: left; width: 275px; }
.products .product-detail .list ul { margin-left: 28px; }
.products .product-detail .list ul li { margin-bottom: 35px; }
.products .product-detail .list ul li .image { width: 182px; height: 120px; margin-bottom: 5px; }
.products .product-detail .list ul li .image img { height: 120px; }
.products .product-detail .list ul li .image:after { content: ""; position: absolute; width: 178px; height: 116px; top: 0; left: 0; border: solid #992525 2px; display: none; }
.products .product-detail .list ul li .image:before { content: ""; position: absolute; width: 5px; height: 15px; background-image: url(../images/icon-corner-2.png); top: 50%; right: -4px; margin-top: -7px; display: none; }
.products .product-detail .list ul li .title a { color: #9f9488; font-size: 16px; }
.products .product-detail .list ul li.current .image:before,
.products .product-detail .list ul li.current .image:after { display: block; }
.products .product-detail .list ul li.current .title a { color: #992525; }
.products .product-detail .detail { margin-left: 275px; }
.products .product-detail .detail .picshow .btn { width: 42px; height: 42px; background: url(../images/icon-arrow-left&right-4.png) no-repeat; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.products .product-detail .detail .picshow .prev { left: 10px; background-position: 0 -50px; }
.products .product-detail .detail .picshow .prev:hover { background-position: 0 0; }
.products .product-detail .detail .picshow .next { right: 10px; background-position: -50px -50px; }
.products .product-detail .detail .picshow .next:hover { background-position: -50px 0; }
.products .product-detail .detail .cont { margin-top: 35px; color: #9f9488; }
.products .product-detail .detail .cont h1 { font-size: 24px; font-weight: normal; }
.products .product-detail .detail .cont .meta,
.products .product-detail .detail .cont .intro { padding: 10px 0 0; font-size: 16px; line-height: 22px; }
.products .product-detail .detail .cont .price { height: 45px; background: url(../images/bg-price-1.png) 100% 100% no-repeat; position: absolute; top: 0; right: 0; color: #fff; white-space: nowrap; }
.products .product-detail .detail .cont .price span { display: inline-block; padding: 0 10px; height: 38px; background-color: #992525; font-size: 16px; }
.products .product-detail .detail .cont .price span em { font-size: 24px; font-style: normal; }
/* 白酒 */
.sprites h1 { color: #992525; font-size: 48px; padding: 45px 0 40px; }
.sprites .cont { color: #7a7a7a; line-height: 32px; font-size: 16px; }
.sprites .cont .sp { color: #341a08; font-size: 22px; line-height: 42px; }
.sprites .contact { border-top: dotted #a7a19e 1px; color: #7a7a7a; line-height: 32px; font-size: 16px; padding-top: 40px; margin-top: 40px; }
.sprites .contact:after { content: ""; position: absolute; width: 20px; height: 1px; top: -1px; left: 0; background-color: #000; }
.sprites .pic { padding: 120px 0; }
.sprites .pic img { margin: 0 auto; max-width: 1024px; }
/* 资讯 */
.news .top { background-color: #f5f1eb; height: 525px; }
.news .wrapper { margin-top: -430px; max-width: 1300px; }
.news h1 { color: #321a00; font-size: 60px; text-align: center; }
.news .cate { text-align: center; margin: 25px 0 60px; }
.news .cate a { font-size: 16px; padding: 0 25px; height: 26px; line-height: 26px; display: inline-block; color: #000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; overflow: hidden; }
.news .cate a span { position: relative; z-index: 1; }
.news .cate a:after { content: ""; position: absolute; background-color: #992525; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; top: 0; left: -100%; width: 100%; height: 100%; visibility: hidden; }
.news .cate a:hover,
.news .cate a.current { color: #fff; }
.news .cate a:hover:after,
.news .cate a.current:after { visibility: visible; left: 0; }
.news .news-list { padding-bottom: 60px; }
.news .news-list .item { width: 33.2%; }
.news .news-list .item-bd { background-color: #fff; }
.news .news-list .item-bd h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .news-list .item-bd h2 a { font-size: 24px; }
.news .news-list .item-bd .pre { height: 80px; font-size: 14px; }
/* 资讯详细 */
.news-detail .article dt { height: 230px; background-color: #f5f1eb; margin-bottom: 65px; }
.news-detail .article dt .wrapper { height: 100%; }
.news-detail .article dt h1 { color: #321a00; font-size: 24px; font-weight: normal; position: absolute; bottom: 40px; left: 0; width: 100%; }
.news-detail .article dt .meta { color: #b9b9b9; position: absolute; left: 0; bottom: 10px; width: 100%; }
.news-detail .article dt .meta .date { float: left; margin-right: 30px; padding-left: 20px; }
.news-detail .article dt .meta .view { padding-left: 25px; margin-left: 120px; }
.news-detail .article dt .meta .icon { position: absolute; left: 0; }
.news-detail .article dt .meta .icon-date { top: 0; width: 16px; height: 16px; background-image: url(../images/icon-timer.png); }
.news-detail .article dt .meta .icon-view { top: 3px; width: 20px; height: 11px; background-image: url(../images/icon-view.png); }
.news-detail .article dd { color: #7a7a7a; line-height: 22px; font-size: 16px; }
.news-detail .article dd img { width: auto; max-width: 90%; display: inline; }
.news-detail .back { padding-top: 130px; height: 38px; line-height: 38px; }
.news-detail .back a { width: 110px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-color: #992525; text-indent: 36px; display: block; color: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.news-detail .back a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.news-detail .back a:hover .icon { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); }
.news-detail .back .icon { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; width: 19px; height: 20px; position: absolute; background-image: url(../images/icon-back.png); left: 12px; top: 8px; }
/* 联系 */
.contactus .header { background-color: #f5f1eb; height: 555px; }
.contactus .header h1 { color: #341a08; font-size: 24px; padding: 135px 0 40px; }
.contactus .header p { color: #7a7a7a; font-size: 16px; line-height: 32px; }
.contactus .header .icon-qq { width: 19px; height: 19px; background-image: url(../images/icon-qq.png); margin-right: 5px; vertical-align: middle; }
.contactus .header a { color: #7a7a7a; text-decoration: underline; margin-right: 12px; }
.contactus .header a:hover { color: #d60c0c; }
.contactus .cont #map { margin-top: -145px; height: 450px; border: solid #fff 3px; background-color: #f5f5f5; }
.contactus .cont #map img { width: auto; display: inline; }
.contactus .cont #map .BMap_bubble_title { font-size: 16px; }
.contactus .cont #map .BMap_bubble_content { color: #999; }
.contactus .cont .msg { margin-bottom: 160px; }
.contactus .cont .msg h1 { color: #341a08; font-size: 24px; padding: 45px 0 40px; }
.contactus .cont .msg li { background-color: #f6f3eb; border: solid #cfcfcf 1px; margin-bottom: 15px; }
.contactus .cont .msg label { padding: 15px; display: block; }
.contactus .cont .msg input,
.contactus .cont .msg textarea { width: 100%; font: 16px 'Microsoft Yahei'; }
.contactus .cont .msg textarea { resize: none; }
.contactus .cont .msg .inp { width: 370px; }
.contactus .cont .msg .submit { color: #fff; font-size: 24px; text-align: center; height: 58px; line-height: 58px; background-color: #992525; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; cursor: pointer; }
.contactus .cont .msg .submit:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.pagenav { border-top: solid #e5e5e5 1px; padding: 30px 0 40px; margin-top: 50px; }
.pagenav p { padding-bottom: 12px; }
.pagenav a { color: #000; transition: .2s; }
.pagenav a:hover { color: #992525; text-decoration: underline; }
.circle.run .round { -webkit-animation: rot 10s infinite linear; -moz-animation: rot 10s infinite linear; -ms-animation: rot 10s infinite linear; animation: rot 10s infinite linear; }
.circle:before { -webkit-animation: dot-l 1.5s infinite; -moz-animation: dot-l 1.5s infinite; -ms-animation: dot-l 1.5s infinite; animation: dot-l 1.5s infinite; }
.circle:after { -webkit-animation: dot-r 1.5s infinite; -moz-animation: dot-r 1.5s infinite; -ms-animation: dot-r 1.5s infinite; animation: dot-r 1.5s infinite; }
.image a { overflow: hidden; display: block; }
.image a:hover img { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.image img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.news-list .item { float: left; margin-bottom: 40px; }
.news-list .item:hover .cont h2 a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; color: #ae0808; }
.news-list .item:hover .item-bd { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; border-bottom-color: #ae0808; }
.news-list .item-bd { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; margin: 0 12px; border: solid #e5e5e5 1px; border-bottom: solid #757575 3px; }
.news-list .cont { padding: 20px; }
.news-list .cont h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list .cont h2 a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; color: #525252; font-size: 24px; font-weight: normal; }
.news-list .cont .pre { height: 64px; overflow: hidden; margin: 15px 0; color: #b9b9b9; line-height: 22px; font-size: 14px; }
.news-list .cont .meta { color: #b9b9b9; }
.news-list .cont .meta .date { float: left; margin-right: 30px; padding-left: 20px; }
.news-list .cont .meta .view { padding-left: 25px; margin-left: 120px; }
.news-list .cont .meta .icon { position: absolute; left: 0; }
.news-list .cont .meta .icon-date { top: 0; width: 16px; height: 16px; background-image: url(../images/icon-timer.png); }
.news-list .cont .meta .icon-view { top: 3px; width: 20px; height: 11px; background-image: url(../images/icon-view.png); }
.news-list .loadmore { text-align: center; color: #a5a5a5; padding: 30px 0 45px; cursor: pointer; }
.news-list .loadmore a { color: #a5a5a5; display: inline-block; }
.news-list .loadmore:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #f5f5f5; left: 0; top: 32px; }
.news-list .loadmore .icon { width: 74px; height: 20px; background-image: url(../images/icon-arrow-down-1.png); background-position: 50% 0; background-color: #fff; position: relative; z-index: 1; cursor: pointer; }

@-webkit-keyframes rot {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes rot {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes rot {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rot {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes dot-l {
    50% { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); transform: translate(-4px, 0); }
}

@-moz-keyframes dot-l {
    50% { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); transform: translate(-4px, 0); }
}

@-ms-keyframes dot-l {
    50% { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); transform: translate(-4px, 0); }
}

@keyframes dot-l {
    50% { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); transform: translate(-4px, 0); }
}

@-webkit-keyframes dot-r {
    50% { -webkit-transform: translate(4px, 0); -moz-transform: translate(4px, 0); -ms-transform: translate(4px, 0); transform: translate(4px, 0); }
}

@-moz-keyframes dot-r {
    50% { -webkit-transform: translate(4px, 0); -moz-transform: translate(4px, 0); -ms-transform: translate(4px, 0); transform: translate(4px, 0); }
}

@-ms-keyframes dot-r {
    50% { -webkit-transform: translate(4px, 0); -moz-transform: translate(4px, 0); -ms-transform: translate(4px, 0); transform: translate(4px, 0); }
}

@keyframes dot-r {
    50% { -webkit-transform: translate(4px, 0); -moz-transform: translate(4px, 0); -ms-transform: translate(4px, 0); transform: translate(4px, 0); }
}

@-webkit-keyframes sc {
    50% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); -ms-transform: translate(0, 5px); transform: translate(0, 5px); }
}

@-moz-keyframes sc {
    50% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); -ms-transform: translate(0, 5px); transform: translate(0, 5px); }
}

@-ms-keyframes sc {
    50% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); -ms-transform: translate(0, 5px); transform: translate(0, 5px); }
}

@keyframes sc {
    50% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); -ms-transform: translate(0, 5px); transform: translate(0, 5px); }
}

@media screen and (max-width: 768px) {
    #header { height: 74px; }
    #header .wrapper { background-color: #fff; z-index: 2; width: 100%; overflow: hidden; height: 74px; }
    #header .meta a{ display: none; }
    #header .meta a.tmall { display: block; }
    #header .logo { width: 150px; margin-left: 10px; background-repeat: no-repeat; -webit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
    #header .nav { position: fixed; top: 0; bottom: auto; height: 100%; background-color: #6a6a6a; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); visibility: hidden; overflow: auto; }
    #header .nav .wrapper { width: 100%; background: none; height: auto; }
    #header .nav ul { margin-top: 74px; }
    #header .nav li { width: 100%; float: none; text-align: left; text-indent: 15px; border-bottom: solid #000 1px; }
    #header .nav li a { display: block; }
    #header .nav li a:active { background-color: #c7000b; }
    #header .nav.current { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; visibility: visible; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
    #header .switcher { display: block; }
    #container { margin-top: 74px; }
    #footer .main { height: auto; }
    #footer .main h2 { padding-bottom: 12px; }
    #footer .main .left-panel { position: relative; width: auto; }
    #footer .main .left-panel h1 { font-size: 24px; }
    #footer .main .center-panel-1 { position: relative; left: 0; width: auto; margin: 30px 0; max-width: 100%; }
    #footer .main .center-panel-2 { display: none; }
    #footer .main .right-panel { position: relative; margin-bottom: 20px; }
    #footer .main .right-panel p { display: inline-block; padding-right: 30px; }
    #footer .copy { height: auto; line-height: 16px; padding: 10px 0; }
    .home .section-1 { padding: 30px 0; }
    .home .section-1 .picshow { display: none; }
    .home .section-1 .cont { width: 100%; margin-left: 0; margin-top: 20px; }
    .home .section-1 .cont .intro { padding: 20px 0; }
    .home .section-3 .item { width: 50%; }
    .news-list .cont { padding: 10px; }
    .news-list .cont h2 a { font-size: 14px; }
    .news-list .cont .pre { line-height: 21px; }
    .news-list .cont .meta .date { float: none; }
    .news-list .cont .meta .view { display: none; }
    .town .banner .thumb { display: none; }
    .products .process { padding: 60px 0 10%; }
    .products .process .cont { width: 100%; float: none; overflow: hidden; }
    .products .process .circles { margin: 300px 0 0; float: none; width: 100%; max-width: 100%; }
    .products .process .title { max-width: 224px; width: 50%; left: 0; right: auto; }
    .products .process .bg { top: 0; left: auto; right: 0; }
    .products .banner1 { height: auto; }
    .products .banner1 .bg { height: 100%; }
    .products .banner1 .heart { display: none; }
    .products .banner1 .title { position: relative; margin: 20px auto; right: auto; top: 0; }
    .products .heart-m { display: block; }
    .products .serv li { width: 33.32%; margin-bottom: 40px; }
    .products .product-detail .detail { margin-left: 240px; }
    .products .product-detail .detail .cont .price { margin-top: 20px; display: inline-block; position: relative; right: auto; }
    .products .product-detail .list { width: 240px; }
}

@media screen and (max-width: 640px) {
    .home .banner .cont { width: 90%; left: 5%; }
    .home .banner .cont h1 { font-size: 36px; }
    .origin .banner { height: auto; }
    .origin .banner .bg { position: relative; margin: 0; left: -50%; width: 200%; }
    .origin .banner .wrapper { position: absolute; height: 90%; top: 5%; left: 0; width: 100%; }
    .origin .banner .wrapper .cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; right: auto; }
    .origin .banner .wrapper .cont img { margin: 0 auto; width: auto; height: 100%; }
    .origin .section-1 { padding: 40px 0 30px; }
    .origin .section-1 .cont { width: 100%; }
    .origin .section-2 { padding: 50px 0 40px; }
    .origin .section-2 .cont { float: none; overflow: hidden; }
    .origin .section-2 .cont .circle { left: 0; margin-left: 4%; }
    .origin .section-2 .cont ul { float: right; text-align: center; margin-left: 0; }
    .origin .section-2 .cont li { width: 18px; float: none; display: inline-block; padding-left: 10px; padding-right: 10px; font-size: 18px; }
    .origin .section-3 .cont { margin: 0; }
    .origin .section-3 .cont .item { margin-bottom: 10px; width: 50%; }
    .origin .section-3 .cont .item:nth-of-type(3) { display: none; }
    .origin .section-3 .cont .item:nth-of-type(6) { display: none; }
    .culture .picshow .pic .btn { display: block; }
    .culture .picshow li img { width: 200%; margin-left: -50%; }
    .culture .intros { padding: 30px 0; }
    .culture .intros ul li { margin-bottom: 30px; width: 100%; }
    .town .banner .pic li img { width: 200%; margin-left: -50%; }
    .town .main .header { width: 80px; height: 100px; font-size: 12px; }
    .town .main .header .icon { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); margin-top: 50px; }
    .town .main h1 { font-size: 28px; }
    .town .main .intro { font-size: 18px; }
    .sprites h1 { font-size: 32px; }
    .products .process .circle .text { font-size: 12px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
    .products .cate a { width: 90px; height: 30px; line-height: 30px; font-size: 12px; margin: 0 1%; }
    .products .banner1 .heart { left: 0; width: 100%; margin-top: -120px; }
    .products .service { padding: 50px 0; }
    .products .service li { width: 100%; margin-bottom: 30px; }
    .products .banner2 { height: auto; }
    .products .banner2 .bg { width: 180%; left: -40%; margin: 0; position: relative; }
    .products .banner2 .cont { color: #5a5a5a; width: 96%; margin: 20px 2% 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
    .products .banner2 .cont h1 { font-size: 18px; text-align: left; color: #341a08; }
    .products .banner2 .cont .intro { font-size: 12px; text-align: left; }
    .products .product { padding: 40px 0 60px; }
    .products .product li { width: 100%; margin-bottom: 50px; }
    .products .product li .price { padding-top: 20px; }
    .products .banking .bg { left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }
    .products .banking .cont { float: none; width: 100%; }
    .products .banking .cont .title { padding: 0 0 30px; }
    .products .banking .cont .circles .circle .title { padding: 0; top: 120%; }
    .products .banking .cont .metas { margin-top: 120px; }
    .products .banking .cont .doc { position: absolute; top: 0; left: 0; }
    .products .banking .cont .contact { width: auto; position: relative; float: right; }
    .products .serv { padding: 30px 0 40px; }
    .products .serv .header { padding-bottom: 30px; }
    .products .serv li { width: 33.32%; margin-bottom: 20px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
    .products .product-detail { padding: 12% 0 18%; }
    .products .product-detail .list { float: none; width: 100%; }
    .products .product-detail .list ul { margin-left: 0; }
    .products .product-detail .list ul li { float: left; width: 50%; }
    .products .product-detail .list ul li .image { width: 90%; max-width: 182px; height: auto; margin: 0 auto; }
    .products .product-detail .list ul li .image:after { width: 100%; height: 100%; box-sizing: border-box; }
    .products .product-detail .list ul li .image img { height: auto; }
    .products .product-detail .list ul li .title { width: 90%; max-width: 182px; margin: 10px auto 0; text-align: center; }
    .products .product-detail .list ul li.current .image:before { margin-right: -3px; right: 50%; top: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .products .product-detail .detail { margin-left: 0; }
    .news h1 { font-size: 48px; }
    .news .wrapper { margin-top: -480px; }
    .news .news-list .item { width: 100%; }
    .contactus .header { height: 450px; }
    .contactus .header h1 { padding: 60px 0 30px; }
    .contactus .cont .msg .inp { width: 100%; }
    .contactus .cont #map { height: 220px; }
    .culture .picshow .thumb { display: none; }
}

@media screen and (max-width: 480px) {
    .home .banner .cont h1 { font-size: 28px; }
    .home .section-2 { -webit-background-size: 350% auto; -moz-background-size: 350% auto; background-size: 350% auto; }
    .home .section-2 .cont h1 { font-size: 32px; }
    .home .section-3 .item { width: 100%; }
    .products .banking .cont .doc { line-height: 54px; padding-left: 40px; }
    .products .banking .cont .doc .icon { width: 30px; height: 30px; top: 5px; -webit-background-size: cover; -moz-background-size: cover; background-size: cover; }
    .products .banking .cont .doc a { font-size: 12px; }
    .products .banking .cont .contact { font-size: 12px; }
    .products .banking .cont .contact em { font-size: 14px; }
    .products .banking .cont .circles .circle .text { font-size: 12px; }
    .products .banking .cont .circles .circle .title { letter-spacing: -1px; font-size: 12px; line-height: 20px; }
    .products .banking .cont .circles .circle .dot { display: none; }
    .products .banking .cont .circles .circle:hover .dot { display: none; }
    .products .banking .cont .metas { margin-top: 100px; }
    .products .process .circles { margin-top: 70%; }
    .products .process .circles .text { line-height: 12px; }
    .products .process .arrow { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
    .products .service ul { margin: 0; }
    .products .service h2 { font-size: 16px; }
    .products .service .intro { font-size: 12px; height: auto; margin: 10px 0; }
    .products .product-detail .detail .price { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
    .products .product-detail .detail .cont h1 { font-size: 16px; }
    .products .product-detail .detail .cont .meta,
    .products .product-detail .detail .cont .intro { font-size: 12px; }
    .origin .section-1 .cont h1 { font-size: 18px; }
    .origin .section-1 .cont .intro,
    .origin .section-1 .cont ul { line-height: 28px; font-size: 12px; }
    .origin .section-2 .cont .circle:before,
    .origin .section-2 .cont .circle:after { display: none; }
    .origin .section-2 .cont .text { font-size: 12px; line-height: 18px; }
    .origin .section-2 .cont li { font-size: 12px; width: 12px; }
    .origin .section-3 .header h1 { font-size: 18px; }
    .origin .section-3 .header .intro { font-size: 12px; line-height: 28px; }
    .culture .top { padding: 10% 0 12%; }
    .culture .top .cont .text { font-size: 14px; line-height: 28px; }
    .culture .intros { font-size: 12px; line-height: 26px; }
    .town .main { padding-bottom: 20%; }
    .town .main h1 { font-size: 16px; }
    .town .main .intro { font-size: 14px; }
    .town .main .infos { font-size: 12px; line-height: 26px; }
    .sprites .banner img { width: 200%; margin-left: -50%; }
    .sprites h1 { font-size: 18px; padding: 10% 0 8%; }
    .sprites .cont { font-size: 12px; line-height: 26px; }
    .sprites .cont .sp { font-size: 14px; line-height: 28px; }
    .sprites .pic { padding: 10% 0; }
    .news h1 { font-size: 26px; }
    .news .cate { margin: 20px 0 30px; }
    .news .cate a { padding: 0 15px; }
    .news .news-list .item-bd { margin: 0; }
    .news .news-list .item-bd h2 a { font-size: 16px; }
    .news .news-list .item-bd .pre { font-size: 12px; height: 46px; }
    .news .news-list .loadmore { padding: 0 0 40px; }
    .news-detail .article dt { height: 160px; margin-bottom: 10%; }
    .news-detail .article dt h1 { font-size: 18px; }
    .news-detail .article dd { font-size: 12px; }
    .news-detail .back { padding-top: 12%; }
    .contactus .header { padding-bottom: 20px; margin-bottom: 10px; height: auto; }
    .contactus .header h1 { padding: 10% 0px 5%; font-size: 16px; }
    .contactus .header p { font-size: 12px; line-height: 26px; }
    .contactus .cont #map { margin-top: 0; }
    .contactus .cont .msg { margin-bottom: 20%; }
    .contactus .cont .msg h1 { font-size: 16px; padding: 10% 0 8%; }
    .contactus .cont .msg .submit { font-size: 16px; height: 48px; line-height: 48px; }
    .contactus .cont .msg input,
    .contactus .cont .msg textarea { font-size: 12px; }
}