@charset "UTF-8";

html {
 margin: 0;
 padding: 0;
 border: 0;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
 background: #fff;
 position: relative;
 font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
 vertical-align: baseline;
 width: 100%;
 overflow-x: hidden;
}

a {
 text-decoration: none;
 outline: none;
}

a:link {
 color: #666;
}

a:visited {
 color: #666;
}

a:hover,
a:active,
a:focus {
 text-decoration: none;
 outline: none;
}

input {
 padding: 0;
 margin: 0;
 font-family: 'Microsoft YaHei';
}

img {
 border: none;
 background: none;
 vertical-align: middle;
}

ul,
ol,
li {
 list-style-type: none;
}

select,
input,
img,
select {
 vertical-align: middle;
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

table,
th,
td {
 vertical-align: middle
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 overflow: hidden;
 visibility: hidden;
}

.clearfix {
 zoom: 1
}

.clear {
 clear: both;
}

.clearboth {
 height: 0px;
 line-height: 0px;
 overflow: hidden;
 clear: both;
 font-size: 0px;
}

h1,
h2,
h3,
h4 {
 font-size: 14px;
}

hr {
 border: 0;
 border-top: 1px solid #ccc;
 height: 0;
}
@font-face{
 font-family: "SOURCEHANSANSCN-NORMAL";
 src: url("../fonts/SOURCEHANSANSCN-NORMAL.ttf");
}
/*flex start*/
.flex{
 display: flex;
}
.di_column{
 flex-direction: column;
}
.al_center{
 align-items: center;
}
.ju_center{
 justify-content: center;
}
.flex_center{
 justify-content: center;
 align-items: center;
}

/*flex end*/
.common{
 /*padding: 0px!important;*/
}
.basic{
 max-width:1200px;
}
.com-des{
 padding-top: 0;
 margin-left: 5px;
}
.des1{
 font-family: "SOURCEHANSANSCN-NORMAL";
 color: #383838;
 font-size:24px;
}
.des2{
 font-family: "SOURCEHANSANSCN-NORMAL";
 color: #383838;
 font-size:24px;
}
.right_top{
 text-align: right;
 display: inline-block;
 width: 100%;
 margin-top: 24px;
}
.right_top h2{
 font-size: 14px;
 color: #333;
 float: right;
}
.right_top h2 span{
 color: #e96b0c;
 font-size: 18px;
}
.right_top h3{
 float: right;
 font-size: 14px;
 line-height: 20px;
 margin-left: 20px;
}
.right_top h3 span{
 color: #e96b0c;
 font-size: 14px;
}
.navbar{
 background:none!important; 
}
.nav li a{
 background:none!important;
 color: #333!important;
 font-size: 18px;
}
.carousel-indicators .active{
 background:#01b4ee;
 width: 12px;
 height: 12px;
 margin:0px 10px;
}
.carousel-indicators li{
 border: 2px solid #fff;
 width: 12px;
 height: 12px;
 margin:0px 10px;
}


.title{
 background:url(../images/title_bg.png) no-repeat center;
 text-align: center;
 margin:60px 0px 50px 0px;
}
.short{
 width: 250px;
 margin:60px 0px 10px 0px;
}
.title1{
 background:url(../images/title1_bg.png) no-repeat center;
 text-align: center;
 margin:60px 0px 50px 0px;
}
.title h2{
 color: #333;
 font-size: 26px;
 font-weight: bold;
 letter-spacing: 2px;
}
.title p{
 color: #666;
 font-size: 14px;
 /*letter-spacing: 2px;*/
font-family: arial;
margin-top:5px;
}
#certify {
 position: relative;
 width:100%;
 max-width: 1200px;
 margin: 0 auto
}

#certify .swiper-container {
 padding-bottom: 60px
}

#certify .swiper-slide {
 width: auto;
 height: auto;
}

#certify .swiper-slide img {
 display: block;
 width: 520px;
 height: auto;
 box-shadow: 0 35px 60px #ddd
}

#certify .swiper-slide p {
 line-height: 70px;
 padding-top: 0;
 text-align: center;
 color: #333;
 font-size: 24px;
 margin: 0
}

#certify .swiper-pagination {
 width: 100%;
 bottom: 20px
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 5px;
 border: 3px solid #fff;
 background-color: #d5d5d5;
 width: 10px;
 height: 10px;
 opacity: 1
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
 border: 3px solid #00aadc;
 background-color: #fff
}

