@charset "utf-8";
/* CSS Document */
.head_pc{ width:100%; height:113px; background:#FFF;}
.head_pc .head_logo{ width:315px; height:69px; display:inline-block; margin-top:24px;}
.head_pc .head_list{ float:right; white-space:nowrap;}

.nav_item{ float:left; text-align:center; line-height:113px; position: relative; z-index: 100;}
.nav_item a{ width:100%; font-size:16px; color:#252525; display:block; padding:0px 25px;}
.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:#d91113 no-repeat left center; color:#FFF;}
.hover .nav_item_sub a{ width:100%;background: #d91113; color: #FFF; text-decoration: none; font-size:14px; height:43px; line-height:43px; border-bottom:1px #aec7d8 solid; opacity:0.9; padding:0;}
.hover .nav_item_sub a:hover{ background: #d91113; color:#FFF; opacity:0.6;}

.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:24px; overflow:hidden; position:absolute; width:100%; bottom:0; 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:15px; height:15px; border-radius:15px;background:#fff; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.g-banner .slideBox .hd ul li.on{ background:#dc3200 !important; color:#fff;width:15px; }
.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 img{ width:100%; height:auto; display:block; position:relative;}

.g-banner .slideBox .prev,
.g-banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.g-banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.g-banner .slideBox .prev:hover,
.g-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.g-banner .slideBox .prevStop{ display:none;  }
.g-banner .slideBox .nextStop{ display:none;  }

.product{ width:100%; overflow:hidden; padding-top:90px;}
.sh2{ color: #333333; font-size:26px; padding-top:32px;}
.product_cen{ width:100%; overflow:hidden; margin-top:30px;}
.img_over{ position:relative; width:49%; margin-right:1%; overflow:hidden; float:left;}
.img_over img{ width:100%;}
.img_out{ position:relative; width:49%; margin-left:1%; overflow:hidden; float:right;}
.img_out img{ width:100%;}
.old_right{ position:absolute; z-index:100; right:0; top:90px; width:50%; text-align:center;}
.sh3{ color:#ffffff; font-size:38px; letter-spacing:10; font-weight:bold;}
.sh4{ color:#ffffff; font-size:24px; letter-spacing:5; font-weight:bold; margin-top:5px;}
.sh5{ width:45%; height:44px; border-radius:10px; background:#db00db; display:block; line-height:44px; color:#FFF; font-weight:bold; font-size:20px; margin:30px auto 0 auto;}
.sh6{ background:#ff0000;}

.fwzx{ width:100%; padding-top:96px; overflow:hidden; padding-bottom:113px;}
.sh7{ text-align:center; font-size:28px; padding-bottom:22px; background:url(../images/or_03.jpg) center bottom no-repeat;}
.fwzx_cen{ margin-top:50px;}
.fwzx_nav{ width:31%; margin-right:3%; border:1px #dcdcdc solid; float:left; padding-bottom:59px; position:relative;}
.fwzx_nav:hover{ border:1px #00acc2 solid;}
.fwzx_nav .waper{ text-align:center; margin-top:70px;}
.wap2{ color:#333333; font-size:20px; text-align:center; padding-top:30px;}
.wap3{ font-size:16px; line-height:30px; color:#717171; text-align:center; padding:20px 30px 0 30px;}
.wap_more{ position:absolute; bottom:-27px; left:43%; z-index:100;}
.fwzx_nav:last-child{ margin-right:0;}

.about{ width:100%; overflow:hidden;}
.about_cen{ width:100%; overflow:hidden; background:#0054aa top center no-repeat;}
.ab1{ text-align:center; font-size:26px; color:#FFF; padding-top:27px;}
.ab2{ text-align:center; font-size:16px; color:#FFF; padding-top:24px;}
.abouts{ overflow:hidden;} 
.about_nav{ width:100%; padding-bottom:28px; overflow:hidden;}
.ab3{ text-align:center; font-size:24px; color:#FFF; padding-top:37px;}
.ab4{ font-size:14px; line-height:36px; color:#FFF; padding: 20px 25px 0 25px;}
.ab5{ font-size:14px; line-height:36px; color:#FFF; text-align:center; padding: 20px 15px 0 15px; display:none;}
.ab_more{ width:107px; height:39px; margin:26px auto 0 auto; border-radius:10px; border:1px #FFFFFF solid; line-height:39px; text-align:center; font-size:14px; font-weight:bold; display:block; color:#FFF;}
.pr_more{ width:107px; height:39px; margin:26px auto 0 auto; border-radius:10px; border:1px #CCC solid; line-height:39px; text-align:center; font-size:14px; font-weight:bold; display:block;}
.pr_more:hover{  background: #d91113; color:#FFF; border:1px #d91113 solid;}

.th_news{ width:100%; overflow:hidden; margin-top:60px;}
.thnews_cen{ margin-top:40px; overflow:hidden;}
.thnews_cen ul li{ width:48%; margin-right:2%; float:left; margin-top:30px;}
.thnews_cen ul li .thews_img{ float:left; margin-right:15px;}
.thnews_cen ul li .thews_img img{ width:160px;}
.thnews_nav{}
.th_title{ font-size:16px; color:#191919; text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;}
.thnews_cen ul li a:hover{ color:#d91113;}
.thnews_nav h4{ display:block; padding-top:10px; color:#191919;}
.th_deson{ font-size:14px; line-height:24px; color:#717171; padding-top:10px; height:58px; overflow: hidden;}

.alzs{ width:100%; padding-top:60px; overflow:hidden; position:relative;}
.alzs_cen{ width:100%; margin-top:25px; position:relative;}
.alzs_nav{ border-bottom:1px #d2d2d2 solid; border-top:1px #d2d2d2 solid; background:#eeeeee; overflow:hidden; padding-bottom:10px; position:relative;}
.alzs_nav ul li{ width:20%; float:left; margin-right:20px; margin-top:9px;}
.alzs_nav ul li img{ width:100%;}
.alzs_nav ul li span{ width:100%; float:left; text-align:center; font-size:14px; padding-top:15px;}
.alzs_cen .next{ background:url(../images/next_03.jpg) no-repeat; left:-5%; width:30px; height:30px; position:absolute; z-index:999; display:block; bottom:40%;}
.alzs_cen .prev{ background:url(../images/prev_05.jpg) no-repeat; right:-5%; width:30px; height:30px; position:absolute; z-index:999; display:block; bottom:40%;}
.alzs .container{ position:relative;}

.foter{ width:100%; background:#222222; overflow:hidden; margin-top:75px;}
.foter_cen{ padding-top:45px; overflow:hidden; padding-bottom:61px;}
.foter_left{ float:left; padding-top:18px;}
.meur{ float:left; margin-right:60px;}
.meur span{ font-size:18px; color:#ffffff; float:left; text-align:left; width:100%; padding-bottom:5px;}
.meur ul a{ width:100%; text-align:left; font-size:14px; line-height:30px; color:#9f9f9f; transition: all 1s ease 0s; display:block;}
.meur ul a:hover{ color:#FFF; transform: scale(1.1, 1.1);}
.foter_right{ background:#2f2f2f; float:right;}
.foter_let{ float:left; padding-top:16px; padding-left:30px; padding-right:36px;}
.foter_let p{ color:#9f9f9f; font-size:14px; line-height:30px; padding-top:10px;}
.foter_rit{ float:right; padding-top:16px; padding-right:14px; width:133px;}
.foter_rit span{ text-align:center; float:left; width:100%; font-size:14px; color:#ffffff; padding-top:6px; padding-bottom:6px;}

.bottom{ border-top:1px #484848 solid; overflow:hidden;  background:#222222; margin-top:40px;}
.bottom_left{ float:left; width:70%; overflow:hidden;}
.link{ width:100%; padding-top:40px;color:#9f9f9f; font-size:14px;}
.link a{ padding-left:15px; color:#9f9f9f;}
.bottom_cen{ color:#9f9f9f; font-size:14px; padding-top:20px; padding-bottom:26px;}
.bottom_cen a{ color:#9f9f9f;}

.list_banner{ width:100%; overflow:hidden;}
.list_banner img{ width:100%; height:100%;}
.list_about h1{ text-align: center; font-size: 36px;color: rgb(51,51,51); font-weight: 500; margin: 70px 0 0 0;}
.list_about h1 i{ display: block; width: 36px; height: 2px; background: rgb(0,64,152); margin: 20px auto 40px auto;}
.about_content{ line-height: 35px; font-size: 16px;}

.list_menu{ margin-bottom: 40px; text-align: center;font-size: 0;     overflow-x: auto; white-space: nowrap;}
.list_menu a{ display: inline-block; border: 1px solid rgb(211,211,211);  font-size: 16px; margin-right: 20px; padding:10px 15px;}
.list_menu .ahover{ color: rgb(255,255,255); border: 1px solid #d91113; background:#d91113;}
.list_menu a:hover{ color: rgb(255,255,255); border: 1px solid #d91113; background:#d91113;}
.list_product{ overflow:hidden;}
.list_product a{ display: inline-block; width: 31.1%; margin: 0 1% 2.2% 1%;text-align: center; float:left;}
.list_product a img{ max-width:100%;}
.list_product a span{ display: block; font-size: 16px; line-height: 50px; background: rgb(217,217,217);}
.list_product a:hover span{ background: rgb(0,64,152); color: rgb(255,255,255);}

.list_case{ overflow:hidden;}
.list_case a{ display: inline-block; width: 23%; margin: 0 1% 2.2% 1%;text-align: center; float:left;}
.list_case a span{ display:block;width:100%;overflow: hidden}
.list_case a span img{ width:100%;}
.list_case a p{ font-size: 16px;line-height:50px;background:rgb(208,208,208);padding:0 10px;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list_case a:hover p{ background:rgb(0,64,152);color:rgb(255,255,255)}

.news_list{ margin-top:50px; overflow:hidden;}
.news_list a{display:block; border-bottom:1px solid #dadada; padding:25px 0; overflow:hidden; width:100%;transition:background 0.5s;}
.news_list .img{float:left; display:inline-block; margin:0 20px 0 7px; width:200px; overflow:hidden}
.news_list .ere{display:-webkit-box;max-height:165px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space: normal;margin-bottom:0;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;color:#808080;}
.news_list .ere h6{ font-size:21px; color:#01796a; line-height:24px; margin-bottom:15px;}
.news_list .ere h2{ font-size:14px; font-weight:normal; color:#01796a; text-align:right;}
.news_list .ere h3{ font-size:14px; font-weight:normal; color:#888; line-height:28px; min-height:80px;}
.news_list a:hover{background:#fafafa}
.news_list a:hover h1{}
.news_list a:hover h2{}
.news_list a:hover h3{}
.news_list a div img{width:200px; height:133px;transition:transform 1s;}
.news_list a:hover img{
	transform: scale(1.2);
}

.news_content h1{ border-bottom:1px solid rgb(224,224,224);margin:70px auto 0 auto;}
.news_content h1 em{ display:block;text-align: center;font-size: 14px;line-height: 14px;margin:20px 0 5px 0;color:rgb(153,153,153)}
.news_cent{ margin:20px auto;color:rgb(102,102,102);line-height: 35px; font-size:14px;}

.prve_next{margin: 0 auto 70px auto;height: 80px;position: relative;border-bottom:1px solid rgb(224,224,224);}
.prve_next>a{display: block;line-height: 35px;width: 50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.prve_next>a:last-of-type{width:140px;font-size:14px;background:rgb(0,64,152);color:rgb(255,255,255);line-height:40px;height:40px;text-align:center;margin:auto;position: absolute;right:40px;top:0;bottom:0;}

#pages { padding:10px 0 10px;text-align:center;font:12px '宋体'; clear:both;}
#pages a { display:inline-block; padding:9px 15px; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:9px 15px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:9px 15px;  background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }


.m-xinwen{display:none;}
.u-tial{width:100%;margin-top:30px; margin-bottom:35px;}
.m-anli{width:100%;margin-top:15px;}
.m-anli  .picScroll-right{ width:100%; height:100%;position:relative; }
.m-anli  .picScroll-right .hd{width:100%;height:0px; position:absolute;top:30%;}
.m-anli  .picScroll-right .hd .prev{ position:absolute; z-index:999;left:0px; top:0;  display:block; color:#FFF; font-size:8.4vw;}
.m-anli  .picScroll-right .hd .next{ position:absolute; z-index:999;right:0px; top:0;  display:block; color:#FFF; font-size:8.4vw;}
.m-anli  .picScroll-right .hd .prev:hover,
.m-anli  .picScroll-right .hd .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m-anli  .picScroll-right .hd .prevStop{ display:none;  }
.m-anli  .picScroll-right .hd .nextStop{ display:none;  }

.m-anli  .picScroll-right .bd{ width:100%;overflow:hidden; }
.m-anli  .picScroll-right .bd ul{ overflow:hidden; zoom:1; }
.m-anli  .picScroll-right .bd ul li{float:left; _display:inline; width:50%;  overflow:hidden; text-align:center;}
.m-anli  .picScroll-right .bd ul li .pic{ text-align:center;width:100%;  }
.m-anli  .picScroll-right .bd ul li .pic img{ width:100%; display:block;-webkit-transition: all 1s ease;transition: all 1.8s ease;}
.m-anli  .picScroll-right .bd ul li .title{width:100%;overflow:hidden;height:50px;line-height:50px;}



.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:23.5%;
	position: relative;
  float: left;
  min-height: 1px;
  margin-right:20px;
  margin-top: 22px;
}

.showns{ 
	width:33.3%;
	position: relative;
  float: left;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 22px;
}

.widget {
  /* position: relative; */
  margin-bottom: 30px;
  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:16px;
}
.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;
  font-family: "Times New Roman", "微软雅黑";
}
.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;
}


.white-bg { background-color: #fff; padding:40px 50px; min-height: 300px; border-radius: 5px; overflow:hidden;}
.human-list { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 50px; }
.human-list .human-pic { float: left; width: 479px; height: 300px; position: relative; }
.human-list .human-pic i { height: 0; width: 0; border-left: 100px solid transparent; border-right: 0px solid transparent; border-bottom: 300px solid #fff; border-top: 0; display: block; top: 0; position: absolute; right: 0; }
.human-list dl { float: right; width:550px;  }
.human-list dl dt { color: #009fd6; font-size: 28px; font-weight: bold; margin-bottom: 15px; margin-top: 30px; }
.human-list dl dd { font-size: 16px; line-height: 36px; float: left; }
.human-list dl dd i { display: inline-block; line-height: 25px; color: #fff; padding-right: 5px; background: url(../images/human-icon.png) no-repeat center; text-align: center; margin-right: 10px; width:40px; float:left; margin-top: 5px }
.human-list dl dd span {  float:left; display:block; width:450px; }
.human-list2 { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; }
.human-list2 .human-pic { float: right; width: 479px; height: 300px; position: relative; }
.human-list2 .human-pic i { height: 0; width: 0; border-right: 100px solid transparent; border-left: 0px solid transparent; border-bottom: 300px solid #fff; border-top: 0; display: block; top: 0; position: absolute; left: 0; }
.human-list2 dl { float: left; width:550px; }
.human-list2 dl dt { color: #009fd6; font-size: 28px; font-weight: bold; margin-bottom: 15px; margin-top: 30px; }
.human-list2 dl dd { font-size: 16px; line-height: 36px; float:left; }
.human-list2 dl dd i { display: inline-block; line-height: 25px; color: #fff; padding-right: 5px; background: url(../images/human-icon.png) no-repeat center; text-align: center; margin-right: 10px; width:40px; float:left; margin-top: 5px}
.human-list2 dl dd span {  float:left; display:block; width:450px; }