@charset "utf-8" ;
/* CSS Document */
/*
#top{
	display:block;
	height: 1024px; 
	background: url(../images/art-ban.jpg) no-repeat; 
	background-position: center;  	
	background-size: cover;
}

@media (min-width:1440px) and (max-width:1920px){#top{height:800px;}}
@media (min-width:1200px) and (max-width:1440px){#top{height:500px;}}
@media (min-width: 992px) and (max-width: 1199px){#top{ height: 400px; }}
@media (min-width: 768px) and (max-width: 991px){#top{ height: 300px; }}
*/
@media (min-width: 768px) {
#arttop{height: 90px; background: #f0f0f0;}
}
.top-type{text-align: center; margin-top: 18.5%}
#top h1{ display: inline-block; margin:0; padding: 0 0 25px; font-size: 66px; color: #2e549b; border-bottom: 3px solid #2e549b; }
#main{padding: 3.6% 0;}
#main .container-fluid{ max-width: 1400px; margin-left: auto; margin-right: auto; }
@media (min-width: 1200px){
.ser-top{height: 795px !important;}
}
#main .qdtit{font-size: 24px; color: #5d5d5d; font-weight: bold; text-align: center; margin-bottom: 30px;}
.xianshang{border: 20px solid #e5e5e5; font-size: 20px; text-align: center; margin-bottom:45px; font-weight: bold; }
.xianshang .row{margin-left: 0; margin-right: 0;}
.xianshang .col-sm-4{padding-left: 86px; position: relative; height: 87px; line-height: 87px; padding-right: 0;}
.xianshang .col-sm-4 img{position: absolute; left: 0; top: 0;}
.xianshang a{color: #505050; text-decoration: none;}
.xianshang .buywx,#service .buywx{position: relative;}
.xianshang .buywx .wximg,#service .wximg{width: 130px; height: 130px; position: absolute; bottom:86px; border: 1px solid #2e54a3; display: none;margin-left: -65px; left: 50%;}
.xianshang .buywx .wximg::before,#service .wximg::before{content: ""; border-color: #2e54a3 transparent transparent;border-style: solid;border-width:10px; position: absolute; bottom: -20px; left: 50%; margin-left: -10px;}
.qudao{background: #e5e5e5; padding:18px 20px;margin-bottom:45px;}
.qudao .row{margin-left: -5px; margin-right: -5px;}
.qudao .row .col-xs-4{padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px;}
@media (min-width: 992px){.qudao .col-md-5d{width: 20%; float: left;}}
@media (max-width: 767px)
{
.xianshang .col-sm-4:nth-child(2){ margin-top: 15px; margin-bottom: 15px; }
.shangchao .row .col-sm-3{margin-top: 15px; margin-bottom: 15px;}
/*#top{ height: 200px; }*/
#top h1{font-size: 36px; padding-bottom: 15px;}
}
.shangchao{background: #e5e5e5; padding:18px 20px;}
@media (min-width: 1200px){
	.shangchao .row{margin-left: -30px; margin-right: -30px;}
	.shangchao .row .col-sm-3{padding-left: 30px; padding-right: 30px;}
}

#footer{background: #f4f5f5; color: #808080;}
#footer ul li a{color: #808080;}
#footer .title{color: #5d5d5d;}
#footer .copyright{border-top: 1px solid #d8d6d6;}

#content{background:#F0F0F0; padding: 30px 0 40px;}
#content .p-row{margin-left: -8px; margin-right: -8px;}
#content .p-row .col-sm-4{padding-left: 8px; padding-right: 8px;}
#content h1,#main h1{margin-bottom: 30px; font-size: 36px; margin-top: 0;}
#main h1{text-align: center;}
#content a.plist{display: block; text-decoration: none; background: #fff; margin-bottom: 16px;}
#content .plist .title{font-size: 24px; color: #474546; margin-top: 10px; display: block; margin-bottom: 5px; padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#content .plist p{color: #808080; padding: 0 10px 8px; font-size: 18px; margin-bottom: 0;}
.list-icons{text-align: center; margin-bottom: 8.6%;}
.list-icons .iconimg{display: block; max-width: 118px; margin: 10px auto;}
.list-icons .baikeicon{display: block; max-width: 174px; margin: 10px auto;}
.list-icons a{color: #000; text-decoration: none; font-size: 18px;}
.list-list{margin-left: -10px; margin-right: -10px;}
.list-list .col-sm-6{padding-left: 10px; padding-right: 10px;}
.list-icons .col-xs-6{margin-bottom: 20px;}
.listcont{border: 1px solid #b8b8b8; border-radius: 5px; margin-bottom: 13.5%;}
.list-list .typename{text-align: center; font-size: 24px; margin-bottom: 30px;color: #404040;}
.listcont .title{color: #113f70; font-size: 18px; display: block; padding-bottom: 10px; border-bottom:1px solid #b8b8b8; margin-bottom: 10px;}
.listcont p{color: #676767; line-height: 20px;}
.listcont .item{padding: 15px 20px;border-bottom:1px solid #b8b8b8;}
@media (max-width: 991px){
.listcont .title{ margin-top: 10px; }
}
.list-news{background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 20px;}
.list-news .desc{padding: 3.6% 3.6% 2.6%;}
.list-news .title{color: #113f70; font-size: 24px; display: block; padding-bottom: 20px; border-bottom:1px solid #b8b8b8; margin-bottom: 10px;}
.list-news .time{text-align: right; margin-top:5.4%;}
.i-news{display: block; position: relative; margin-bottom: 20px;}
.i-news .desc{position: absolute; background: rgba(0,0,0,.5); padding: 15px 5.6%; color: #fff; bottom: 0; width: 100%; font-size: 18px;}
.i-news .desc .title{font-size: 32px; display: block; margin-bottom: 12px; text-decoration: none;}
@media (max-width: 767px){
	.list-news .title{ font-size: 22px; margin-top: 10px;}
	.i-news .desc .title{ font-size: 18px; margin-bottom:5px;}
	.i-news .desc{ font-size: 14px; padding-left: 15px; padding-right: 15px;}
#content h1,#main h1{font-size: 24px;}
}
.list-news .col-md-4{text-align: center;}
#yuyue{padding: 3.6% 0; font-size: 24px;}
#yuyue img{margin-bottom: 7px;}
#yuyue a{color: #505050; text-decoration: none;}
#yuyue a:hover{color: #0069b8; }
#xuanze{background: #e5e5e5; padding: 3.6% 0;}
#xuanze .title,#service .title{font-size: 38px; text-align: center; margin-bottom: 4.6%;}
#xuanze .cate-name{font-size: 24px; margin-top: 15px; margin-bottom: 10px; color: #5d5d5d;}
#xuanze p{color: #808080; font-size: 16px; margin-bottom: 30px;}
@media (max-width: 767px){
	#yuyue,#xuanze{padding-top: 30px; padding-bottom: 30px;}
	#yuyue .col-sm-4{margin-bottom: 20px;}
	#xuanze .title{ font-size: 24px; }
	#xuanze .cate-name{ font-size: 18px; }
}

#service{padding: 4.2% 0; font-size: 24px; line-height: 88px;}
#service img{width: 85px; vertical-align: middle; display: inline-block; margin-right: 25px;}
#service i{color: #2e5580; font-size: 72px; padding-right: 25px;vertical-align: middle; display: inline-block;}
#service .kfdh{line-height: 30px; display:inline-block; vertical-align: middle; display: inline-block; color: #505050;}
@media (min-width: 768px) and (max-width: 991px){
#service{font-size: 18px;}
#service img{width: 75px; margin-right: 15px;}
#service i{ font-size: 62px; padding-right: 15px;}
}
@media (max-width: 767px){
	#service .col-sm-4{padding-top: 15px; padding-bottom: 15px;}
}
#service .wximg img{margin-right: 0; width: 128px;}
#service a{color: #505050; text-decoration: none;}
#service a:hover{color: #0069b8; }
/*品牌故事*/
.pbcx{background: #f0f0f0; padding: 4.2% 0;}
.subnav{margin-bottom: 6.2%;}
.subnav ul{list-style: none; margin: 0; padding: 0;}
.subnav ul li{float: left;  padding: 15px 30px; min-width: 200px; text-align: center; font-size: 16px;}
.subnav ul li a{color:#484848; text-decoration: none;}
.subnav ul li a:hover{color: #3c6092;}
.subnav ul li:last-child{border-right: none;}
.pbtitle{text-align: center; font-size: 48px; color: #0c0b09;}
.pbtit2{font-size: 18px; text-align: center; margin: 3.6% 0; color: #767676;}
.ppjx{background: #e3e3e3; padding: 4.2% 0;}
.pbcx img,.ppjx img{display: block; margin:10px auto;}
.pbcx p,.ppjx p{text-indent: 2em;}
@media (min-width: 768px){
.details{float: right; padding-left: 5.6%;}
.sidebar{border-right: 1px solid #cecece; min-height: 490px; margin-top:8.9%;}
.subnav{background: #e3e3e3;}
.subnav ul li{border-right: 1px solid #cccccc;}
}
@media (min-width: 992x) and (max-width: 1199px){
.subnav ul li{min-width: 150px; padding-left: 40px; padding-right: 40px}
}
@media (min-width: 768px) and (max-width: 991px){
.subnav ul li{min-width: 100px; padding-left: 15px; padding-right: 15px}
}
@media (max-width: 767px){
.subnav ul li{padding: 0; min-width: 0;}
.subnav ul li a{ background:#e3e3e3; border-radius: 5px; font-size: 14px; margin-right: 5px; display: block;padding: 10px; margin-bottom: 5px;}
.pbtitle{font-size: 28px; line-height: 35px;}
}
.details h1{color: #275086;}
.sidebar ul{list-style: none; margin: 0; padding: 0;}
.sidebar ul li{padding: 5px 0; font-size: 16px;}
.sidebar ul li a{color: #7b7b7b; text-decoration: none;}
.sidebar ul li a:hover{color: #275086;}

#content ul.pagelist {margin: 3.6% 0; list-style: none;}
#content ul.pagelist li{float: left;margin: 5px 5px;}
#content ul.pagelist li a{border: 1px solid #CCC;padding: 2px 12px; color: #3c3c3c;}
#content ul.pagelist li.thisclass {   color: #113f70;}
#content ul.pagelist li a:hover{color: #113f70; text-decoration: none; border-color: #113f70; }

.pagepn{margin-top:5.6%;}
.pagepn a{color: #113f70;}
@media (min-width:992px){
.pagepn .next{text-align: right;}
}
hr{border-color:#999; }
.hezuo{text-align: center; color: #404040; font-size: 16px;}
.hezuo a{color: #404040; display: block; border: 1px solid #efefef; padding: 5px 0;}
.hezuo img{margin-top: 10px;}
.hezuo .col-lg-2{margin-bottom: 20px;}
.hzhb .col-lg-2{ border-bottom: 1px solid #efefef; text-align: center; padding: 10px 0;}

#main embed,#main iframe {width: 638px; margin: 0 auto; display: block; height: 411px;}
@media (max-width:455px){
#main embed,#main iframe {  width: 100%; height: 280px;}
}
@media (min-width:456px) and (max-width:668px){
#main embed,#main iframe {  width: 100%; height:380px;}
}

.subcate{list-style: none; margin:0; padding: 0}
.subcate li{display: inline-block; border: 1px solid #ccc; padding: 5px 15px; margin-bottom: 15px; background: #fff; margin-right: 10px;}
.subcate li a{color: #404040;}
.subcate li a:hover{color: #113f70; text-decoration: none;}


/*2023-11-06*/
.boxdes{display: block; text-decoration: none; margin-bottom: 20px;}
.box-img{ overflow: hidden;display: block; position: relative; border-radius: 5px;}
.box-img img{ transition:all 0.3s ease;}
a:hover.boxdes .box-img img{ transform: scale(1.2); } 
a:hover.boxdes .title{color: #000;}
.title{color: #000; font-size: 18px;margin-top: 10px; font-weight: bold; 
/*	padding-left: 3.8%;*/
}