.swiper-button-prev {
 /*left: -30px;*/
 width: 45px;
 height: 45px;
 background: url(../images/button_icon.png) no-repeat;
 background-position: 0 0;
 background-size: 100%
}

.swiper-button-prev:hover {
 background-position: 0 -46px;
 background-size: 100%
}

.swiper-button-next {
 /*right: -30px;*/
 width: 45px;
 height: 45px;
 background: url(../images/button_icon.png) no-repeat;
 background-position: 0 -93px;
 background-size: 100%
}

.swiper-button-next:hover {
 background-position: 0 -139px;
 background-size: 100%
}

.adv{
 background:url(../images/adv_bg.jpg) no-repeat center;
 background-size: 100% 100%; 
}
.word{
 font-size: 14px;
 color: #666;
 text-align: center;
 line-height: 30px;
}
.shuju_list{
 text-align: center;
}
.shuju_list h2{
 font-size: 72px;
 color: #e66b14;
 font-weight: bold;
 margin:20px 0px;
}
.shuju_list h3{
 font-size: 14px;
 color: #666;
 margin-left: -20px;
}
sub{
 font-size: 40%;
}
.advmore{
 text-align: center;
 margin: 30px 0px;
 display: inline-block;
 width: 100%;
}
.advmore a{
 color: #fff;
 background:#0082cd;
 padding: 8px 18px;
 font-size: 14px;
}

.prolist{
 background:url(../images/pro_bg.jpg) no-repeat bottom center;
 padding-bottom: 120px;
 
}
.pro_box{
 /* position: relative; */
 
}
.pro_ul{
 /* display: flex; */
 /* width: 90%; */
 padding-bottom:15px;
}

