﻿/*子栏目菜单样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#000;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:54px;font-size:14px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:15px}
.sub-nav-box .sub-nav li a:hover{color:#d8c397;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.current > a{color:#d8c397;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}


/*标题*/
@media (min-width:1000px) {
.home-headline{margin:50px 0 40px;}
.home-headline span{font-size: 22px;}
}
@media (max-width:1000px) {
.home-headline{margin:30px 0;}
.home-headline span{font-size: 20px;}
.home-headline .en{font-size: 13px;}
}
.home-headline span{font-weight:bold;}
.home-headline .en{color:#999;}


/*联系我们*/
@media (min-width:1000px){
.contact-details .home-headline{margin: 0px 0 30px;}
.gray-bg{margin: 70px 0 -110px;padding-bottom: 80px;}
}
@media (max-width:1000px){
.contact-details li{min-height: 60px;}
.contact-details li img{float:left;}
.gray-bg{margin: 40px 0 -80px;padding-bottom: 60px;}
}
.gray-bg{background-color:#f1f1f1;}


/*关于我们*/
@media (min-width:1000px){
.zizhi .gray-bg{margin: 70px 0 0;}
.conImg{padding: 120px 0 0 0;text-align:right;}
}
@media (max-width:1000px){
.conImg{text-align:center;padding:10px 0;}
}



/*新闻中心*/
.pa_textlist_1 .item{border-bottom:1px dashed transparent;padding:16px 0;}
.pa_textlist_1 .item .picbox{display:block;overflow:hidden;}
.pa_textlist_1 .item .picbox img{transition:all 0.3s ease-in-out;}
.pa_textlist_1 .item .picbox:hover img{transform:scale(1.08,1.08);}
.pa_textlist_1 .item .title{line-height:1.4;text-align:left;font-size:16px;}
.pa_textlist_1 .item .date{font-size:13px;}
.pa_textlist_1 .item .intro{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height:60px;}
.pa_textlist_1 .item .boxs{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pa_textlist_1 .item .columnlink{color: #d8c397;font-size:13px;}
.pa_textlist_1 .item .columnlink:hover{color: #2c90ff;}
@media(min-width:992px){
.pa_textlist_1 .item .date{padding:10px 0;}

}
@media(max-width:992px){
.pa_textlist_1 .contentbox{padding-left:0;}
}
@media(max-width:992px){
.pa_textlist_1 .item{padding:12px 0;}
.pa_textlist_1 .item .title{font-size:14px;}
.pa_textlist_1 .contentbox{padding-left:8px;}
.pa_textlist_1 .item .columnlink{display:none;}
}

/*产品中心*/
/*.product-box .row .item{text-align: center;padding-bottom:20px;}*//*框框*/
/*.product-box .row .item .border-box{border: 1px solid rgb(238, 238, 238);}
.product-box .row .item .border-box:hover{border-color: #bc1c43;}
.font-size-13{font-size:13px!important;}
.text-red{color:#b40013;}
@media (min-width:1000px){
.product-box .row .item .border-box{padding:20px;}
.product-box .row .item .border-box .title{text-align:left;}
.product-box .row .item .border-box .title a{font-size: 16px;padding: 20px 0 10px;}
}
@media (max-width:1000px){
.product-box{padding-top:20px;}
.product-box .row .item {padding-left:5px;padding-right:5px;}
.product-box .row .item .border-box{padding:10px;}
.product-box .row .item .border-box .title a{font-weight:bold;}
}*/

/*遮罩层缩小*/
/*.pa_piclist_2 .mask{background: rgba(188, 28, 67, 0.83);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.3s ease;}
.pa_piclist_2 .picbox:hover .mask{opacity: 0.8;}
.pa_piclist_2 .picbox img{transition: all 0.3s ease;}
.pa_piclist_2 .picbox:hover img{transform: scale(0.9,0.9);}
@media(max-width:992px){.pa_piclist_2{padding: 5px;}
.pa_piclist_2 .col-box{padding: 5px;}
.pa_piclist_2 .item{margin-bottom: 10px;}}

@media (min-width:1000px){
.product-box .row .item .border-box .title{color: #5a5a5a;line-height: 26px;}
}
@media (max-width:1000px){
.product-box{padding-top:20px;}
.product-box .row .item {padding-left:5px;padding-right:5px;}
.product-box .row .item .border-box{padding:10px;}
.product-box .row .item .border-box .title a{font-weight:bold;}

}*/


/*左移动*/
.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}/*移动*/
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;width:300px;height:auto;overflow:hidden;text-align:center;}
.marqueelefts li .pic{display:block;width:300px;height:auto;padding:10px;overflow:hidden;}
.marqueelefts li .pic img{height:100%;width:100%;}
.marqueelefts li .txt{text-align:center;height:auto;line-height:260px;}
.marqueelefts .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}


/*公司发展历程*/
.history{min-width: 1200px;padding: 60px 0 150px;}
.history ul{float: left;}
.history li{position: relative;float: left;height: 40px;line-height: 40px;margin-bottom: 12px;}
.history .year span{color: #fff;background-color: #d8c397;font-size: 14px;height: 50px;width: 50px;line-height: 50px;display: block;border-radius: 30px;text-align: center;float: left;}
.history .year .line{background-color: #ebebeb;margin-top: 19px;height: 3px;width: 105px;float: left;}
.history .month .date{font-size: 12px;position: absolute;top: -20px;left: -8px;}
.history .month .line{background-color: #ebebeb;margin-top: 19px;height: 3px;width: 118px;float: left;}
.history .month .circle{background-color: #fff;border-color: #fd9e6f;top: 11px;border-width: 3px;height: 16px;width: 16px;position: absolute;left: 0;border: 3px solid #434343;color: #fff;display: inline-block;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;cursor: pointer;}
.history .month .details{position: absolute;top: -146px;left: -22px;padding: 0 8px 8px;z-index: 10;color: #fff;background-color: #434343;}
.history .month .details .details-box{width: 166px;min-height: 120px;overflow: hidden;}
.history .month .details .arrowdn{border-top-color: #dcb861;display: inline-block;width: 0;height: 0;position: absolute;left: 25px;bottom: -5px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #434343;}
.history .month .details .fa{padding-right: 4px;font-size: 6px;position: relative;top: -2px;}
.history .month .details p{line-height: 1.6;font-size: 12px;padding-left: 10px;}
.history li:last-child .fa{color: #d9d7d5;padding-left: 4px;font-size: 20px;}
.history .month:hover .date{color:#d8c397;}
.history .month:hover .cir  cle{background-color:#fd9e6f;}
.history .month .details{display:none;}
.history .month:hover .details{display:block;}



/*视频播放*/
.videolist { position:relative;margin-bottom:30px; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{display: none;border: 1px solid #080808;position: fixed;left: 0;top: 0;z-index: 102;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
@media (min-width:1000px){
.videos video{width: 640px;height: 440px;margin-left: -320px;margin-top: -210px;left: 50%;top: 50%;position: fixed;background-color: #000;z-index: 101;}
.addxideo{width: 640px;height: 440px;left: 50%;top: 50%;position: fixed;margin-left: -320px;margin-top: -210px;}
.vclose{background-color: #000;position: absolute;right:1%;top: 1%;border-radius: 100%;cursor: pointer;z-index:102;}
.showTime .boxs{position:absolute;top:30%;}
}
@media (max-width:1000px){
.videos video{width: 100%!important;height: 400px;top: 25%;position: fixed;background-color: #000;left: 0;}
.vclose{background-color: #000;position: absolute;right:1%;top: 26%;border-radius: 100%;cursor: pointer;z-index:10;}
.showTime .boxs{position:absolute;top:25%;}
}
@media (max-width:415px){
 .videos video{height: 200px;}
.showTime .boxs{position:absolute;top:15%;}
.showTime .boxs img{max-height:50px;}
}