/*视频banner*/
.banner_video{ width: 100%;height: 0px;padding-bottom: 46.8%; overflow: hidden; position:relative;}
.banner_video .video{position: absolute; z-index:-100;width: 100%;padding-bottom:56.25%;}
.banner_video .video #my_video{ width: 100%; height: 100%;position: absolute;top:0;left: 0;}
.banner_video .mask{position: absolute; width:100%; z-index: 2;}
.banner_video .mask img{ width: auto; max-width: inherit;}
.banner_video .title{position: absolute; text-align: center; z-index: 3; width: 100%;margin: 20% 0 0 0;}
.banner_video .title img{  width: 50%; max-width: 560px; min-width: 200px;}
@media (max-width:767px) {
	.banner_video{ margin-top: 48px;padding-bottom:56%;}
}
/*热销产品*/
.title_ty{ text-align: center; padding: 30px 0; position: relative;}
.title_ty .con{}
.title_ty .con span{ display: block;color: #00518a; font-size: 26px; line-height: 40px;}
.title_ty .con em{ display: block;width: 40px; height: 2px; background: #00518a; margin: 0 auto;}
.title_ty .con i{ display: block;width: 240px; height: 1px; background: #8f9193; margin: 0 auto;}
.title_ty .con .small{ color: #8f9193; font-size: 16px;}
.title_ty .more{ position: absolute; right: 10px; top:36%;}
.title_ty .more i{color: #00518a; font-size: 24px;}
@media (max-width:768px) {
.title_ty{padding: 20px 0;}
.title_ty .con span{font-size: 20px; line-height: 36px;}
.title_ty .con .small{font-size: 12px;}
}

#container {display:block;margin:0 auto; padding: 40px 0;}
#itemdescription {position:relative;font-size:50px;}
#itemdescription .con {display:none;}
#itemdescription .con .tit{font-size: 26px; padding: 40px 0 50px 0; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: block;}
#itemdescription .con em{font-size: 16px; color: #646464; display: block;line-height: 30px; margin: 0 0 10% 0; max-height: 120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#itemdescription .con a{font-size: 16px; color: #00518a; padding: 8px 20px; border: 1px solid #00518a;}
#itemdescription .con a:hover{color: #FFF; background: #00518a;}
#itemlist { display:block;position:relative; height: 0px; padding-bottom: 39%;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  transform-style:preserve-3d;}
#itemlist div{ padding-bottom: 58%;width: 50%;position: absolute;}
#itemlist img {cursor:pointer;box-shadow:0px 10px 20px rgba(0,0,0,0.4);border:8px solid #FFF;     width: 100%;height: 100%;position: absolute;top: 0;left: 0; }
/*#itemlist img:hover {top:-5px;}*/
#itemlist .item-0 {z-index:4;left:5%; }
#itemlist .item-1 {z-index:3;left:26%; top:25%;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);}
  
#itemlist .item-2 {z-index:2;left:36%; top:-25%;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);}
  
#itemlist .item-3 {z-index:1;left:48%; top:0px;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);} 

@media (max-width:767px) {
#container {padding:0px 0;}
#itemdescription .con span{font-size: 20px; padding: 10px 0 20px 0;}
#itemdescription .con em{font-size: 14px;}
#itemdescription .con a{font-size: 14px; padding: 8px 20px;}
#itemlist {padding-bottom: 65%; margin: 10% 0%}
#itemlist img {border:5px solid #FFF;}
}
/*关于我们*/
.aboueUS{background:url(../image/aboutUs_img-b774fd8221b5a71ec5737efad40a2544.jpg); background-size:50% 100%; overflow: hidden; color: #FFF;}
.aboueUS .left{ }
.aboueUS .right{ background:#196295;}
.aboueUS .right_con{max-width: 600px; padding: 50px 15px 50px 30px;}
.aboueUS .right_con .title{ border-left: 3px solid #ffae00; padding: 0 0 0 15px;}
.aboueUS .right_con .title span{ color: #FFF; font-size:28px;}
.aboueUS .right_con .title em{display:block;color: #FFF; font-size:13.5px;}

.aboueUS .right_con ul{}
.aboueUS .right_con ul li{position: relative; margin: 40px 0 0 20px;}
.aboueUS .right_con ul li .icon{position: absolute;left: -100px; top: -5px; width: 66px; height: 66px;background: url(../image/o_30-806a286f407b74139c8b5c70458cb21f.png); border-radius: 50%; text-align: center;}
.aboueUS .right_con ul li .icon i{width: 56px; height: 56px;border-radius: 50%; background:#FFF;display: block; margin: 5px; font-size: 30px; color: #348acb; line-height: 56px;}
.aboueUS .right_con ul li h3{ font-size: 20px; color: #FFF; margin: 0 0 15px 0;}
.aboueUS .right_con ul li h3 small{ font-size: 14px; color: #FFF; margin: 0 0 0 10px;}
.aboueUS .right_con ul li span{ font-size: 14px; color: #bbcad9; line-height: 26px;}
.aboueUS .right_con ul li span p{color: #bbcad9;}

@media (max-width: 768px) { 
.aboueUS .right_con .title span{font-size:20px;}
.aboueUS .right_con .title em{font-size:10px;}
.aboueUS .right_con { padding: 30px 0px 30px 0px;}
.aboueUS .right_con ul li{margin: 40px 0 0 0px;}
.aboueUS .right_con ul li .icon{left: 0px; top: -13px; width: 44px; height: 44px;}
.aboueUS .right_con ul li .icon i{width: 34px; height: 34px;font-size: 22px;line-height: 34px;}
.aboueUS .right_con ul li h3{margin: 0 0 15px 50px;font-size: 16px;}
}

/*核心优势*/
.advantage{margin: 0px auto 40px auto;cursor: pointer;}
.advantage li{ float: left; border: 1px solid #dcdcdc; text-align: center; color: #646464; padding: 0; height: 0px; padding-bottom:25%; overflow: hidden; background: #FFF;}
.advantage li .title{ width: 100%;height: 0px; padding-bottom: 40%; position: relative;}
.advantage li .title h3{color: #333; font-size: 18px; padding:10% 0 0 0;}
.advantage li .title i{width: 76px; height: 76px;border-radius: 50%; margin: 0 auto; background:#c9c9c9;display: block; font-size: 40px; color: #FFF; line-height: 76px;position: absolute; bottom: -38px; left: 50%; margin-left: -36px;}
.advantage li span{ display: block; padding: 50px 30px 30px 30px;}

.advantage .active{background: url(../image/01-85facb9a180764526c6cdf70fe96058e.jpg);background-size: cover; color: #FFF;}
.advantage .active .title{background: url(../image/blue_70-ad864fbff6346ef6f93cf6a65cc4f3f8.png);}
.advantage .active .title h3{color: #FFF;}
.advantage .active .title i{color: #00518a; background: #FFF; border: 5px solid #cddde9;line-height: 66px;}

@media (min-width: 992px) and (max-width:1200px) {
.advantage li span{ font-size: 12px;padding: 50px 10px 20px 10px;}
}
@media (min-width: 768px) and (max-width:992px) {
.advantage li{padding-bottom:50%;}
.advantage li .title h3{padding: 40px 0 0 0;}
}
@media (max-width:767px) {
.advantage li{padding-bottom:40%;}
.advantage li .title{padding-bottom: 20%;}
.advantage li .title h3{padding:5% 0 0 0;}
}
@media (max-width:600px) {
.advantage li{padding-bottom:54%;}
.advantage li .title{padding-bottom: 20%;}
.advantage li .title i{width: 50px; height: 50px; font-size: 30px; line-height: 50px;position: absolute; bottom: -25px; left: 50%; margin-left: -25px;}
.advantage li span{padding: 30px 15px 30px 15px;}
.advantage .active .title i{line-height: 40px;}
}

/*数据*/
.data{background: url(../image/data_bj-505ae1abe710db62374e27ae2c97ffd3.jpg)no-repeat 50%/cover;height:532px;overflow: hidden;}
.data .data_content_list{padding-top:80px;padding-left:47px;height:532px;}
.data .data_content_list:nth-child(1){background:url(../image/bn3-a26e6e56b064339444c59618c464cb27.png) no-repeat 0% 0%;margin-left:0px;}
.data .data_content_list:nth-child(2){background:url(../image/bn4-13ca4f3194f60e86f1a9b79f7896a3b1.png) no-repeat 0% 0%;}
.data .data_content_list:nth-child(3){background:url(../image/bn6-35f9b4270d5ed26a696634b14cdcd0eb.png) no-repeat 0% 0%;}
.data .data_content_list .content_list_title{font-size:70px;color:#fff;font-family:"Impact";position:relative;padding-bottom:15px;margin-bottom:25px;}
.data .data_content_list .content_list_title:before{content:"";position:absolute;display:inline-block;width:40px;height:1px;background:#ffae00;left:0;bottom:-30px;}
.data .data_content_list .content_list_body {padding: 30px 0 0 0;}
.data .data_content_list .content_list_body p{font-size:16px;color:#fff;margin-bottom:5px;}
.data .data_content_list .content_list_body p:last-child{margin-bottom:0px;}

@media (max-width:767px) {
.data{padding: 9% 2%;}
.data .data_content_list {height: auto;padding: 0px; margin: 0 0 25px 0; background: none !important;}
.data .data_content_list .content_list_title {font-size: 40px;padding-bottom: 5px;margin-bottom: 10px;text-align: center;}
.data .data_content_list .content_list_body p {font-size: 13px;text-align: center;}
.data .data_content_list .content_list_title:before { left: 0;right: 0;margin: 0 auto;}
}

/*新闻的动态*/
.tabPanel {margin: 30px auto;}
.tabPanel ul{width:60%;border-bottom:1px solid #b8b8b8;margin: 0 auto; text-align: center;}
.tabPanel ul li{display:inline-block;font-size:28px;cursor:pointer; line-height: 60px; margin: 0 20px;}
.tabPanel .hit{border-bottom:3px solid #004588; color: #004588;}
.tabPanel .panes{padding: 40px 0;}
.tabPanel .pane{display:none}
.tabPanel .pane .datu{}
.tabPanel .pane .datu a{ display:block; padding-bottom:85%;width: 100%;position: relative;overflow: hidden; margin-bottom: 20px;}
.tabPanel .pane .datu img{width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition: all 0.6s;}
.tabPanel .pane .datu img:hover{transform: scale(1.2);}
.tabPanel .pane .datu .txt{ position: absolute;width: 100%;bottom: 0; background: url(../image/black_60-d39e6e3ccb8e1edcfaaf82e19c42ec94.png);padding:15px;}
.tabPanel .pane .datu .txt h3{ font-size: 20px; color: #FFF;padding: 0 0 10px 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.tabPanel .pane .datu .txt span{ font-size: 14px; color: #e3e3e4;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:52px ;}

.tabPanel .pane .xiaotu{padding: 0; background: #FFF;}
.tabPanel .pane .xiaotu a{}
.tabPanel .pane .xiaotu .img{padding-bottom: 60%;width: 100%;position: relative;overflow: hidden;}
.tabPanel .pane .xiaotu .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition: all 0.6s;}
.tabPanel .pane .xiaotu img:hover{transform: scale(1.2);}
.tabPanel .pane .xiaotu .txt{padding: 20px; background: #FFF; height: 0px; overflow: hidden; padding-bottom: 53%;}
.tabPanel .pane .xiaotu .txt h3{font-size: 20px;overflow: hidden; margin: 0 0 5% 0;
text-overflow:ellipsis;
white-space: nowrap;}
.tabPanel .pane .xiaotu .txt span{ font-size: 14px; color: #666666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}

@media (max-width:768px) {
.tabPanel ul{width:100%;}
.tabPanel ul li{font-size:20px;}
.tabPanel .pane .datu .txt h3{ font-size: 18px;}
.tabPanel .pane .xiaotu .txt{padding:10px 20px; padding-bottom: 55%;}
.tabPanel .pane .xiaotu .txt h3{font-size: 16px; margin: 0 0 3% 0;}
.tabPanel .pane .xiaotu .txt span{ font-size: 12px;}
}
@media (max-width:500px) {
.tabPanel .pane .xiaotu .txt{padding:10px; padding-bottom: 55%;}
.tabPanel .pane .xiaotu .txt h3{font-size: 14px; margin: 0 0 3% 0;}
.tabPanel .pane .xiaotu .txt span{font-size: 12px; line-height: 22px;max-height: 66px;}
}