/***************************
*CSS Document
***************************/
body{ min-width:1200px; _width:expression(document.body.clientWidth <= 1200? "1200px":"auto"); font:14px/1.6 arial,"Microsoft Yahei",sans-serif; color:#666; }

/*libs*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,form{ margin:0; }
ul,ol,dd,dt{ padding-left:0; list-style-type:none; }
a:link,a:visited{ color:#666; text-decoration:none;border-radius: 5px;}
a:hover{ color:#bfa45d; text-decoration:none; }
img{ border:0; vertical-align:top; -ms-interpolation-mode:bicubic; }
input,textarea,select{ padding:0; font-size:12px; outline:0; resize:none; font-family:Helvetica,arial,"Simson","宋体",sans-serif; vertical-align:top; -webkit-appearance:none; }
p{ text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; }
::-moz-selection{ background-color:#bfa45d; color:#fff; }
::selection{ background-color:#bfa45d; color:#fff; }
.wrap{ position:relative; width:1200px; margin:0 auto; }
.cf:after{ content:""; display:block; clear:both; }
.cf{ zoom:1; }


.logo { text-align: center; padding: 30px 0; }



.nav li { float: left; width: 150px; text-align: center; }
.nav li a { line-height: 36px; display: inline-block; text-align: center; }
.nav li:hover a { color: #bfa45d; }
.nav li a.active { color: #bfa45d; }
.nav li a::after,.nav li a::before {content:'';display:block;margin-top: 0px;width:10%;height:1px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav li a.active::after,.nav li a.active::before {width:50%;background:#bfa45d;}
.nav li:hover a::after,.nav li:hover a::before {width:100%;background:#bfa45d;}



.banner { height: 600px; margin-top: 20px; background: url(../images/banner.jpg) center no-repeat; }



.p1 { padding-top: 80px; }
.p1 div.title { text-align: center; }
.p1 div.tab { text-align: center; padding: 40px 0; }
.p1 div.tab a { margin: 0 -1px; line-height: 2; display: inline-block;padding: 4px 20px;    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s }
.p1 div.tab a.on { color: #fff; /*border-bottom: 1px solid #bfa45d;*/background-color: #bfa45d; }
.p1 div.tab a:hover { color: #fff;/* border-bottom: 1px solid #bfa45d;*/background-color: #bfa45d; }
.p1 div.list ul { width: 94%; margin: 0 auto; }
.p1 div.list li { width: 24%; float: left; margin: 0 .5%; position: relative; overflow: hidden;}
.p1 div.list li img { width: 100%; transition: all 1s;  }
.p1 div.list li>img { width: 430px;transition: all 1s;height: 640px;object-fit: cover;}
.p1 div.list li:hover img{transform: scale(1.08,1.08);}
.p1 div.list li div.heidi { opacity:0;transition: all 1s;}
.p1 div.list li:hover div.heidi { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; display:block; opacity:1;z-index: 200;}
.p1 div.list li div.heidi div.xian { width: 90%; height: 93%; border: 2px solid #fff; margin: 0 auto; margin-top: 5%; position: absolute;left: 4%; opacity:0;transition: all 1s;}
.p1 div.list li:hover div.heidi div.xian{ opacity:1;}
.p1 div.list li div.heidi div.xian h1 { width: 100%; text-align: center; color: #fff; font-size: 2em; position: absolute; top: 3em; }
.p1 div.list li div.heidi div.xian p { width: 80%; margin: 0 10%; text-align: center; font-size: 12px; color: #ddd; position: absolute; top: 12em; }
.p1 div.list li div.heidi div.xian span.jiage { width: 80%; margin: 0 10%; display: inline-block; text-align: center; font-size: 12px; color: #ddd; position: absolute; bottom: 6.5em; font-size: 24px; font-weight: 700; }
.p1 div.list li div.heidi div.xian span { width: 80%; margin: 0 10%; display: inline-block; text-align: center; font-size: 12px; color: #ddd; position: absolute; bottom: 11em; }
.p1 div.list li div.heidi div.xian i { width: 60%; margin: 0 20%;display: inline-block; border: 1px solid #fff; text-align: center; height: 29px; padding-top: 11px; position: absolute; bottom: 5em; }
.p1 div.list li div.heidi div.xian i img { width: 17px; }
.p1 div.list div.more { text-align: center; padding: 50px 0; }


/* 更多按钮 */
button{cursor:pointer;}
.btn-fill-horz-o:before, .btn-fill-horz-o:after{-webkit-transition: all 0.5s;transition: all 0.5s;}
.btn { display: inline-block;line-height: 35px;margin: 8px; padding: 0 15px;font-size: 15px;position: relative;opacity: .999;border-radius: 3px;}
.btn-fill-horz-o {background-color: transparent;border: 1px solid #d0d0d0;color: #B8B8B8;}
.btn-fill-horz-o:before, .btn-fill-horz-o:after {content: ''; width: 0; height: 100%;opacity: 0;position: absolute;top: 0;z-index: -1;}
.btn-fill-horz-o:before {left: 50%;}
.btn-fill-horz-o:after {right: 50%;}
.btn-fill-horz-o:hover {color: #fff;}
.btn-fill-horz-o:hover:before, .btn-fill-horz-o:hover:after {width: 50%;opacity: 1;}
.btn-fill-horz-o.btn-blue:before, .btn-fill-horz-o.btn-blue:after {background-color: #bfa45d;}
.btn-fill-horz-o.btn-blue:hover {border-color: #bfa45d;}
/*产业板块兼容各分辨率*/
@media screen and (max-width:1680px){
    .p1 div.list li div.heidi div.xian h1 { font-size: 1.7em; position: absolute; top: 2.6em; }
    .p1 div.list li div.heidi div.xian p { position: absolute; top: 10em; }
    .p1 div.list li div.heidi div.xian span { position: absolute; bottom: 10em; }
    .p1 div.list li div.heidi div.xian i { height: 26px; padding-top: 9px; position: absolute; bottom: 4em; }
}
@media screen and (max-width:1440px){
    .p1 div.list li div.heidi div.xian h1 { font-size: 1.5em; position: absolute; top: 2.6em; }
    .p1 div.list li div.heidi div.xian p { position: absolute; top: 9em; }
    .p1 div.list li div.heidi div.xian span { position: absolute; bottom: 9em; }
    .p1 div.list li div.heidi div.xian i { height: 26px; padding-top: 9px; position: absolute; bottom: 3em; }
}
@media screen and (max-width:1366px){
    .p1 div.list li div.heidi div.xian h1 { font-size: 1.3em; position: absolute; top: 2.5em; }
    .p1 div.list li div.heidi div.xian p { position: absolute; top: 8.5em; }
    .p1 div.list li div.heidi div.xian span { position: absolute; bottom: 8.5em; }
    .p1 div.list li div.heidi div.xian i { height: 24px; padding-top: 7px; position: absolute; bottom: 2.5em; }
}
@media screen and (max-width:1280px){
    .p1 div.list li div.heidi div.xian h1 { font-size: 1.3em; position: absolute; top: 2em; }
    .p1 div.list li div.heidi div.xian p { position: absolute; top: 7em; }
    .p1 div.list li div.heidi div.xian span { position: absolute; bottom: 8em; }
    .p1 div.list li div.heidi div.xian i { height: 24px; padding-top: 7px; position: absolute; bottom: 2em; }
}



.p2 { background: #f5f5f5; }
.p2 div.title { text-align: center; padding: 60px 0; }
.p2 div.wenhua1,.p2 div.wenhua2,.p2 div.wenhua3 { width: 400px; float: left; position: relative; overflow: hidden;}
.p2 div.wenhua1_1,.p2 div.wenhua2_4,.p2 div.wenhua3_7 { opacity:0; }
.p2 div.wenhua1 .wenhua1_2{transition: all 1s;}
.p2 div.wenhua1:hover .wenhua1_2{transform: scale(1.08,1.08);}
.p2 div.wenhua2 .wenhua2_6{transition: all 1s;}
.p2 div.wenhua2:hover .wenhua2_6{transform: scale(1.08,1.08);}
.p2 div.wenhua3 .wenhua3_8{transition: all 1s;}
.p2 div.wenhua3:hover .wenhua3_8{transform: scale(1.08,1.08);}
.p2 div.wenhua1_1 { position: absolute; bottom: 0; }
.p2 div.wenhua2_4 { position: absolute; top: 0; }
.p2 div.wenhua3_7 { position: absolute; bottom: 0; }
.p2 div.wenhua1:hover div.wenhua1_1 { opacity:1; }
.p2 div.wenhua2:hover div.wenhua2_4 { opacity:1; }
.p2 div.wenhua3:hover div.wenhua3_7 { opacity:1; }
.p2 div.more { text-align: center; padding: 50px 0; }



.p3 { height: 881px; background: url(../images/jtjj.jpg) center no-repeat; position: relative; }
.p3_1 { width: 960px; height: 300px; background: #fff; position: absolute; top: 460px; left: 50%; margin-left: -500px; padding: 20px; }
.p3_jtjj { height: 100%; border: 1px solid #bbb; text-align: center; }
.p3_jtjj div.title { text-align: center; margin-top: 40px; }
.p3_jtjj p { width: 91%; margin: 0 auto; text-align: center; margin-top: 20px; line-height: 2; }
.p3_jtjj a { width: 150px; line-height: 36px; display: inline-block; margin: 0 auto; background: #bfa45d; color: #fff; margin-top: 40px; }



.p4 { background: #353535; }
.p4 div.title { text-align: center; padding: 60px 0; }
.p4 li { width: 560px; float: left; margin-bottom: 40px; position: relative; }
.p4 li dl { margin-top: 30px; }
.p4 li dt { width: 110px; float: left; font-size: 30px; color: #fff; line-height: 1; }
.p4 li dt span { width: 100%; display: inline-block; font-size: 12px; color: #fff; line-height: 1; }
.p4 li dd { width: 450px; float: left; }
.p4 li dd a { width: 100%;display: inline-block; font-size: 18px; color: #fff; }
.p4 li:hover dd a { font-size: 18px; color: #bfa45d; }
.p4 li dd span { display: inline-block; font-size: 12px; color: #999; margin-top: 14px; padding-bottom: 30px; }
.p4 li dd span::after {content:'';position:absolute;width:36px;height:1px;background:rgba(255, 255, 255, .2);margin-top:51px;left:110px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.p4 li:hover dd span::after {width:450px;background:rgba(255, 255, 255, .5)}
.mr80 { margin-right: 80px; }
.p4 div.more { text-align: center; padding: 30px 0 50px 0; }



.yqlj { height: 200px; }



.copy { background: #f3f3f3; padding-top: 60px; padding-bottom: 30px; }
.copy div.title { float: left; }
.copy div.erweima { float: left; margin-left: 100px; }
.copy div.text { float: left; margin-left: 100px; }
.copy div.text h1 { font-weight: 400; font-size: 18px; color: #333; }
.copy div.text p { line-height: 3.6; font-size: 12px; margin-top: 40px; color: #999; }
.copy div.text a { color: #999; }
.copy div.text a:hover { color: #bfa45d; }
.text span{display:inline-block; width:310px;}