ul, ol, li, dl, dd, dt {
    list-style-type: none;
    line-height: normal;
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px){
.container {
    width: 768px;
}
}

@media (min-width: 992px){
.container {
    width: 992px;
}
}

@media (min-width: 1200px){
.container {
    width: 1200px;
}
}

@media (min-width: 1550px){
.container {
    width: 1550px;
}
}



*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
    margin: 0;
    outline: none;
	font-style: normal;
}


.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .nav:before, .nav:after, .navbar:before, .navbar:after {
    display: table;
    content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}


/***** list style *****/
.list-banner { width: 100%; height: 350px; background-repeat: no-repeat; background-position: 50% top; background-size: cover; min-width: 1200px;}
.list-en-title { height: 70px; font-size: 30px; line-height: 70px; text-align: center; text-transform: uppercase; color: #ababab;}
.list-title { margin-bottom: 10px; height: 40px; background: url() left 50% repeat-x; text-align: center;}
.list-title span { display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fff; font-size: 24px; color: #3b3b3b;}
.list-title-info { height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 16px; color: #ababab; text-align: center;}
.list-channel { height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.list-channel a { display: inline-block; height: 29px; line-height: 29px; padding: 0 15px; margin-left: 10px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
.list-channel a:hover,.list-channel a.current { background: #f5c9a2;}
.list-content .imglist li { margin: 15px 30px 15px 15px;}
.list-content .imglist li:nth-child(3n) { margin: 15px;}
.list-pager .page-status{display:none;}
.list-pager { text-align: center; margin:30px 0 60px 0;}
.list-pager a{
    margin: 0 5px;
}
.list-pager a { color: #fff; display: inline-block; height: 35px; line-height: 35px; text-align: center; background: #4e4948; padding: 0 10px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
.list-pager a:hover,.list-pager a.page-num-current{
    background: #f5c9a2;
    color: #4e4948;
}


.imglist li,.base-list li { width: 360px; float: left; height: 220px; position: relative;}
.imglist li img,.base-list li img { width: 360px; height: 220px; position: absolute; left: 0; top: 0;}
.hot-list li,.right-list li,.project-list li,.base-list li { margin: 15px 30px 15px 15px;}
.hot-list li:nth-child(3n),.project-list li:nth-child(3n),.base-list li:nth-child(3n) { margin: 15px;}


.pageBox{background-color:#f6f6f6;padding-left: 15px;padding-right: 15px;}
.pageNav{float:left;  line-height: 60px;}
/*20211208end*/
.pageNav a{font-size: 16px;
    color: #333333;
    margin: 0 10px 0 0;
    float: left;
    padding: 0 20px;
    position: relative;
    text-align: center;}
.pageNav a:last-child{margin:0;}
.pageNav a:hover{background-color:#0a6dde; color:#fff;}
.pageNav a:hover::after{width:15px; height: 8px; content: ""; position: absolute; bottom:0;left: 50%; margin-left:-7.5px; background:url(../image/p50.png) center no-repeat;background-size:100%;}
.pageNav a.on{background-color:#0a6dde; color:#fff;}
.pageNav a.on::after{width:15px; height: 8px; content: ""; position: absolute; bottom:0;left: 50%; margin-left:-7.5px; background:url(../image/p50.png) center no-repeat;background-size:100%;}

.local{float:right; font-size:14px; color:#6b6b6b; line-height: 60px; letter-spacing: 1px; white-space: nowrap;}
.local a{color:#6b6b6b;}
.local a:hover{color:#0a6dde;}
.local .ico{width:16px; height: 16px; float:left; margin: 22px 0 0 0; line-height: 0; margin-right:10px;}


.local_l{ font-size:14px; color:#6b6b6b; line-height: 60px; letter-spacing: 1px; white-space: nowrap;}
.local_l a{color:#6b6b6b;}
.local_l a:hover{color:#0a6dde;}
.local_l .ico{width:16px; height: 16px; float:left; margin: 22px 0 0 0; line-height: 0; margin-right:10px;}


@media screen and (max-width:1549px){
	.pageNav,.local{margin:0;}
}
@media screen and (max-width:1549px){
	.pageNav a{font-size:14px;}
}

@media screen and (max-width:991px){
	.pageBox{display:none;}
}


.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#f6f6f6;}
.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:12px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
.pz_SideLayerph{ display:none;  background-color:#f6f6f6;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

@media screen and (max-width:991px){
	.babyserBox{display:block;}
}