body{font-size:14px; line-height:1.6; background:#fff; font-weight:normal; font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif; color:#333;overflow-x: hidden;}
.wrapper {width: 1200px;margin: 0 auto;}
.clearf {clear: both;height: 0px;margin: 0;padding: 0;width: 0;border: none;overflow: hidden;}
div,p,ul,li,form,input,textarea,button{font-size:14px;}
ul,ol,li{ list-style:none;}
*{margin:0;padding:0;}
a{ color:#333;text-decoration:none;transition: all 0.35s;}
a:hover{ color:#c12626;transition: all 0.35s;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px;color: #4e4e4e;}.f16{font-size: 16px}.f18{font-size:16px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}.f32{font-size:32px}.f36{font-size:36px}
.lh18{line-height: 18px}.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}.lh30{line-height: 30px}.lh32{line-height: 32px}
.fb{ font-weight:600;}.fn{ font-weight:normal;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.right a{color:#ffffff;}
.right i{color:#ffffff;}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.fa{ font-family:Arial, Helvetica, sans-serif;}
.fv{ font-family:Verdana, Geneva, sans-serif;}
.contile{font-size:16px; color:#c12626; font-weight:bold; margin-top: 15px;}
@font-face{font-family:Boring; src:url('../img/boring.woff.ttf');}
.fbo{ font-family:Boring;}


/*表格样式*/
table tr:first-child{background:#d8262c; color:#fff;} /*第一行标题蓝色背景*/
table{border:0px solid #b3e5fc; border-top:1px solid #b3e5fc;border-left:1px solid #b3e5fc;margin: 0 auto;} 
td{ padding:5px 10px; border:0px solid #b3e5fc; text-align:center;border-right:1px solid #b3e5fc;border-bottom:1px solid #b3e5fc;}
tr:nth-of-type(odd){ background:#eeeeef;} /* odd 标识奇数行，even标识偶数行 */
tr:hover{ background: #eeeeef;} /*鼠标悬停后表格背景颜色*/
.contable {overflow:scroll;width:100%; overflow-x:hidden;overflow-y:hidden;}


/*公司环境*/
.apply-inner {
  padding: 3% 0 0;
}

.apply-inner .apply-tab-list .item {
  text-align: center;
}

.apply-inner .apply-tab-list .link {
  display: block;
  position: relative;
}

.apply-inner .apply-tab-list .link:hover,
.apply-inner .apply-tab-list .link:active {
  top: -5px;
}

.apply-inner .apply-tab-list .link:hover .img,
.apply-inner .apply-tab-list .link:active .img {
  filter: brightness(100);
}

.apply-inner .apply-tab-list .link:hover .ico,
.apply-inner .apply-tab-list .link:active .ico {
  background: #0b499f;
}

.apply-inner .apply-tab-list .ico {
  position: relative;
  border-radius: 10px;
  padding: 15px;
  background: #f7f8f8;
  border: solid 1px #e7e8e8;
}

.apply-inner .apply-tab-list .cn {
  padding: 5px 0;
}

.apply-inner .apply-tab-content {
  margin-top: 2%;
}

.apply-inner .apply-tab-content .item {
  width: 31.5%;
  margin-bottom: 2.5%;
}

.apply-inner .apply-tab-content .item.none {
  margin-bottom: 0;
}

.apply-inner .apply-tab-content .title {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.justify {
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0px;
  font-size: 0px;
}

.justify:after {
  content: " ";
  height: 0px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.justify > * {
  text-align: left;
  font-size: 14px;
}

.justify .box {
  display: inline-block;
  vertical-align: top;
}
.justify .box img{
 border-radius: 10px;
}
.about_p {
    margin-top: 60px;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	
	  .apply-inner .bg {
    margin-bottom: 30px;
  }

  .apply-inner .text {
    width: 100%;
  }

  .apply-inner .apply-tab-content .pic img {
    width: 100%;
  }

  .apply-inner .apply-tab-content .item {
    width: 48.5%;
  }
}
@media screen and (max-width: 640px) {
	  .apply-inner .apply-tab-content .item {
    width: 100%;
  }

  .apply-inner .apply-tab-list {
    display: flex;
    overflow: auto;
    width: 100vw;
    justify-content: flex-start;
    text-align: left;
  }

  .apply-inner .apply-tab-list .item {
    margin-right: 15px;
    display: inline-block;
    flex-shrink: 0;
    text-align: center;
    position: relative;
  }

  .apply-inner .apply-tab-list .img {
    width: 48px;
  }

  .apply-inner .apply-tab-list .ico {
    padding: 10px;
  }
}









/*公司环境*/

.black{color:#333;}
.blue{color:#0d50a3;}
.c666{ color:#666;}
.white, a.white, .white a{ color:#fff;}
.grey, a.grey, .grey a{ color:#fff;}
.grey9, a.grey9, .grey9 a{ color:#898989; font-size:14px; }
.bg-white{ background:#fff;}
.bg-grey{background: #e6e6e6;border-radius: 10px 10px 0px 0px;}

.mt10{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr80{margin-right:80px;}
.pd30{ padding:30px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.l60{margin-left: 60px;}

a.but{width:120px; padding-left:30px; font-size:14px; height:36px; line-height:36px;border:1px solid #ddd; display:inline-block; color:#333; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 100px 14px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but:hover{ border:1px solid #0d50a3; display:inline-block; background-color: transparent; color:#0d50a3; background-position: 100px -28px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but-s{width:120px; padding-left:20px; font-size:12px; height:36px; line-height:36px; border-radius:18px; border:1px solid #ccc; display:inline-block; color:#666; background-color:#fff; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 80px 15px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but-s:hover{ border:1px solid #ff7328; display:inline-block; background-color:#ff7328; color:#fff; background-position: 80px -28px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but-lg{width:540px; padding-left:30px; font-size:26px; height:70px; line-height:70px; border-radius:35px; text-align:center; border:1px solid #ff7328; display:inline-block; color:#fff; background-color:#ff7328; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 80px -10px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.but-lg:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fff; color:#333; background-position: 80px 32px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

a.but-rus{width:160px; height:46px; line-height:46px; text-align:center; border:1px solid #ff7328; border-radius:23px; display:inline-block; color:#fff; background-color:#ff7328;transition: all 0.35s;}
a.but-rus:hover{ border:1px solid #fff; display:inline-block; background:none; color:#fff; background-position: 140px 20px; transition: all 0.35s;}
a.more{width:120px; height:30px; line-height:30px; padding-left:10px; border:1px solid #f1f1f1; text-align:left; display:inline-block; color:#333; background-color:#fff; background-image:url(../img/arrow.png); background-repeat: no-repeat; background-position: 90px 11px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
a.more:hover{ border:1px solid #f5f5f5; display:inline-block; background-color:#fabe00; color:#fff; background-position: 90px -32px;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;box-shadow: 0 5px 10px #eee;}

table{border-left:1px solid #ddd; border-top:1px solid #ddd;}
td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:4px; text-align:center;}

#Article{overflow: initial;}

.container{width:1200px; margin-left:auto; margin-right:auto; overflow: hidden;}
.container-f{width:100%;}
.container-s{width:1140px; padding:30px; margin-left:auto; margin-right:auto;}

.banner{ margin-top:90px; width:100%; overflow:hidden;}
.banner-swiper {
     height: 100% 
}
.banner-swiper img{
width: 100%;
}
.banner1{ background:url(../img/banner1.jpg) no-repeat center top;}
.banner2{ background:url(../img/banner2.jpg) no-repeat center top;}
.banner3{ background:url(../img/banner3.jpg) no-repeat center top;}
.banner-about{ width:100%; height:532px; background:url(../img/banner-about.jpg) no-repeat center top; margin-top:92px;}
.banner-product{ width:100%; height:532px; background:url(../img/banner-product.jpg) no-repeat center top; margin-top:92px;}
.banner-tech{ width:100%; height:532px; background:url(../img/banner-tech.jpg) no-repeat center top; margin-top:92px;}
.banner-news{ width:100%; height:532px; background:url(../img/banner-news.jpg) no-repeat center top; margin-top:92px;}
.banner-case{ width:100%; height:532px; background:url(../img/banner-case.jpg) no-repeat center top; margin-top:92px;}
.banner-contact{ width:100%; height:532px; background:url(../img/banner-contact.jpg) no-repeat center top; margin-top:92px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {min-width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #c12626;}
.nav{width:100%;position:fixed;top:0px;left:0px;height:90px; background: #c12626;transition: all 0.35s; z-index:99;}
.nav .container-s{ height:90px;transition: all 0.35s; }
.navbar-header{padding:21px 0;transition: all 0.35s; width:350px; float:left;}
.navbar-header img{width:218px; height:41px;}
.navbar{width:750px; float:right; height:34px; padding-top:29px; transition: all 0.35s;}
.affix{height:72px; background-color: #c12626;transition: all 0.35s;}
.affix .container-s{ height:72px;transition: all 0.35s;}
.affix .navbar-header{padding:10px 0;transition: all 0.35s; width:350px; overflow:hidden;}
.affix .navbar-header img{width:218px; height:41px;}
.affix .navbar{height:34px; padding-top:19px;transition: all 0.35s;}
.navbar-nav li{ float:left; transition: all 0.35s;margin: 0 3px;}
.navbar-nav li a{height:34px;width:100px; text-align:center; font-size:16px; line-height:34px; display:block; border-color:none; border-radius:10px; color:#ffffff;transition: all 0.35s;}
.navbar-nav li a:hover{transition: all 0.35s;  background: #ffffff; color: #c12626;}
.navbar-nav li.active a{height:34px; line-height:34px; display:block;border-radius:10px; color: #c12626; background: #ffffff;transition: all 0.35s;}
.navbar-right{width:100px; line-height:92px; height:92px; float:right; text-align:right;transition: all 0.35s;}
.affix .navbar-right{height:72px; line-height:72px;transition: all 0.35s;}
.affix .navbar-nav li{float:left;transition: all 0.35s;}
a.bm{width:142px; height:34px; line-height:34px; text-align:center; background-color:#eaaf3c; color:#333; display:block; border-radius:3px; font-size:16px; border:1px solid #eaaf3c;}
a.bm:hover{background-color: transparent; border:1px solid #fff; color:#fff;}

.navbar_wap{
display:none;
}
.nav-btn{
display:none;
}
.navbar-mask{
display:none;
}


.top-nav{display: none;}

.bd_nav{
height: 80px;
    background-color: #e6e6e6;
}
.bd_hb{
float: left;
font-size: 24px;
    font-weight: bold;
    color: #4e4e4e;
line-height: 80px;
    padding-left: 20px;
background: url(../images/tbg.png) no-repeat left 35px;
}
.bd_dhb{
float: right;
line-height: 79px;
}

.hbt_on {
background:#c12626;
color: #fff !important;
}

.bd_dhb a{
color: #4e4e4e;
font-size: 18px;
padding: 7px 20px;
border-radius: 10px;
cursor: pointer;
}
.bd_dhb a:hover{
background:#c12626;
color: #ffffff;
}

.hbt_a {
float: left;
margin-left: 15px;
}

.about_l{
margin-top: 45px;
width: 570px;
float: left;
}
.about_l h2{
margin-bottom: 10px;
}
.about_r{
float: right;
}
.about-title{
line-height: 55px;
    padding-left: 20px;
    background: url(../images/tbgr.png) no-repeat left 23px;
border-bottom: 1px solid rgba(51,51,51,0.1);
}
.qywh li{
width: 325px;
    padding: 30px;
    height: 110px;
background:#e6e6e6; 
border-radius: 10px;
margin-bottom: 50px;
float: left;
margin-right: 22px;
color: #4e4e4e;
}

.qywh li:nth-child(3){
margin-right: 0px;
}
.qywh li:nth-child(6){
margin-right: 0px;
}

.qywh li:hover{
background:#c12626; 
color: #ffffff;
}
.qywh img{
margin-top: 10px;
float: left;
}
.qywh div{
float: left;
width: 250px;
    margin-left: 15px;
}
.qywh div h3{
margin-top: 10px;
   font-size:24px;
}
.qywh div p{
    margin-top: 5px;
}
.title{ background:url(../img/tbg.png) no-repeat left 13px; }
.title .t{font-size:30px; color: #4e4e4e; font-weight:bold;}
.title .t span.en{ font-family:boring; font-size:12px; color:#999; font-weight:normal;}
.title-link{padding-left:100px; padding-top:40px;}
.title-link li{ float:left;height:36px; line-height:36px; }
.title-link li a{padding:0 20px; display:block; border:1px dotted #f6f6f6; border-radius:18px;}
.title-link li a:hover{border:1px dotted #0d50a3;}
.title-link li a.on{padding:0 20px; display:block;border:1px dotted #0d50a3; border-radius:18px;}
.title-link li a.on:hover{ border:1px dotted #0d50a3;}
.t-more{ padding-top:48px;}
.t-more a{color: #4e4e4e;padding: 5px 10px;border: 1px solid #4e4e4e;  border-radius: 10px; }

.menu-link{padding-left:100px; padding-top:20px;}
.menu-link li{ float:left;height:42px; line-height:42px;margin:0 15px; font-size:16px;}
.menu-link li a{padding:0 30px; display:block; background:#f3f3f3; border-radius:21px;}
.menu-link li a:hover{background:#0d50a3; color:#fff;}
.menu-link li a.on{padding:0 30px; display:block;background:#0d50a3; border-radius:21px; color:#fff;}
.menu-link li a.on:hover{ background:#0d50a3;}

.menu-link-pro{padding-left:50px; padding-top:20px;}
.menu-link-pro li{ float:left;height:42px; line-height:42px; font-size:16px;}
.menu-link-pro li a{padding:0 20px; display:block; background:#f3f3f3; border-radius:21px;}
.menu-link-pro li a:hover{background:#0d50a3; color:#fff;}
.menu-link-pro li a.on{padding:0 20px; display:block;background:#0d50a3; border-radius:21px; color:#fff;}
.menu-link-pro li a.on:hover{ background:#0d50a3;}

.down-list{margin-top:50px;}
.down-list li{height:72px; line-height:72px; padding:0 20px; margin-top:2px; background-color:#fafafa;transition: all 0.35s;}
.down-list li:hover{background-color:#eee;transition: all 0.35s;}
a.down{width:80px; height:32px; display:inline-block; border:1px solid #0d50a3; border-radius:16px; background-color:transparent; margin:0 10px; color:#0d50a3; line-height:32px; text-align:center;}
a.down:hover{color:#fff; background-color:#0d50a3;}

.prod_dhb{
margin-top: 15px;
line-height: 40px;
}
.prod_hbt {
margin-left:0px;
}
.prod_hbt a{
padding: 5px 18px;
}

.imgview img{
max-width: 880px;
}

.pro-list{width:1200px; margin:0 auto;margin-top: 55px;}
.pro-list p{color:#333; font-size: 16px;}
.pro-list li{width:538px;  overflow:hidden; padding:22px; float:left; margin-right:35px;margin-bottom:35px; background-color:#fafafa;transition: all 0.35s;border-radius: 10px;}
.pro-list li:nth-child(2),.pro-list li:nth-child(4),.pro-list li:nth-child(6),.pro-list li:nth-child(8){margin-right:0px;}
.pro-list li:hover{box-shadow:0px 10px 20px 0px #cedced;transition: all 0.35s;background-color: #c12626;}
.pro-list li:hover p{color:#ffffff}
.pro-list li .pic{ background-color:#fff;border-radius: 10px;}
.pro-list li .pic img{width: 236px;
    height: 267px;display: block;border-radius: 10px;}
.pro-list li .txt{width:270px;background: url("../images/p_logo_on.png") no-repeat left 30px;}
.pro-list li:hover .txt{background: url("../images/p_logo.png") no-repeat left 30px;}
.pro-list li a{width:538px; height:220px;display:block;}
.pro-list li a .txt .t{ font-size:24px; font-weight:700; color:#333; margin:75px 0 20px;}
.pro-list li:hover a .txt .t{ color:#ffffff;}
.pro-list li a .txt .b{ margin-top:20px;width:100px; height:34px; line-height:34px; text-align:center; background-color:#eee; border-radius:17px;transition: all 0.35s;}
.pro-list li a:hover .txt .b{ color:#fff;background-color:#0d50a3;transition: all 0.35s;}

.title_m{
background: url(../images/tbg.png) no-repeat left 5px;
padding-left: 20px;
}

.title-s{ background:url(../images/tbg.png) no-repeat left 12px; padding-bottom:20px; }
.title-s .t{font-size:22px; padding-left:25px; font-weight:700;color: #4e4e4e;}
.title-s .t span.en{ font-family:boring; font-size:12px; color:#999; font-weight:normal;}
.t-mores{ padding-top:10px;}
.t-mores a{color:#4e4e4e;}

.i-newslist li{padding:20px 10px; background-color:transparent;transition: all 0.35s; border-bottom:1px solid #ddd;}
.i-newslist li:hover{ background-color:#c12626;transition: all 0.35s; border-bottom:1px solid #c12626;border-radius: 10px;}
.i-newslist li .pic{width:142px; margin-right:15px;}
.i-newslist li .pic img{width:142px; height:93px;}
.i-newslist li .txt{width:410px;}
.i-newslist li:hover .txt{color:#fff;}
.i-newslist li .txt p{padding-bottom:6px;}

.pic-list{width:1200px; margin:30px auto 0;}
.pic-list li:nth-child(5){
margin-right:0px;
}
.pic-list li{width:228px; float:left; margin-top:10px; margin-right:15px;  border-radius:10px; background-color:#f6f6f6;transition: all 0.35s;}
.pic-list li:hover{ margin-top:0px;box-shadow:0px 10px 20px 0px #cedced;transition: all 0.35s;background-color:#c12626;margin-bottom: 20px;}
.pic-list li:hover p{ color:#fff;}
.pic-list li.no{margin-right:0;}
.pic-list li p.t {font-size:16px; font-weight:700; margin-top:10px; background:url(../img/bg-dot.png) no-repeat center bottom; background-size:26px 2px; padding: 0px 10px;}

.pic-list li p.pic{width:228px; height:230px; overflow:hidden;border-radius: 10px 10px 0px 0px;}
.pic-list li a p.pic img{width:100%; height:100%;transition: all 0.35s;}
.pic-list li a:hover p.pic img{ transform: scale(1.1);transition: all 0.35s;}
.pic-list_msg{
padding: 0px 10px;
margin: 5px 0px 10px;
}
.pro-pic{width:600px;}
.pro-info{width:542px;}
.pro-pic #big-pic{width:502px; height:502px; overflow: hidden;display:table-cell;vertical-align:middle;*display:block;}
.pro-pic #big-pic img{width:500px; height:500px; min-width:500px; min-height:500px; border:1px solid #ddd; background-color:#fff;display: block;margin-bottom: 5px;}

.list-pic{width:502px;}
.list-pic .btn{width:20px;height:82px; float:left;}
.list-pic .btn a{width:20px; height:82px; line-height:82px; display:block; font-size:20px; color:#999; background-color:transparent;transition: all 0.35s;}
.list-pic .btn a:hover{background-color:#eee;transition: all 0.35s;}

#Article .cont{overflow:hidden; float: left; width:500px; height:82px;}
#Article .cont li{ float:left; width:92px; text-align:center; display:block; overflow:hidden;}
#Article .cont li .img-wrap{width:80px; height:80px;border:1px solid #ddd; margin:0 auto;}
#Article .cont li .img-wrap a{*font-size:55px;width:82px; height:82px;outline: medium none;}
#Article .cont li.on .img-wrap{ border:1px solid #c12626;}
#Article .cont li.on .img-wrap img{width:80px; height:80px;}
#Article .cont li .img-wrap img{width:80px; height:80px;}

.pro-info .picScroll-left{border: 1px solid #dcdcdc;height: 280px;}
.pro-info h1{ font-size:30px; font-weight:700; color:#333;}
.pro-info .info{ margin-top:30px; padding-top:20px;  line-height:30px;}

.pic_htt {
    position: relative;
    font-size: 30px;
    color: #000;
    margin-bottom: 0px;
	z-index: 55;
}
.pic_htt .prev, .pic_htt .next {
    display: block;
    width: 37px;
    height: 70px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/v_next.jpg) no-repeat;
    position: absolute;
    right: -45px;
    top: 100px;
}
.pic_htt .prev {
	left: -45px;
    background: url(../images/v_prev.jpg) no-repeat;
}

.info-btn{width:150px; height:40px; margin-right:10px; text-align:center; line-height:40px; font-size:16px;}

.info-btn a.btn1, .info-btn a.btn2{ width:150px; height:40px; border-radius:10px; background-color:#ffffff; color:#c12626; display:block; font-weight:inherit;border: 1px solid #c12626;}
.info-btn a.btn1:hover{background-color:#c12626; color: #ffffff;}
.info-btn a.btn2:hover{background-color:#c12626; color: #ffffff;}
.info-btn a.btn1 i, .info-btn a.btn2 i{ font-size:24px; font-weight:normal;}

.pro-content{width:1200px; border:1px solid #e9eef4; margin:50px auto 0;border-radius: 10px 10px 0px 0px;}
.bd_p{width:542px;}
.li_p{position:relative; width:178px; float:left; line-height:0; margin-top:0px; padding: 20px 0;border: 1px solid #fff;}
.li_p img{ margin:auto; max-width:178px; display: block;}
.li_p_t{display:block; height:30px; line-height:30px; text-align:center; font-size:14px;}
.view_bne{font-size: 20px;  margin: 60px 0 10px;}

.yyal b{
position: absolute;
    z-index: 88;
right: 24px;
    bottom: 28px;
font-size: 18px;
color: #fff;
}

.yyal span{
display: block;
    border: 1px solid #fff;
margin-top: 10px;
width: 50%;
    float: right;
}

.yyal .yy1{
right: 28px;
    bottom: 33px;
font-size: 33px;
}

.yy1 span{
margin-top: 0px;
}
#preview{
	width: 600px;
    height: 450px;
    min-width: 600px;
    min-height: 450px;
	border: 1px solid #ddd;
	 background-color: #fff;
	 margin-bottom: 5px;
}
#m_imgview{
	margin: 0 auto;
    height: 450px;
    display: block;
}

.items{
width: 600px;
}

.items li{
float: left;
    text-align: center;
    display: block;
    overflow: hidden;
	width: 138px;
margin: 0px 5px 5px;
}

.items img {
height: 105px;
    margin: 0 auto;
    display: block;
}

.current{
border: 1px solid #c12626;
}

.current img{
height: 105px;
    margin: 0 auto;
}


.tab-content{padding: 20px; line-height:2.0;}
.tab-wrapper {
  margin:0 auto;
  width: 100%;
}
.tab-menu{ background: url(../images/pxq_bg.png) no-repeat ;  width:100%;}
.tab-menu li {
color: #ffffff;
  background-color: transparent;
  display: inline-block;
  padding: 20px 40px;
  font-size:30px; 
  font-weight:700;
  cursor:pointer;
  z-index:0;
  margin:0;
}


.tab-menu li.active {

}

.tab-content>div {
  background-color: #fff;
  box-sizing:border-box;
  width: 100%;
  padding: 50px;   
  min-height:200px;
}

.line {
  position:absolute;
  width: 0;
  height: 2px;
  background-color:#0d50a3;
  top: 0;
  left: 0;
}


.about-list{width:1224px; margin:30px auto 0;}
.about-list li{width:280px; float:left; margin:10px 13px 0; background-color:#ececec;position: relative;transition: all 0.35s;border-radius: 10px;}
.about-list li:hover{ margin:0px 13px 10px; background-color:#0d50a3; color:#fff;transition: all 0.35s;}
.about-list li p.t { text-align:center; font-size:16px; margin-top:10px; line-height: 45px;position: absolute; color: #ffffff; bottom: 0px;background-color: rgba(0,0,0,0.5);width: 100%;border-radius: 0px 0px 10px 10px;}
.about-list li p.pic{width:280px; height:207px; overflow:hidden;}
.about-list li p.pic img{width:280px; border-radius: 10px;height:207px;transition: all 0.35s;}
.about-list li:hover p.pic img{ transform: scale(1.1);transition: all 0.35s;}


.left50{width:587px; margin-right:13px;}
.left50 img{border-radius: 10px;}
.right50{width:587px; margin-left:13px;}
.right50 img{border-radius: 10px;}
.about-txt{ background:#fbfbfb; padding:23px;border-radius: 10px;    text-align: left;}
.about-txt h2{color:#c12626;margin-bottom: 10px;}
.about-txt p{margin-bottom:20px; line-height:26px;}
.list14 li{padding-left:15px;background:url(../img/li-dot.png) no-rrepeat 0 12px;}

.hz{width:1230px; margin:0 auto;padding-bottom: 100px;}
.hz li{width:214px; height:108px;line-height: 108px; overflow:hidden; text-align:center; transition: all 0.35s; float:left; margin:15px; border:1px solid #ddd;border-radius: 10px;}
.hz li:hover{ box-shadow:0px 10px 20px 0px #edcece;transition: all 0.35s;}
.hz li img{
vertical-align: middle;
width: 100%;
}

.footer{ background:#464646; border-top:10px solid #c12626;}
.footer .footer-left{width:700px;}
.footer .footer-left dl{width:100px; float:left;}
.footer .footer-left dl.home{width:80px; float:left;}
.footer .footer-left dl dt{ padding-bottom:15px;font-size: 16px; font-weight: bold;}
.footer .footer-left dl dt a{font-size:14px; color:#fff; font-weight:bold;}
.footer .footer-left dl dt a:hover{color:#ccc;}
.footer .footer-left dl dd a{font-size:14px; color:#999; line-height:2.2;}
.footer .footer-left dl dd a:hover{color:#fff;}

.footer .pro{
width: 300px !important;
}
.footer .pro dd {
    float: left;
    width: 50%;
}

.footer .footer-left .sns{width:200px; height:16px; position:absolute; left:0; bottom:52px;}
.footer .footer-left .sns li{width:32px; margin-right:15px; float:left; font-size:32px; position: relative;}
.footer .footer-right{width:440px;}
.copyright{border-top:1px solid #535353; margin-top:30px; padding:50px 0;}
.copy{ background:#373737;line-height:30px;}

.submenu{width:100%; background:#f4f4f4; padding:35px 0;}

.content, .next{line-height:1.8; border-top:1px solid #ddd; padding-top:30px;}
.content p, .content div{ line-height:1.8; margin-top:10px;}

.content_msg i{
color:#c12626;
}
.content_logo h1{
font-size: 20px;
	margin-top: 10px;
}

.content_ly {
margin-top: 60px;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 60px;
margin-bottom: 70px;
} 

.content_ly i{
color:#c12626;
}

.content_ly p{
float:left; 
font-size: 28px;
}

.content_ly h3{
color:#c12626;
float: right;
font-size: 36px;
}



/*news*/
.news-list{width:1230px; margin-left:auto; margin-right:auto;}
.news-list li{width:380px; float:left; margin:14px; background-color:#e6e6e6;border-radius: 10px;border: 1px solid #e6e6e6;}
.news-list li .news-pic{width:380px; height:253px;line-height: 253px; overflow:hidden;border-radius: 10px 10px 0 0;background-color: #fff;}
.news-list li .news-pic img{transition: all ease-out 0.35s; vertical-align: middle; width:380px; min-width:380px; cursor:pointer;}
.news-list li:hover .news-pic img{transform: scale(1.1);transition: all ease-out 0.35s;}.news-list li .news-title{padding:15px 15px 0;}
.news-list li .news-date{padding:0 15px; height:48px; line-height:48px;transition: all ease-out 0.35s;}
.news-list li:hover .news-date{ background-color:#0d50a3;transition: all ease-out 0.35s; color:#eee;}
.news-list li:hover {
background-color:#c12626;
transition: all ease-out 0.35s;
}
.news-list li:hover p{
color:#ffffff;
transition: all ease-out 0.35s;
}

.news_nt{
margin-top: 70px;
margin-bottom: 5px;
}

.news_nt li:hover{
background-color: #c12626;
color: #ffffff;
transition: all 0.35s;
}
.news_nt li:hover a{
color: #ffffff;
}
.news_h4 a{
display: block;
font-size:18px;
font-weight: bold;
}
.news_h4_b{
padding: 10px 17px;
}
.news_h4 img{
width: 380px;
    height: 250px;
border-radius: 10px 10px 0px 0px;
}

.news_h4 b{
float: right;
}
.news_h4 span{
line-height: 40px;
}

.news_h4 p{
padding-top: 15px;
border-top: 1px solid rgba(0,0,0,0.1);
}

.news_h4{
width: 380px;
height: 440px;
 float:left;
background-color: #e6e6e6;
margin-right: 30px;
margin-bottom: 30px;
border-radius: 10px;
color: #333;
}

.news_nt li:nth-child(3),.news_nt li:nth-child(6),.news_nt li:nth-child(9){
margin-right: 0px;
}

.news-list .title{
font-size: 30px;
    color: #c12626;
}
.pages{
text-align: center;
	margin: 50px auto;
}

.page_next{
text-align: center;
    font-size: 16px;
    color: #c12626;
}

.page_next span{
    padding: 0px 150px;
}

.imgview{
text-align: center;
}

#newslist{
margin-top: 50px;
}

.m_news_title{
text-align: center;
	font-size: 24px;
}
.m_news_attr{
text-align: center;
	margin: 10px 0px;
}
#artContent{
margin: 40px 0px;
    padding: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
	font-size: 16px;
}
#artContent p{font-size: 16px;line-height: 1.5em;margin-bottom: 1em;}

.m_prev_back{
font-size: 16px;
    background-color: #f6f6f6;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
float: right;
}
.m_prev_back:hover{
background-color: #c12626;
}
.m_prev_back:hover a{
color: #ffffff;
}

}
.page, .pages{height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:25px;}
.page span, .pages span{padding:7px 10px 7px 10px; background-color:#e00303; color:#fff; border:solid 1px #e00303; font-size:0.875em; }
.page a, .pages a{ color:#444444; border:1px solid #ccc;padding:7px 10px 7px 10px; margin:0 4px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover, .pages a:hover{color:#fff; background-color:#d7182a; }
.page a.current, .pages a.current{color:#fff; background-color:#d7182a; }
.cMore {display:none;}

.honor-list{width:1230px; margin-left:auto; margin-right:auto;margin-bottom: 80px;}
.honor-list li{width:277px; float:left; margin:15px; color: #333; 
    background-color: #e6e6e6;border-radius: 10px;}
.honor-list li:hover{background-color: #c12526; color: #fff; }
.honor-list li .news-pic{ height:380px; overflow:hidden;border-radius: 10px;}
.honor-list li .news-pic img{transition: all ease-out 0.35s; min-height:380px; width:277px; min-width:277px; cursor:pointer;}
.honor-list li:hover .news-pic img{transform: scale(1.1);transition: all ease-out 0.35s;}
.news-list li .news-title{padding:15px;}
.honor-list li .news-title{padding:15px 0;}
.bdr-b{ border-bottom:1px solid #ddd; padding-bottom:15px;}
/*page*/
#pages { padding:30px 0 50px;  }
#pages a { display:inline-block;width:40px; height:40px; line-height:40px; background:#eee; text-align:center; color:#333;transition: all 0.35s;}
#pages a:link { width:60px; padding:0transition: all 0.35s;}
#pages a:hover { background:#0d50a3; color:#fff; text-decoration:none ;transition: all 0.35s;}
#pages span { display:inline-block; height:40px; line-height:40px;width:40px; background:#0d50a3;color:#fff; text-align:center;}

.form-text{width:555px; padding:0 15px; height:54px; line-height:54px; border:1px solid #ddd; border-radius:9px; box-shadow:0px 10px 10px 0px #f6f6f6;}
.form-textarea{width:1168px; padding:15px; height:96px; line-height:24px; border:1px solid #ddd; border-radius:9px;box-shadow:0px 10px 10px 0px #f6f6f6;}
.sub{width:1200px; text-align: center; height:56px; line-height:56px; color:#fff; font-size:18px; font-weight:700; background-color:#c12626; border:0; border-radius:9px; cursor:pointer;transition: all 0.35s;}
.sub:hover{ background-color:#db4e4e;transition: all 0.35s;}

/*footer*/
.r-side{ position: fixed; right:0px;top:65%;z-index:9999999999;}
.r-side .k{ position: absolute;right:0px; bottom:85px;box-shadow:0px 5px 10px 0px #ddd;transition:all .5s ease; font-size:16px; border-radius:5px;}
.r-side .k .k-t{ background-color:#c12626; color:#fff; padding:10px 15px; width:120px; border-radius:5px 0 0 0;}
.r-side .k .q{ background-color:#f5f5f5; color:#333; padding:10px 15px; transition:all .5s ease; width:120px;}
.r-side .k .q:hover{ background-color:#c12626; color:#fff; padding:15px 15px; transition:all .5s ease;}
.r-side .k .q:hover a{ color:#fff; display:block;}
.r-side .k .q a{ display:block;}
.r-side .k .close{ position:absolute; right:5px; top:10px; z-index:1; transition:all .5s ease;}
.r-side .k .close a{color:#fff;}
.r-side .k .close:hover{ transform: rotate(90deg);transition:all .5s ease;}
.r-side .k .tel{ background-color:#fff; color:#333; padding:10px 15px; transition:all .5s ease; width:120px; border-radius:0 0 0 5px;}
.r-side .wb, .r-side .wx, .r-side .g-t, .r-side .kf{ width:40px; height:40px; line-height:40px; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd; font-size:16px; background-color:#fff;transition:all .5s ease;}
.r-side .kf, .r-side .wx{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.r-side .g-t{border-top:none;border-bottom:1px solid #ddd; opacity:0;transition:all .5s ease; }
.r-side .wb:hover{ background-color:#e6162d;transition:all .5s ease; border-left:1px solid #e6162d; border-top:1px solid #e6162d;}
.r-side .wx:hover{ background-color:#14d212;transition:all .5s ease; border-left:1px solid #14d212; border-top:1px solid #14d212;border-bottom:1px solid #14d212;}
.r-side .g-t:hover{ background-color:#ddd;transition:all .5s ease;}
.r-side .kf:hover{ background-color:#c12626;transition:all .5s ease; border-top:1px solid #c12626; border-bottom:1px solid #c12626;border-left:1px solid #c12626;}
.r-side .wb:hover a, .r-side .wx:hover a, .r-side .kf:hover a{color:#fff;transition:all .5s ease;}

.r-side .wb a, .r-side .wx a, .r-side .g-t a, .r-side .kf a{display:block;}
.r-side .kf{ right:-100px; position:absolute; top:-40px;transition:all .5s ease;}
.mask{width:100%; height:100%; min-width:100%; min-height:100%; z-index:99999; position: fixed; background-color:#333; opacity:0.7;}
.weixin{ position: fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:9999}
.ewm{width:382px; height:487px; position:absolute; left:50%; top:50%; margin-left:-161px; margin-top:-244px; z-index:999999; text-align:center; color:#fff;}

.a-shake{animation: shake 5000ms infinite both;speak: none;}
.a-pulse{animation: pulse 5000ms infinite both;speak: none;}
@-webkit-keyframes shake{from,11%,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}1%,3%,5%,7%,9%{-webkit-transform:translate3d(-3px, 0, 0);transform:translate3d(-3px, 0, 0);}2%,4%,6%,8%,10%{-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0);}}@-moz-keyframes shake{from,11%,to{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}1%,3%,5%,7%,9%{-moz-transform:translate3d(-3px, 0, 0);transform:translate3d(-3px, 0, 0);}2%,4%,6%,8%,10%{-moz-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0);}}@keyframes shake{from,11%,to{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}1%,3%,5%,7%,9%{-webkit-transform:translate3d(-3px, 0, 0);-moz-transform:translate3d(-3px, 0, 0);transform:translate3d(-3px, 0, 0);}2%,4%,6%,8%,10%{-webkit-transform:translate3d(3px, 0, 0);-moz-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0);}}
@-webkit-keyframes pulse{from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1);}25%{-webkit-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02);}50%{-webkit-transform:scale(1, 1);transform:scale(1, 1);}75%{-webkit-transform:scale(0.98, 0.98);transform:scale(0.98, 0.98);}}@-moz-keyframes pulse{from,to{-moz-transform:scale(1, 1);transform:scale(1, 1);}25%{-moz-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02);}50%{-moz-transform:scale(1, 1);transform:scale(1, 1);}75%{-moz-transform:scale(0.98, 0.98);transform:scale(0.98, 0.98);}}@keyframes pulse{from,to{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);}25%{-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02);}50%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);}75%{-webkit-transform:scale(0.98, 0.98);-moz-transform:scale(0.98, 0.98);transform:scale(0.98, 0.98);}}

@font-face {
  font-family: "iconfont"; /* Project id 2670363 */
  src: url('//at.alicdn.com/t/font_2670363_touvhpx2sqg.woff2?t=1626638507668') format('woff2'),
       url('//at.alicdn.com/t/font_2670363_touvhpx2sqg.woff?t=1626638507668') format('woff'),
       url('//at.alicdn.com/t/font_2670363_touvhpx2sqg.ttf?t=1626638507668') format('truetype');
}

@font-face {
  font-family: 'iconfont';  /* Project id 3476083 */
  src: url('//at.alicdn.com/t/c/font_3476083_lqd9vypyv0m.woff2?t=1694657119262') format('woff2'),
       url('//at.alicdn.com/t/c/font_3476083_lqd9vypyv0m.woff?t=1694657119262') format('woff'),
       url('//at.alicdn.com/t/c/font_3476083_lqd9vypyv0m.ttf?t=1694657119262') format('truetype');
}

@font-face {
  font-family: "iconfont"; /* Project id 2670363 */
  src: url('//at.alicdn.com/t/font_2670363_cnvw6x9arig.woff2?t=1626850626605') format('woff2'),
       url('//at.alicdn.com/t/font_2670363_cnvw6x9arig.woff?t=1626850626605') format('woff'),
       url('//at.alicdn.com/t/font_2670363_cnvw6x9arig.ttf?t=1626850626605') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-liebiao:before {
  content: "\e65f";
}

.icon-jian:before {
  content: "\e635";
}

.icon-jia:before {
  content: "\e63a";
}

.icon-top:before {
  content: "\e607";
}

.icon-jiantou:before {
  content: "\e8c9";
}

.icon-close:before {
  content: "\e66a";
}

.icon-phone:before {
  content: "\e622" !important;
}

.icon-phone1:before {
  content: "\e6cb";
}

.icon-chuanzhen:before {
  content: "\e6b3";
}


.icon-shouji:before {
  content: "\e634";
}

.icon-location:before {
  content: "\e651";
}

.icon-mobile:before {
  content: "\e704";
}

.icon-wangzhi:before {
  content: "\e658";
}

.icon-mail:before {
  content: "\e7bd";
}

.icon-weixin:before {
  content: "\e69e";
}

.icon-dianhua:before {
  content: "\e624";
}

.icon-qq:before {
  content: "\e603";
}

.icon-arrowt:before {
  content: "\e784";
}

.icon-edit:before {
  content: "\e649" !important;
}

.icon-kefu:before {
  content: "\e65d";
}

.icon-pdf:before {
  content: "\e67a";
}

.icon-arrowr:before {
  content: "\e601";
}

.icon-arrowl:before {
  content: "\e602";
}

.icon-1:before {
  content: "\e648";
}

.icon-arrowb:before {
  content: "\e600";
}

.icon-earth:before {
  content: "\e66f";
}

@media screen and (max-width:640px){
.contable {overflow:scroll;width:100%; font-size:10px;}
.container {
    width: 98%;
}
#artContent p{font-size: 14px;}
.navbar_wap{
display:block;
}
.nav-btn{
display:block;
}
.navbar-mask{
display:block;
}

.navbar-header img {
    width: 50%;
    height: 100%;
margin-left: 10px;
}

.affix .navbar-header img {
    width: 50%;
    height: 100%;
margin-top: 7px;
}

.navbar-right {
display: none;
}
.navbar {
display: none;
}
.banner-swiper {
     height: 100% 
}

.container-s {
   width: 85%;
padding: 20px;
}

.title .t {
    font-size: 24px;
}

.title_m {
    background: url(../images/tbg.png) no-repeat left 3px;
    padding-left: 20px;
}

.f14 {
    font-size: 12px;
    color: #4e4e4e;
}

.t-more {
    padding-top: 20px;
}

.pic-list {
    width: 95% ;
    margin: 30px auto 0;
text-align: -webkit-center;
}

.pic-list li {
    width: 98%;
    float: left; 
    margin: 10px 5px;
    border-radius: 10px;
    background-color: #f6f6f6;
    transition: all 0.35s;
}

.pic-list li p.pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

.pic-list li a p.pic img {
     width: 100%;
    height: 100%;
    transition: all 0.35s;
}

.pic-list_msg {
    padding: 10px 10px;
    margin: 0px !important;
}

.left50 {
    width: 100%;
text-align: center;
    margin-right: 0px;
}

.left50 img {
        width: 95%;
    border-radius: 10px;
}
.page, .pages{height:20px; line-height:20px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:25px;}
.page span, .pages span{padding:2px 2px; background-color:#e00303; color:#fff; border:solid 1px #e00303; font-size:0.875em; }
.page a, .pages a{ color:#444444; border:1px solid #ccc;padding:2px 2px; margin:0 1px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover, .pages a:hover{color:#fff; background-color:#d7182a; }
.page a.current, .pages a.current{color:#fff; background-color:#d7182a; }
	.hidden-xs{display: none}
	.news_h4 img{display: none}
.right50 {
  width: 100%;
text-align: center;
    margin-left: 0px;
}

.about-list {
display: none;
}

.yy{
display: none;
}

.yyal{
display: none;
}

.i-newslist li .txt {
        width: 44%;
text-align: left;
}

.hz {
    width: 100%;
    margin: 0 auto;
	padding-bottom: 20px;
}
.foot_logo{
width: 60%;
    text-align: left;
    float: left;
}
.foot_tel{
width: 90%;
float: left;
    text-align: left;
}

.footer .footer-left {
    width: 100%;
display: none;
}

.footer .footer-left dl {
    margin-bottom: 20px;

}
.footer-right{
float: left;
text-align: left;
}

.footer-right p{
font-size: 14px;
text-align: left;
width: 90%;
}

.copyright {
    margin-top: 20px;
    padding: 20px 0;
}

.mt50 {
    margin-top: 20px;
}

.swiper-button-next, .swiper-button-prev {
    width: 25px;
    height: 25px;
    background-size: 10px 10px;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
}
.nav {
    height: 70px;
}
.nav-btn{
position: absolute;
    right: 10px;
    top: 5%;
    z-index: 99;
cursor: pointer;
}
.nav-btn a{
color: #ffffff;
}
.nav-btn a:hover{
	color: #ffffff;
}
.navbar-header {
    padding: 15px 0;
    transition: all 0.35s;
    width: 350px;
    float: left;
}
.navbar_wap{width:75%; height:100%; background:#c12626; position: fixed; left:130%;top:0; z-index:9999;transition: all 0.35s;box-shadow:0 0 20px 0 #333;}
.navbar-mask{background:rgba(0,0,0,0.5); z-index:999; display:block; width:100%; left:130%; top:0; height:100%; min-height:100%; position:fixed;transition: all 0.35s;}
.navbar_wap .lg{padding:10px 30px;}
.navbar_wap .close{padding:10px 30px 0 0;}
.navbar_wap a{
color: #ffffff;
}
.banner {
    margin-top: 70px;
}

.wap_t{
font-size: 22px;
    margin-left: 30px;
    line-height: 60px;
}
.hz li {
    width: 43.5%;
    margin: 10px;
}

.mt30 {
    margin-top: 10px;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
}

.bd_nav {
    height: 100%;
padding: 0px 10px;
    background-color: #e6e6e6;
}

.bd_hb {
    font-size: 20px;
    width: 25%;
    line-height: 50px;
    padding-left: 20px;
    background: url(../images/tbg.png) no-repeat left 20px
}

.bd_dhb {
    float: right;
    line-height: 50px;
}

.hbt_a {
    float: left;
height: 50px;
    margin-left: 0px; 
}

.bd_dhb a {
    color: #4c4c4c;
    font-size: 16px;
    padding: 5px 7px;
    border-radius: 10px;
    cursor: pointer;
line-height: 50px;
}

.about_p {
    margin-top: 20px;
	margin-bottom: 20px;
}

.about_l {
    width: 95%;
    margin: 10px auto;
    float: initial;
}

.qywh li {
    width: 95%;
    padding: 30px 10px;
    height: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    float: left;
   margin-right: 0px;
}

.info_fk{
margin: 0px auto;
    width: 340px;
}

.honor-list {
    width: 100%;
margin-bottom: 50px;
}

.honor-list li {
    width: 44%;
    margin: 10px;
}
.honor-list li .news-title {
    padding: 5px;
	height: 26px;
    overflow: hidden;
}

.honor-list li .news-pic {
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.honor-list li .news-pic img {
    transition: all ease-out 0.35s;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    cursor: pointer;
}

.l60{
margin-left: 0px;
float: none;
}

.content_ly {
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 70px;
}

.content_ly p {
    float: none;
    font-size: 28px;
}

.content_ly h3 {
    color: #c12626;
  float: inherit;
    font-size: 36px;
}

.mt20 {
float: none;
text-align: center;
    margin-top: 20px;
}

.form-text {
    width: 90%;
}

.form-textarea {
    width: 90%;
}

.sub {
    width: 90%;
}

.news_nt {
    margin-top: 20px;
margin-bottom: 20px;
}

.news_h4 {
    width: 100%;
    height: 100%;
    float: left;
    background-color: #f6f6f6;
    margin-right: 0px; 
    margin-bottom: 30px;
    border-radius: 10px;
    color: #333;
}

.news_h4 img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
}

#newslist {
    margin-top: 30px;
}

.m_news_title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.page_next{
font-size: 14px;
color: #c12626;
}

.page_next span {
display: block;
    padding: 10px 20px;
}

#artContent {
    margin: 30px 0px;
    padding: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
	font-size: 16px;
}

.m_prev_back {
    font-size: 14px;
    background-color: #f6f6f6;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 10px;
    float: right;
}

.r-side {
    position: fixed;
    right: 0px;
    top: 80%;
    z-index: 9999999999;
}

.top-nav{width:95%; position: relative; top:0px; z-index:1; margin:0px auto 0;display: block;}

.copy {
    background: #373737;
    line-height: 30px;
    padding-bottom: 20px;
}

.dropdown a {
  text-decoration: none;
  font-size: 20px;
}
.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
  color: white;
  background: #c12626;
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #c12626;
}
.dropdown  .icon-arrowb {
  display: inline-block;
  font-size: 15px;
  color: #fff;
}
.dropdown .icon-arrowb.open {
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.dropdown .icon-arrowb.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
transform: rotate(0deg);
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  color: #333;
  background: #f6f6f6;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 5px 10px;
}
.dropdown .dropdown-menu li a:hover {
background: #f6f6f6;
}
.dropdown .show, .dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.dropdown .show {
padding-bottom: 20px;
  display: block;
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.dropdown .hide {
max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
animation: hideAnimation 0.2s ease-out;
  -moz-animation: hideAnimation 0.2s ease-out;
  -webkit-animation: hideAnimation 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  -webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}

.prod_dhb {
    display: none;
}

.pro-list {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
margin-bottom: 20px;
}

.pro-list li {
    width: 90%;
    overflow: hidden;
    padding: 22px;
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
}

.pro-list li a {
    width: 100%;
    height: 100%;
    display: block;
}

.pro-list li .txt {
    width: 47%;
    background: url(../images/p_logo_on.png) no-repeat left 10px;
}

.pro-list li:hover .txt {
width: 47%;
    background: url(../images/p_logo.png) no-repeat left 10px;
}

.pro-list li .pic {
    width: 50%;
    background-color: #fff;
    border-radius: 10px;
}

.pro-list li .pic img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
}

.pro-list li a .txt .t {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 50px 0 10px;
}

.pro-list p {
    color: #333;
    font-size: 10px;
}

.pro-pic {
    width: 100%;
}

.pro-pic #big-pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    vertical-align: middle;
}

.pro-pic #big-pic img {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    border: 1px solid #ddd;
    background-color: #fff;

}

.list-pic {
    width: 100%;
display: none;
}

#Article .cont {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 100%;
}

#Article .cont li {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    overflow: hidden;
}

.pro-info {
    width: 100%;
}

.info-btn {
    width: 100px;
    height: 40px;
    margin: 20px 5px 0px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}

.info-btn a.btn1, .info-btn a.btn2 {
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
}

.pro-info h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #333;
}

.pro-info .info {
    display: none;
}

.pro-content {
    width: 95%;
    border: 1px solid #e9eef4;
    margin: 20px auto 0;
    border-radius: 10px 10px 0px 0px;
}

.tab-content {
    padding: 10px;
    line-height: 2.0;
}

.tab-menu {
    background: url(../images/pxq_bg.png) no-repeat;
    width: 100%;
background-size: 100% 100%;
border-radius: 10px 10px 0px 0px;
}

.tab-menu li {
    color: #ffffff;
    background-color: transparent;
    display: inline-block;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 0;
    margin: 0;
}

.news-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.imgview img {
    max-width: 100%;
}

.news-list li {
    width: 46%;
    float: none;
    margin: 5px;
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 10px;
}
.news-list li .news-title {
    padding: 5px 10px 0;
}

.news-list li .news-pic {
    width:100%;
    height: 100%;
    overflow: hidden;
	line-height: 100px;
border-radius: 10px;
}

.news-list li .news-pic img {
    transition: all ease-out 0.35s;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    cursor: pointer;
}

.items {
    width: 100%;
}
.items ul{
    overflow: scroll;
    white-space: nowrap;
}
.items a{
    display: inline-block;
}
#preview{
	width: 99%;
    height: 100%;
    min-width: 99%;
    min-height: 100%;
	margin-bottom: 5px;
	border: 1px solid #ddd;
}

#m_imgview {
	height: auto;
    background-color: #fff;
    display: block;
    
}

.items li {
    width: 125px;
border: 1px solid #fff;
}

.current {
    border: 1px solid #c12626 !important;
    width: 125px !important;
height: 125px !important;
}

.current img {
    width: 100%;
    height: 100%;
}

.items img {
    width: 100%;
    height: 100%;
    display: block;
}

.footer{
padding: 0px 10px;
}

.footer img{
border-radius: 0px;
}

.copy span{
float: none;
}

.i-newslist li .pic {
    width: 50%;
    margin-right: 15px;
}

.i-newslist li .pic img {
    width: 100%;
    height: 100%;
}

}