.container{ padding-bottom:45px;background: #fff; position: relative; }

.prod_li{}
.prod_li li{ border-bottom: 1px solid #f1f1f1; }
/*.prod_li li:last-child{ border-bottom:none; }*/
.prod_li li a{ width: 95%; padding: 10px 2.5%; display: block; overflow: hidden; display: block;}
.prod_li li  .pro_img{ width:36%; margin-right: 15px; border: 1px solid #ededed}
.prod_li li  .pro_img img{ width: 100%; display: block;}
.prod_li li  .news_img{ width:32%; margin-right: 15px;}
.prod_li li  .news_img img{ width: 100%;}
.prod_li li  .pro_con {}
.prod_li li  .pro_con h2 {font-size: 1.6rem; line-height:2rem;color: #333;margin-bottom: 5px; font-family:gadugi;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.prod_li li  .pro_con h3 {font-size: 1.46rem;margin-bottom:3px; color: #333; font-family: opensans-semibold;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.prod_li li  .pro_con p {font-size: 1.35rem; line-height:1.8rem; color: #474747; margin-bottom: 5px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.prod_li li  .pro_con .pro_text{overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.prod_li li  .pro_con span {font-size: 1.3rem;color: #999;}
.prod_li li a:active{ background: #ededed;}
/*产品列表*/
.por_banner {width: 100%;position: relative;z-index: 1;overflow: hidden;}
.por_banner .swiper-slide img{width: 100%; height: auto; display: block;}
.por_banner .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.por_banner .swiper-pagination-bullet-active{background-color: #fccd2a;overflow: visible;opacity: 1;}
.advantage{ background: #fff;  width: 95%; padding:0 2.5%;}
.about .advantage{ background: #fff;  width:100%; padding:0;}
.panel{border-bottom: 1px solid #e9e6e6; }
.panel:last-child{border-bottom: none; }
.about .panel:first-child{border-top: 1px solid #e9e6e6; }
.panel h2{ width:95%; padding:10px 2.5%; font-size: 1.6rem;  color: #303030;font-family: opensans-semibold;}
.panel h2:active{background: #ededed}
.panel h2 i{ float: right;  color: #ababab;}
.panel h2 i:nth-child(2n){ display: none;}
.panel h2.active{ color: #1d77cc}
.panel h2.active i:nth-child(2n){ color: #1d77cc ;display: block;}
.panel h2.active i:first-child{ display: none;}
.panel .panel_con{display: none;border-top: 1px solid #e9e6e6; color: #303030;  width: 96%; height: auto; overflow: auto; padding: 10px 2% 15px 2%;}
.panel .panel_con p{font-size: 1.45rem; line-height: 2rem; margin-bottom: 5px;}
.panel .panel_con table{ width: 100%; border: 0;  border-collapse: collapse }
.panel .panel_con table,.panel .panel_con table tr ,.panel .panel_con table td{ border: 1px solid #f1f1f1;font-size: 1.4rem; text-align: center;}
.panel .panel_con table td{ padding: 3px 4px; color: #666;}
/*产品详情 end*/
.about{width: 95%; padding: 15px 2.5%;height: auto;overflow: hidden;}
.about .tabs{height: auto;overflow: hidden;border:1px solid #0e7bdd; border-radius:8px;}
.about .tabs a{width:33.333%; height:32px; line-height:32px;display: inline-block;float: left;font-size: 1.55rem;color:#333;text-align: center;position: relative;}
.about .tabs a:after{content: ""; border-left: 1px solid #0e7bdd;  height: 50px; width: 1px; float: left;}
.about .tabs a:first-child:after{content: ""; border-left: none;  }
.about .tabs a.active{color:#fff; background: #0e7bdd; }
.about .tabs-container{height: auto;overflow: hidden;padding: 15px 0px 20px;}
.about .tabs-container  img{width: 100%; height: auto; margin-bottom: 5px;}
.about .tabs-container  h4{color: #333; font-size: 1.6rem; font-family: opensans-semibold; margin-top:8px; margin-bottom: 5px;}
.about .tabs-container p{color: #303030; font-size: 1.45rem; line-height: 2rem}
/*头部滑动导航*/
.header_nav{width: 100%;overflow: hidden;height: auto;padding-top: 8px;margin-bottom: 20px;position: relative;top:0}
.header_nav .swiper-wrapper { }
.header_nav .swiper-slide {height:35px;line-height: 35px;width:auto;font-size: 1.6rem;border: 1px solid #0e7bdd;  width: auto;border-right:none;}
.header_nav .swiper-slide:first-child{ border-radius: 5px 0 0 5px ;}
.header_nav .swiper-slide:last-child{margin-right: 0; border-right: 1px solid #0e7bdd;border-radius: 0 5px 5px 0 ;}
.header_nav .swiper-slide a{color: #666; height: 100%; padding: 0 18px; display: block;}
.header_nav .swiper-slide.active {background:#0e7bdd;border:1px solid #0e7bdd;}
.header_nav .swiper-slide.active a{color: #fff;}
.header_nav .line{height: 2px;background: #efefef;width: 100%;position: relative;top:-2px;}
/*关于金谷——企业文化 end*/
.panel_con .list{width: 100%;height: auto;overflow: hidden;}
.panel_con .list li{height: auto;overflow: hidden;position: relative}
.panel_con .list li:after{content: '';border-bottom:1px solid #ededed;display: block;position: absolute;right: 0px;bottom: 0;left:0px;}
.panel_con .list li:last-child:after{border-bottom:none;}
.panel_con .list li{display: block;padding: 15px  0px;overflow: hidden}
.panel_con .list li img{width: 100%;margin-left: 0;}
.panel_con .list .news_cen{height: auto;overflow: hidden;}
.panel_con .list .news_cen  p{color: #444;  font-size: 1.45rem;font-weight: normal;  line-height: 2rem;  margin-bottom:8px; padding: 5px 0 3px 0;}
.panel_con .list .news_cen span.ne_fl{font-size: 1.1rem;color: #2288dd; border: 1px solid #2288dd; border-radius: 2px; padding: 1px 5px; display: block;}
.panel_con .list .news_cen span.ne_fr{ font-family: 'arial';font-size: 1.3rem;color: #999;}
/*关于金谷——企业实力 end*/

.proc_con{ /*background:url("../images/process_bg.png") no-repeat; background-size: 100%; height: 520px;*/ width: 100%; position: relative;}
.proc_con .proc_li{  width: 26.38889%; position: absolute;}
.proc_con .proc_li img{  width:100%;}
.proc_con .pr1{ left:3.19%; top:6%;}
.proc_con .pr2{ left:37.22%; top:2%;}
.proc_con .pr3{ left:71.38%; top:6%;}
.proc_con .pr4{ left:71.38%; top:32%;}
.proc_con .pr5{ left:37.22%; top:28.2%;}
.proc_con .pr6{ left:3.19%; top:36%;}
.proc_con .pr7{ left:3.19%; top:56%;}
.proc_con .pr8{ left:37.22%; top:53%;}
.proc_con .pr9{ left:71.38%; top:60%;}
.proc_con .pr10{ left:41.22%; top:80%;}
.shade{ width: 100%; height: 100%; top:0; bottom: 0; left: 0; right: 0; display: none;  position: fixed; z-index: 1000; background: #000; opacity: 0.15;}
.proc-box{ width: 70%;  padding: 30px 4%;position: fixed; top:30%;display: none; left: 50%; margin-left:-35%; background: #fff;z-index: 1001;  border-radius: 10px;}
.proc-box h5{ font-size: 1.6rem; font-family: opensans-semibold; margin-bottom: 5px; text-align: center;color: #2b2b2b;}
.proc-box p{ font-size: 1.4rem;  color: #666; }
.proc-box i{  font-size: 24px; position: absolute; right: 10px; top:10px;}
.proc-box .pr{  display: none;}
/*工业流程 end*/

.conta{ width: 100%}
.conta .map{ width: 100%; height: auto;overflow: hidden;}
.conta img{ width: 100%}
.conta p{  margin: 10px 2.5%; font-size: 1.45rem; color: #303030;}
.conta ul{ border-top: 1px solid #e9e6e6; }
.conta ul li{ width: 95%; height: 40px;  padding: 5px 2.5%; border-bottom: 1px solid #e9e6e6; font-size: 1.45rem; color: #303030;}
.conta ul li a{  color: #0d6dc8; width: 100%;line-height: 40px; height: auto; overflow: hidden;}
.conta ul em{ width: 30px; height: 30px; margin-top: 5px; float: left; display: inline-block; line-height: 30px; text-align: center; background: #ababab; border-radius: 100%; margin-right: 10px;}
.conta ul em i{ color: #fff;}
.conta ul li span{  }
.he8{height: 8px; background: #f3f3f3;border-bottom: 1px solid #e9e6e6; border-top: 1px solid #e9e6e6;}
.he8_b{height: 8px; background: #f3f3f3; border-bottom: 1px solid #e9e6e6; border-top: 1px solid #e9e6e6;}
@media (max-width: 355px) {
    .conta ul li span{  line-height: 20px;}
}
.message_con{ width: 100%;}
.message_con h1{ width: 97.5%;height:40px;font-family:"opensans-semibold"; padding-left: 2.5%; font-size: 1.75rem; color:#000;  line-height: 42px;}
.message{width: 95%;  padding: 10px 2.5% 0;}
.message p{font-size: 1.4rem; line-height:2rem; margin-bottom:20px;color: #555;}
.message input {  width: 94%; height: 40px;  display: block;  margin:0px auto 8px;
    background: #fafafa; border:1px solid #e8e8e8; padding:0 3%; font-size: 1.4rem; color: #333;font-family: 'gadugi';}
.message textarea { color: #333; width:94%; margin:8px auto 0;  display: block;font-family: 'gadugi';
    background: #fafafa; border:1px solid #e8e8e8; padding:5px 3%; font-size: 1.4rem; }
.message .butn{ width: 100%; height: 42px; display: block; margin:8px auto; background: #f79305;color: #fff;
    cursor:pointer;   font-size:1.4rem;text-align: center; padding:0; border: none;  ;}
.message .buts{ width:100%;  height: auto; overflow: hidden;font-family: 'gadugi'}
.message .butn2,.message .butn3{ width:47%; height: 40px; display: block; margin:8px 0 ;  background: #055eaa;color: #fff;
    cursor:pointer;   font-size:1.45rem;text-align: center; padding:0; border: none;  }
.message .butn3{background: #ababab; }
.message input::-webkit-input-placeholder{color:#b8b8b8;}
.message input:-moz-placeholder {  color:#b8b8b8;  }

/*联系 end*/
.news_xq{  border-bottom: 1px solid #e9e6e6;}
.news_xq .news_title{width: 95%; margin: 0 2.5%;}
.news_xq .news_title h2{ color: #303030;  font-size: 1.7rem; font-family: opensans-semibold; line-height: 2.3rem;  padding: 18px 0 10px;  position: relative;}
.news_xq .news_title h2::after{ border-bottom: 1px solid #ededed;  bottom: 0;  content: "";  display: block;  left: 0px;  position: absolute;  right: 0px;}
.news_xq .news_title p{color: #444;  font-size: 1.35rem;  padding: 2.5% 0;}
.news_xq .news_title p span{margin-right: 10px;}
.news_xq .news_con{width: 95%; margin: 10px 2.5% 0px; padding-bottom: 20px;}
.news_xq .news_con p{ color: #444;  font-size: 1.45rem;  line-height: 2.1rem;  margin-bottom: 5px; }
.news_xq .news_con p img{ width: 100%; margin: 8px 0 3px;}
/*新闻详情 end*/
.search{width: 100%;height: auto;overflow:hidden;  background: #fff;}
.search .search_cen{width: 95%;height: 42px;margin:20px auto;border: 1px solid #e9e6e6;border-radius: 5px; position: relative;}
.search .search_cen input{color:#202325;font-family:'微软雅黑';width: 70%;padding-left:3%;padding-right:27%;height: 42px;font-size: 1.4rem;float: left;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.search .search_cen a{width:27%;height: 42px;font-size:1.45rem;position:absolute; right:0; top:0;text-align: center;line-height: 42px;display: block;float: left;background-color: #2288dd;color:#fff;cursor: pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.ui-autocomplete {height: auto;max-width: 93%;overflow-y: auto;/* 防止水平滚动条 */ overflow-x: hidden;z-index: 1000;}
.ui-menu{padding: 0;}
.ui-widget-content{border: 1px solid #e9e6e6 }
.ui-menu .ui-menu-item a{padding: 5px 0 0 3%;font-size: 1.4rem;color: #555;line-height: 35px;}
.ui-menu .ui-menu-item{border-bottom: 1px solid #e9e6e6}
.ui-menu .ui-menu-item:last-child{border-bottom:none}
.ui-menu .ui-menu-item a:hover{background:none;border:0}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {margin:0px;  }
.rmss{ width:95%; padding: 0 2.5%; border-bottom: 1px solid #e9e6e6;border-top: 1px solid #e9e6e6; background: #efefef ;}
.rmss  h2{ width:100%;height:40px;font-family:"opensans-semibold"; font-size: 1.75rem; color:#000;  line-height: 42px; }
.rmss ul{width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.rmss ul li{float: left;display: inline;margin-right: 16px;margin-bottom: 9px;}
.rmss ul li a{font-size:1.4rem;border: 1px solid #dcdcdc;color: #353d44;background-color: #fff;display: block;border-radius: 3px;padding: 6px 12px;}
.rmss ul li a:active{background: #ededed;}
.t_b{border-top: 1px solid #e9e6e6;}
#sorry{ padding: 20px 2.5%; font-size: 1.7rem; color:red;}
/*搜索 end*/
.strength_banner {width: 100%;position: relative;z-index: 1;overflow: hidden; margin: 5px 0;}
.strength_banner .swiper-slide img{width: 100%; height: auto; display: block;}
.strength_banner .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.strength_banner .swiper-pagination-bullet-active{background-color: #fccd2a;overflow: visible;opacity: 1;}
.strength_banner .swiper-button-prev{background:none;}
.strength_banner .swiper-button-next i{float: right;}
.strength_banner .swiper-button-next{background:none;}
.strength_banner .swiper-button-prev i,.strength_banner .swiper-button-next i{font-size: 40px; color: #fff; opacity: 0.6}
/*banner end*/
.submit_success{height: auto;overflow: hidden;width: 100%;min-height: 330px;background: #fff;font-size: 1.5rem;color: #767676;}
.submit_success h1{color: #000;text-align: center; height: auto;overflow: hidden;margin-top: 50px;padding-bottom: 10px; line-height:2.4rem;font-size: 1.6rem}
.submit_success i{font-size: 2rem; color: #014691; margin-right: 5px; }
.submit_success p{text-align: center;height: auto;overflow: hidden;padding: 10px 3%;}
.buts{width: 70%; margin: 0 auto;}
.buts a{text-align: center;}
.btn_back{color: #fff;border: 1px solid #014691; background:#025ab6;border-radius: 3px;padding: 5px 0;text-align: center; font-size: 1.4rem; width: 45%;  float:left;display: block;}
.btn_play{color: #014691;border: 1px solid #014691;border-radius: 3px;padding: 5px 0;font-size: 1.4rem;width: 45%;display: block; float: right;}
/*提交成功 end*/

.error{ width: 100%; height: auto; overflow: hidden;}
.error .error_img{ width: 100%;}
.error .error_img img{ width: 100%;}
.error .error_con{ width: 95%; margin: 0 auto;}
.error .error_con p:nth-child(1){text-align: left;font-size: 1.50rem;color: #034494; margin-top: 20px; margin-bottom: 10px;}
.error .error_con p:nth-child(2){text-align: center;height: auto;overflow: hidden;padding: 10px 3%;font-size: 1.40rem;}
/*404 end*/