﻿@import url("base.css");
@import url("animate.min.css");
@import url("animate.min.2020.css");
@import url("../font/iconfont.css");

body { font-family:"微软雅黑";overflow-x:hidden}
.main { width: 1260px; margin: 0px auto; }
@font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


::-webkit-scrollbar-track { background: rgb(238, 238, 238); }
::-webkit-scrollbar-thumb { background: rgb(198, 155, 62); border-radius: 4px; }
::-webkit-scrollbar { width: 6px; height: 6px; }

/*::-webkit-scrollbar — 整个滚动条.
::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
::-webkit-scrollbar-track — 滚动条轨道.
::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).*/
.player-video-main, .player-video-team,.player-video-jiuchang { overflow: hidden; text-align: center; }
.player-video-main video { width: 1920px; height: 814px; object-fit: fill; overflow: hidden; }
.player-video-team video { width: 1920px; height: 940px; object-fit: fill; overflow: hidden; }
.player-video-jiuchang video { width: 1920px; height:1080px; object-fit: fill; overflow: hidden; }
.bannerteam { width: 100%; max-width: 2560px; float: left; }
.bannerabout { width: 100%; max-width: 2560px; float: left; }
.bannerteam img, .bannerabout img, .bannerserver img, .bannernews img,.bannercommon{ width: 100%; height: auto; }
.bannerserver { width: 100%; max-width: 2560px; float: left; }

.bannernews { width: 100%; max-width: 2560px; float: left; }

/*.bannerproduct { width: 1920px; height: 800px; float: left; }

.bannerproduct div.pad1 { background-image: url(/image/pad1.jpg);background-size:100%; }
.bannerproduct div.pad2 { background-image: url(/image/pad2.jpg); }
.bannerproduct div.pad3 { background-image: url(/image/pad3.jpg); }*/

@media screen and (max-width: 2560px) {
    .player-video-main video { width: 2560px; height: 1085px; }
    .player-video-team video { width: 2560px; height: 1253px; }
    .player-video-jiuchang video { width: 2560px; height: 1440px; }
}
@media screen and (max-width: 1920px) {
    .player-video-main video { width: 1920px; height: 814px; }
    .player-video-team video { width: 1920px; height: 940px; }
    .player-video-jiuchang video { width: 1920px; height: 1080px; }
}
@media screen and (max-width: 1680px) {
    .player-video-main video { width: 1680px; height: 712px; }
    .player-video-team video { width: 1680px; height: 823px; }
    .player-video-jiuchang video { width: 1920px; height: 945px; }
}
@media screen and (max-width: 1440px) {
    .player-video-main video { width: 1441px; height: 611px; }
    .player-video-team video { width: 1441px; height: 705px; }
    .player-video-jiuchang video { width: 1441px; height: 811px; }
}
@media screen and (max-width: 1366px) { 
    .player-video-main video { width: 1366px; height: 579px; }
    .player-video-team video { width: 1366px; height: 669px; }
    .player-video-jiuchang video { width: 1366px; height: 768px; }
}


