/* 共用部分 start */
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  background-color: #f2f2f2;
}
a{color: #666666;}

.lei-pro-table td {
  line-height: 22px;
  padding: 3px 0;
}

.lei-pro-table tr:hover{
  background-color: #ddd;
}

/* 共用部分 end */

.top_ad_bg {
  height: 36px;
  background: url(../images/index_01.jpg) repeat-x;
}

.pc_container {
  width: 1200px;
  margin: 0 auto;
}

.top_ad_cotent {
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 12px;
  color: #666;
}

.top_ad_cotent i {
  margin: 0 5px 0 0;
}

.top_logo_bg {
  height: 94px;
}

.top_logo_content {
  height: 94px;
}

.top_logo_left {
  float: left;
  margin-top: 20px;
}

.top_logo_right {
  float: right;
}

/* 导航 */
.top_nav_bg {
  height: 42px;
  background-color: #025294;
}

.top_nav_ul {
  border-left: 1px solid #003a6a;
}

.top_nav_ul > li {
  float: left;
  height: 42px;
  width: 120px;
  position: relative;
}

.top_nav_one > a {
  display: block;
  line-height: 42px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #003a6a;
}

.top_nav_one > a:hover {
  background-color: #0160ad;
}

.nav_active > .top_nav_one {
  background-color: #0160ad;
}

.top_nav_left {
  width: 900px;
  float: left;
}

.top_search_left {
  width: 150px;
  float: left;
  height: 36px;
}

.top_search_left input {
  border: 0;
  background-color: #ffffcd;
  height: 30px;
  outline: none;
  margin: 3px 0 0 6px;
}

.top_nav_right {
  margin: 3px 0 0 0;
  width: 250px;
  float: right;
  background-color: #ffffcd;
  box-shadow: 0 0 6px #333;
  height: 36px;
}

.top_search_button {
  width: 68px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #feaf36;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  float: right;
}

.top_nav_two_ul {
  position: absolute;
  left: 0;
  border-top: 1px solid #003a6a;
  display: none;
}

.top_nav_two > a {
  display: block;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: rgba(2, 82, 148, 0.8);
  border-bottom: 1px solid #003a6a;
  width: 120px;
}

/* BANNER */
.top_banner_bg .swiper-pagination-bullet{
  width: 20px;
  height: 20px;
  opacity: 1;
  background-color: #007aff;
}

.top_banner_bg .swiper-pagination-bullet-active{
  width: 20px;
  height: 20px;
  opacity: 1;
  background-color: #feaf36;
}


/* 热门推荐 */
.home-tuijian-bg {
  padding: 20px 0;
}

.home-tuijian-title {
  text-align: center;
  margin: 15px 0;
}

.tuijian-proli {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.tuijian-li-img {
  text-align: center;
  margin: 5px 0;
}

.tuijian-li-img img {
  width: 100%;
}

.tuijian-li-title a {
  color: #333;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.tuijian-li-descipt {
  line-height: 24px;
  font-size: 12px;
  padding: 10px 15px;
  text-indent: 2rem;
  color: #666;

  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.home-tuijian-in {
  margin: 40px 0;
}

.tuijian-proli:hover {
  border: 1px solid #fa9d0c;
}

.tuijian-proli:hover .tuijian-li-title a {
  background-color: #feb036;
  color: #fff;
  border-top: 1px solid #fa9d0c;
  border-bottom: 1px solid #fa9d0c;
  font-weight: bold;
}

/* 第三部分 */
.home-part-three-out {
  background-color: #e6e6e6;
}

.home-about-part {
  width: 806px;
  float: left;
}

.home-line-part {
  float: left;
}

.home-contact-part {
  width: 305px;
  float: right;
}

.home-about-img {
  width: 310px;
  float: left;
  margin: 20px 0 0 0;
}

.home-about-txt {
  margin: 15px 0 0 0;
  width: 480px;
  float: right;
  color: #666;
  line-height: 28px;
  font-size: 14px;
}

.home-about-img img {
  padding: 4px;
  box-shadow: 0 0 3px 3px #ccc;
  background-color: #fff;
}

.home-about-txt a {
  display: block;
  height: 30px;
  width: 110px;
  line-height: 30px;
  text-align: center;
  background-color: #feaf36;
  color: #fff;
  border-radius: 15px;
  margin: 10px 0 0 0;
  box-shadow: inset -3px 0 1px 1px #b6730f;
}

.home-contact-info {
  color: #666;
  line-height: 28px;
  margin: 15px 0 0 0;
}

.home-contact-info i {
  color: #2682bd;
}

.moble-home {
  color: red;
}

.number-txt{
  background-color: #f33;
  padding: 6px 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 4px;
  color: #fff;
}

/* 商品双行部分 */
.home-product-list-bg {
  padding: 20px 0 40px 0;
}

.home-pro-title {
  text-align: center;
  padding: 15px 0;
}

.home-proli {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 277px;
  float: left;
  margin: 20px 11px 0;
}

.home-proli:hover {
  border: 1px solid #fa9d0c;
}

.home-proli:hover .tuijian-li-title a {
  background-color: #feb036;
  color: #fff;
  border-top: 1px solid #fa9d0c;
  border-bottom: 1px solid #fa9d0c;
  font-weight: bold;
}

/* 首页新闻 */
.home-news-out {
  background-color: #e6e6e6;
}

.home-news-content {
  padding: 30px 0;
}

.home-news-left {
  width: 480px;
  float: left;
  padding: 4px;
  box-shadow: 0 0 4px #ccc;
}

.home-news-left img {
  width: 100%;
}

.home-news-right {
  width: 700px;
  float: right;
}

.home-news-li {
  line-height: 42px;
  height: 42px;
  border-bottom: 1px dotted #ddd;
  color: #666;
}

.h-news-time {
  float: right;
}

.home-news-li img {
  margin: 0 10px 0 0;
}

.home-news-li a {
  color: #666;
}

/* 首页案例 */
.home-case-out {
  padding: 0 0 30px 0;
}

.home-case-title {
  text-align: center;
  padding: 30px 0;
}

.home-case-ul li {
  width: 290px;
  float: left;
  height: 320px;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
  text-align: center;
  margin: 10px 4px;
}

.home-case-li img {
  width: 280px;
  margin: 5px auto;
  display: block;
}

.home-case-li a {
  color: #666;
}

.home-foot-bg {
  padding: 20px 0;
  text-align: center;
  color: #fff;
  background-color: #333;
  line-height: 32px;
}

/* 内页 */
.lei_banner {
  height: 290px;
  background: url(../images/index_09.jpg) center no-repeat;
}

.lei_content_out {
  margin: 10px 0 20px 0;
}

.lei_local_out {
  border-bottom: 1px solid #c3c3c3;
}

.lei_local_in {
  line-height: 36px;
  height: 36px;
}

.lei_content_left {
  width: 260px;
  float: left;
}

.lei_content_right {
  width: 920px;
  float: right;
}

.lei_left_pro,
.lei_left_contact {
  background-color: #006dc6;
  padding: 0 15px 10px;
  border-bottom: 5px solid #055597;
  margin: 0 0 20px 0;
}

.lei_pro_ul li > a {
  color: #fff;
  display: block;
  background-color: #0a80e0;
  line-height: 36px;
  height: 36px;
  margin: 8px 0;
  padding: 0 0 0 10px;
  text-decoration: none;
}

.lei_pro_ul li > a:hover {
  background-color: #ed950b;
}
.lei_pro_ul li > a.active{
  background-color: #ed950b;
}
 

.lei_pro_title {
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  border-bottom: 3px solid #ed950b;
}

.lei_contact_leftin {
  color: #fff;
  line-height: 28px;
  padding: 10px 0 0 0;
}

.lei_contact_leftin i {
  font-size: 12px;
  margin: 0 5px 0 0;
}

.lei_content_right_in {
  padding: 15px;
  background-color: #fff;
}

.lei_right_h3 {
  border-bottom: 5px solid #055597;
}

.lei_right_h3 span {
  font-size: 16px;
  display: block;
  background-color: #006dc6;
  height: 42px;
  line-height: 42px;
  width: 120px;
  text-align: center;
  color: #fff;
}

.lei_right_h3 > a {
  display: block;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  width: 120px;
  text-align: center;
  float: left;
  text-decoration: none;
}

.lei_news_active,
.lei_right_h3 > a:hover {
  background-color: #006dc6;
  color: #fff;
}

.lei_content_main {
  line-height: 24px;
  margin: 10px 0 0 0;
}

.lei-proli {
  width: 275px;
  margin: 10px 10px;
  float: left;
  text-align: center;
  border: 1px solid #eee;
  border-bottom: 5px solid #eee;
}

.lei-proli:hover {
  border: 1px solid #fa9d0c;
  border-bottom: 5px solid #d88704;
  font-weight: bold;
}

.lei-proli:hover a {
  background-color: #fa9d0c;
  color: #fff;
  display: block;
}

.pro-li-img {
  padding: 10px 10px 0;
}

.pro-li-img img {
  width: 100%;
}

.pro-li-name {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #eee;
}

.lei_proshow_img {
  float: left;
  width: 312px;
  border: 1px solid #eee;
}

.lei_proshow_img img {
  padding: 5px;
  width: 300px;
}

.lei_proshow_partone {
  width: 568px;
  float: right;
}

.lei_proshow_title {
  font-size: 18px;
  padding: 14px 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.lei_proshow_param {
  margin: 20px 0;
}

.lei_proshow_param > li {
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px;
}

.proshow_tip {
  background-color: #fa9d0c;
  color: #fff;
  padding: 3px 6px;
  margin: 0 10px 0 0;
}

.lei_pro_fujing {
  padding: 10px 0;
  border-top: 1px solid #eee;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #eee;
}

.lei_pro_fujing a {
  text-decoration: none;
  color: #333;
}

.lei_pro_fujing a:hover{
  color: #ed950b;
}

.p_left_prev {
  float: left;
}

.p_right_next {
  float: right;
}

.lei_pro_part_two,.lei_pro_part_three{
  margin: 20px 0 0 0;
  background-color: #fff;
  padding: 15px;
}

.lei_miaosu_h3 {
  border-bottom: 5px solid #055597;
}

.lei_miaosu_h3 span {
  font-size: 16px;
  display: block;
  height: 42px;
  line-height: 42px;
  width: 120px;
  text-align: center;
  float: left;
  cursor: pointer;
}

.miaosu_active{
  background-color: #006dc6;
  color: #fff;
}

.lei_a{
  margin: 10px 0 0 0;
  line-height: 24px;
}

.tong-swiper-container{
  width: 890px;
  overflow: hidden;
}

.tong_pro_li{
  display: block;
  border:5px solid #eee;
  margin: 20px 0;
  padding: 10px 10px 0;
  text-align: center;
  color: #333;
}

.tong_pro_li:hover{
  text-decoration: none;
  color: #ed950b;
  font-weight: bold;
  border:5px solid #ed950b;
}

.tong_pro_li img{
  width: 100%;
}

.tong_pro_li span{
  display: block;
  height: 40px;
  line-height: 40px;
}

.content_title{
  text-align: center;
  margin-bottom:10px;
}
.lei_right_ftitle{
  text-align: right;
  color: #888;
  margin-bottom:10px;
}

.right-layer-out{
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 20%;
}

.right-layer-one a{
  display: flex;
  width: 60px;
  height: 60px;
  background-color: #2061c4;
  border-radius: 2px;
  margin: 1px;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.right-layer-one a i{
  font-size: 22px;
}

.right-layer-one a:hover{
  background-color: #ed950b;
}

.right-layer-item{
  position: relative;
}

.right-layer-item:hover .right-layer-two{
  display: flex!important;
}

.right-layer-item:hover .right-layer-one a{
  background-color: #ed950b;
}

.right-layer-two{
  position: absolute;
  background-color: #ed950b;
  color: #fff;
  border-radius: 1px;
  top: 0;
  right: 62px;
  display: none;
}

.right-l-ele{
  height: 60px;
  width: 150px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.right-l-b{
  padding: 10px;
  width: 188px;
  height: 188px;
  box-sizing: border-box;;
}

.right-l-b img{
  border-radius: 2px;
  width: 168px;
  height: 168px;
}


/*新闻*/
#newslist{ padding:15px 20px;background: #f7f7f7;}
#newslist li{padding: 6px 0;font-size:15px;}
#newslist li a{  margin-right:5px;}
#newslist li span{ float:right; color:#333;}

#newslist li a:hover{
  color: #fa9d0c;
  text-decoration: none;
}

#newslist li p{ color:#888;}
 .list-none {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.f-tac{
    display: inline-block;
    font-size: 12px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #FFF;
    background: #feb036;
    border: 1px solid #fa9d0c;
    margin-right: 6px;
    font-family: '宋体';
    text-align: center;
    font-style: normal;
}

.page {
    padding-top:20px;
    margin-bottom:10px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.page .nolink{
    margin: 2px;
}
.page a{
    margin: 2px;
    text-decoration: none;
}
.page a,.page span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.page a:hover { border:1px solid #a0a0a0; }
.page a:hover { border:1px solid #a0a0a0; }
.page span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.page span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}
 
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}
/*表单*/
td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;}
td.input{ padding:6px 8px;}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:15px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}

.my-message-table{
  width: 80%;
}

.my-message-table .text{
  width: 100px;
}

.my-message-table .info{
  color: red;
}

.my-message-table textarea {
    width: 100%;
}

/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px;}
.orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}