@charset "utf-8";
.page-banner{overflow: hidden;}
.page-banner img{width: 100%;}

/*  */
.x-product{background-image: url(images/product-bg.jpg);}
/*  */
.all-search {padding: 25px 0; border-bottom: 1px dashed #e5e5e5; }
.all-search-left{float: left;}
.all-search-left p{padding: 10px 10px 0; font-size: 16px; color: #777;}
.all-search-left p a{margin-left: 8px;}
.all-search-left p a:hover{color: #159BD5;}
.all-search-right{position: relative; float: right; width: 350px;}
.all-search-right i{position: absolute; top: 6px; left: 8px; font-size: 20px;color: #777;}
.all-search-right input{float: left; width: 74%; display: block; margin-right: 2%; line-height: 32px;height: 34px; padding-left:30px; border: 1px solid  #ccc; border-radius: 3px;}
.all-search-right button{float: left; width: 24%; height: 34px; background-color:#007AC3;font-size: 16px; color: #fff; line-height: 34px; border-radius: 3px; cursor: pointer; }
@media (max-width:960px) {
	.all-search {padding: 15px 0;text-align: center;}
	.all-search-left{float: none;}
	.all-search-right{float:none; width: 300px; margin: 15px auto 0;}
}

/*  */
.x-product-link{padding: 20px 0; overflow: hidden;}
.x-product-link ul{margin-left: -95px;}
.x-product-link ul li{float: left; width: 16.66%; padding-left: 95px; margin-bottom: 15px; text-align: center;}
.x-product-link ul li a{display: block;line-height: 40px; background-color: #159BD5; color: #fff; border-radius: 3px;}
.x-product-link ul li a:hover{opacity: .6;}
@media (max-width:960px) {
	.x-product-link ul{margin-left: -35px;}
	.x-product-link ul li{ padding-left: 35px;}
}
@media (max-width:768px) {
	.x-product-link ul{margin-left: -15px;}
	.x-product-link ul li{padding-left: 15px;}
}
@media (max-width:640px) {
	.x-product-link ul{margin-left: -5px;}
	.x-product-link ul li{width: 33.33%;padding-left: 5px; margin-bottom: 5px;}
}


/* path */
.category-path{line-height: 50px;}
.category-path a{color: #777;}
.category-path img{ vertical-align: middle; }
.category-path i{font-size: 16px; color: #777;}
.category-path b{font-weight: normal; font-family: simsun;}
.category-path a:last-child{color:#0E73FC;}
/*  */

.page-container{padding-top: 40px; background-color: #F7F7F7;}
.page-left{ width: 75%; }
.page-right{ width: 23%; padding: 10px; background-color: #fff;}

@media (max-width:1000px) {
	.page-left{width: 100%; }
	.page-right{ display: none;}
}

.product-box{padding: 30px;background-color: #fff;}
@media (max-width:768px) {
	.product-box{padding: 15px;}
}
.product-box h1{display: block;font-size:1.17em;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;}
.product-title h1{position: relative; padding-left: 10px; font-size: 24px;}
.product-title h1::before{position: absolute; top: 50%; left: 0; content: ''; margin-top: -7px; width: 3px; height: 18px; background-color: #0077AA;}
.product-title p{padding: 20px 0; font-size: 16px; line-height: 24px; color: #777;}
.product-title p a{text-decoration:underline; color:#0077AA;}

.product-center-box{margin-top: 35px;}
.product-center-pic{position: relative; float: left; display: block; width: 30%;}
.product-center-pic h3{position: absolute; bottom: 0; left: 0; width: 100%; padding:8px 15px; background-color: #eee; text-align: center;}
.product-center-pic h3 i{display: none; font-size: 12px;}
.product-center-pic img{width: 100%;}
.product-center-list{float: left; width: 70%; padding-left: 50px;}
.product-center-list ul li{float: left; width: 50%; padding: 6px 15px;}
.product-center-list ul li a{position: relative; display: block; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.product-center-list ul li a::before{position: absolute;top: 50%; left: 0; content: ''; margin-top: -3px; width: 6px; height: 6px;border-radius: 50%; background-color: #ccc;}

.product-center-pic:hover h3{background-color: #0077AA; color: #fff;}
.product-center-list ul li a:hover{color: #0077AA;}
.product-center-list ul li a:hover .product-pic img{transform: scale(1.1);}
@media (max-width:840px) {
	.product-center-pic{ width: 100%; margin-top: 25px; margin-bottom: 10px;}
	.product-center-pic img{display: none;}
	.product-center-pic h3{display: inline-block; background-color: #0077AA; color: #fff;}
	.product-center-pic h3 i{display: inline-block; color: #fff;}
	.product-center-list{padding-left: 0; width: 100%;}
}
@media (max-width:640px) {
	.product-center-list ul li{width: 100%; padding: 6px 0;}
}


.product-list{margin-top: 15px; overflow: hidden;}
.product-list ul{margin-left: -15px;}
.product-list ul li{float: left; width: 25%; padding-left: 15px; text-align: center;}
.product-list ul li a{display: block;}
.product-pic{overflow: hidden;}
.product-pic img{width: 100%;}
.product-list ul li h3{display: flex; align-items: center; justify-content: center; padding: 0 10px; height: 48px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px;color: #fdfffc;background-color: #777;}
.product-list ul li a:hover h3{background-color: #0077AA; color: #fff;}
.product-list ul li a:hover .product-pic img{transform: scale(1.1);}
@media (max-width:1000px) {
	.product-list ul li{ width: 33.33%; }
}
@media (max-width:840px) {
	.product-list ul li{ width: 50%; }
}

@media (max-width:640px) {
	.product-list ul li{ width: 100%; }
}
/* pagina-view */
.pagina-view {padding: 25px 15px; font-family: arial;}
.pagination {padding-top: 25px;text-align: center;font-size: 12px;}
.pagination ul {display: inline-block;margin-left: 0;margin-bottom: 0;padding: 0;}
.pagination ul>li {display: inline;}
.pagination ul>li>a.current,
.pagination ul>li>span.current {background-color: #0ae;color: #fff;cursor: default;}
.pagination ul>li>a,
.pagination ul>li>span {margin: 0 2px;float: left;padding: 7px 14px;background-color: #f6f6f6;color: #666;border-radius: 2px;}

/*  */
.product-article{margin-top: 15px;}
.product-article-item{float: left; width: 50%; padding: 20px 30px; background-color: #fff;}
.product-article-item h3{position: relative; font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.product-article-item h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: #0077AA;}
.product-article-item ul li a{position: relative; display: block; padding: 15px 0 15px 15px; font-family: arial; color: #777; border-bottom: 1px dashed #eee;}
.product-article-item ul li a:before{position: absolute; top: 50%; left: 0; content: ""; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background-color:#0077AA;}
.product-article-item ul li a:hover{color:#0077AA;}

.product-article-single{width: 100%;}
.product-article-single ul li {float: left; width: 50%; padding-right: 30px;}

@media (max-width:768px) {
	.product-article-item{width: 100%; margin-bottom: 20px;}
	.product-article-item ul li {width: 100%; padding-right: 0;}
}
/*  */
.product-about{margin-top: 15px;padding: 20px 30px; background-color: #fff;} 
.product-about>h3{position: relative; font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.product-about>h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: #0077AA;}
.product-about ul{margin-left: -15px;}
.product-about ul li{float: left; width: 25%; padding-left: 15px; text-align: center;}
.product-about ul li a{display: block;}
.product-pic{overflow: hidden;}
.product-pic img{width: 100%;}
.product-about ul li h3{ height: 50px; line-height: 23px; display: flex; align-items: center; justify-content: center; }
.product-about ul li p{padding:0 8px 8px; color: #777;}
.product-about ul li a:hover h3,
.product-about ul li a:hover p{background-color: #0077AA; color: #fff;}
.product-about ul li a:hover .product-pic img{transform: scale(1.1);}
@media (max-width:1000px) {
	.product-about ul li{ width: 33.33%; }
}
@media (max-width:840px) {
	.product-about{ display: none; }
}

/* right */
.page-right-title{padding: 10px 0; margin-bottom: 10px; background-color: #0077AA; font-size: 18px; text-align: center; color: #fff; border-radius: 6px 6px 0 0;}
.product-navbar {margin-bottom: 25px;}
.product-navbar>ul>li>a{position: relative; display: block;width: 100%;margin-bottom: 1px; padding-left: 35px; line-height: 40px; background-color: #ccc;font-size: 16px;color: #555;}
.product-navbar>ul>li>a i {position: absolute;top: 0; right: 15px; z-index: 0; font-size: 14px;}
/**/
.product-navbar-subnav { display: none; transition: none;}
.product-navbar-subnav li {font-size: 14px; cursor: pointer;}
.product-navbar-subnav li a {display: block; padding: 10px 15px 10px 30px;border: 1px solid #eee; border-top: none;  color: #666;}
.product-navbar-subnav li a span{font-family: simsun; font-size: 12px;}
.product-navbar-subnav li ul li{padding-left: 15px;border: 1px solid #eee; border-top: none; }
.product-navbar-subnav li ul li a{border: none;}
.product-navbar-active {display: block;}
.product-navbar-active .on{color: #0E73FC;}
/*  */
.product-hotpush{margin-bottom: 25px;}
.product-hotpush ul li{text-align: center;}
.product-hotpush ul li a{display: block;}
.product-pic{overflow: hidden;}
.product-pic img{width: 100%;}
.product-hotpush ul li h3{padding: 8px 0;margin-bottom: 15px;background-color: #eee;}
.product-hotpush ul li a:hover h3{background-color: #0077AA; color: #fff;}
.product-hotpush ul li a:hover .product-pic img{transform: scale(1.1);}
/*  */
.page-contact-bar{padding: 10px;}
.page-contact-bar img{max-width: 100%;margin-bottom: 15px;}
.page-contact-bar p{margin-top: 10px; color: #777;}
.page-contact-bar p i{margin-right: 5px;}

/* show-pro */
.show-pro-bigtitle{text-align: center; font-size: 24px;}
.show-pro-bigtitle p{ color: #777; font-size: 14PX; }
.show-pro-bigtitle p span{padding: 10px; display: inline-block;}
.show-pro-slide .swiper-container{margin: 35px auto; padding-bottom: 50px;}
.show-pro-slide .swiper-slide{text-align: center; }
.show-pro-slide img{max-width: 100%;}
.show-pro-slide ul li{float: left; margin-right: 10px; margin-bottom: 10px; text-align: center;}
.show-pro-slide ul li a{display: inline-block;padding: 0 15px; line-height: 40px; font-size: 16px; color: #fff; background-color: #0077AA; border-radius: 6px;}
@media (max-width:640px) {
	.show-pro-slide ul li a{font-size: 14px;}
	.show-pro-slide ul li a i{display: none;}
}

.show-pro-tags{margin-top: 25px; line-height: 35px;font-size: 16px;}
.show-pro-tags ul{display: inline-block; vertical-align: middle;}
.show-pro-tags ul li{float: left; padding-right: 10px;}
.show-pro-tags ul li a:hover{color: #0077AA;}


.show-pro-title{position: relative; padding: 10px 0; font-size: 20px; border-bottom: 1px solid #eee;}
.show-pro-title::before{position: absolute; bottom: 0; left: 0; content: ''; width: 110px; height: 2px; background-color: #0077AA;}
.show-pro-title i{margin-right: 5px; font-size: 24px; color: #777;}

.show-content{padding: 15px 0; line-height: 24px;color: #777;}
.show-content .wp-video{max-width: 100%!important;}
.show-content .wp-video video{max-width: 100%!important; height: auto!important;}
.show-content h3,
.show-content p{margin-bottom: 0px; color: #777;}
.show-content img{max-width: 100%!important; height: auto!important;}
.show-content a{text-decoration:underline; color:#0077AA;}
/* pageview */
.page-view {padding-top: 15px;border-top: 1px solid #eee;}
.page-view ul li{margin: 10px 0;}
.page-view ul li a{color: #777;}
.page-view ul li a:hover{color:#0E73FC;}
@media (max-width:768px) {
	.page-view ul{padding:10px 0;}
	.page-view ul li{width: 100%;}
	.page-view ul li:last-child{text-align: left; padding-top: 8px;}
}

/*  */
.page-title h3{position: relative;font-size: 24px;}
.page-title h3 i{font-size: 24px; color: #0077AA;}

.news-list {margin-top: 25px;border-top: 1px solid #eee; }
.news-list ul li{position: relative; padding-left: 15px;}
.news-list ul li a{ display: block; padding: 10px 0; line-height: 35px; border-bottom: 1px solid #eee; font-size: 16px;}
.news-list ul li a::before{position: absolute; top: 50%; left: 0; content: ''; margin-top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #999;}
.news-list ul li a span{color: #777; font-size: 14px;}
.news-list ul li a:hover{color: #0077AA;}
.news-list ul li a:hover::before{border-left-color: #0077AA;}

.video-list{margin-top: 25px; overflow: hidden;}
.video-list ul{margin-left: -15px;}
.video-list ul li{float: left; width: 33.33%; padding-left: 15px; text-align: center;}
.video-list ul li a{display: block;}
.video-list-box{position: relative; overflow: hidden;}
.video-list-box img{width: 100%;}
.video-list ul li h3{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.video-list ul li h3 i{font-size: 56px; color: #fff;}
.video-list ul li p{padding:8px; font-size: 16px; color: #777;}
.video-list ul li a:hover{background-color: #0077AA;}
.video-list ul li a:hover p{color: #fff;}
.video-list ul li a:hover img{transform: scale(1.14);}
@media (max-width:840px) {
	.video-list ul li{ width: 50%; }
}

@media (max-width:640px) {
	.video-list ul li{ width: 100%; }
}

/*  */
.partner-list{margin-top: 25px; overflow: hidden;}
.partner-list ul{margin-left: -15px;}
.partner-list ul li{float: left; width: 25%; padding-left: 15px; margin-bottom: 15px; text-align: center;}
.partner-list ul li a{display: block; height: 80px; display: flex; align-items: center; justify-content: center; border: 1px solid #eee;}
.partner-list-pic{overflow: hidden; text-decoration: blink;}
.partner-list-pic img{max-height: 100%;}
.partner-list ul li h3{padding: 8px 0;margin-bottom: 15px;}
.partner-list ul li a:hover h3{background-color: #0077AA; color: #fff;}

@media (max-width:1000px) {
	.partner-list ul li{ width: 33.33%; }
}
@media (max-width:840px) {
	.partner-list ul li{ width: 50%; }
}

@media (max-width:640px) {
	.partner-list ul li{ width: 100%; }
}

/*  */
.oster-navbar{padding:0 15px 15px;text-align: center;}
.oster-navbar ul li a{display: block; line-height: 45px;border: 1px solid #eee;margin-top: 5px;}
.oster-navbar ul li a:hover{background-color: #0077AA; color: #fff;}

/* contact */
.contact-list{padding-top: 15px;}
.contact-list p{ margin-top: 15px; font-size: 16px;}
.contact-list p i{font-size: 20px ; padding-right: 5px;}

.contact-wx li{float: left; width: 50%; padding: 25px 15px; text-align: center;}
.contact-wx-box{position: relative;  background-color: #fff; border-bottom: 3px solid #0E74FB; padding: 25px; border: 1px solid #eee; transition: all .3s; font-family: arial;}
.contact-wx-box span{ margin: 0 auto; display: block; width: 100px; height: 100px; line-height: 90px; border-radius: 50%; text-align: center;}
.contact-wx-box h3{color: #777; font-size: 20px; padding-bottom: 15px; }
.contact-wx-box p{height: 80px; font-size: 16px; color:#777;}
.contact-wx li:hover .contact-wx-box{box-shadow: 0 0 15px rgba(0,0,0,.1);background-color: #fff;}

@media (max-width:768px) {
	.page-map li{width: 100%;}
}

#map{height: 350px;}

/* honor */
.honor-title{padding: 15px 0;}
.honor-title h3{font-size: 20px; margin-bottom: 10px;}
.honor-title p{font-size: 16px; color: #777;}

.honor-list-one,
.honor-list-two{ overflow: hidden;}
.honor-list-one ul,
.honor-list-two ul{margin-left: -15px;}

.honor-list-one ul li,
.honor-list-two ul li{float: left; padding-left: 15px; text-align: center;}
.honor-list-one ul li{width: 33.33%;}
.honor-list-two ul li{width: 25%;}

.honor-list-one ul li a,
.honor-list-two ul li a{display: block;}
.honor-pic{ height: 300px; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.honor-pic img{max-width: 100%; max-height: 100%; width:270px; height:270px;}
.honor-list-one ul li h3,
.honor-list-two ul li h3{padding: 8px 0;margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.honor-list-one ul li a:hover h3,
.honor-list-two ul li a:hover h3{background-color: #0077AA; color: #fff;}


@media (max-width:840px) {
	.honor-list-one ul li,
	.honor-list-two ul li{ width: 50%; }
}

@media (max-width:640px) {
	.honor-list-one ul li,
	.honor-list-two ul li{ width: 100%; }
}

/*  */
.site-adpush{padding: 50px 15px; background-image: url(../images/site-adpush-bg.jpg); text-align: center; }
.site-adpush h3{position: relative; display: inline-block;padding: 0 35px; line-height: 50px; border-left: 1px solid #fff;border-right: 1px solid #fff; font-size: 40px; font-weight: bold; color: #fff;}
.site-adpush h3:before,
.site-adpush h3:after{position: absolute;content: ''; width: 20px ; height: 1px; background-color: #fff;}
.site-adpush h3:before{top: 0; left: 0;}
.site-adpush h3:after{bottom: 0; right: 0;}
.site-adpush h3 strong{font-size: 55px; color: #159BD5;}
.site-adpush p{ margin-top: 30px; padding: 5px 25px; font-size: 18px;  color: #fff;}
.site-adpush-tel{ margin-top: 35px; padding: 0 15px; text-align: center;}
.site-adpush-tel-box{display: inline-block; padding-left: 40px; font-size: 16px;font-family: arial;background-color: #159BD5; height: 55px; line-height: 55px; border-radius: 4px; overflow: hidden; }
.site-adpush-tel-box strong{font-size: 20px; color: #fff; }
.site-adpush-tel-box a{display: block;font-size: 20px; margin-left: 30px; padding: 0 35px;  background-color: #E7F4E7 ;color: #159BD5; font-weight: bold;}
@media (max-width:640px) {
	.site-adpush{display: none; }
}
@media (max-width:380px) {
	.site-adpush-tel-box b{ display: none;}
}
.box123{
	display: block;
    font-size: 1.66em;
  
}
table{border:0px solid #ccc; width:100%} 
/* css注释：只对table标签设置红色边框样式 */ 
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table tr td {border:1px solid #ddd;
    background: #fff;
    vertical-align: middle;
}
table, td, tr, th {
    font-size: 12px;
}

table td {
    line-height: 28px;
    text-align: left;
    background: #F2F2F2;
 
}