.nav { position:absolute;z-index:999;top:0px;width:100%;height:120px;}
.nav2 { background-image: url(../d2.png); }
.nav div.left { float:left;}
.nav ul li { float: left; height: 100px; line-height: 100px;  width: 176.666px; box-sizing: border-box; padding-top: 30px; }
.nav ul li a { line-height: 200%; display: block; text-decoration: none; animation-duration: 0.3s; animation-delay: 0s; }
.nav ul li a:hover span { color: #ded699; }
.nav ul li span, .nav ul li b { display: block; width: 100%; text-align: center; }
.nav ul li span { font-size: 18px; color: #ece3cf; }
.nav ul li b { font-weight: normal; color: #b4a991; font-size: 12px; -webkit-text-size-adjust: none; -webkit-transform: scale(0.8); -o-transform: scale(1); display: inline-block }
.nav div.logo { background-image: url(/image/logo2.png); width: 200px; height: 110px; float: left;background-repeat:no-repeat;background-position:center center; }
.nav div.logo a { display:block;width:100%;height:100%;}
.nav2 div.logo { background-image: url(/image/logo2.png); }
.box-active { position: fixed; top: 0; height: 120px; z-index: 999; background-color: #fff; border-bottom: 1px solid #f5f5f5; }
.box-active ul li span { color: #c9a045; }
.box-active ul li a:hover span { color: #c73b3a; }
.box-active div.logo { background-image: url(/image/logo.png); }



/*关于我们*/
.iabout, .iproduct, .inews, .proinfo { width: 100%; float: left; margin-bottom: 20px; }
.iabout div.ititle { background-image:url(/image/about.png);background-repeat:no-repeat;}
.iproduct div.ititle { background-image: url(/image/product.png); background-repeat: no-repeat; }
.inews div.ititle { background-image: url(/image/news.png); background-repeat: no-repeat; }
.ititle { width: 100%; float: left; height: 110px; margin-bottom: 20px;}
.ititle span { font-size: 24px; color: #513716; margin-top: 34px; display: block; width: 100%; margin-bottom: 10px; }
.ititle b { border-bottom: 2px solid #a21820; width: 60px; float: left; }
.ititle a { float: right; background-color: #eee4d6;border-radius:10px;padding:5px 15px; margin-top:44px;}
.ititle a:hover { background-color: #a87931 ;color:#fff;text-decoration:none;}
/*黄金组合*/
.hjzh { float: left; width: 100%; height: 650px; background-color: #f5f5f5; padding-bottom: 30px; }
.zhbody { float: left; width: 100%; }
.zhbodyl { float: left; width: 630px; }
.zhcn { float: left; width: 100%; height: 55px; background-image: url(../hx.png); background-repeat: no-repeat; background-position: 0px 12px; font-size: 24px; color: #333333; text-indent: 100px; }
.zhcon { float: left; margin-left: 100px; width: 525px; height: 175px; color: #666666; font-size: 18px; line-height: 30px; }
.zhenn { float: left; width: 100%; height: 70px; background-image: url(../hx.png); background-repeat: no-repeat; background-position: 0px 8px; font-size: 18px; color: #333333; text-indent: 100px; }
.zhenncon { float: left; margin-left: 100px; width: 530px; box-sizing: border-box; }
.zhennjs { float: left; width: 255px; margin-right: 15px; background-color: #f7f7f7 ;border-radius:10px;margin-bottom:15px;height:88px;}
.zhenncon div.last { margin-right: 0px; }
.zhjr { float: left; width: 65px; height: 65px; text-align: center; background-image:url(../d1.png); border-radius:65px;margin:11px 0px 0px 10px;}
.zhjr span { display: inline-block; width: 60px; height: 71px; line-height: 71px; background-position: 0px -71px; }
.zhennjs:hover, .zhenncon div.on { background-position: 0px 0px; cursor: pointer; background-color: #fcd9c7; }
.zhjr span img { margin-top: 10px; }

.zhjtmc { float: left; width: 170px; height: 80px; color: #000000; font-size: 18px; padding-top: 20px; text-align: center; box-sizing: border-box; }
.zhjtmc p { float: left; width: 100%; height: 40px; color: #666666; font-size: 14px; margin-top: 18px; text-align: center; line-height: 150% }

.zhbodyr { float: right; width: 565px; height: 475px; background-image: url(../hxk.png); background-repeat: no-repeat; background-position: 0px bottom; }
.zhbodyrpic { float: left; width: 570px; }
.zhbodyrpic img { float: left; width: 516px; height: 330px; padding-left: 27px; }
.zhbodyrcon { float: left; width: 520px; height: 140px; font-size: 16px; line-height: 30px; margin-left: 25px; padding-top: 20px; box-sizing: border-box; }

/*产品展厅*/
.iproduct div.l { width: 615px; float: left; background-color: #111; height: 585px; margin-right: 70px; position: relative; overflow: hidden;border-radius:5px; }
.iproduct div.l ul { position: absolute; top: 0; left: 0; }
.iproduct div.l ul li { float: left; }
.iproduct div.l ul li a img { display: block; width: 615px; height: 585px; }
.iproduct div.l .prev,
.iproduct div.l .next { display: none; z-index: 2; position: absolute; width: 50px; height: 50px; line-height: 50px; border-radius:50px; top: 50%; background-color: rgba(0, 0, 0, .2); color: #fff; cursor:pointer;}
.iproduct div.l .prev span,
.iproduct div.l .next span { display:block;width:100%;height:100%;font-size:32px;color:#fff;}
.iproduct div.l .prev { left: 0; transform: translate(-60%, -50%); text-indent: 23px; }
.iproduct div.l .next { right: 0; transform: translate(60%, -50%); text-indent: -3px; }
.iproduct div.l .prev:hover,
.iproduct div.l .next:hover { background-color: rgba(0, 0, 0, .3); }
.iproduct div.l .gd { position: absolute; left: 50%; bottom: 20px; margin-left: -36.5px; display: flex; justify-content: space-around; width: 75px; height: 15px; border-radius: 8px; background-color: #ffffff4d; }
.iproduct div.l .gd i { display: block; width: 10px; height: 10px; border-radius: 50%; margin-top: 2.5px; background-color: azure; }
.current { background-color: #ff5000 !important; width: 15px !important; height: 9px !important; border-radius: 4.5px !important; }
.jiangjiuinfo img{max-width:100% }


.iproduct div.r {width: 575px;float:left;}
.iproduct div.r li { background-color: #fcf9f6; width:275px;height:280px;float:left;margin-right:25px;margin-bottom:25px;border-radius:5px;}
.iproduct div.r li.list { text-align: center; overflow: hidden; }
.iproduct div.r li.list img { margin-top: 10px; transition: all .3s ease 0s; height:215px;}
.iproduct div.r li.list:hover img {  transform: scale(1.1); }
.iproduct div.r li.list p { height: 40px; line-height: 50px; text-align: center; font-size: 16px; }

.box-line::before, .box-line::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.box-line { width: 275px; height: 280px; margin: auto; color: #ffe2c4; position: absolute; overflow: hidden; }
.box-line::before, .box-line::after { }
.box-line::before { animation-delay: -4s; }
.box-line:hover::after, .box-line:hover::before { content: ''; z-index: 1; margin: 0%; box-shadow: inset 0 0 0 2px; animation: clipMe 4s linear infinite; }

@keyframes clipMe {
    0%, 100% { clip: rect(0px, 275px, 2px, 0px); }
    25% { clip: rect(0px, 2px, 280px, 0px); }
    50% { clip: rect(280px, 275px, 280px, 0px); }
    75% { clip: rect(0px, 280px, 280px, 275px); }
}


.iproduct div.r li.last { margin-right: 0px; }
.iproduct div.r li.list a { color:#111;}
.iproduct div.r li.col2 { margin-bottom: 0px; }
.iproduct div.r li.txt { text-align: center;  display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center;font-size:18px;}
.iproduct div.r li.txt p { -webkit-flex: 1; /* Safari 6.1+ */ flex: 1; }
.iproduct div.r li.txt p span {width:100%;display:block;padding:10px 0px;color:#111;float:left;}
.iproduct div.r li.txt p a { background-color: #c73b3a; color: #fff; margin-top: 20px; display: block; float: left; margin-left: 15%; width: 70%; box-sizing: border-box;height:40px;line-height:40px; }
.iproduct div.r li.txt p a span { float: right; color: #fff; font-size: 30px;display:block;width:20px;height:20px; line-height:20px;margin-right:25px;position:absolute;right:0px  }


.light-btn { transform: translate(2%, 2%); font-size: 18px; background: linear-gradient(90deg, #c73b3a, #513716, #9e8054, #c73b3a); background-size: 400%; color: #fff; text-align: center; text-transform: uppercase; border-radius: 50px; z-index: 1; }

.light-btn:hover::before,
.light-btn:hover { animation: sun 8s infinite; }

.light-btn::before { content: ''; position: absolute; background: linear-gradient(90deg, #c73b3a, #513716, #9e8054, #c73b3a); background-size: 400%; border-radius: 50px; z-index: -1; }

@keyframes sun {
    100% { background-position: -400% 0; }
}

/*新闻资讯*/
.inews div.childnav { width: 100%; float: left; border-bottom: 1px solid #e6d0b4 ;margin-top:-50px;}
.inews div.childnav div { float:right;margin-right:40px;}
.inews div.childnav a { display: block; width: 120px; height: 40px; line-height: 40px; float: left; background-color: #e2c7a5; text-align: center; margin-left: 30px; color: #563204;font-size:14px; }
.inews div.childnav a.on, .inews div.childnav a:hover { background-color: #c39252; color:#fff;}

.syxwzxb { float: left; width: 100%; height: 470px;margin-top:20px; }
.syxwzxbl { float: left; width: 596px; height: 470px; margin-right: 40px; }
.syxwzxbp { float: left; width: 596px; height: 374px; }
.syxwzxbp img { float: left; width: 596px; height: 374px; }
.syxwzxbn { float: left; width: 596px; height: 96px; background-color: #e6e6e6; }
.syxwzxbb { float: left; width: 100%; height: 50px; font-size: 18px; text-indent: 20px; line-height: 50px; }
.syxwzxbb a { color: #000000; text-decoration: none; }
.syxwzxbb a:hover { color: #996633 }
.syxwzxbt { float: left; width: 100%; height: 46px; color: #000000; font-size: 14px; text-indent: 20px; }
.syxwzxbr { float: left; width: 624px; height: 470px;background-image:url(../newshr.png);background-repeat:no-repeat;background-position:40px top; }
.syxwzxbrl { float: left; width: 100%; height: 110px;  margin-bottom: 10px; }

.syxwzxbrll { background-position: 0px 19px; float: left; height: 80px; width: 80px; background-repeat: no-repeat; border: 1px solid #f8f8f8; border-radius: 80px;background-color:#fff; text-align: center; box-shadow: 0px 2px 5px #e9e9e9; }
.syxwzxbrll span { color: #c39252; width: 80px; height: 55px; display: block; font-size: 30px; text-align: center; padding-top: 10px; box-sizing: border-box; }
.syxwzxbrll span b { font-weight: normal; font-size: 12px; display: block; margin-top: 10px; color: #999999; }



.syxwc { float: left; width: 509px; height: 100px; margin-left: 20px;border-bottom: dotted 1px #ccc; }
.syxwcb { float: left; width: 100%; min-height: 35px; font-size: 16px; line-height: 150%; }
.syxwcb a { color: #000; }
.syxwcb a:hover { text-decoration: none; color: #996633 }
.syxwcc { float: left; width: 100%; height: 55px; font-size: 14px; line-height: 25px; color: #999999; }
.syxwzxbr div.last { border-bottom: none; }

/*专家团队*/
.team div.t, .teamdashi div.t, .map div.t, .news div.t, .zhanting div.t, .prolist div.t { width: 100%; float: left; height: 120px; font-size: 18px; line-height: 30px; margin-bottom: 10px; color: #996633; text-align: center; margin-bottom: 50px; font-size: 25px; }
.team div.t span, .teamdashi div.t span, .map div.t span, .news div.t span, .zhanting div.t span, .prolist div.t span { width: 100%; float: left; display: block; font-size: 30px; text-transform: uppercase; opacity: 0.1; padding-top: 50px; color: #996633; margin-bottom: 15px; }
.team div.yanjiuyuan { font-size: 14px; line-height: 180%; }
.team div.yanjiuyuan p { text-indent:30px;margin-bottom:15px;}
.team div.yanjiuyuan div.l { width: 60%; float: left;margin-right:5%; }
.team div.yanjiuyuan div.r { width: 35%; background-image: url(/image/team6.jpg); height: 400px; float: left;background-repeat:no-repeat; }

.teamdashi { background-color: #fcfcfc; width: 100%; float: left;padding-bottom:20px; }
.teamdashi div.l { float: left; width: 53%;  margin-right: 4%; background-image: url(/image/longdashi.png); background-position-x: right; height: 673px;background-repeat:no-repeat; }
.teamdashi div.r { width: 100%; float: left;  }
.teamdashi div.r div.t2 { margin-top:20px;text-align:center;margin:0px auto;width:50%;}
.teamdashi div.r div.t2 div { height:50px;background-color:#c73b3a;color:#fff;font-size:20px;margin-bottom:0px;line-height:50px;border-radius:50px;padding:0px 20px;}
.teamdashi div.r div.t2 div:hover { background-color:#c39252}
.teamdashi div.r div.info { margin-top: 50px; background-image: url(../teamxuxian.png); background-repeat: no-repeat; background-position: 2px 17px; }
.teamdashi div.r div.info p { font-size: 16px; height: 40px; text-indent: 30px;line-height:40px; background-image: url(../teamxuxian2.png); background-repeat: no-repeat; background-position-y:center;float:left;width:50%;}

.team div.chengyuan, .team div.profile, .team div.list, .team div.network, .zhanting, .prolist { width: 100%; float: left; }
.team div.chengyuan li { float:left;width:22.666%;margin-right:3%;height:280px;margin-bottom:20px;background-color:#f7f7f7;padding:10px;box-sizing:border-box;}
.team div.chengyuan li span { height:50px;line-height:50px;text-align:center;width:100%;float:left;font-size:20px;}
.team div.chengyuan li p { font-size:14px;line-height:150%;}
.team div.chengyuan li img { width: 100%; height: 390px; -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5)); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */ filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); transition: all .3s ease 0s; }
.team div.chengyuan li img:hover { transform: scale(1.1); }
.team div.chengyuan li.last { margin-right: 0px; }
.team div.profile div.l{font-size:14px;line-height:180%;}
.team div.profile div.l p { text-indent:30px;margin-bottom:10px;}
.team div.list { margin-bottom:40px;margin-top:20px;}
.team div.list > div { width: 600px; float: left; margin-right: 60px; overflow:hidden;}
.team div.list > div.last {margin-right:0px;}
.team div.list div.pica { overflow: hidden; width:100%;float:left;}
.team div.list div.pica img { transition: all .3s ease 0s; }
.team div.list div.pica:hover img { transform: scale(1.1); }
.team div.list div.t3 { font-size: 22px; height: 60px; line-height: 70px;color:#996633;width:100%;float:left; }
.team div.list div.t3 span { text-transform: uppercase; opacity: 0.1;font-size:14px;float:right;}
.team div.list a.a1 { color: #fff; border: 1px solid #fff; background-image: url(../d2.png); padding: 10px 30px; position: absolute; margin-top: -80px; margin-left: 240px; border-radius: 30px;display:block; }
.team div.list div.pica:hover a { background-color:#fff;background-image:none;color:#996633;}
.team div.network div.l{width:50%;float:left; }
.team div.network div.l img { width:100%;}
.team div.network div.r { float: left;width:45%; margin-left:5%;}
.team div.network div.r ul li { width: 50%; float: left; min-height: 35px; line-height: 150%; font-size:14px;margin-top:30px;}
.team div.network div.r ul li span { width:100%;display:block;float:left;padding-left:10px;}
.team div.network div.r > div, .team div.network div.r h1,.team div.network div.r p { width: 100%; float: left; }
.team div.network div.r h1 span { height: 40px; line-height: 40px; text-align: center; font-size: 20px; background-color: #c39252; width: 50%; float: left; border-radius: 0px 40px 40px 0px; color: #fff; margin-top: 30px; }
.team div.network div.r p {height:50px;line-height:150%;font-size:16px;width:100%;margin-top:20px;font-weight:bold;}

/*新闻资讯*/
.news div.t { text-align:left;border-bottom:1px solid #f5f5f5;padding-bottom:10px;}
.news div.child { float:right;margin-top:-88px;}
.news div.child a { height: 35px; line-height: 35px; background-color: #e2c7a5; padding: 10px 20px; margin-right: 20px; color: #563204 ;font-size:14px;}
.news div.child a:hover, .news div.child a.on { background-color: #c39252; color: #fff; }
.newstj, .newslist, .newslist div.list { float: left; width: 100%; margin-top: 20px; }
.newstjl { float: left; width: 635px; }
.newstjr { background-position: 0px 2px; float: left; width: 560px; height: 400px; background-image: url(../news_head_bg.png); background-repeat: no-repeat; margin-left: 50px; }
.newstjr span { float: left; width: 560px; }
.newstjr span.bt { float: left; width: 550px; height: 100px; font-size: 20px; padding-top: 60px; line-height: 35px; font-weight: bold; }
.newstjr span.bt a { color: #333333; text-decoration: none; }
.newstjr span.bt a:hover { color: #996633; }
.newstjr span.tm { float: left; width: 100%; height: 45px; font-size: 16px; color: #b7b7b8; line-height: 45px; }
.newstjr span.tm b { font-weight: normal; }
.newstjr span.con { float: left; width: 550px; min-height: 100px; font-size: 14px; color: #333333; line-height: 180%; }
.newstjr span.more { float: right; height: 50px; font-size: 14px; color: #333333;  margin-top: 20px;}
.newstjr span.more a { color: #333333; float: right; border: 1px solid #999999; background-color: #fff; padding: 10px 20px; border-radius: 20px; }
.newstjr span.more a:hover { background-color: #deb580; border: 1px solid #c39252; }

.newslist div.picb { width:500px;height:300px;overflow:hidden;}
.newslist div.picb img { width: 100%; transition: all .3s ease 0s}
.newslist div.picb:hover img { transform: scale(1.1); }
.newslist div.l1 div.picb { float: right; }
.newslist div.l2 div.picb { float: left; }
.newslist div.txt { float: left; width: 760px; background-color: #fcfcfc; height: 300px; box-sizing:border-box;padding-right:40px;}
.newslist div.itime { height: 300px; float:left;}
.newslist div.time2 { float: left; height: 80px; width: 80px; background-repeat: no-repeat; border: 1px solid #f8f8f8; border-radius: 80px; background-color: #fff; text-align: center; box-shadow: 0px 2px 5px #e9e9e9; margin-top: 30px; margin-left: 30px; margin-right: 30px; padding-bottom: 20px; padding-top: 10px; box-sizing: border-box; }
.newslist div.time2 span { color: #c39252; width: 80px; height: 55px; display: block; font-size: 30px; text-align: center;  box-sizing: border-box;}
.newslist div.time2 span b { font-weight: normal; font-size: 12px; display: block; margin-top: 10px; color: #999999; }
.newslist div.info { margin-left:110px;padding-top:20px;}
.newslist div.info a.a1 { font-size: 20px;color:#333;line-height:150%; font-weight:bold;}
.newslist div.info a.a1:hover { color: #c39252; }
.newslist div.info p { font-size: 14px; color: #838282; margin-top: 20px; line-height: 150%; }
.newslist div.info a.a2 {margin-top:50px;float:right;border:1px solid #999999;background-color:#fff;padding:10px 20px;border-radius:20px;}
.newslist div.info a.a2:hover { background-color: #deb580; border: 1px solid #c39252; }

.infoTitle { height: 50px; padding-top: 30px; font-size: 25px; width: 100%; float: left; text-align: center; }
.infoTime { text-align: center; height: 50px; line-height: 50px; width: 100%; float: left; border-bottom: 1px dotted #aaaaaa; }
.infoContent { padding-top: 20px; font-size: 16px; line-height: 180%; width: 100%; float: left; }
.infoContent img { max-width: 100%; }

/*产品展示*/
.productlist { width: 100%; float: left;margin-bottom:20px; }
.pnav { border-bottom: 1px solid #f7f7f7; height: 65px; line-height: 65px; width: 100%; float: left; margin-bottom:20px;text-align:center;}
.pnav a { border-radius: 35px; height: 35px; display: block; background-color: #e2c7a5;float:left;line-height:35px;padding:0px 20px;font-size:16px;color:#111;margin-top:15px;margin-right:30px;width:150px;box-sizing:border-box;}
.pnav a.on, .pnav a:hover { background-color: #c39252; color: #fff; }
.pnav a.last { margin-right:0px;}
.pnav div.pnav1 { margin: 0px auto; width: 330px; }
.productlist2 { width: 100%; float: left; }
.productlist2 div.img { float: left; margin-right: 110px;  margin-top: 20px;box-sizing:border-box;width:540px;text-align:center; }
/*.productlist2 div.img img {-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));*/ /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */ /*filter: drop-shadow(0px 5px 4px rgba(0,0,0,.5)); }*/
.productlist2 div.txt { float: left; width: 610px; }
.productlist2 div.txt div.t { font-size: 28px; font-weight: bold; padding:30px 0px;}
.productlist2 div.txt div.t b { color: #a55d03; }
.productlist2 div.txt p { font-size:14px;line-height:180%;color:#666;height:190px;}
.productlist2 div.txt div.list { width:100%;float:left;}
.productlist2 div.txt div.list li { width: 50%; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #686868 }
.productlist2 div.txt div.list li b { color:#111;margin-right:10px;width:60px;display:block;float:left;}
.productlist2 div.txt div.list li h1 { color: #ff6a00 ;font-size:24px;float:left;margin-right:5px;}
.productlist2 div.txt a { background-color: #b07123; color: #fff; display: block; margin: 50px 5%; float: left; width: 40%; height: 40px; text-align: center; line-height: 40px; font-size: 14px; }
.productlist2 div.txt a span { font-size: 24px; width: 30px; position:absolute;margin-left:-40px}
.productlist2 div.txt a:hover { background-color: #754204 ;}
.productlist div.load { border-bottom: 3px solid #f0f0f0; width: 100%; float: left;margin-top:80px;margin-bottom:80px; }
.productlist div.load div.pchild {width:100%;float:left; }
.productlist div.load div.pchild a { border-radius: 100px; border: 2px solid #b07123; background-color: #fff; width: 20px; height: 20px; position: absolute; margin-top: -10px; animation-duration: 0.3s; animation-delay: 0s;  }
.productlist div.load div.pchild a img { display:none;}
.productlist div.load div.pchild a.a1 { margin-left: 100px; }
.productlist div.load div.pchild a.a2 { margin-left: 240px; }
.productlist div.load div.pchild a.a3 { margin-left: 380px; }
.productlist div.load div.pchild a.a4 { margin-left: 520px; }
.productlist div.load div.pchild a.a5 { margin-left: 660px; }
.productlist div.load div.pchild a.a6 { margin-left: 800px; }
.productlist div.load div.pchild a.a7 { margin-left: 940px; }
.productlist div.load div.pchild a.a8 { margin-left: 1080px; }
.productlist div.load div.pchild a.on { width: 100px; height: 100px; margin-top: -52px; overflow: hidden; text-align: center; line-height: 100px; text-align: center; display: table-cell; align-items: center; vertical-align: middle; padding: 2px;/* transform: translateX(-42px); */}
.productlist div.load div.pchild a.on img { width: 70px; display: inline-block; vertical-align: middle; /*-webkit-animation: rotation 5s linear infinite; animation: rotation 5s linear infinite;*/ }
.productlist div.load div.pchild a.a1on { margin-left: 58px; }
.productlist div.load div.pchild a.a2on { margin-left: 198px; }
.productlist div.load div.pchild a.a3on { margin-left: 338px; }
.productlist div.load div.pchild a.a4on { margin-left: 478px; }
.productlist div.load div.pchild a.a5on { margin-left: 618px; }
.productlist div.load div.pchild a.a6on { margin-left: 758px; }
.productlist div.load div.pchild a.a7on { margin-left: 898px; }
.productlist div.load div.pchild a.a8on { margin-left: 1038px; }
.productl { float: left; width: 100%; margin-bottom: 30px; }
.productl li { float: left; width: 400px; height: 380px; margin-right: 30px; margin-top: 30px; background-color: #f5f5f5; overflow: hidden; }
.productl li p {  height: 65px; width: 400px;  line-height: 65px;  font-size: 16px;box-sizing: border-box; text-align: center;float:left; }
.productl li.last { margin-right: 0px; }
.productl li img { width: 400px; height: 315px; transition: all .3s ease 0s }
.productl li img:hover { transform: scale(1.1); }

.zhanting div.v1 { float: left; width: 100%; border-bottom: 1px solid #e6d0b4; margin-bottom: 20px; }
.zhanting div.v1 .u1 { float: right; }
.zhanting div.v1 .u1 li { float: left; height: 40px; line-height: 40px; background-color: #e2c7a5; margin: 0px 10px; padding: 0px 20px; }
.zhanting div.v1 .u1 li:hover,.zhanting div.v1 .u1 li.on { background-color: #c39252; cursor: pointer; color: #fff; }
.zhanting .u2 { display:none}
.zhanting .u2 li { width: 400px; margin-right: 30px; float: left; overflow: hidden; }
.zhanting .u2 li img { width: 100%; height: 280px; transition: all .3s ease 0s }
.zhanting .u2 li img:hover { transform: scale(1.1); }
.zhanting .u2 li.last { margin-right: 0px; }
.zhanting .u2 li p { height: 60px; line-height: 50px; width: 100%; float: left; }
.proinfo { }

.qiyewenhuainfo { width:100%;float:left;line-height:180%;font-size:16px;padding:20px 0px;box-sizing:border-box;}

@keyframes rotation { 0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }
}



.openinfo { width: 98%; margin: 1%; font-size: 14px; line-height: 150%; }
.openinfo img { max-width: 100%;  }
.map { width: 100%; float: left; height: 800px; margin-bottom: 30px; }
#dituContent  { width: 100%; height: 620px;float:left; }
.video { padding:0px;width:800px;}

.footer { width: 100%; float: left; border-top: 3px solid #e2dace; height: 260px; box-sizing: border-box; padding-top: 30px; }
.footer div.na { height:200px;width:100%;float:left;background-image:url(../fbg.png);background-repeat:no-repeat;background-position:70% center;}
.footer div.na p { width: 170px; border-bottom: 1px solid #b0a89a ;font-size:18px;color:#333;height:40px;line-height:40px;margin-bottom:10px;}
.footer div.syma { float: right;  height: 150px; text-align: center; background-size: 100%;  }
.footer div.syma li {width:125px;float:left; }
.footer div.syma li img { width:100%;}
.footer div.syma h1 { font-size: 14px;height:30px;line-height:30px; }
.footer div.lianxi { float: left; width: 480px; }
.footer div.lianxi li { width:100%;float:left;height:25px;line-height:25px;font-size:12px;color:#111;}
.footer div.daohang { width: 280px; float: left; }
.footer div.daohang li { height: 25px; width: 140px; float: left; line-height: 25px; font-size:12px;}
.footer div.daohang li a { color:#111;text-decoration:none;}
.footer div.daohang li a:hover { color: #aa8d5a }
.footer div.txt { width: 100%; float: left; text-align: center; height: 60px; line-height: 60px; background-color: #333333; color: #fff; font-size: 14px; }

.page { width: 100%; float: left; height: 120px; text-align: center; line-height: 100px; }



.home:before { content: "\F015"; }
.star:before { content: "\F005"; }
.pencil:before { content: "\F040"; }
.map:before { content: "\F041"; }
.user:before { content: "\F2C0"; }
.tel:before { content: "\F095"; }
.message:before { content: "\F0E0"; }
.qq:before { content: "\F1D6"; }
.weibo:before { content: "\F18A"; }
.mobile:before { content: "\F10B"; }
.jiantou:before { content: "\F0DE"; }
.building:before { content: "\F0F7"; }
.history:before { content: "\F1DA"; }
.calendar_empty:before { content: "\F133"; }
.flag:before { content: "\F024"; }
.angle_right:before { content: "\F105"; }
.time:before { content: "\F017"; }
.eye_open:before { content: "\F06E"; }
.pic:before { content: "\F03E"; }
.play:before { content: "\F144"; }
.shopping_cart:before { content: "\F07A"; }
.yuan:before { content: "\F22D"; }
.player:before { content: "\F01D"; }
.player2:before { content: "\F0DA"; }

