@charset "utf-8";
/* CSS Document */
.header_top{ width:100%; overflow:hidden; height:43px; line-height:43px; background:#1978b8;}
.top_left{ float:left; font-size:14px; color:#FFF;}
.top_right{ float:right; font-size:14px; color:#FFF; background:url(../images/index_03.png) left no-repeat; padding-left:30px;}
.header_neve{ width:100%; height:105px; background:#FFF;}
.logo{ float:left; display:block; overflow:hidden; padding-top:10px;}
.head_list{ float:right; width:70%;}
.bocweb-language { line-height: 105px; height: 105px; position:absolute; right:-90px; display:inline;}
.bocweb-language a { display: inline-block; width: 36px; height: 36px; border: 1px solid #1978b8; font-family: Arial; font-size: 16px; line-height: 36px; border-radius: 50%; color: #1978b8; text-align:center;}

.bocweb-language-en { position:absolute; right:80px; top:40px; display:inline;}
.bocweb-language-en a { display: inline-block; width: 36px; height: 36px; border: 1px solid #fff; font-family: Arial; font-size: 16px; line-height: 36px; border-radius: 50%; color: #fff; text-align:center;}


/*=================导航=================*/
.nav_item{ float:left; width:14.28%; text-align:center; line-height:105px; position: relative; z-index: 100;}
.nav_item a{ width:100%; font-size:16px;  display:block;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden;width:100%;}
.nav_item .nav_itema{ width:100%; display: block;}
.hover .nav_itema { background:#118bca; color:#FFF;}
.hover .nav_item_sub a{ width:100%;background: #118bca; color:#FFF; font-size:14px; line-height:40px; border-bottom:1px #aec7d8 solid; opacity:0.9; padding:0;}
.hover .nav_item_sub a:hover{ background: #118bca; color:#FFF; opacity:0.6;}

.nav_itemk{ float:left; width:20%; text-align:center; line-height:105px; position: relative; z-index: 100;}
.nav_itemk a{ width:100%; font-size:16px;  display:block;}


/*================= banne===================*/
.g-banner{ width:100%; overflow:hidden; position:relative;}
.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:10px;  z-index:1; text-align:center;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }
.g-banner .slideBox .hd ul li{  margin:0px 3px;  width:12px; height:12px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; border-radius:50px; background:#FFF;}
.g-banner .slideBox .hd ul li.on{ background:#dc3200 !important; color:#fff;width:12px; }
.g-banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.g-banner .slideBox .bd li p{ background:#000; opacity:0.8; color:#FFF; position:absolute; left:0; right:0; margin:0 auto; width:30%; bottom:50px; line-height:50px; font-size:16px; text-align:center}
.g-banner .slideBox .bd img{ width:100%; height:auto; display:block; position:relative;}


.about{ width:100%; overflow:hidden; padding-bottom:60px; background:#FFF;}
.about_top{ width:100%; text-align:center; padding-top:20px; overflow:hidden; font-size:36px; font-weight:bold;}
.about_title{ font-size:24px; padding-left:10px;}
.about_cen{ width:100%; font-size:14px; line-height:32px; color:#707070; padding-top:25px; overflow:hidden;}
.about_img{ width:100%; padding-top:20px; overflow:hidden;}
.about_img ul li{ width:23%; float:left; margin-left:1%; margin-right:1%; text-align:center;}
.about_img ul li img{ max-width:100%;}
.about_img ul li span{ display:block; color:#000000; font-size:16px; padding-top:10px;}
.about_more{ width:140px; height:38px; border:1px #118bca solid; margin:40px auto 0 auto; text-align:center; line-height:38px;}
.about_more a{ display:block;}
.about_more a:hover{ background:#118bca; color:#FFF;}


.product{ width:100%; background:rgba(243, 243, 243, 1); overflow:hidden; padding:50px 0;}
.product_top{ width:100%; overflow:hidden; font-size:36px; font-weight:bold;}
.met-product {
  overflow:hidden;
}
.met-product .container {
  padding: 30px 15px;
}
.met-product .container-fluid {
  padding: 30px;
}
.met-product ul.met-grid li {
  clear: none;
}
.shown{ 
	width:25%;
	position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 32px;
}

.widget {
  /* position: relative; */
  background-color: #fff;
}
.widget .cover {
  width: 100%;
}
.cover-image {
  width: 100%;
  height:100%;
}
.cover {
  overflow: hidden;
}
figure{margin:0;}
.met-product .widget > .widget-title {
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  text-align:center;
}
.met-product .widget > .widget-title a{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	font-size:14px;
}
.met-product .widget,
.met-product .widget .widget-header,
.met-product .widget-body {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}
.met-product .widget .widget-header:hover a:after {
  top: 35%;
  opacity: 1;
}
.met-product .widget .widget-header:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}
.met-product .widget .widget-header:hover .mask {
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}
.met-product .widget .widget-header img {
  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}
.met-product .widget .widget-header a {
  display: block;
  position: relative;
}
.met-product .widget .widget-header a:after {
  content: '+';
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  margin-left: -26px;
  margin-top: 0px;
  display: inline-block;
  position: absolute;
  top: 0%;
  left: 50%;
  z-index: 10;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
  opacity: 0;
  color: #fff;
  font-size: 40px;
  text-align: center;
}
.met-product .widget .widget-header .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
  z-index: 2;
}
.met-product .met-toolbar-body {
  margin-bottom: 15px;
  margin-top: -15px;
}
.met-product .met-toolbar-body .btn-toolbar {
  float: right;
}
.met-product .met-toolbar-body .btn-toolbar .btn-group {
  background: #fff;
}
.met-product .met-figure .widget-body {
  display: none;
}
.met-product.type-1 h4 {
  margin: 0;
  font-size: 14px;
  text-align: left;
}
.met-product.type-1 h4 a {
  color: #666;
}
.met-product.type-1 h4 p {
  padding-top: 5px;
  margin: 0;
  font-size: 13px;
  color: #848484;
}


.contact{ width:100%; overflow:hidden; background:url(../images/index1_32.jpg) top center no-repeat; height:314px;}
.contact_cen{}
.contact_cen h4{ text-align:center; font-size:24px; color:#FFF; font-weight:bold; padding-top:70px;}
.contact_cen p{ text-align:center; color:#FFF; font-size:20px; padding-top:15px; padding-bottom:40px;}
.contact_cen p span{ color:#118bca; padding-left:5px;}
.contact_cen .more{ width:120px; height:33px;  margin:0 auto; text-align:center;}
.contact_cen a{ display:block; color:#FFF; width:120px; height:33px; border:1px #fff solid; line-height:33px;}
.contact_cen a:hover{ background:#118bca; color:#FFF; border:1px #118bca solid;}

.news{ width:100%; background:url(../images/index1_38.jpg) top center no-repeat; overflow:hidden; padding-top:100px; padding-bottom:40px;}
.news_cen{ width:100%; margin-top:50px; overflow:hidden;}
.news_cen li {width: 100%; height: 159px; border: 1px solid transparent; margin-bottom: 20px;}
.news_two_box { width: 100%;height: 159px; border: 1px solid transparent; position: relative; background: #f7f7f7; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_img { width: 230px; height: 157px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_img img { width: 200px; height: 130px; margin: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.news_two_txt { width: 56%;  float: left; margin: 36px 0 28px 34px; transition: all .3s ease-out 0s;}
.news_two_txt span {font-size: 16px; color: #717171; display: block; height: 24px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s;}
.news_two_txt p { height: 52px; color: #A2A2A2; line-height: 24px; display: block; overflow: hidden; transition: all .3s ease-out 0s;}
.news_two_date { width: 180px; float: right; color: #999; padding: 36px 66px 0 0; transition: all .3s ease-out 0s;}
.news_two_date span { height: 26px; font-size: 19px;}
.ser_but { position: absolute; top: 72px; right: 50px; width: 70px; height: 35px; border-radius: 18px; text-align: center; border: 1px solid #dedfe1;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_but { position: absolute; top: 100px;right: 105px;}
.ser_but i { width: 70px; height: 35px; line-height: 35px; transition: all 0.3s; font-style: normal;}
.news_two_box:hover { border: 1px solid #efefef; box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);}
.news_two_box:hover .news_two_img { background: #ccc; background: #ccc;}
.news_two_box:hover .news_two_txt { margin: 36px 0 28px 54px;}
.news_two_box:hover .news_two_date { padding: 36px 43px 0 0;}
.news_two_box:hover .ser_but { border: 1px solid #ccc; margin: 0 -60px;}

.foter{ width:100%; background:#118bca; overflow:hidden; padding:50px 0;}
.foter_left{ float:left; width:72%; overflow:hidden;}
.wx_img{ width:154px; height:154px; float:left; margin-right:20px;}
.foter_contact{ float:left; color:#FFF; font-size:14px; line-height:30px;}
.foter_right{ float:right; width:28%; overflow:hidden; color:#FFF;}
.foter_right h4{ color:#FFF; font-size:18px; display:block;}
.button1{ width:100px; height:37px; background:#175179; line-height:37px; color:#FFF; text-align:center; font-size:14px; border:none;}
.button2{ width:100px; height:37px; background:#e7e7e7; line-height:37px; color:#118bca; text-align:center; font-size:14px; border:none; margin-left:10px;}

.bottom{width:100%; overflow:hidden; height:43px; line-height:43px; background:#1978b8;}
.bottom_left{ float:left; color:#FFF; font-size:14px;}
.bottom_right{ float:right; color:#FFF; font-size:14px;}
.bottom a{ color:#FFF;}

.list_banner{ width:100%; overflow:hidden;}
.list_banner img{ width:100%;}

.ph_list_banner{ width:100%; overflow:hidden; display:none;}
.ph_list_banner img{ width:100%;}

.main{ padding:40px 0; overflow:hidden; background:#FFF;}
.nav{ width:100%; overflow:hidden; padding-bottom:30px;}
.nav ul li{ float:left; padding:0 20px; height:40px; background:#118bca; margin-right:0.5%; margin-bottom:10px;}
.nav ul li a{ line-height:40px; text-align:center; font-size:14px; color:#FFF; display:block;}
.page_nav{ width:100%; overflow:hidden;}
.page_nav h3{ display:block; text-align:center; font-size:30px; font-weight:bold; border-bottom:1px rgba(240,240,240,1) solid; padding-bottom:20px;}
.about_content{ line-height:35px; font-size:16px; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.about_content img{ max-width:100%;}
.page_nav .news_cen{ width:100%; overflow:hidden; margin-top:0;}
.page_nav h2{ display:block; text-align:center; font-size:24px; color:rgba(30, 30, 30,1);}
.page_nav h4{ display:block; text-align:center; padding-top:20px; border-bottom:1px rgba(240,240,240,1) solid; padding-bottom:10px; font-size:14px;}

/*================= 分页===================*/
.pagination{ padding:20px 0 30px; text-align:center; line-height:24px;}
.pagination li{ display:inline-block;}
.pagination li a{padding: 9px 15px;border: 1px solid #e4eaec;background: #fff;text-align: center;color: #76838f;}
.pagination .active a{ background:#118bca; color:#FFF;}

/*================= 产品详情页===================*/
.produce{ width:100%; overflow:hidden;}
.produce_left{ float:left; width:38%; overflow:hidden;}
.produce_left .bd ul li{ position:relative; width:100%; overflow:hidden;}
.produce_left .bd ul li img{ width:100%; height:100%; display:block;}
.produce_left .bd ul li span{ position:absolute; bottom:0; left:0; right:0; width:50%; line-height:40px; height:40px; background: #118bca; font-size:14px; color:#fff; padding-left:15px;}
.produce_right{ width:57%; float:right; overflow:hidden; padding-top:30px;}
.produce_right h6{ font-size:24px; color:rgba(30, 30, 30,1); border-bottom:1px rgba(240,240,240,1) solid; padding-bottom:10px;}
.produce_right .producr_deso{ padding-top:15px; display:block; line-height:26px; font-size:14px;}
.produce_name{ overflow:hidden; margin-top:30px;}
.produce_name h5{ width:120px; height:45px; line-height:45px; background:#118bca; text-align:center; font-size:14px; color:#FFF; display:block;}
.produce_content{ line-height:35px; font-size:16px; overflow:hidden; padding:20px; padding-bottom:20px; border: 1px solid rgba(240, 240, 240, 1); margin-bottom:20px;}
.produce_content img{ max-width:100%;}


.down_cen{ width:100%; overflow:hidden; padding-bottom:10px;}
.down_cen ul li{ padding:20px; width:100%; border:1px #e4eaec solid; margin-bottom:20px;}
.down_cen ul li .down_top{ width:100%; overflow:hidden;}
.down_cen ul li .down_top a{ float:right; height:30px; padding:0 15px; background:#000; color:#FFF; font-size:14px; line-height:30px;}
.down_cen ul li .down_top span{ float:left; font-size:16px; color:#333333; line-height:30px;}

.slick-dots{ text-align:center; padding-top:15px;}
.slick-dots li{ margin:0px 6px;  width:13px; height:13px;border-radius:15px; background:#FFF; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.slick-dots li.slick-active{ background:#118bca; color:#fff;width:13px;}

/*================= 手机端banner===================*/
.ph_banner{ width:100%; overflow:hidden; display:none;}
.ph_banner .banner_pad_cen{ width:100%; height:auto; overflow:hidden; position:relative;}
.ph_banner .banner_pad_cen .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:10px; z-index:1; text-align:center;}
.ph_banner .banner_pad_cen .hd ul{ overflow:hidden; zoom:1;  }
.ph_banner .banner_pad_cen .hd ul li{  margin:0px 6px;  width:13px; height:13px;border-radius:15px; border:2px #FFF solid; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.ph_banner .banner_pad_cen .hd ul li.on{ background:#0061ae; color:#fff;width:13px; }
.ph_banner .banner_pad_cen .bd{ position:relative; height:100%; z-index:0;   }
.ph_banner .banner_pad_cen .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.ph_banner .banner_pad_cen .bd li span{ display:block;position:absolute;left:0;right:0; margin:0 auto;bottom:60px;line-height:80px;padding-left:20px;background:url(../images/ion_03.png) no-repeat;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:24px; width:90%;}
.ph_banner .banner_pad_cen .bd img{ width:100%; height:auto; display:block; position:relative;}

/*================= 手机端底部===================*/
.ph_foter{ width:100%; background:#0585d0; overflow:hidden; padding-top:20px; padding-bottom:20px; display:none;}
.ph_foter_top{ width:70%; overflow:hidden; padding-bottom:10px; padding-top:20px; margin:0 auto;}
.ph_foter_top .ph_zyzh{ width:100%; text-align:center;}
.ph_foter_top .ph_zyzh img{ max-width:100%;}
.ph_foter_top .ph_zyzh span{ width:100%; float:left; color:#FFF; font-size:14px; text-align:center; padding-top:10px;}
.ph_foter_top .ph_jyjj{ width:46%; float:left; text-align:center; margin-left:2%; margin-right:2%;}
.ph_foter_top .ph_jyjj img{ max-width:100%;}
.ph_foter_top .ph_jyjj span{ width:100%; float:left; color:#FFF; font-size:3vw; text-align:center; padding-top:10px;}
.ph_foter_top .ph_gfap span{ width:100%; float:left; color:#FFF; font-size:3vw; text-align:center; padding-top:10px;}
.ph_bottom{ text-align:center; font-size:14px; line-height:30px; color:#FFF; padding-top:20px; border-top:1px #50aade solid;}
.ph_bottom a{ color:#FFF;}