.pro_li{
 
 /* margin: 0 50px; */
}
.pro_li .pro_li-item{
 /*width: 100%;*/
 /*height: 100%; */
 max-height: 360px;
 text-align: center;
 background: #fff;
 position: relative;
 box-shadow: 4.5px 7.8px 8px 0 rgba(4,0,0,.49) 
}
.pro_li .pro_li-item img{
 max-width: 100%;
 max-height:100%;
 margin:0 auto;
 /* height: 100%; */
}
.pro_li .pro_li-item .pro_li-item-info{
 color: #0d0d0d;
 font-size: 17px;
 /*font-family: [SourceHanSansHWSC];*/
 width: 100%;

 position: absolute;
 bottom: 0;
 left: 0;
 background: rgba(20,143,213,0.4);
 padding:10px 0;
 text-align: center;
}
.pro_li .pro_li-item .pro_li-item-info .pro_li-btn{display: none;color: #00b5ee;font-family: '微软雅黑';font-size:11px;background: #fff;padding:4px;margin:4px auto;width: 60px;text-align: center;}
.pro_li .pro_li-item:hover .pro_li-item-info{width:100%;background: rgba(20,143,213,.7);height: 100%;}
.pro_li .pro_li-item:hover .pro_li-item-info div{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.pro_li .pro_li-item:hover .pro_li-item-info .pro_li-btn{display: block;}
.left{
 /* position: absolute;
 top: 100px; */
 width: 5%;
}
.right{
 /* position: absolute;
 top: 100px;
 right: 0 ; */
 width: 5%;
}

.news{
font-family: 'SOURCEHANSANSCN-NORMAL';
color:#696868;
}
.company_news{
 padding: 0;
}
.big_news{
 width: 100%;
}
.big_news a{
 width: 100%;
 display: inline-block;
 background-color: #f2f2f2;
}
.big_news a img,.big_news a .content{
 width: 50%;
 float: left;
 color:#444;
}
.big_news a .content{
 height: 100%;
 padding: 15px;
 
}
/* .content{
 float: left;
} */
.big_news a .content p{
 font-size: 13px;
 /*padding: 5px 0;*/
 margin:5px 0;
}
.big_news a .content p:first-child{
 font-size: 16px;
 /* color: red; */
 color: #444;
}
.small_news{
 /*width: 100%;*/
}
.small_news li {
 /*margin-bottom: 10px;*/
 padding:5px 0;
 box-sizing: border-box;

}
.news_item{position: relative; background: #f6f6f6;padding:10px 15px 10px 120px;display: block;color:#696868;}
.news_item:hover{background: #dcdcdc;}
.small_news li .news_left{position: absolute;top:13px;left:25px;text-align: right;}
.small_news li .news_left h1{
 font-size: 24px;
 margin-top: 5px;
}
.small_news li .news_right h3{
 font-size: 16px;
 font-family:'SOURCEHANSANSCN-NORMAL';
 color: #444;
 margin-bottom: 6px;
}


.footer{
 margin-top:30px;
 background: #242534;
 padding-top: 30px;
}
.footer_left{
 padding-bottom: 51px;
 /* background: darkcyan; */
}
.footer_right{
 padding-bottom: 51px;
 /* background: cyan; */
}
.footer,.footer a{
 color: #fff!important;
 font-family: 'SOURCEHANSANSCN-NORMAL';
}
.footer h3{
 font-size: 18px;
 font-weight: bold;
}
.footer .footer_left h3,.footer .footer_left p{
 text-align: center;
 padding: 3px 0;
}
.footer .footer_right p{
 padding: 3px 0;
}
.product .swiper-button-next {
 
}
.product{
 position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet{opacity: 1;width:11px;height:11px;position: relative;top:-2px;background: #fff;}
.banner .swiper-pagination-bullet-active{background: #01b4ee;border:3px solid #fff;width:15px;height:15px;top:0;}
.content{font-size:13px;}
.content .news-info{color:#696868;}
.big_news img{width:50%;}
.industry_news,.company_news{padding:0 5px;}
.footer .footer_right_top img{
 width: 35px;height: 35px;margin-right:14px
}
.news_item{min-height: 81px;}
.news_right p,.news-info{overflow: hidden;width: 100%; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-info{-webkit-line-clamp: 3;}
.swiper-slide.pro_li{padding:0 10px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.active > a{color:#e96b0c!important;}
@media (min-width: 1200px){
.container {
 width: 1200px;
	padding:0;
}
.head_left,.right_top_box{width:auto;padding:0;}
#example-navbar-collapse{padding:0;}
}
.logo{max-width:100%;}
@media screen and (min-width: 768px){
	.ju_around .col-lg-2{width:20%;padding:0 5px;}
	.head_left{float:left;}
.right_top_box{float:right;}
}
@media screen and (max-width: 767px){
	.navbar-toggle{height:auto;margin-right:0;}
 .prolist{padding-bottom:60px;}
 .company_name .des1,.company_name .des2{
 font-size:12px!important;
 }

 .footer_left h3{
 font-size:14px;
 }
 .footer_left{padding-bottom:15px;}
 .footer_left .ju_around ul li{
 font-size:12px;
 
 }
 .footer_left ul.ju_around>li{
 margin-bottom: 10px; 
 }
 .footer_left .white_col{
 display: none;
 }
 .detail{
 /*display: none;*/
 }
 .arrow{
 display: inline-block;
 border: 2px solid #242534;

 border-top: 6px solid #fff;
 }

 .footer_left .white_col{
 display: none;
 }
 .footer_right{
 margin-top:22px;
 }

 .footer .footer_right h3 {
 font-size:14px!important;
 }
 .footer .footer_right_top img{
 width:20px;
 height:20px;
 }

 .big_news a .content p:first-child {
 font-size: 12px;
 }
 .small_news li .news_left,
 .small_news li .news_right {
 }

 .small_news li .news_left h1 {
 font-size: 20px;
 }

 .small_news li .news_right h3 {
 
 font-weight: bold;
 }
 .small_news p{
 font-size:13px;
 }
 .short {
 width: 100%;
 margin: 60px auto 10px auto;
 }


 .right_top h3,.right_top h2,.right_top span{

 font-size:10px;
 }
 .shuju_list h2{font-size:38px;}
 /*.head_box,#header,.navbar-header{height:80px;}*/
 .logo{
 max-width:100%;max-height: 60px;margin-top:5px;
 }
 .navbar{margin-bottom: 0px;}
 .news_item{padding-left:100px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
 .right_top_box{
 margin-top:10px;
 }
 .short {
 width: 100%;
 margin: 60px auto 10px auto;
 }
 #example-navbar-collapse .navbar-nav{

 }
 #example-navbar-collapse .navbar-nav > li > a {
 font-size:16px;
 padding: 2px;
 float: right;
 }
 .navbar-nav {
 float: right;
 }
	.company_name p{font-size:20px;}
 

}
@media (max-width: 1000px){
	.company_name{display: none;}
	.head_box .container{padding:0;}
	.navbar{margin-bottom:0;}
}

@media (max-width: 767px){
 
 .news{padding:0 5px;}
}