/* CSS Document */
*{margin: 0;padding: 0;}
html{
    --main-color:#3c3c3c;
    --main-active-color:#ce2e2d;
}
html,body{font-size: 16px;color:var(--main-color);font-family: "Arial",serif;overflow-x: hidden}

@media(max-width:1024px){
	html,body{font-size: 15px;}
}
@media(max-width:992px){
	html,body{font-size: 14px;}
}
@media(max-width:768px){
	html,body{font-size: 13px;}
}
@media(max-width:576px){
	html,body{font-size: 12px;}
}
a,a:hover{text-decoration: none;}
section{padding: 3.125rem 0 3rem;}
@media(min-width:992px){
	.w-20{width:20%;flex:0 0 20%;-ms-flex: 0 0 20%;}
}

/* header */
header{box-shadow: 0 3px 6px rgba(0,0,0,.15);}
header .navbar{padding: 1.25rem 0;}
header .navbar-brand{width:13.9375rem;padding: 0;}
header .navbar-brand img{max-height: 4.0625rem}
header #collapsibleNavbar > ul{width: 100%;}
header #collapsibleNavbar > ul > li > a{color:#000;font-size: 1.25rem;margin-left: 1.25rem;text-transform: uppercase;}
header #collapsibleNavbar > ul > li > a:hover{color:var(--main-active-color)}
@media(max-width:576px){
	header #collapsibleNavbar{border-top: 1px solid #eee;margin-top: 1.25rem;padding-top: 1.25rem;}
	header #collapsibleNavbar > ul > li > a{margin-left: 0;}
}

/* banner */
.banner{margin-top: 6.5625rem}




/*文章分页样式*/
#fenye{clear:both; margin:10px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;}
#fenye a.curr{width:22px;background:#0C9AD8; border:1px solid #0C9AD8; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

/*文章正文分页样式*/
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;}
#pageNext a.curr{background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold;}
#pageNext a{margin:5px 0px; color:#1E50A2;background:#fff; padding:3px 7px; border:1px solid #dcdddd;height:22px;line-height:22px}

