body{font-family: Microsoft Yahei;overflow-x:hidden;color: #454545;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #454545;}
a:hover{text-decoration:none;outline:none;color: #ff7b00;}
a:visited,a:active {outline:none;}
div:focus{
    outline:none;
}


@media (min-width: 1350px)
{
    .container{width: 1320px;}
}
@media (min-width: 1560px)
{
    .container{width: 1530px;}
}
/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

.color-orange {color:#FE6604}

.index-title{margin-bottom: 30px;}
.index-title:after{content:"";display:table;clear:both;}
.index-title ul{padding: 0;margin: 0;float: right;}
.index-title ul li{display: inline-block;margin-left: 2px;}
.index-title ul li a{display: inline-block;line-height: 30px;padding: 0 15px;background: #F6F6F6;border:1px solid #EFEFEF;color: #666;}
.index-title ul li a:hover,
.index-title ul li a.active{color: #fff;background: #000d57;}
.index-title h4{float:left;margin:0;font-size:22px;color: #333;}
.index-title h4 a{color: #333;}
.index-title p{font-size:14px;float:left;display:block;margin-left:10px;margin-top:3px;color:#9e9e9e}
.index-title h4:after{content:"";display:block;height:2px;width:2em;background:#000d57;margin:20px 0 0}
@media screen and (min-width: 0) and (max-width: 991px){
.index-title ul{display: none;}
}

.index-tit{text-align: center;padding-bottom: 40px;}
.index-tit h4{font-size:30px;color:#000d57;padding: 30px 0;margin:0;font-weight: 700;position: relative;}
.index-tit h4:after{content:'';display: block;width: 50px;height: 5px;background: #ff7b00;position: absolute;bottom:13px;left: 50%;margin-left: -25px;}
.index-tit span{line-height:23px;text-transform:uppercase;margin: 0 auto;width: 80%;display: inline-block;line-height: 1.5;}
.index-tit .index-tit-sub{padding: 0;margin: 30px 0 0 0;height: 40px;}
.index-tit .index-tit-sub li{display: inline-block;}
.index-tit .index-tit-sub a{display: inline-block;font-size: 18px;line-height: 40px;padding: 0 30px;margin-right: 1px;background: #efefef;overflow: hidden;}
.index-tit .index-tit-sub a:hover,
.index-tit .index-tit-sub a.active{color: #fff;background: #ff7b00;}

@media screen and (min-width: 0) and (max-width: 991px){
    .index-tit span{font-size: 14px;}
    .index-tit .index-tit-sub li{width: 20%;margin-right: 1px;}
    .index-tit .index-tit-sub li:last-child{margin-right: 0;}
    .index-tit .index-tit-sub a{display: block;width: 100%;font-size: 14px;padding: 0;}

}
@media screen and (min-width: 0) and (max-width: 486px){
    .index-tit span{font-size: 12px;}
    .index-tit .index-tit-sub li{width: 24%;margin-right: 1px;}
    .index-tit .index-tit-sub a{font-size: 12px}

}

/*简介*/
.index-about{padding:30px 0;}
.index-about-box{position:relative;height: 350px;}
.index-about-box-text{background: #efefef;margin-left: 600px;text-align: justify;padding:50px;height: 350px;position: relative;}
.index-about-box-text > div{line-height:37px;overflow:hidden;height:185px}
.index-about-box-text em{display:block;height:3px;background:rgba(0,0,0,.3);width:0;transition:all .3s ease-in-out 0s;position: absolute;bottom: 65px;}
.index-about-box-text:hover em{width:200px}
.index-about-box-img{width: 600px;height:350px;overflow:hidden;float: left;}
.index-about-box-img img{width:100%;height:100%;object-fit:cover}
.index-about-box-more{position: absolute;right: 50px;bottom: 35px;border:1px solid #ccc;border-radius: 30px;padding:10px 28px 10px 45px;}
.index-about-box-more span{display: inline-block;background: #a7a7a7;width: 25px;height: 25px;border-radius: 25px;color: #efefef;text-align: center;line-height: 25px;font-size:18px;margin: 0 -20px 0 20px;}
.index-about-box-more:hover{border:1px solid #ff7b00;background: #ff7b00;color: #fff;}
.index-about-box-more:hover span{background: #fff;color: #ff7b00;}

@media screen and (min-width: 0) and (max-width: 1199px){
.index-about{padding: 0;}
.index-about-box{padding: 0;height: auto;}
.index-about-box-img{width: 100%;height: auto;float: none;}
.index-about-box-text{padding: 30px 30px 80px;margin-left: 0;height: auto;}
.index-about-box-text div{height: auto;margin-top: 0;margin-bottom: 15px;}
.index-about-box-text em{margin: 0 0 15px;}
}

@media screen and (min-width: 0) and (max-width: 560px){
.index-about-box-text:hover em{width:0;}
}


/*产品*/
.index-pro{margin: 50px -15px 30px;height: 700px;position: relative;background-color:#000d57;background-image:url(../images/pro_bg.jpg);background-repeat:repeat-x; background-position: center 0;}
.index-pro .index-tit {margin: 15px 0;}
.index-pro .index-tit *{color: #fff;}
.index-pro .view > div{width: 20%;float: left;}
.index-pro-item{border-right:1px solid #fff;border-image: linear-gradient(0deg, transparent 0%, rgba(255,255,255,.3) 25%, rgba(255,255,255,.3) 75%, transparent 100%) 1 1;padding:0 25px;overflow: hidden;}
.view > div:last-child .index-pro-item{border-right:0;}
.index-pro-img{width: 140px;height:140px;text-align:center;margin: 0 auto;background: #ff7b00;border-radius: 70px;overflow: hidden;}
.index-pro-item .index-pro-img a{display:block;width: 100%;height:100%;background-position: center 0; background-size: cover;background-repeat: no-repeat;}
.index-pro-text{padding-top: 35px;}
.index-pro-text h4{margin: 0;color: #fff;font-weight:700;text-align: center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index-pro-text h4 a{color: #fff;}
.index-pro-text h4:after{content:"";width: 0;height: 1px;display: block; margin: 20px 0 15px;background: rgba(255,255,255,.5);transition: all 300ms ease-in-out 0s;}
.index-pro-text>div{color: #fff;font-size: 12px; line-height: 31px;text-align: justify; height: 120px;overflow: hidden;}
.index-pro-item .index-pro-more{display: block;margin-top: 30px;text-align: center;color: #fff;font-size: 12px;}
.index-pro-item .index-pro-more span{display: block;width: 35px;height: 35px;margin: 0 auto;border: 1px solid #fff;border-radius: 35px;}
.index-pro-item .index-pro-more span:before{content: '';display: block;width: 1px;height: 50%;margin: 25% auto;background: #fff;}
.index-pro-item .index-pro-more span:after{content: '';display: block;width: 50%;height: 1px;margin: -50% auto 0;background: #fff;}
.index-pro-item:hover .index-pro-text h4:after{width: 100%;}
.index-pro-item:hover .index-pro-img{background: #fff;}

/* .index-pro-item:hover .index-pro-img img{transform: translateY(-500px);filter: drop-shadow( 0 500px #ff7b00);} */
.index-pro-item:hover  .index-pro-img a{background-position: center bottom; }
.index-pro-item:hover .index-pro-more span{background: #fff;}
.index-pro-item:hover .index-pro-more span:before,.index-pro-item:hover .index-pro-more span:after{background: #000d57;}
@media (max-width: 1199px){
    .index-pro-img{width: 100px;height:100px;}
    .index-pro-text>div{line-height: 25px;height: 150px;}
}

@media screen and (min-width: 0) and (max-width: 991px){
    .index-pro{height: auto;}
    .index-pro .view > div{width: 90%;float: none;overflow: hidden;margin: 0 auto;}
    .index-pro-item{padding: 0;margin-bottom: 30px;padding-bottom:20px;border-right:0;border-bottom:1px solid #fff;border-image: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.3) 25%, rgba(255,255,255,.3) 75%, transparent 100%) 1 1;}
    .view > div:last-child .index-pro-item{border-bottom: 0;margin-bottom: 50px;}
    .index-pro-img,.index-pro-text{float: left;}
    .index-pro-item .index-pro-more{float: right;margin-top: 0px;}
    .index-pro-img{width: 80px;height: 80px;}
    .index-pro-text{width:calc(100% - 150px);padding: 0 0 0 25px;}
    .index-pro-text h4{text-align: left;margin-bottom: 10px;}
    .index-pro-text h4:after{display: none;}
    .index-pro-text>div{height: auto;line-height: 1.5;}

}





.index-news{padding: 20px 0 30px;}
.index-news-left{margin: 15px 0;border: 10px solid #efefef;background: #fff;}
.index-news-left a:hover h4,.index-news-left a:hover div{color: #ff7b00;}
.index-news-left a:hover .index-news-more span{background: #ff7b00;}
.index-news-right{margin: 20px 0 15px;}
.index-news-item{padding: 5px;border-radius: 8px;overflow: hidden;}
.index-news-item+.index-news-item{margin-top: 5px;}
.index-news-date{float:left;width: 70px;height: 70px;padding:5px;background: #efefef;border-radius: 5px;text-align: center;}
.index-news-date h4{width: 100%;height:40px;line-height:40px;font-size:24px;color:#888;font-weight:700;margin: 0;background: #fff;border-radius: 2px 2px 0 0;}
.index-news-date p{width: 100%;height: 20px;line-height:20px;font-size:12px;color:#fff;display:block;background: #888;margin: 0;border-radius: 0 0 2px 2px;}
.index-news-text{overflow:hidden;padding-left:20px;}
.index-news-text h4,.index-news-left-text h4{font-size: 16px;margin-top: 0;margin-bottom: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-news-text h4 a,.index-news-left-text h4 a{transition: all 0ms ease-in-out 0s;}
.index-news-text>div,.index-news-left-text>div{font-size:12px;color:#888;display:block;line-height:22px;margin-bottom:0;text-align: justify;}
.index-news-item:hover{background: #000d57;box-shadow:0 5px 15px 0 #ccc;}
.index-news-item:hover .index-news-text h4{color: #fff;}
.index-news-item:hover .index-news-text h4 a{color: #fff;}
.index-news-item:hover .index-news-text > div{color: #fff;}

.index-news-item:hover .index-news-date{background: #2d3566;}
.index-news-item:hover .index-news-date h4{color:#fff;background: #000d57;}
.index-news-item:hover .index-news-date p{color:#000d57;display:block;background: #fff;}

.index-news-left-img{height: 260px;}
.index-news-left-img img{height: 100%;width: 100%;object-fit: cover;}
.index-news-left-text{padding: 20px  20px 10px;}
.index-news-more{padding-top: 10px;margin-top: 10px;border-top: 1px solid #d7d7d7;color: #888;font-size: 14px;}
.index-news-more span{display: inline-block;float: right;background: #888;width: 16px;height: 16px;border-radius: 2px;color: #fff;font-size: 12px;text-align: center;line-height: 16px;}
@media screen and (min-width: 0) and (max-width: 768px){
.index-news-text>div {height: 44px;overflow: hidden;}
}

@media screen and (min-width: 0) and (max-width: 479px){
.index-news-date,
.index-news-text>div{display: none;}
.index-news-text{padding-left: 0;}
.index-news-text h4{margin: 0;}
.index-news-text h4 a:before{content: '\25cf\0020';}
.index-news-item{padding: 10px;border-bottom: 1px dashed #cfcfcf;}
}

.footer{margin-top: 50px;padding: 60px 0;font-size: 14px;}
.footer,.copyright{background: #efefef;}
.footer .footer-logo{width: 267px;height: 38px;margin-bottom: 60px;display: inline-block;text-indent: -999px;overflow: hidden;}
.footer .footer-contact{max-width: 300px;}
.footer .footer-contact h4{font-size: 24px;color:#000d57;height: 25px;line-height: 22px;padding-left: 32px;background: url(../images/footer_tel.png) no-repeat;}
.footer .footer-contact ul{margin: 0;padding: 0;line-height: 24px;}
.footer .footer-contact li{overflow: hidden;}
.footer .footer-contact li span,.footer .footer-contact a,.footer .footer-contact li span:first-child{display: block;margin-left: 45px;color: #454545;}
.footer .footer-contact li span:first-child{float: left;width: 45px;margin-left: 0;}
.footer .footer-wx{text-align: center;}
.footer .footer-wx img{width: 120px;}

.footer-nav [class*="ol-xs-2"]{border-right: 1px solid #ddd;}
.footer-nav [class*="ol-xs-2"]:first-child{border-left: 1px solid #ddd;}
.footer-ul{margin: 0 15px;text-align: center;}
.footer-ul ul{padding: 0;margin: 0;min-height: 205px;}
.footer-ul h4{font-size: 16px;margin-bottom: 10px;}
.footer-ul ul li{line-height: 32px;}
.footer-ul ul li a{color: #666;}
.footer-ul ul li a:hover{color: #ff7b00}

@media (max-width: 1350px){
    .footer .footer-contact{max-width: 260px;}
    .footer-ul{margin: 0 5px;}
}
@media (max-width: 991px){
    .footer .footer-logo,.footer .footer-contact{margin-left: 50px;}
    .footer .footer-contact{max-width: 300px;}
}


.foot{border-top:1px solid #eee;padding: 30px 0;}
.foot-tel,.foot-add{text-align: left;margin: 20px 0;}
.foot-tel h4,.foot-add h4{margin-bottom: 15px;color: #333;font-size: 16px;}
.foot-tel h4 a,.foot-add h4 a{color: #333;}
.foot-tel p,.foot-add p{margin-bottom: 15px;color: #999;font-size: 18px;}

.copyright{font-size: 14px;border-top:1px solid #ddd;padding: 20px 0;position: relative;overflow: hidden;}
.copyright>div>p{margin: 0;float: left;}
.copyright>div>p+p{position: absolute;bottom: -10px;left: 0;width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #f3f3f3;}
.copyright>div>p+p a{color: #f3f3f3;}

.s2{padding: 30px 15px 60px;}
.swiper2 {width: 100%;height: 100%;}
.swiper2 .swiper-pagination{position: static;margin-top: 20px;text-align: center;}
.swiper2 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border:1px solid #ccc;display: inline-block;border-radius:50%;background: #fff;opacity: 1;}
.swiper2 .swiper-pagination .swiper-pagination-bullet-active{background:#ccc;}
 
 
 

.s2-item{/*border:1px solid #ccc;*/padding: 40px 0px;}
.s2-item:after{content:"";display:table;clear:both;}
.s2-img{float: left;width: 50%;height: auto;margin-right: 30px;}
.s2-img img{width: 100%;height: 100%;object-fit: cover;}
.s2-text{overflow: hidden;padding-top: 20px;}
.s2-text h4{font-size: 26px;color: #333;text-transform : uppercase;margin-bottom: 40px;}
.s2-text h4 b{margin-left: 15px;padding-left: 15px;border-left:1px solid #ccc;}
.s2-text h4 a{color: #333;}
.s2-text h4:after{content:"";display: block;height: 3px;width: 60px;margin: 20px 0;background: #0E77EA;background-image: linear-gradient(150deg, #0E77EA 0%, #000d57 100%);}
.s2-text span{font-size: 22px;color: #555;display: block;margin-bottom: 30px;}
.s2-text p{line-height: 24px;height: 72px;overflow: hidden;margin-bottom: 30px;	}
.s2-text a.more{display: inline-block;line-height: 40px;padding: 0 40px;color: #fff;border-radius: 50px;background: #000d57; box-shadow:0 5px 15px 0 #eee;}
@media screen and (min-width: 0) and (max-width: 1199px){
.s2-text{padding-top: 0;}
.s2-text h4{margin-bottom: 20px;}
.s2-text span{margin-bottom: 20px;}
.s2-text p{margin-bottom: 20px;}
}
@media screen and (min-width: 0) and (max-width: 991px){
.s2-img{width: 100%;float: none;margin: 0 auto 20px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s2-item{padding: 15px;}
.s2-text h4{font-size: 22px;}
.s2-text span{font-size: 18px;}
.s2-text a.more{margin-bottom: 10px;}
}


.section3{position: relative;padding: 100px 0 0;background: #0E77EA;background-image: linear-gradient(150deg, #0E77EA 0%, #000d57 100%);}
.section3:after{content:"";display: block;background: #fff;z-index: 1;width: 100%;height: 140px;position: absolute;left: 0;right: 0;bottom: 0;}
.s3{background: #fff;position: relative;z-index: 2;}
.s3-1{float:right;position:relative;height:344px;width:344px;background:url(../images/s3-1.jpg);background-size:cover}
.s3-1 h4{font-size:20px;color:#fff;line-height:38px;padding-left:30px;margin:0;padding-top:43px}
.s3-1 p{font-size:30px;color:#fff;padding:0px 0px 30px 30px;font-weight:700;line-height:45px}
.s3-1 p:after{content:"";display:block;height:3px;width:2em;background:#fff;margin-top:10px}
.s3-1 h5 {color:#fff; font-size:20px; padding:5px 30px }
.s3-1 h5 span {font-size:14px;}
.s3-1 a.more{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.5);padding:12px 30px;text-align:right;line-height:37px;color:#fff;font-size:16px}
.s3-1 a.more em{float:left;display:inline-block;width:45px;height:37px;background:url(../images/s3-ico.jpg)}
.s3-2{padding:50px;overflow:hidden}
.s3-2 h4{font-size:24px;color:#000d57;line-height:35px;margin:0}
.s3-2 span{text-transform:uppercase;font-size:14px;color:#dbdbdb;line-height:25px}
.s3-2 p{font-size:14px;color:#8a8a8a;line-height:32px;margin-bottom:20px;margin-top:15px;height:128px;overflow:hidden}
.s3-2 a.more{display:inline-block;padding:5px 30px;color:#a2a2a2;text-transform:uppercase;border:1px solid #eee;border-radius:50px; box-shadow:0 5px 15px 0 #eee; }
.s3-2 a.more:hover{background:#000d57;border-color:#000d57;color:#fff}
@media screen and (min-width: 0) and (max-width: 767px){
.s3{height: auto;}
.s3-1{float: none;width: 100%;height: auto;padding-bottom: 100px;}
.s3-2{padding: 20px;}
}


.section4{padding: 30px 15px;}
.s4{}
.swiper4 {width: 100%;height: 100%;}
.swiper4 .swiper-pagination{position: static;margin-top: 40px;text-align: center;}
.swiper4 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border:1px solid #ccc;display: inline-block;border-radius:50%;background: #fff;opacity: 1;}
.swiper4 .swiper-pagination .swiper-pagination-bullet-active{background:#ccc;}

.s4-item{margin: 20px 0;}
.s4-item:hover {box-shadow:0 5px 15px 0 #eee;}
.s4-img img{width: 100%;height: auto;}
.s4-text{padding: 30px 0px 15px 0px;text-align: center;}
.s4-text h4{color: #000;font-size: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s4-text h4 a{color: #000;}
.s4-text p{margin: 40px 5%;line-height: 22px;height: 44px;overflow: hidden;color: #999;}
.s4-text a.more{display: inline-block;line-height: 30px;width: 120px;border:1px solid #ccc;color: #333;border-radius: 50px; box-shadow:0 5px 15px 0 #eee; }
.s4-item:hover .s4-text a.more{color: #fff;border-color:#000d57;background: #000d57; box-shadow:0 5px 15px 0 #ccc; }


.section6{padding: 30px 0;}
.s6-item{margin:20px 0}
.s6-item:hover {box-shadow:0 5px 15px 0 #ccc;}
.s6-img{display:block;overflow:hidden}
.s6-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s6-item:hover .s6-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.s6-text{padding:15px;border-bottom:1px solid rgba(238, 238, 238, 0.1);}
.s6-text h4{font-size:18px;color:#4c4b4b;line-height:27px;padding-top:10px;margin-top:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s6-text h4 small {float:right; color:#ff7024}
.s6-text p{font-size:14px;color:#a2a2a2;line-height:25px;margin-top:7px;overflow:hidden;height:50px}
.s6-text2{padding:15px}
.s6-text2 a{display:inline-block;border:1px solid #eaeaea;color:#a2a2a2;padding:2px 35px;line-height:27px;text-align:center;transition:all 0s ease-in-out 0s; box-shadow:0 5px 15px 0 #eee; }
.s6-item:hover{border-color:#0E77EA;background: #0E77EA;background-image: linear-gradient(150deg, #0E77EA 0%, #0E77EA 100%);}
.s6-item:hover .s6-text h4 small {color:#fff;}
.s6-item:hover .s6-text2 a {box-shadow:none;}
.s6-item:hover .s6-text h4{color:#fff}
.s6-item:hover .s6-text p{color:#fff}
.s6-item:hover .s6-text2 a{border-radius:50px;background:#fff}
.s6-item:hover .s6-text2 a:hover{color:#1D84ED; }
@media screen and (min-width: 0) and (max-width: 486px) {
 .s6-item {margin:20px 15px;}
}


.section7{position:relative;background:#F6F6F6;overflow:hidden}
.section7:after{position:absolute;display:block;z-index:1;content:"";height:100%;left:50%;top:0;bottom:0;width:100%;background:#0E77EA}
.s7-1{height:226px;padding:60px 0 0;position:relative;z-index:2}
.s7-1 h4{font-size:30px;margin-bottom:0;color:#000d57;line-height:40px}
.s7-1 p{display:block;font-size:16px;color:#b5b5b5;line-height:25px}
.s7-2{background:#0E77EA;height:226px;position:relative;z-index:2}
.s7-2-text{padding:50px 0px 0px 50px;height:226px;overflow:hidden}
.s7-2-text h4{margin:0;font-size:16px;color:#fff;line-height:29px}
.s7-2-text span{display:block;font-size:32px;color:#fff;font-weight:700;line-height:41px}
.s7-2-text p{font-size:14px;color:#fff;line-height:30px}
.s7-2-img{height:226px}
.s7-2-img img{width:100%;height:100%;object-fit:cover}

.section7 .s7-2-text a.more {
    display: inline-block;
    height:38px;
    line-height: 38px;
    width: 120px;
    border: 1px solid #fff;
    color: #fff;

    text-align:center;
    border-radius: 50px;
}
.section7 .s7-2-text a.more:hover {background:#fff;}
.section7 .s7-2-text a.more .glyphicon {font-size:12px;
    font-weight:normal;line-height: 38px;}
.section7 .s7-2-text a.more:hover .glyphicon {color:#0E77EA}
@media screen and (min-width: 992px) and (max-width: 1199px){
.s7-2-text span{  font-size: 26px;  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
.section7:after{display: none;}
.s7-1{height: auto;padding: 20px ;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.section7:after{display: none;}
.s7-1{height: auto;padding: 20px ;}
.s7-2{height: auto;}
.s7-2-text{height: auto;padding: 20px;}
}


.section9{padding: 30px 15px 60px;}
.swiper9 {width: 100%;height: 100%;}
.swiper9 .swiper-pagination{position: static;margin-top: 20px;text-align: center;}
.swiper9 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border:1px solid #ccc;display: inline-block;border-radius:50%;background: #fff;opacity: 1;}
.swiper9 .swiper-pagination .swiper-pagination-bullet-active{background:#ccc;}


.s9-item{text-align: center;border:1px solid #eee;padding: 10px;}
.s9-item img{max-width: 100%;max-height: 100%;}



.erweima,.checkout{text-align: center;margin: 20px 0;}
.erweima img,.checkout img {max-width: 100%;height: auto;}
.erweima p,.checkout p {margin-top: 10px;color: #999;}

@media screen and (min-width: 0) and (max-width: 486px){
    .erweima {display: none;}
    .checkout {clear:both;}
	.foot-ul ul {min-height:149px;}
}
.visual-friendlink-logo h5 {font-size:22px; }
.visual-friendlink-logo h5:after {
    content: "";
    display: block;
    height: 2px;
    width: 2em;
    background: #000d57;
    margin: 20px 0 0;
}


.cbanner{margin-top: 105px;background-size:cover;height: 200px}
.cbanner .container {height:100%;}
.cbanner-bg{height:100%;background: rgba(0,0,0,.68);}
.cbanner-title {position: relative; display:block; height:100%;}
.fat-menu2-title h4.column-title,
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{position: absolute; top: 40%; transform: translateY(-40%);color: #fff;font-size: 42px; }
.cbanner-title h4.column-title,
.cbanner-title h4.column-title a,
.cbanner-title h4.special-title a,
.cbanner-title h4.type-title a{color: #fff;font-size: 30px;}
.cbanner-title h4.column-title:after,
.cbanner-title h4.special-title:after,
.cbanner-title h4.type-title:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: 15px;}

@media (max-width:1200px){
    .cbanner{margin-top: 75px;}
    .cbanner-bg{min-height:auto;}
}
@media (max-width:992px) {
    .cbanner{height: 150px}
    .cbanner-bg{min-height:auto;}
    .cbanner-title{margin-bottom: 20px;}
}
@media (max-width:768px) {
    .cbanner{height: 100px}
    .cbanner-bg{min-height:auto;}
    .cbanner-title{margin-bottom: 30px;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.column-title a,
    .cbanner-title h4.special-title a,
    .cbanner-title h4.type-title a{font-size: 20px;}
}
@media screen and (max-width:486px) {
    .cbanner{height: 60px}
    .cbanner-title h4.column-title:after, .cbanner-title h4.special-title:after, .cbanner-title h4.type-title:after{margin-top: 10px;}
    .cbanner-title h4.column-title{margin: 5px 0 0 ;}
}

.list-title{position: relative;padding: 30px 0;}
.list-title h4.column-title,
.list-title h4.special-title,
.list-title h4.type-title,
.list-title h4.content-title{font-size: 22px;color: #333;margin:30px 0px 0px 0px;}
.list-title h4.column-title a,
.list-title h4.special-title a,
.list-title h4.type-title a
.list-title h4.content-title a{color: #333;}
.list-title p.column-htmldir,
.list-title p.special-htmldir,
.list-title p.type-htmldir{color: #333;font-size: 16px;}
.list-title p.column-htmldir a,
.list-title p.special-htmldir a,
.list-title p.type-htmldir a{color: #333;}
.list-title span.column-text,
.list-title span.special-text,
.list-title span.type-text{display: block;font-size: 16px;margin-top: 30px;}
.list-title ul.column-subcolumn,
.list-title ul.special-subspecial,
.list-title ul.type-subtype{padding: 0;margin: 20px 0 0;}
.list-title ul.column-subcolumn li.column-subcolumn-title,
.list-title ul.special-subspecial li.special-subspecial-title,
.list-title ul.type-subtype li.type-subtype-title{display: inline-block;margin-right: 15px;}
.list-title ul.column-subcolumn li.column-subcolumn-title a,
.list-title ul.special-subspecial li.special-subspecial-title a,
.list-title ul.type-subtype li.type-subtype-title a{display: inline-block;border:1px solid #000d57;color: #000d57;line-height: 36px;padding: 0 30px;border-radius: 2px;margin-top: 10px;}
.list-title ul.column-subcolumn li.column-subcolumn-title a:hover,
.list-title ul.special-subspecial li.special-subspecial-title a:hover,
.list-title ul.type-subtype li.type-subtype-title a:hover,
.list-title ul.column-subcolumn li.column-subcolumn-title a.active,
.list-title ul.special-subspecial li.special-subspecial-title a.active,
.list-title ul.type-subtype li.type-subtype-title a.active{background: #000d57;color: #fff;}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 768px) and (max-width: 991px){
.list-title ul.column-subcolumn li.column-subcolumn-title,
.list-title ul.special-subspecial li.special-subspecial-title,
.list-title ul.type-sutype li.type-sutype-title{margin-right: 20px;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
.list-title ul.column-subcolumn li.column-subcolumn-title,
.list-title ul.special-subspecial li.special-subspecial-title,
.list-title ul.type-sutype li.type-sutype-title{margin-right: 15px;}
}
@media screen and (min-width: 0) and (max-width: 479px){
.list-title ul.column-subcolumn li.column-subcolumn-title,
.list-title ul.special-subspecial li.special-subspecial-title,
.list-title ul.type-sutype li.type-sutype-title{margin: 0;width: 50%;float: left;text-align: center;}
}


.content-subtitle{margin-left: 15px;margin-right: 15px;}



.index-pro1{padding: 0 0 60px;background: #fff;}
.s11-img{box-shadow:0 5px 15px 0 #ccc;}
.s11-img img{width: 100%;height: auto;}
.s11-text{padding-top: 10px;}
.s11-text h4{color: #333;font-size: 20px;margin: 40px 0;}
.s11-text p{color: #666;font-size: 16px;line-height: 1.8;}
@media screen and (min-width: 480px) and (max-width: 767px){
.index-pro1{padding-bottom: 40px;}
.s11-text h4{margin: 20px 0;}
}
@media screen and (min-width: 0) and (max-width: 479px){
.index-pro1{padding-bottom: 20px;}
.s11-text h4{margin: 20px 0;}
}


.index-pro2{ background: #0E77EA;background-image: linear-gradient(150deg, #0E77EA 0%, #000d57 100%);}
.index-pro2:after{content:"";display:table;clear:both;}

.s12-img{float: left;width: 50%;height:500px; overflow: hidden;}
.s12-img img{width: 100%;height: 100%;object-fit: cover;}
.s12-text{float: left;padding: 30px;width: 585px;max-width:100%;}
.index-pro2 .list-title h4{color: #fff;}
.index-pro2 .list-title h4 a{color: #fff;}
.index-pro2 .list-title p{color: #fff;}
.index-pro2 .list-title p a{color: #fff;}
.s12-text > p{margin: 50px 0;color: #fff;line-height: 22px;max-height:88px;overflow: hidden;}
.s12-text a.more{display: inline-block;line-height: 35px;background: #C8A063;color: #fff;border-radius: 50px;padding: 0 30px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.s12-text{width: 485px;}
.s12-text{padding-top: 30px;}
.s12-text > p{margin: 30px 0;}
}
@media screen and (min-width: 0) and (max-width: 991px){
.s12-img{float: none;width: 100%;height:auto;}
.s12-text{width: 100%;float: none;padding-top: 0;}
.s12-text > p{margin-top: 0;}
}


.index-pro3{clear:both; padding: 30px 0 60px;background: #F9F5F1;}
.index-pro3 .list-title{text-align: center;}
@media screen and (min-width: 480px) and (max-width: 767px){
.index-pro3{padding: 0 0 30px;}
}
@media screen and (min-width: 0) and (max-width: 479px){
.index-pro3{padding: 0 0 30px;}
}
.s13{}
.about-slide-nav{position: relative;padding: 20px 0 0;margin: 0 0 60px; }
.about-slide-nav:after{content:"";display:table;clear:both;}
.about-slide-nav:before{content:"";display: block;height: 3px;background: #D8C5AB;width: 100%;position: absolute;top: 30px;}
.about-slide-nav .about-slide-nav-tiem{position: relative;text-align: center;cursor: pointer;font-size: 22px;color: #666;}


.about-slide-nav .about-slide-nav-tiem:before{content:"";display: block;margin: 6px auto 15px;height: 11px;width: 11px;position: relative;z-index: 2;background: #A0773C;border-radius: 50%;}
.about-slide-nav .about-slide-nav-tiem:after{content:"";display: block;height: 0;width: 0;border:1px solid #A0773C;z-index: 3;transition: all 300ms ease-in-out 0s;border-radius: 50%;position: absolute;left: 50%;margin-left: 0;top: 5px;}
.about-slide-nav .swiper-slide-thumb-active .about-slide-nav-tiem:after{height: 29px;width: 29px;margin-left: -14px;top: -10px;}


.s13-imgs li{background: #fff;}
.s13-imgs li:after{content:"";display:table;clear:both;}
.s13-img{float: left;width: 50%;background: #000;position: relative;height: 260px;overflow: hidden;}
.s13-img img{width: 100%;height: auto;}
.s13-text{overflow: hidden;padding: 80px 40px 0;background: #fff;height: 260px;}
.s13-text2{position: relative;margin: 0 50px;}
.s13-text2:before{position: absolute;left: -50px;top: -50px;content:"";display: block;width: 44px;height: 35px;background: url(../images/s13-ico1.png) center center no-repeat;}
.s13-text2:after{position: absolute;right: -50px;bottom: -50px;content:"";display: block;width: 44px;height: 35px;background: url(../images/s13-ico2.png) center center no-repeat;}
.s13-text p{margin: 50px 0;font-size: 16px;line-height: 24px;max-height:72px;overflow: hidden;}
.s13-ohbox{position: relative;margin: 0 auto;padding-left: 50px;padding-right: 10px;}
.s13 .prev,
.s13 .next{padding: 10px;border:3px solid #ccc;border-radius: 50%;color: #ccc;position: absolute;top: 50%;left: 0;z-index: 12;margin-top: -13px;}
.s13 .prev:hover,
.s13 .next:hover{color: #999;border-color:#999;cursor: pointer;}
.s13 .next{left: auto;right: 0;}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .s13-text{padding-top: 40px;}
}
@media screen and (min-width: 0) and (max-width: 991px){
    .s13-img{float: none;width: 100%;}
    .s13-text{padding: 20px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
    .about-slide-nav .about-slide-nav-tiem{font-size: 18px;}
    .about-slide-nav{margin-bottom: 20px;}
    .s13-text{height: auto;}
    .s13-text2{margin: 0;}
    .s13-text2:before{display: none;}
    .s13-text2:after{display: none;}
    .s13-text p{margin: 0;}
}



.index-pro4{padding: 30px 0 60px;}
@media screen and (min-width: 480px) and (max-width: 767px){
.index-pro4{padding: 0 0 30px;}
}
@media screen and (min-width: 0) and (max-width: 479px){
.index-pro4{padding: 0 0 30px;}
}
.s14-item{margin: 20px 0; border:1px solid #fff;}
.s14-img:hover {}
.s14-img img{width: 100%;height: auto;}
.s14-text{padding: 15px 20px;background: #F8F8F8;}
.s14-text span{display: block;color: #999;font-size: 16px;}
.s14-text h4{color: #333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s14-text h4 a{color: #333;}
.s14-text p{line-height: 24px;height: 48px;overflow: hidden;}
.s14-item:hover {box-shadow:0 5px 15px 0 #eee; border:1px solid #eee; }


.index-pro5{padding-bottom: 20px;}
.index-pro5:after{content:"";display:table;clear:both;}
.s15-item{}
.s15-title{height: 135px;}
.s15-title:after{content:"";display:table;clear:both;}
.s15-title2{}
.s15-title a.more{display: inline-block;float: right;border:2px solid transparent;margin: 45px 30px 0;vertical-align:middle;height: 44px;width: 44px;text-align: center;line-height: 44px;font-size: 20px;border-radius: 50%;}
.s15-title h4{display: inline-block;vertical-align:middle;margin: 0;line-height: 133px;font-size: 30px;}
.s15-list{width: 585px;padding: 40px 15px;}
.s15-list ul{padding: 0;margin: 0;}
.s15-list ul li{line-height: 68px;margin-bottom: 8px;border-bottom:2px solid #EEEEEE;padding-left: 60px;background:url(../images/s15-list.png) 20px center no-repeat;font-size: 16px;}
.s15-list ul li a{color: #333;}
.s15-list ul li a:hover{color: #333;}
.s15-item-l .s15-title{background: #1276E6;}
.s15-item-l .s15-title2{padding-left: 0;text-align: right;}
.s15-item-l .s15-title h4{color: #fff;}
.s15-item-l .s15-title h4 a{color: #fff;}
.s15-item-l .s15-title a.more{border-color:#fff;color: #fff;}
.s15-item-l .s15-list{float: right;}
.s15-item-r .s15-title{border:1px solid #777;border-left:none;}
.s15-item-r .s15-title2{text-align: left;}
.s15-item-r .s15-title h4{color: #333;}
.s15-item-r .s15-title h4 a{color: #333;}
.s15-item-r .s15-title a.more{border-color:#666;color: #666;}
.s15-item-r .s15-list{float: left;}
@media screen and (min-width: 0) and (max-width: 991px){
.s15-item{width: 100%;}
.s15-title2{width: 100%;}
.s15-list{width: 100%;}
.s15-item-l .s15-title2{text-align: left;}
.s15-item-l .s15-title2 a.more{float: left;}
.s15-item-r .s15-title{border:1px solid #777;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s15-title{height: 100px;line-height: 100px;}
.s15-title h4{line-height: 100px;}
.s15-title a.more{margin-top: 32px;}
}



.banner3{background: url(../images/s2.jpg) center center no-repeat;background-size:cover;}
.banner3-bg{max-height: 320px; padding: 80px 0 200px; background: rgba(0,0,0,.68);}
.banner3-title{}
.banner3-title h4{color: #fff;font-size: 42px;}
.banner3-title h4:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: .5em;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.banner3-bg{min-height:500px;}
.banner3-title h4{font-size: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.banner3-bg{min-height:300px;}
.banner3-title h4{font-size: 50px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.banner3-bg{min-height:200px;}
.banner3-title h4{font-size: 40px;}
}


.section21{padding: 0px 0 40px;}
.s21-item{position: relative;margin: 15px 0;}
.s21-item img{width: 100%;height: 100%;object-fit: cover;}
.s21-item-bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.32);z-index: 2;}
.s21-text{position: absolute;z-index: 3;left: 0;bottom: 0;padding: 40px;}
.s21-text h4{font-size: 22px;color: #fff;}
.s21-text h4 a{color: #fff;}
.s21-text a.more{display: block;border: 2px solid transparent;height: 36px;width: 36px;text-align: center;line-height: 36px;margin-top: 15px;font-size: 20px;border-radius: 50%;border-color: #fff;color: #fff;}
.s21-item1,
.s21-item2{height: 438px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.s21-item1,
.s21-item2{height: 330px;}
.s21-text h4{font-size: 32px;}
.s21-text a.more{height: 32px;width: 32px;line-height: 32px;font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.s21-item1,
.s21-item2{height: 250px;}
.s21-text h4{font-size: 28px;}
.s21-text a.more{height: 28px;width: 28px;line-height: 28px;font-size: 12px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s21-item1,
.s21-item2{height: auto;}
.s21-text{padding: 15px;}
.s21-text h4{font-size: 24px;display: inline-block;margin-right: 10px;}
.s21-text a.more{display: inline-block;height: 24px;width: 24px;line-height: 24px;font-size: 12px;}
}
 

.s31-img{float: left;width: 248px;height: 185px;position: relative;overflow: hidden;}
.s31-img img{width: 100%;height: 100%;object-fit: cover;transition: all 300ms ease-in-out 0s;}
.s31-img span{position: absolute;bottom: 10px;left: 10px;color: #fff;}
.s31-text{padding: 30px;overflow: hidden;}
.s31-text h4{color: #333;margin-bottom: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s31-text h4 a{color: #333;}
.s31-text p{line-height: 24px;max-height: 72px;overflow: hidden;margin-bottom: 0;}
@media screen and (min-width: 0) and (max-width: 767px){
.s31-img{float: none;width: 100%;margin: 0 auto;}
}


.title20{border-left:8px solid #000d57;padding: 0 0 5px 20px;margin-bottom: 30px;}
.title20 h4{font-size: 22px;color: #333;text-transform : uppercase;margin: 0;}
.title20 h4 a{color: #333;}
.title20 p{font-size: 16px;color: #333;text-transform : capitalize;margin: 0;}
.title20 p a{color: #333;}
@media screen and (min-width: 768px) and (max-width: 991px){
.title20 h4{font-size: 32px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.title20 h4{font-size: 24px;}
}


.hot-news{margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.hot-news ul{padding: 0;margin: 0;}
.hot-news ul li{line-height: 35px;margin-top: 20px;padding: 0 10px;border-bottom:1px dashed #ccc;font-size: 16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot-news ul li a{color: #999;}
.hot-news ul li span{padding-right: 10px;font-size: 18px;color: #D33D25;vertical-align:middle;}
.hot-news ul li a:hover{color: #333;}


.new-teg{margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.new-teg-list{}
.new-teg-list a{display: inline-block;margin-right: 2px;margin-bottom: 15px;line-height: 32px;padding: 0 10px;background: #f5f5f5;color: #333;border-radius: 2px;}
.new-teg-list a:hover{background: #1276E6;color: #fff;}



/*内容页相关文章*/
.content-relevant-list1{padding: 30px 0;margin: 0 15px;}
.content-relevant-list1 dl:after{content:"";display:table;clear:both;}
.content-relevant-list1 dt {margin:30px 0px 15px 0px;font-size:18px;}
.content-relevant-list1 dt em {padding-right:10px;}
.content-relevant-list1 dd a {display:block; margin:0px 10px 0px 0px; padding:10px 0px 10px 10px; border-bottom: 1px dashed #ededee;}
.content-relevant-list1 dd:before {content:"";position:absolute;left:5px;top:20px;width: 5px;height: 5px;background: #000d57;border-radius: 10px;}

/* 可视化中清除边距 */
#visual-right .cbanner {margin-top:0px;}
#navbar .nav .dropdown-menu {border-radius: 0px;}
@media (min-width: 486px) {
    #navbar .nav .dropdown-menu {
        border:0;
        background: #000d57;
    }
}
@media (max-width: 486px) {
    #navbar .nav .dropdown-menu {
        padding-top: 10px;
    }
}
/*.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none;}*/
.visual-search .form-control {border-radius: 0px;height:38px;line-height:38px;}
.visual-search .btn-default {background:#000d57;height:38px;line-height:38px;color:#fff;border-radius: 0px; padding: 0px 12px; border:1px solid #000d57}

/* 首页banner链接 */
.visual-swiper-slide-item-text .container{position: relative;z-index: 2;}
.pic-link{position: absolute !important; ;top: 0;right: 0;bottom: 0;left: 0 !important;z-index: 1;}

/* 首页logo */
.logo {height: 100px;overflow: hidden;transition: all .4s;}
.logo a{height: 100%;background-repeat: no-repeat;background-position: center;text-indent: -999px;transition: all .4s;}
/*导航*/
.navbar .nav > li{width: 80px;font-size:14px;text-align: center;margin-right: 1px;position: relative;}
.navbar .nav > li:last-child{margin-right: 0;}
.navbar .nav .caret,.navbar .nav .dropdown-submenu > a:after{display: none;}
.navbar .nav > li.active > a,.navbar .nav > li > a:hover,.navbar .nav > .open > a{background: #ff7b00 !important;color: #fff !important;position: relative;}
.navbar .nav > li.active > a .caret,.navbar .nav > li > a:hover .caret,.navbar .nav > .open > a .caret{position: absolute;display: block;bottom: 5px;left: 50%;margin-left: -2px;}
.navbar .nav .two.dropdown-menu{top:initial;left:50%;margin-left: -40px;}
.navbar .nav .two.dropdown-menu li{width: 80px;font-size: 12px;}
.navbar .nav > li > a,.navbar .nav .two.dropdown-menu li a{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;}

.navbar .nav .two.dropdown-menu>li>a{color: #fff;}
.navbar .nav .two.dropdown-menu>li>a:hover,.navbar .nav .two.dropdown-menu>li>a:focus{background: #2d3566;}
/*导航右侧分享及搜索*/
.navbar .right,.copyright .right{float:right;margin-left:10%;}
.navbar .right .share,.copyright .right .share{display:inline-block;height: 100px;float:right;overflow:hidden;}
@media (max-width:1700px){
    .navbar .right,.copyright .right{margin-left:4%;}

}
@media (max-width:1560px){
    .navbar .right,.copyright .right{margin-left:20px;}
}
@media (max-width:1350px){
    .navbar .right .share{display:none;}
}
@media (max-width:1199px){
    .navbar .right,.copyright .right{margin-right:15px;margin-left:0;}
    .navbar .right .share{display:block;}
}
@media (max-width:768px){
    .navbar .right .share{display:none;}
    .footer .footer-contact{width:80%;margin:0 auto;}
    .copyright .right .share{float: none; margin-top: 10px;}
    .copyright>div>p,.copyright .right{text-align: center;float: none;}
}
.navbar .right .bdsharebuttonbox,.copyright .right .bdsharebuttonbox{display:inline-block;-webkit-transition:all .2s;transition:all .2s;}
.navbar .right .bdsharebuttonbox a,.copyright .right .bdsharebuttonbox a{display:inline-block;height:100px;margin:0 15px;padding:0;-webkit-transition:all .5s;transition:all .5s;background:none;font-family: 'Glyphicons Halflings';}

@media (max-width:1560px){
    .navbar .right .bdsharebuttonbox a,.copyright .right .bdsharebuttonbox a{margin:0 6px;}
}
@media (max-width:1200px){
    .logo {height: 70px;overflow: hidden;transition: all .4s;}
    .navbar .right .share,.copyright .right .share{height: 70px;}
    .navbar .right .bdsharebuttonbox a,.copyright .right .bdsharebuttonbox a{height:70px;margin:0 6px;}
    .navbar .nav {font-size: 20px;margin: 30px -15px;float: none;}
    .navbar .nav >li>.two.dropdown-menu{position: initial;float: none;margin-left:0;box-shadow: initial;}
    .navbar .nav > li,.navbar .nav .two.dropdown-menu li {width: 100% !important;padding: 0;font-size: 16px;}
    .navbar .nav > li.active > a,.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,.navbar .nav > .open > a{background: transparent !important;color: #fff !important;}
    .navbar-default .navbar-nav>li>a{font-size: 20px;color: #fff;line-height: 200%;}
    #navbar .nav .dropdown-menu {border: 0;background: transparent;}
    .navbar .nav .two.dropdown-menu>li>a:hover,.navbar .nav .two.dropdown-menu>li>a:focus {background: #ff7b00;color: #fff;}
    .navbar .nav .open .dropdown-menu > li > a, .navbar .nav .open .dropdown-menu .dropdown-header {padding:0;line-height: 300%;}
}
.navbar .right .bdsharebuttonbox a:before,.copyright .right .bdsharebuttonbox a:before{font-size:24px;display:inline-block;width:28px;height:28px;margin-top:37px;content:'';text-align:center;vertical-align:middle;color:#cdcdcd;background:url(../images/share.png) no-repeat;background-size:cover;transition: margin-top .4s;}
@media (max-width:1200px){
    .navbar .right .bdsharebuttonbox a:before,
    .copyright .right .bdsharebuttonbox a:before{font-size:20px;margin-top:21px;transition: margin-top .4s;}
}
.navbar .right .bdsharebuttonbox a:last-child:after,
.copyright .right .bdsharebuttonbox a:last-child:after{display:none;}
.navbar .right .bdsharebuttonbox a:hover,
.copyright .right .bdsharebuttonbox a:hover{opacity:1;}
.navbar .right .bdsharebuttonbox a:hover:before,
.copyright .right .bdsharebuttonbox a:hover:before{background-position:-84px 0;}
.navbar .right .bdsharebuttonbox .bds_sqq:before,
.copyright .right .bdsharebuttonbox .bds_sqq:before{background-position:-28px 0;}
.navbar .right .bdsharebuttonbox .bds_sqq:hover:before,
.copyright .right .bdsharebuttonbox .bds_sqq:hover:before{background-position:-112px 0;}
.navbar .right .bdsharebuttonbox .bds_tsina:before,
.copyright .right .bdsharebuttonbox .bds_tsina:before{background-position:-56px 0;}
.navbar .right .bdsharebuttonbox .bds_tsina:hover:before,
.copyright .right .bdsharebuttonbox .bds_tsina:hover:before{background-position:-140px 0;}
@media (max-width:1200px){
    .navbar .right .bdsharebuttonbox .bds_tsina:before,
    .copyright .right .bdsharebuttonbox .bds_tsina:before{font-size:24px;}
}
.navbar .right .bdsharebuttonbox .bds_video:before,
.copyright .right .bdsharebuttonbox .bds_video:before{content:'\e62a';}
.navbar .right .bdsharebuttonbox .bds_oa:before,
.copyright .right .bdsharebuttonbox .bds_oa:before{font-size:22px;line-height:24px;width:24px;height:24px;margin-top:38px;content:'\2601';color:#cdcdcd;border-radius:50%;background:#fff;}
.copyright .right .bdsharebuttonbox .bds_oa:before{background:#efefef;}
.navbar .right .bdsharebuttonbox .bds_oa:hover:before,
.copyright .right .bdsharebuttonbox .bds_oa:hover:before{color:#0c4da2;}
.navbar .right .bdsharebuttonbox .bds_erp:before,
.copyright .right .bdsharebuttonbox .bds_erp:before{font-size:12px;line-height:24px;width:24px;height:24px;margin-top:38px;content:'ERP';color:#fff;border-radius:50%;background-color:#cdcdcd;}
.navbar .right .bdsharebuttonbox .bds_erp:hover:before,
.copyright .right .bdsharebuttonbox .bds_erp:hover:before{color:#fff;background:#0c4da2;}

.navbar .right .bdsharebuttonbox .bds_lang:before,
.copyright .right .bdsharebuttonbox .bds_lang:before{display: none;}
.navbar .right .bdsharebuttonbox .bds_lang span,
.copyright .right .bdsharebuttonbox .bds_lang span{display: inline-block;width: 28px;height: 20px;background-position: 0 0;background-repeat:no-repeat;margin-top: 40px;background-size: cover;transition: margin-top .4s;}
.navbar .right .bdsharebuttonbox .bds_lang:hover span,
.copyright .right .bdsharebuttonbox .bds_lang:hover span{background-position: 0 -28px;}

@media (max-width:1200px){
    .navbar .right .bdsharebuttonbox .bds_oa:before,
    .navbar .right .bdsharebuttonbox .bds_erp:before,
    .navbar .right .bdsharebuttonbox .bds_lang span{margin-top:24px;transition: margin-top .4s;}
    .copyright .right .bdsharebuttonbox .bds_oa:before,
    .copyright .right .bdsharebuttonbox .bds_erp:before,
    .copyright .right .bdsharebuttonbox .bds_lang span{margin-top:24px;transition: margin-top .4s;}
    .navbar .right .share,
    .copyright .right .share{height: 70px;}
}
.navbar .right .bdshare-button-style0-16:after{display: none;}
.copyright .right .bdshare-button-style0-16:after{display: none;}
.navbar .header-search{float:right;width:34px;margin-top:33px;margin-left:10px;-webkit-transition:all .4s;transition:all .4s;}
@media (max-width:1200px){
    .navbar .header-search{margin-top:18px;}
}
.navbar .header-search form{position:relative;padding-right:30px;border:2px solid #000d57;border-radius: 3px;}
.navbar .header-search form input{line-height:30px;width:100%;padding:0 10px;font-size: 12px;}
.navbar .header-search form .submit{position:absolute;top:0;right:0;width:30px;height:30px;line-height: 26px;text-align: center;margin:0;padding:0;border-radius:0;background-color:#000d57;font-size: 18px;color: #fff;}
.navbar .header-search.searchlong{width:140px;}
.navbar.active .header-search{margin-top:18px;}
.navbar.active .right .share,
.navbar.active .right .bdsharebuttonbox,
.copyright.active .right .share,
.copyright.active .right .bdsharebuttonbox a{height: 70px;}
.navbar.active .right .bdsharebuttonbox a:before,
.copyright.active .right .bdsharebuttonbox a:before{margin-top:22px;transition: margin-top .4s;}
.navbar.active .right .bdsharebuttonbox .bds_oa:before,
.navbar.active .right .bdsharebuttonbox .bds_erp:before,
.navbar.active .right .bdsharebuttonbox .bds_lang span,
.copyright.active .right .bdsharebuttonbox .bds_oa:before,
.copyright.active .right .bdsharebuttonbox .bds_erp:before,
.copyright.active .right .bdsharebuttonbox .bds_lang span{margin-top:24px;transition: margin-top .4s;}

@media screen and (max-width:486px) {
   /* .header-search{display: none;}  */
}
.copyright .right .share,.copyright .right .bdsharebuttonbox a{height:30px;}
.copyright .right .bdsharebuttonbox .bds_lang span{margin: 5px 0 0 0;}
.copyright .right .bdsharebuttonbox .bds_oa:before{margin: 3px 0 0 0;}
.copyright .right .bdsharebuttonbox a:before{margin: 0;}
.bd_weixin_popup{box-sizing: content-box;}

.timeline{margin: 0;padding: 0;}
.timeline li{position: relative;width: 60%;margin: 0 auto;border: 5px solid #efefef;margin-bottom: 50px;padding: 20px;}
.timeline li:after{position: absolute;content: '';width: 1px;height: 30px;background: #ccc;left: 50%;bottom:-45px;}
.timeline li:last-child:after{display: none;}
.timeline li p{margin: 0;}

.news-list-tit.list-title{padding: 0;}
.news-list-tit.list-title h4{margin: 0;line-height: 1.8;margin-bottom: 15px;}

.guestbook{width: 80%;margin: 0 auto;border: 10px solid #efefef;border-radius: 30px;padding: 50px;}


@media screen and (min-width: 0) and (max-width: 991px){
.timeline li,.guestbook{width: 100%;}
.guestbook{padding: 30px;}
}