.navigation{width:983px;margin:10px auto; clear:both;height:22px;line-height:22px;color:#999;background:url(ask_points.gif) no-repeat left -1356px;padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.navigation span{ float:right;}
.navigation dt#KeyWord{ height:25px; line-height:25px;}
.navigation a{color:#999;}
.navigation a:hover{color:red;text-decoration:none;}


/* about */
.main{}
.main .title{margin-bottom: 1.25rem;}
.main .title h3{color: var(--main-active-color);}
.main .title p{text-transform: uppercase;line-height: 2;margin-bottom: 0;}
.main .content p {margin-bottom: 0;line-height: 2}
.main .content p + p{margin-top: 0.625rem;}
.main .content ul{margin-bottom: 0;margin-top: 0.625rem}
.main .content ul li{margin-bottom: 0.625rem;line-height: 2;position: relative;padding-left: 1.5rem;}
.main .content ul li i.fa{position: absolute;left: 0;top: 0;margin-top: 0.5rem;}
.main .content + .img{margin-top: 1.25rem;}
.img-cover{width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover';}
.main .about .history-list{margin-top:3.125rem;overflow-y: hidden}
.main .about .history-list .history-item{}
.main .about .history-list .history-item .item-date{width:50% ;position: relative;font-size: 1.625rem;color: var(--main-active-color);font-weight: bold;margin-bottom: 0;}
.main .about .history-list .history-item .item-date .item-sign{display: block;
zoom: 1;
position: absolute;
width: 30px;
height: 1px;
top: 0.5em;
background-color: var(--main-active-color)
}
.main .about .history-list .history-item .item-date .item-sign::before{content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background-color: inherit;
margin-top: -2px;
}

.main .about .history-list .history-item .item-icon .icon{width: 5.625rem;height: 5.625rem;border-radius: 50%;background-color: var(--main-active-color);font-size: 1.875rem;color: #fff;text-align: center;line-height: 5.625rem;position: relative;z-index: 2;}
.main .about .history-list .history-item .item-icon::after{content: "";
height: 618%;
width: 1px;
position: absolute;
top: 0;
left: 50%;
border-left:1px dashed #dadada;
}
.main .about .history-list .history-item .item-text-wrap .item-text-box{position: relative;box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);padding: 2em;
background-color: #fff;border: 1px solid #efefef;}
.main .about .history-list .history-item .item-text-wrap .item-text-box::before{content: "";
position: absolute;
width: 1em;
height: 1em;
left: 0;
top: 2.5em;
background-color: inherit;
box-sizing: border-box;
transform-origin: top left;
transform: rotate(45deg) translateY(-50%) translateX(-50%);}
.main .about .history-list .history-item .item-text-wrap .item-text-box::after{
	    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    left: 0;
    top: 2.5em;
    background-color: inherit;
    box-sizing: border-box;
    transform-origin: top left;
    transform: rotate(45deg) translateY(-50%) translateX(-50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: -1;
}

.main .about .history-list .history-item .item-text-wrap .item-text-box .item-text p{line-height: 2;margin-bottom: 0;font-size: 16px}
.main .about .history-list .history-item .item-text-wrap .item-text-box .item-text ul{margin-bottom: 0;font-size: 16px}
.main .about .history-list .history-item .item-text-wrap .item-text-box .item-text ul li{line-height: 2}

@media(min-width:992px){
	.main .about .history-list .history-item:nth-child(2n) .item-date{padding-right: 3.75rem;text-align: right}
	.main .about .history-list .history-item:nth-child(2n + 1) .item-date{padding-left: 3.75rem;}
	.main .about .history-list .history-item:nth-child(2n) .item-sign{right: 0;}
	.main .about .history-list .history-item:nth-child(2n + 1) .item-sign{left: 0;}
	.main .about .history-list .history-item:nth-child(2n)  .item-date .item-sign::before{left: 0}
	.main .about .history-list .history-item:nth-child(2n+1)  .item-date .item-sign::before{right: 0}
	.main .about .history-list .history-item .item-icon{position: relative;}
	.main .about .history-list .history-item .item-text-wrap{width:50% ;padding: 1.875rem 0;}
	.main .about .history-list .history-item:nth-child(odd) .item-text-wrap .item-text-box::before{left: auto;right: -1em;}
	.main .about .history-list .history-item:nth-child(odd) .item-text-wrap .item-text-box::after{left: auto;right: -1em;}
	.main .about .history-list .history-item:nth-child(2n) .item-text-wrap{padding-left: 3.75rem;}
	.main .about .history-list .history-item:nth-child(2n + 1) .item-text-wrap{padding-right: 3.75rem;}
	.main .about .history-list .history-item .item-text-wrap .item-text-box .item-text p{text-align:center}
}
@media(max-width:991px){
	.main .about .history-list .history-item{padding-left: 5.625rem;position: relative;}
	.main .about .history-list .history-item .item-date{width: 100%;padding: 2rem 0 2rem 3.125rem}
	.main .about .history-list .history-item .item-date .item-sign::before{right: 0}
	.main .about .history-list .history-item .item-icon{position: absolute;left: 0;top: 0;}
	.main .about .history-list .history-item .item-date .item-sign{top: 50%;left: 0;transform: translateY(-50%);}
	.main .about .history-list .history-item .item-text-wrap{padding: 0 1rem 3.75rem 3.125rem}
	.main .about .history-list .history-item .item-text-wrap .item-text-box::before{left: 2em;top: 0;margin-top: 0;}
	.main .about .history-list .history-item .item-text-wrap .item-text-box::after{left: 2em;top: 0;margin-top: 0;}

}

/*footer*/
footer{
	background:url('../img/footer_bg.jpg') center no-repeat;background-size: cover;padding: 3.125rem 0;
}
footer .list .item{margin-bottom: 1.875rem;margin-top: 1rem}
footer .list .img{margin-bottom: 1.25rem}
footer .list .img img{max-width: 5rem}
footer .list .info h4{font-size: 1.25rem;}
footer .list .info p{margin-bottom: 0;line-height: 1.6;}
footer .list .info p a{color:var(--main-color)}
footer .list .info p a:hover{color:var(--main-active-color)}
footer .copyright{border: 1px solid #ebebeb;padding: 0.625rem 1.25rem;margin-top: 3.125rem;}
footer .copyright p {margin-bottom: 0;text-align: center;}
footer .copyright p a{color:var(--main-active-color)}
footer .copyright p a:hover{text-decoration: underline}

/*service*/
#service{background-image:none}
#service table{}
#service table thead{background-color:#BBE0E3;color:#fff;text-align: center;font-weight: bold;font-size: 1.25rem}
#service table tbody tr:nth-child(even){background-color:#f3f9fa}
#service table tbody tr:nth-child(odd){background-color:#e7f3f4}
#service table tbody tr td{border-color:#fff}

#service .section-4 .list p{line-height: 2;text-align: center;margin-top: 0.5rem}
#service .section-7 .list .img{border:1px solid #ddd;box-shadow: 0 3px 6px rgba(0,0,0,.15)}
#service .section-7 .list .img img{max-width: 100%}
#service .section-7 .list p {text-align: center;margin-top: 0.5rem;line-height: 2;}
#service .section-8 .list p {text-align: center;margin-top: 0.5rem;line-height: 2;}
@media(max-width:576px){
	#service .section-5  .img div[class*='col-'] + div[class*='col-']{margin-top: 1.25rem;}
}

#service .section-10 .list ul{width:25%}
#service .section-10 .list .img{width:75%}
@media(max-width:1024px){
	#service .section-10 .list ul{width:100%}
#service .section-10 .list .img{width:100%}
}

.carousel-control-next, .carousel-control-prev{border: none;background-color: transparent}
.carousel-indicators li{background-color: var(--main-active-color)}



#product .section-1 .img{border: 2px solid #f00000}