
@charset "UTF-8";
html{
  font-size: 64px;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  height: auto;
  font-family: Microsoft YaHei,Helvetica,Arial,Arial;
  margin:0 auto;
  padding:0;
  /*-webkit-font-smoothing: antialiased;*/
  overflow-x: hidden;
  color: #333;
  font-size:14px;
}

header,nav,footer,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe,figure,label,b ,strong{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  color:#333;
}
a:hover{
  cursor: pointer;
  color:#ff0028;
  text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
  font-weight: normal;
  margin: 0;
  padding: 0;
  -webkit-margin-after:0 ;
  font-size :100% ;
}
:focus,:invalid{
  outline:none;
}

button, input, select, textarea {
  font-size:100%;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

ol,ul,li,img,menu,dir{
  border: 0;
  list-style: none;
  padding: 0;
}

i,em,b,strong{
  font-style: normal;
}

:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix{
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear:both;
}

.clear{
  clear:both !important;
  folat:none !important;
  zoom:~"1\9";
}
.clear:after{
  content: "";
  display: block;
  clear: both;
  float: none;
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}



if ($.browser.msie && parseInt($.browser.version, 10) <= 7) {
    strAlertWrapper.css({position:'fixed', bottom:'0', height:'auto', left:'auto', right:'auto'});
 }


.fix {
width: 1400px;
position: fixed;
top: 145px;
z-index: 9999999999;
margin:0 auto;
left:auto;
right:auto;
background-color: #fff;
}

.bottom_line{border-bottom:1px solid #f0f0f0; display:block;}
.common{
  width:1400px;
  margin: 0 auto;
  clear: both;
  float: none;
}
.round{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.u-ell {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.u-ells, .u-ells3, .u-ells4, .u-ells5, .u-ells6{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.u-ells3 {
  -webkit-line-clamp: 3;
}
.u-ells4 {
  -webkit-line-clamp: 4;
}
.u-ells5 {
  -webkit-line-clamp: 5;
}
.u-ells6 {
  -webkit-line-clamp: 6;
}

@media screen and (max-width: 1430px){
  .common{
    width: auto;
    padding-right:15px;
    padding-left:15px ;
  }
}
@media screen and (max-width: 768px){
  .common{
    width: auto;
    padding-right:10px;
    padding-left:10px ;
  }
}
@media screen and (max-width: 320px){
  .common{
    width: 320px;
    padding:0 10px; 
  }
}

.absoImg{
  max-width: 100%;
  max-height: 100%;
}
.flex-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.flex-box .expansion {
  position: static;
  display: inline-block;
  padding-bottom: 100%;
  width: 0.1px;
  vertical-align: middle;
}
.flex-box > * {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.Vcenter,
.Hcenter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.Vcenter {
  height: auto;
  width: 100%;
  min-height: 100%;
}
.Hcenter {
  width: auto;
  min-width: 100%;
  height: 100%;
  max-width: none;
}
.Vcenter-full,
.Hcenter-full {
  position: absolute;
}
.Vcenter-full {
  width: auto;
  height: 100%;
  left: 50%;
  top: 0;
  min-width: 1px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.Hcenter-full {
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  min-height: 1px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

/*头部*/
.header-block{
  height: 146px;
}
.header{
  position: fixed;
  top: 0;
  z-index: 99999;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.header-language{
  text-align: right;
  margin: 6px 0;
  height: 12px;
  font-size: 0;
}
.header-language span{
  display: inline-block;
  padding: 0 6px;
  font-size: 0.1875rem;
  color:#999;
  line-height: 12px;
  /*
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  */
}
.header-language span.cur{
  border-right: 0;
  color:#333;
}
.header-left{  
  float: left;
}
.header-top{ height: 80px;}
.header-top .header-logo{
  display: inline-block;
  vertical-align: bottom; 
  margin-top:2px;  
  vertical-align: middle; 
}
.header-top .header-logo img{ height: 80px; }
.header-left-word{
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 15px;
  padding-left: 10px; 
  vertical-align: middle;
  margin-top:8px;
}
.header-left-word p{
  font-size: 0.2188rem;
  line-height: 18px;
  color: #999;
  margin-bottom: 5px;
}
.header-left-word h3{
  font-size: 0.2812rem;
  line-height: 18px;
  color: #333;
}
.header-left-img{
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 15px;
  padding-left: 30px;
}
.header-fa{
  display: none;
  float: right;
  font-size: 0.375rem;
  line-height: 72px;
  padding-left: 20px;
}
.header-right{
  float: right;
}
.header-right-tel{
  padding-top: 30px;
}
.header-right-fa{
  float: left;
  padding-left: 35px;
}
.header-right-fa .fa{
  font-size: 0.3125rem;
  color:#ff0026;
}
.header-right-fa span{
  font-size: 0.2812rem;
  line-height: 24px;
  padding-left: 8px;
}
.header-nav{
  background-color: #f9f9f9;
  height: 45px;
  position: relative;
}
.header-link{
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 0.25rem;
  color:#333;
  border-left: 1px solid #ededed;
  border-right: 1px solid #fff;
}
.header-link.cur{
     background-color: #ff0028;
    color: #fff;
}
.header-li{
  float: left;
  width: 11.11%;
  position: relative;
}
.header-li.hide{
  display: none;
}
.header-li:first-child{
  border-left: 0;
}
.header-li:last-child{
  border-right: 0;
}
.header-li:hover .header-link{
    background-color: #ff0028;
    color: #fff;
}
.header-li:hover .header-twoNav{
  display: block;
}
.header-twoNav{
  display: none;
 position: absolute;
  z-index: 102;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 0;
  background-color: #fff;
}
.header-twoNav-link{
  line-height: 36px;
  display: block;
  font-size: 0.2031rem;
  color:#666;
  padding: 0 15px;
}
.header-twoNav-link:hover{
  background:rgba(255,0,40,0.7);
  color: #fff;
}

/*广告图*/
.swiper-banner{
  position: relative;
  overflow: hidden;
}
.swiper-banner .swiper-slide{ 
  overflow: hidden;
}
.swiper-banner .swiper-pagination-bullet{
  width: 40px;
  height: 5px;
  background-color: #fff;
  border-radius: 0;
}
.swiper-banner .swiper-pagination-bullet-active{
  background-color: #ff0028;
}
.swiper-banner .swiper-button-prev{
  background-image: none;
  z-index: 106;
  left: 80px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.swiper-banner .swiper-button-next{
  background-image:  none;
  z-index: 106;
  right: 80px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.swiper-banner .swiper-button-next img,.swiper-banner .swiper-button-prev img{
  width: 100%;
}


/*首页：产品中心*/
.index-title-bg{

}
.index-title{
  font-size: 0.5rem;
  line-height: 50px;
  text-align: center;
  /*color:#666;*/
  background: url("../images/bgimg.png")/*tpa=https://www.gdzjdl.com/img/bgimg.png*/ no-repeat center;
}
.index-cont{
  padding: 44px 0 28px;
}
.index-desc{
  padding: 15px 0;
  text-align: center;
  font-size: 0.2188rem;
  line-height: 24px;  
  color:#999;
}
.iproduct-list{
  margin: 0 -8px ;
  padding-bottom: 45px;
}
.iproduct-li{
  float: left;
  width: 25%;  
  border:1px solid #f7f7f7;
  margin:-1px 0 0 -1px;
}
.iproduct-link{
  display: block;
  font-size: 0;
}
.iproduct-link:hover .iproduct-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.iproduct-img{  
  position: relative;
  overflow: hidden;
}
.iproduct-img img{
  transform: scale(1);
  transition: 0.5s;
}

.iproduct-cont{
  border-top: 1px solid #f6f6f6;  
  padding: 15px 8%; 
  background: #f9f9f9;
}
.iproduct-cont img{
  display: inline-block;
  width: 33px;
  height: 33px;
  vertical-align: middle;
}
.iproduct-cont span{
  display: inline-block;
  font-size: 0.3125rem;
  color:#666;
  padding-left: 20px;
  vertical-align: middle;
}
.iproduct-link:hover .iproduct-cont{
  background: #ff0028;
}
.iproduct-link:hover span{
  color: #fff;
}

.iproduct-title{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}




/*首页：技术*/
.itechnology{
  background: url("../images/artbg.png")/*tpa=https://www.gdzjdl.com/img/artbg.png*/ no-repeat top left; 
}
.itechnology-title{
  padding: 44px 0 28px;
}
.itechnology-h3{
  margin-bottom: 10px;
  font-size: 0.5rem;
  line-height: 50px;
  text-align: center;
  color:#666;
}
.itechnology-title-desc{
  /*padding: 15px 0;*/
  width: 79%;
  margin: 0 auto; 
  text-align: center;
  font-size: 0.2188rem;
  line-height: 24px;  
  color:#999;
}
.itechnology-list{
  margin: 0 -8px ;
}
.itechnology-li{
  float: left;
  width: 25%;
  padding:0 8px 15px;
}
.itechnology-link{
  display: block;
  font-size: 0;
}
.itechnology-img{ 
  position: relative;
  overflow: hidden;
}
.itechnology-link:hover .itechnology-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.itechnology-img img{
  transform: scale(1);
  transition: 0.5s;
}
.itechnology-cont{
  border: 1px solid #f6f6f6;
  box-shadow: 0 2px 5px #e5e5e5;
  padding: 15px 8%;
  border-top: 0;
  background-color: #fff;
}
.itechnology-cont-title{
  font-size: 0.3125rem;
  color:#666;
  text-align: center;
  margin-bottom: 10px;
}
.itechnology-cont-desc{
  font-size: 0.2188rem;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  text-align: center;
  color:#999;
}
/*.itechnology-cont span{
  display: inline-block;
  font-size: 0.3125rem;
  padding-left: 20px;
  vertical-align: middle;
}*/
.itechnology-link:hover .itechnology-cont{
  background: #ff0028;
}
.itechnology-link:hover .itechnology-cont-title,.itechnology-link:hover .itechnology-cont-desc{
  color: #fff;
}

/*首页：案例*/
.icase{
  padding-bottom: 26px;
}
.index-en{
  font-size: 0.5625rem;
  line-height: 32px;
  color:#999;
  text-align: center;
}
.icase-list{
  margin: 0 -1px;
}
.icase-li{
  float: left;
  width: 33.33%;
  padding: 0 1px 2px;
}
.icase-link{
  display: block;
  position: relative;
}
.icase-img{
  position: relative;
  overflow: hidden; 
}
.icase-link:hover .icase-cont{
  /*display: block;*/
  transform: scale(1);
  transition: 0.3s;
}
.icase-cont{
  transform: scale(0);
  transition: 0.3s;
  /*display: none;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); 
  text-align: center;
}
.icase-cont:after{
  content: '';
  display: inline-block;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
}
.icase-cont-middle{
  display: inline-block;
  vertical-align: middle;
}
.icase-cont-title{
  font-size: 0.2812rem;
  line-height: 18px;
  margin-top: 10px;
  color:#fff;
}
.icase-more{
  display: block;
  margin: 30px auto;
  width: 140px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #ff0028;
  text-align: center;
  color: #ff0028;
  transition: 0.5s;
  position: relative;
}
.icase-more:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width:0;
  height: 100%;
  background-color: #ff0028;
  transition: 0.5s;
}
.icase-more:hover{
  color: #fff;
  transition: 0.5s;
}
.icase-more:hover:after{
  width: 100%;
  transition: 0.5s;
}
.icase-more .fa{
  font-size: 0.3906rem;
  display: inline-block;
  vertical-align: middle;
}
.icase-more span{
  display: inline-block;
  vertical-align: middle;
  font-size: 0.2812rem;
}

/*首页：信息*/
.inews{
  padding-bottom: 56px;
}
.inews-cont-left{
  float: left;
  height: 480px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  width: 27%;
}
.inews-cont-right{
  float: right;
  height: 480px;
  width: 70%;
  overflow: hidden;
}
.inews-left-top{
  height: 60px;
  color: #333;
  padding: 0 8% 0 5%;
  border-bottom: 1px solid #e5e5e5;
}
.inews-left-top span{
  float: left;
  font-size: 0.3125rem;
  line-height: 60px;
}
.inews-left-circle{
  float: right;
  width: 24px;
  height: 24px;
  margin: 18px 0;
  border-radius: 50%;
  border: 1px solid #333;
  text-align: center;
  line-height: 24px;
}
.inews-left-circle .fa{
  font-size: 0.3125rem;
  padding-left: 3px;
}
.inews-left-top:hover{
  background: #ff0028;
  color:#fff;
}
.inews-left-top:hover .inews-left-circle{
  border-color: #fff;
}
.ianswer-link{
  display: block;
  padding: 0 8% 0 5%;
  height: 105px;
}
.ianswer-cont{
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.ianswer-title{
  padding: 13px 0;
}
.ianswer-title-img,.ianswer-desc-img{
  float: left;
  width: 21px;
}
.ianswer-title h3,.ianswer-desc p{
  float: right;
  padding-left: 10px;
  width: calc(100% - 21px);
  font-size: 0.2188rem;
  line-height: 18px;
  color:#999;
}
.ianswer-desc p{
  color: #333;
}
.ianswer-link:hover {
  background: #f1f1f1;
}
.inews-right-top{
  margin-bottom: 7px;
  font-size: 0.4375rem;
  border-bottom: 1px solid #ccc;
  height: 53px;
  color:#666;
}
.informa-link{
  display: block;
  height: 105px;
  padding: 19px 00;
  border-bottom: 1px solid #ccc;
}
.informa-time{
  float: left;
  width: 110px;
  color:#999;
  transform: translateX(0);
  transition: 0.5s;
}
.informa-time-day{
  font-size: 60px;
  line-height: 40px;
  margin-bottom: 4px;
}
.informa-time-ym{
  font-size: 0.2812rem;
  line-height: 24px;
}
.informa-cont{
  float: right;
  width: calc(100% - 110px);
}
.informa-cont-title{
  font-size: 0.2812rem;
  line-height: 32px;
  color: #333;
}
.informa-cont-desc{
  font-size: 0.1875rem;
  line-height: 18px;
  color: #999;
}
.informa-link:hover{
  background-color: #ff0028;
}
.informa-link:hover .informa-time{
  transform: translateX(20px);
  transition: 0.5s;
  color:#fff;
}
.informa-link:hover .informa-cont-title,.informa-link:hover .informa-cont-desc{
  color:#fff;
}

/*首页：公司简介*/
.iabout{
  background:url("../images/aboutbg.jpg")/*tpa=https://www.gdzjdl.com/img/aboutbg.jpg*/ no-repeat top center;
  padding: 80px 0 68px;
  background-size: 100% 100%;
  margin-top: 46px;
}
.iabout-title{
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  margin-bottom: 36px;
}
.vid_box{width:100%; height: 300px;}
.iabout-cont{
  padding: 0 20px 20px;
  width:80%;
  margin: 0 auto;
}
.iabout-cont p{
  font-size: 0.2188rem;
  line-height: 2.1;
  color: #fff;
}
.iabout-cont-l{ float:left; width:48%; position:relative; }
.iabout-cont-l .video-js {
	position:absolute;
	top:0; left: 0;
	height:100% !important ;
	width:100% !important ;
 } 
.iabout-cont-r{ float:right;  width:50%;; padding-left:20px;}



.iabout-more{
  width: 216px;
  height: 38px;
  margin: 12px auto 22px;
  display: block;
  line-height: 36px;
  background-color: #ff0028;
  color: #fff;
  text-align: center;
  font-size: 0.2188rem;
  border-radius: 38px;
  font-weight: bold;
}
.iabout-more:hover{
  color: #fff;
}
.iabout-more span{
  display: inline-block;
  vertical-align: middle;
}
.iabout-more .fa{
  display: inline-block;
  vertical-align: middle;
  font-size: 0.2812rem;
}
.swiper-iabout-mian{
  position: relative;
  width: 80%;
  margin: 0 auto; 
}
.swiper-iabout{
  width: 90%;
  margin: 0 auto; 
  overflow: hidden;
}
.swiper-iabout .swiper-slide{
  padding: 0 15px;
}
.swiper-iabout .slide-cont{
  background-color: #fff; 
  padding: 12px;
}
.swiper-iabout .slide-img{
  position: relative;
  padding-bottom: 66.66%;
  overflow: hidden;
}

.swiper-iabout .slide-title{
  font-size: 0.2188rem;
  line-height: 18px;
  margin-top: 10px;
  text-align: center;
}

/*底部*/
.footer{
  border-top: 4px solid #ff0028;
  background-color: #f1f1f1;
}
/*.footer-mian
.footer-cont{
}*/
.footer-mian{
  padding: 40px 0 32px;
}
.footer-cont{
  margin: 0 20%;
}
.footer-dl{
  float: left;  
  display:inline-block;
  padding:0 25px;
}
.footer-dt{
  display: block;
  font-size: 0.2188rem;
  line-height: 18px;
  color:#333;
  margin-bottom: 16px;
}
.footer-dd{
  display: block;
  font-size: 0.1875rem;
  line-height: 2;
  color:#666;
}
.footer-left{
  float: left;
  width: 16.2%;
}
.footer-left-logo1{
  float: right;
  width: 10%;
}
.footer-left-logo1 img{
  margin-top: 20px;
  display: block;
  width: 100%;
}
.footer-left-logo2{
  float: left;
  width: 100%;
}
.footer-left-logo2 img{
  display: block;
  margin: 0  auto 22px;
}
.footer-right{
  float: right;
  width: 30%;
}
.footer-right p{
  font-size: 0.2188rem;
  color: #333;
  line-height: 18px;
  margin-bottom: 16px;
}
.footer-bot{
  border-top: 1px solid #bfbfbf;
  font-size: 0.1875rem;
  line-height: 18px;
  padding: 15px 0;
}
.footer-bot span{
  padding-left: 46px; 
}
.footer-bot a{
  color:#333;
}
.footer-bot a:hover{
  color:#ff0028;
}

/*右边定位*/
.flex-up{
  position: fixed;
  right: 0;
  z-index: 105;
  top: 147px;
}
.flex-list{
  background-color: #333;
  height: 60px;
  width: 90px;
  border-bottom: 1px solid #fff;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  padding-right: 0;
  -webkit-transform: translate(190px);
  -ms-transform: translate(190px);
  -o-transform: translate(190px);
  transform: translate(190px);
  padding: 8px 0 0;
}
.flex-list:last-child{
  border: 0;
}
.flex-list.flex-list-phone{
  width: 250px;
}
.flex-list .fl{
  width: 90px;
}
.flex-list .fr{
  width: 160px;
  font-size: 0.3125rem;
  text-align: center;
  line-height: 40px;
  color:#fff;
  height: 40px;
  border-left: 1px solid #fff;
}
.flex-list .fa{
  display: block;
  vertical-align: middle;
  color:#fff;
  width: 60px;
  text-align: center;
  font-size: 0.4062rem;
}
.flex-list span{
  color: #fff;
  display: block;
  width: 60px;
  text-align: center;
  font-size: 12px;
}
.flex-list:hover{
  transition: 0.5s;
  -webkit-transition: 0.5s;
   -webkit-transform: translate(160px);
  -ms-transform: translate(160px);
  -o-transform: translate(160px);
  transform: translate(160px);
  background-color:#ff0028;
}
.flex-list.flex-list-phone:hover{
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  -o-transform: translate(0px);
  transform: translate(0px);
}
.flex-list.flex-list-weixin:hover img{
  transform: scale(1);
   -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.flex-list-weixin{
  position: relative;
}
.flex-list-weixin img{
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  position: absolute;
  left: -140px;
  top: -40px;
  width: 140px;
  height: 140px;
}
.position-weixin,.position-about{
  position: fixed;
  z-index: 106;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
}
.position-weixin.cur,.position-about.cur{
  display: block;
}
.position-weixin-close,.position-about-close{
  text-align: right;
}
.position-weixin-close .fa,.position-about-close .fa{
  font-size: 0.5rem;
  color: #fff;
  padding: 20px;
}
.position-weixin img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
  width: 200px;
  height: 200px;
}
.position-about img{
  position: absolute;
  left: 50%;
  top: 50%;
  /*margin-left: -300px;*/
  /*margin-top: -200px;*/
  /*width: 600px;*/
}

/*nav页面*/
.navPhone-remove{
  display: block;
  height: 58px;
  line-height: 48px;
  padding: 0 15px;
  border-bottom: 10px solid #efefef;
  font-size: 0.2812rem;
  color:#333;
}
.navPhone-remove span{
  display: inline-block;
  vertical-align: middle;
}
.navPhone-remove .fa{
  font-size: 0.375rem;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
}
.navPhone-tilte{
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 20px 0 30px;
  border-bottom: 1px solid #efefef;
  font-size: 0.2812rem;
  color:#333;
  text-align: center;
}
.navPhone-tilte .fa{
  line-height: 48px;
  float: right;
  font-size: 0.375rem;
  transform: rotate(90deg);
  transition: 0.5s;
}
.navPhone-link{
  border-bottom: 1px solid #efefef;
  display: block;
  line-height: 40px;
  padding: 0 20px;
  color:#333;
  font-size: 0.25rem;
}
.navPhone-li .fa-angle-right{
  transform: rotate(0deg);
  transition: 0.3s;
}
.navPhone-li.cur .fa-angle-right{
  transform: rotate(90deg);
  transition: 0.3s;
}
.navPhone-li.cur .navPhoneTwo-cont{
  display: block;
}
.navPhoneTwo-cont{
  display: none;
}
.navPhone-link .fa-angle-right{
  line-height: 40px;
  float: right;
  font-size: 0.375rem;
}
.navPhoneTwo-link{
  color:#333;
  display: block;
  line-height: 36px;
  padding: 0 40px;
  border-bottom: 1px solid #efefef;
  font-size: 0.2344rem;
}
/*信息页*/
.allBar img{
  width: 100%;
  display: block;
}
/*面包屑*/
.crumbsPhone{
  display: none;
}
.crumbsPhone-tilte{
  display: block;
  height: 42px;
  line-height: 42px;
  padding: 0 20px 0 30px;
  border-bottom: 1px solid #efefef;
  font-size: 0.2969rem;
  color:#333;
}
.crumbsPhone-tilte .fa{
  line-height: 42px;
  float: right;
  font-size: 0.375rem;
}
.crumbs{
  height: 60px;
  line-height: 60px;
  color:#aaa;
/*   position:relative;
z-index: 109; */
}
.crumbs-left{
  float: left;
}
.crumbs-left .fa-home{
  font-size: 0.3125rem;
  display: inline-block;
  vertical-align: middle;
}
.crumbs-left .fa-angle-right{
  font-size: 0.2812rem;
  vertical-align: middle;
  display: inline-block;
}
.crumbs-left-link{
  display: inline-block;
  vertical-align: middle;
  font-size: 0.2188rem;
  color: #aaa;
  padding: 0 8px;
}
.crumbs-right{
  float: right;
}
.crumbs-right-link{
  font-size: 0.2188rem;
  color: #aaa;
  padding-left: 50px;
}
.crumbs-right-link.cur{
  color: #ff0028;
}

/*最新动态*/
.news-list{
  padding-top: 24px;
  margin: 0 -15px;
}
.newsList-one{
  margin-bottom: 64px;
  padding: 0 15px;
}
.newsList-one-img{
  position: relative;
  padding-bottom: 51%;
  overflow: hidden;
}
.newsAll-title{
  font-size: 0.5rem;
  line-height: 86px;
}
.newsList-one-left{
  float: left;
  width: 47.25%;
}
.newsList-one-img{
  padding-bottom:0;
  position: relative;
  overflow: hidden;
}
.newsList-one-right{
  float: right;
  width: 52.75%;
  padding-left: 4%;
}
.newsList-one-title{
  font-size: 0.2812rem;
  padding-top: 20px;
  line-height: 24px;
}
.newsList-one-desc{
  padding: 16px 0;
  font-size: 0.2188rem;
  line-height: 30px;
  color: #666;
  border-bottom: 1px solid #f1f1f1;
}
.newsList-one-more{
  display: block;
  width: 135px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #ff0028;
  border-radius: 3px;
  margin-top: 50px;
}
.newsList-one-more:hover{
  color:#fff;
}
.newsList-one-more .fa{
  font-size: 16px;
}
.newsList-time {
  padding: 8px 0;
}
.newsList-time span,.newsList-time .fa{
  font-size: 0.1875rem;
  color: #999;
  display: inline-block;
  vertical-align: middle;  
}
.newsList-time .fa{
  font-size: 0.2188rem;
}
.newsList-time  .fa-eye{
  padding-left: 50px;
}
.news-li{
  float: left;
  width: 33.33%;
  padding: 0 15px;
}
.news-link{
  display: block;
}
.news-img{
  position: relative;
  overflow: hidden;
}
.news-img img{
  transform: scale(1);
  transition: 0.5s;
}
.news-content{
  padding: 20px 0;
}
.news-link:hover .news-title{
  color: #ff0028;
}
.news-link:hover .news-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.news-title{
  font-size: 0.2812rem;
  line-height: 32px;
  color: #333;
  height: 64px;
}

/*分页*/

.pageroll{text-align:center; display:block; margin:60px 0;}
.pageroll a{
    display: inline-block;
  vertical-align:middle;
  width: 36px;
  height: 36px;
  font-size: 0.2188rem;
  line-height: 36px;
  text-align: center;
  color: #666;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  margin: 0 4px; 
}

.pageroll span{
    display: inline-block;
  vertical-align:middle;
  width: 36px;
  height: 36px;
  font-size: 0.2188rem;
  line-height: 36px;
  text-align: center;
  color: #666;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  margin: 0 4px; 
}


.pageroll .current{
  background-color: #ff0028;
  color: #fff;
  border: 1px solid #ff0028;
}

.pagetion{
  text-align: right;
  font-size: 0;
  padding: 24px 0 36px;
}
.pagetion-list{
  display: inline-block;
  vertical-align:middle;
  width: 36px;
  height: 36px;
  font-size: 0.2188rem;
  line-height: 36px;
  text-align: center;
  color: #666;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  margin: 0 4px; 
}
.pagetion-list:hover,.active{
  background-color: #ff0028;
  color: #fff;
  border: 1px solid #ff0028;
}
.pagetion-list .fa{
  font-size: 0.2812rem;
}
.pagetion-now{
  display: inline-block;
  vertical-align:middle;
  padding-left: 10px;
  color: #666;
  line-height: 36px; 
  font-size: 0.2188rem;
}

/*信息详情页*/
.newsItem-cont {
  padding-bottom: 36px;
}
.newsItem-content{
  float: left;
  width: 71.4%;
  padding: 0 5.712% 0  2% ; 
}
.newsItem-title{
  font-size: 0.375rem;
  color: #333;
}
.newsItem-top{
  padding: 20px 0 12px;
  border-bottom: 1px solid #f1f1f1;
}
.newsItem-desc{
  padding: 24px 0 36px;
  font-size: 0.2188rem;
  line-height: 2.1; 
  color: #666;
}
.newsItem-desc img{
  max-width: 100%;
  width: auto;
}
/*上一条，下一条*/
.pageAll{
  font-size: 0.2188rem;
  line-height: 30px; 
  color: #666;
}
.pageAll .pageAll-link{
  color: #666;
  font-size: 0.2188rem;
}
.pageAll .pageAll-link:hover{
  color: #ff0028;
}
.newsItem-reco{
  float: right;
  width: 28.6%;
}
.newsReco-title-h3{
  float: left;
  font-size: 0.375rem;
  line-height: 90px;
}
.newsReco-title-link{
  float: right;
  font-size: 0.2188rem;
  line-height: 90px;
}
.newsReco-one{
  display: block;
  border-bottom: 1px solid #eee;
  margin-bottom:15px;
}
.newsReco-one:hover .newsReco-one-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.newsReco-one:hover .newsReco-one-title{
  color: #ff0028;
}
.newsReco-one-img{
  padding-bottom:0;
  position: relative;
  overflow: hidden;
}
.newsReco-one-img img{
  transform: scale(1);
  transition: 0.5s;
}
.newsReco-one-title {
  font-size: 0.2812rem;
  color: #333;
  padding: 10px 0;
}
.newsReco-list p{color:#999; padding-bottom:15px;}


.newsReco-link{
  display: block;
  padding: 0 20px 0 8px;
  font-size: 0.2188rem;
  line-height: 30px; 
  color: #999;
  position: relative;
}
.newsReco-link:after{
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 14px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

/*产品页*/
/*产品分类*/
.proNav{
  text-align: center;
  font-size: 0;
  padding: 20px 0 30px;
}
.proNav-link{
  display: inline-block;
  padding: 14px;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 0.2188rem;
  color: #666;
  margin: 8px;
}
.proNav-link:hover,.proNav-link.cur{
  color: #fff;
  background-color: #ff0028;
}
.product-list{
  margin: 0 -13px 
}
.product-li{
  float: left;
  width: 25%; 
  border:1px solid #f7f7f7;
}
.product-link{
  display: block;
}
.product-link:hover .product-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.product-link:hover .product-content{
  background-color: #f0f0f0;
}
.product-link:hover .product-title{
  color: #ff0028;
}
.product-img{
  position: relative;  
  overflow: hidden;
}
.product-img img{
  transform: scale(1);
  transition: 0.5s;
}
.product-content{
  padding: 10px 20px;
  box-shadow: 0 0 3px #f0f0f0;
}
.product-title{
  font-size: 0.2188rem;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-align: center;
  color: #666;
}

/*产品详情页*/
.proItem-title{
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
}
.proItem-cont{
  padding-top: 36px;
  padding-bottom: 36px;
}
.proItem-content{
  float: left;
  width: 71.4%;
  padding: 0 5.712% 0  2% ; 
}
.proItem-topLeft{
  float: left;
  width: 44.9%;
}
.proItem-topLeft-img{
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.proItem-swiper-main{
  position: relative;
  margin: 8px 0;
  padding: 0 5%;
}
.proItem-swiper-main .swiper-button-prev,.proItem-swiper-main .swiper-button-next{
  width: 10px;
  height: 20px;
  background-size: 10px 20px;
  margin-top: -10px;
}
.proItem-swiper-main .swiper-button-prev{
  left: 0;
}
.proItem-swiper-main .swiper-button-next{
  right: 0;
}
.proItem-swiper{
  overflow: hidden;
}
.proItem-swiper .swiper-slide{
  padding: 0 3px;
}
.swiper-proItem-img{
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.swiper-proItem-img.cur{
  border:1px solid #ff0028;
}
.proList-topRight{
  float: right;
  width: 55.1%;
  padding-left: 5%;
}
.proList-topRight-h3{
  font-size: 0.2812rem;
  line-height: 30px;
  margin: 6px 0;
}
.proList-topRight-h3.cur{
  margin: 0 0 6px;
  line-height: 0.375rem; 
}
.proList-topRight-p{
  font-size: 0.2188rem;
  line-height: 30px;
  color: #666;
}
.hotline{
  color: #ff0028;
  font-size: 0.3125rem;
  line-height: 30px;
  padding: 10px 0;
  border-top: 1px dotted #f1f1f1;
  margin-top: 10px;
}
.hotline em{
  font-style: italic;
}
.proList-topRight-consult{
  width: 200px;
  height: 50px;
  display: block;
  line-height: 50px; 
  font-size: 0.3125rem;
  color: #fff;
  border-radius: 3px;
  background-color: #ff0028;
  text-align: center;
  margin-top: 20px;
}
.proList-topRight-consult:hover{
  color:#fff;
}
.proList-topRight-consult2{
  width: 200px;
  height: 50px;
  line-height: 50px; 
  display: inline-block;
  font-size: 0.3125rem;
  color: #ff0028;
  border-radius: 3px;
  border: 1px solid #ff0028;
  margin-left: 20px;
  text-align: center;
  margin-top: 20px;
}

.proList-topRight-consult3{
  width: 200px;
  height: 50px;
  line-height: 50px; 
  display: inline-block;
  font-size: 0.3125rem;
  color: #ccc;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-left: 20px;
  text-align: center;
  margin-top: 20px;
}


.proItem-desc{
  padding: 36px 0;
}
.proItem-desc-title{
  font-size: 0;
  border-bottom: 1px dotted #f1f1f1;
}
.proItem-desc-title span.cur{
  background-color: #f1f1f1;
}
.proItem-desc-title span{
  width: 122px;
  height: 42px;
  display: inline-block; 
  text-align: center;
  line-height: 42px;
  font-size: 0.2812rem;
}
.proItem-desc-content,.proItem-desc-content2{
  padding: 16px 0;
  font-size: 0.2188rem;
  line-height: 2.1;
  display: none;
}
.proItem-desc-content.cur,.proItem-desc-content2.cur{
  display: block;
}
.proItem-desc-content img,.proItem-desc-content2 img{
  width: auto;
  max-width: 100%;
}

.proItem-reco{
  float: right;
  width: 28.6%;
}
.proReco-title{
  padding-bottom: 36px;
}
.proReco-title-h3{
  float: left;
  font-size: 0.375rem;
}
.proReco-title-link{
  float: right;
  font-size: 0.2188rem;
  line-height: 32px;
}
.proReco{
  display: block;
  width: 80%;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.proReco:hover .proReco-img img{
  transform: scale(1.1);
  transition: 0.5s;
}
.proReco:hover .proReco-list-title{
  color: #ff0028;
}
.proReco-img{ 
  position: relative;
  overflow: hidden;
}
.proReco-img img{
  transform: scale(1);
  transition: 0.5s;
}
.proReco-list-title {
  font-size: 0.2188rem;
  color: #333;
  text-align: center;
  padding: 20px 10px;
}

/*问答*/
.answer-cont{
  padding-bottom: 36px;
}
.answer-cont-title{
  line-height: 90px;
  font-size: 0;
}
.answer-cont-title h2{
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
}
.answer-cont-title span{
  display: inline-block;
  vertical-align: middle;
  font-size: 72px;
  color: #f1f1f1;
}
.answer-li{
  float: left;
  width: 47.2%;  
}
.answer-li:nth-child(2n){
  float: right;
  width: 47.2%;
}
.answer-link{
  display: block;
  padding: 30px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}
.answer-problem{
  font-size: 0.2812rem;
  color: #333;
}
.answer-desc{
  font-size: 0.2188rem;
  line-height: 30px;
  height: 60px;
  color:#666;
  margin: 16px 0 8px;
}
.answer-more{
  font-size: 0.2188rem;
  color:#999; 
}
.answer-more span{
  display: inline-block;
  vertical-align: middle;
}
.answer-more .fa{
  padding-left: 3px;
  font-size: 0.2812rem;
  vertical-align: middle;
  display: inline-block;
}
.answer-link:hover .answer-more{
  color: #ff2800;
}
/*关于我们*/
.about-cont-title{
  font-size: 0.5rem;
  line-height: 30px;
  margin-bottom:20px;
}
.about-cont-title span{ float:right; font-size:16px;}
.about-cont-title span a{color:#666;}
.aIntroduce-cont,.aMarket-cont{
  font-size: 0.2188rem;
  line-height: 2.1;
  color:#666;
  margin-bottom: 20px;
}
.aIntroduce-cont img,.aMarket-cont img{
  width:auto;
  max-width: 100%;
}
/*视频*/
.aVideo-left{
  float: left;
  width: 36%;  
  padding-bottom: 27%;
  position: relative;
}
.aVideo-left .video-js {
	position:absolute;
	top:0; left: 0;
	height:100% !important ;
	width:100% !important ;
 }
.aVideo-cont{
  position: relative;
}
.aVideo-embed{
 
  overflow: hidden;
}
.aVideo-embed embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aVideo-cont2{width:520px; height:320px; border:1px solid #f7f7f7;}
.aVideo-right{
  float: right;
  width: 57%;
}
.aVideo-state{
  position: absolute;
  top: 70px;
  width: 57%;
}
.aVideo-item{
  float: left;
  width: 33.33%;
  height: 175px;
  line-height: 175px;
  border-left: 1px dotted #cdcdcd;
  border-bottom: 1px dotted #cdcdcd;
  position: relative;
  text-align: center;
}
.aVideo-item:last-child{
  border-right: 1px dotted #cdcdcd;
}
.aVideo-item:before{
  content: '';
  display: block;
  position: absolute;
  top: -14px;
  left: -8px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:13px solid #ccc;
}
.aVideo-item:last-child:after{
  content: '';
  display: block;
  position: absolute;
  top: -14px;
  right: -8px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:13px solid #ccc;
}
.aVideo-desc{
  display: inline-block;
}
.aVideo-desc p{
  font-size: 0.25rem;
  line-height: 32px;
  color:#666; 
  text-align: center;
}
.aVideo-desc span{
  font-size: 0.4688rem;
  color: #ff0028;
}

/*历史*/
.swiper-history .slide-cont{
  padding: 0 10%;
}
.swiper-history .slide-img{
  float: left;
  width: 26.5%;
  position: relative;
  padding-bottom: 10%;
  overflow: hidden;
}
.aHistory{
  overflow: hidden;
}
.history-list{
  float: left;
  padding-left: 30px;
}
.history-list-p{
  font-size: 0.2188rem;
  margin-bottom: 14px;
  color: #666;
}
.history-list-p .fa{
  padding-right: 6px;
}
.aHistory-list{
  margin: 36px 0 20px;
}
.aHistory-item{
  float: left;
  width: 10.5%;
  border-top: 1px solid #ff0028;
  line-height: 80px;
  text-align: center;
  font-size: 0.375rem;
  position: relative;
  cursor: pointer;
}
.aHistory-item:before{
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: -10px;
  background: #fff;
  left: 50%;
  margin-left: -10px;
  border: 1px solid #ff0028;
}
.aHistory-item.cur:after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  background-color: #ff0028;
} 
.aHistory .swiper-pagination{
  display: none;
}
/*swiper-pagination-bullet swiper-pagination-bullet-active*/

/*工厂实景*/
.about-page{
  font-size: 0;
  text-align: right;
  margin-bottom: 20px;
}
.about-prev,.about-next{
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  cursor: pointer;
}
.about-prev .fa,.about-next .fa{
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  color: #333;
}
.about-prev:hover,.about-next:hover{
  border: 1px solid #ff0028;
  background-color: #ff0028;
}
.about-prev.swiper-button-disabled .fa,.about-next.swiper-button-disabled .fa{
  color: #cdcdcd;
}
.about-prev:hover .fa,.about-next:hover .fa{
  color: #fff;
}
.about-next{
  margin-left: 16px;
}
.swiper-factory{
  overflow: hidden;
  margin: 0 -6px;
}
.swiper-factory .slide-cont{
  position: relative;
  overflow: hidden;
}
.swiper-factory .slide-cont:hover .swiper-search,.aHonor-cont  .slide-cont:hover .swiper-search{
  transform: scale(1);
  transition: 0.3s;
}
.swiper-search{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  text-align: center;
  transform: scale(0);
  transition: 0.3s;
  cursor: pointer;
}
.swiper-search:after{
  content: '';
  height: 100%;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.swiper-search .fa-search{
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 0.4062rem;
}
.swiper-factory .swiper-slide{
  padding: 0 6px;
}
.swiper-factory .slide-img,.swiper-honor .slide-img{
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}



.swiper-factory .slide-title{
  font-size: 0.2188rem
  color:#666;
  line-height: 44px;
  text-align: center;
}
/*荣誉*/
.swiper-honor .slide-cont{
  position: relative;
  overflow: hidden;
}
.about-honor{
  overflow: hidden;
  margin: 0 -13px;
}
.swiper-honor .swiper-slide{
  padding: 0 13px;
}
.swiper-honor .slide-img{
  border: 7px solid #f6f6f6;
}
.swiper-honor .slide-title{
  font-size: 14px;
  line-height: 24px;
  height: 58px;
  border: 1px solid #f1f1f1;
  padding: 5px 8%;
}

/*案例*/
.case-list{
  margin: 0 -1px;
}
.case-li{
  float: left;
  width: 33.33%;
  height:300px;
  padding: 10px; 
  display: flex;justify-content: center;align-items: center;

}
.case-link{
  display: block;
  position: relative;
  height:100%;

}
.case-img{
  position: relative;
  overflow: hidden; 
  padding-bottom: 0; 
  height:100%;
   border:1px solid #efefef; 
   display: flex;justify-content: center;align-items: center;
}

.case-link:hover .case-cont{
  /*display: block;*/
  transform: scale(1);
  transition: 0.3s;
}
.case-cont{
  transform: scale(0);
  transition: 0.3s;
  /*display: none;*/
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); 
  text-align: center;
}
.case-cont:after{
  content: '';
  display: inline-block;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
}
.case-cont-middle{
  display: inline-block;
  vertical-align: middle;
}
.case-cont-title{
  font-size: 0.2812rem;
  line-height: 18px;
  margin-top: 10px;
  color:#fff;
}

/*联系我们*/
.contact-main{
  position: relative;
}
.contact-main #dituContent{
  height: 800px;
  width:100%;
  border:10px solid #f7f7f7f7;
}


.contact-posi{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 700px;
  background: rgba(0,0,0,0.5);
}
.contact-cont{
  padding: 26px 35px;
  color:#fff;
}
.contact-group-cont{
  margin-bottom: 16px;
}
.contact-company,.contact-group-title{
  font-size: 0.2812rem;
  line-height: 30px;
}
.contact-group-cont p{
  font-size: 0.2188rem;
  line-height: 30px;
}
.contact-form{
  background-color: #fff;
  padding: 18px 25px;
}
.contact-group{
  margin-bottom: 15px;
}
.contact-half{
  float: left;
  width: 50%;
  font-size: 0;
  padding-right: 35px;
}


.contact-half img{ display:inline-block; vertical-align: middle;}

.contact-half:nth-child(2n){
  padding-left: 15px;
  padding-right: 0;
}
.contact-half span{
  display: inline-block;
  vertical-align: middle;
  color:#333;
  font-size: 0.2188rem;
  line-height: 34px;
  width: 70px;
}
.contact-half-input{
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  height: 34px;
  font-size: 0.2188rem;
  line-height: 32px;
  padding: 0 10px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.contact-area {
  font-size: 0;
}
.contact-area span{
  display: inline-block;
  vertical-align: top;
  color:#333;
  font-size: 0.2188rem;
  line-height: 34px;
  width: 50px;
}
.contact-area textarea{
  font-size: 0.2188rem;
  line-height: 24px;
  padding: 0 10px;
  height: 100px;
  width: 524px;
  border-radius: 3px;
  border: 1px solid #ccc;
  resize: none;
}
.codeimg{margin-left:5px; height: 30px;}
.contact-btn{
  display: block;
  margin: 10px auto 0;
  height: 30px;
  font-size: 0.2188rem;
  width: 100px;
  background-color: #ff0028;
  color: #fff;
  border: 0;
  border-radius: 3px;
}

/*招商代理*/
.agency-cont{
  padding-bottom: 48px;
}
.agency-title{
  font-size: 0.5rem;
  line-height: 90px;
  margin-bottom: 20px;
}
.agAdvantage-list{
  margin: 0 -15px ;
}
.agAdvantage-li{
  float: left;
  width: 33.33%;
  padding:0 15px 30px;
}
.agAdvantage-link{
  display: block;
  font-size: 0;
}
.agAdvantage-img{
  float: left;
  width: 54%;
  padding-bottom: 37.5%;
  position: relative;
  overflow: hidden;
}
.agAdvantage-cont{
  float: left;
  width: 46%;
  padding-left: 5%;
}
.agAdvantage-cont-title{
  font-size: 0.25rem;
  color: #333;
  line-height: 30px;
  margin-bottom: 10px;
}
.agAdvantage-cont-desc{
  font-size: 0.2188rem;
  line-height: 24px;
  color: #666;
}
.agSupport-list{
  font-size: 0;
  margin: 0 -36px;
}
.agSupport-li{
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.agSupport-link{
  display: block;
  padding: 0 36px 24px;
  font-size: 0;
}
.agSupport-img{
  width: 114px;
  height: 114px;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.agSupport-cont-title{
  font-size: 0.25rem;
  color: #333;
  line-height: 30px;
  margin:12px 0 4px;
  text-align: center;
}
.agSupport-cont-desc{
  font-size: 0.2188rem;
  text-align: center;
  line-height: 24px;
  color: #666;
}
.agCondi-list{
  margin: 0 -39px;
}
.agCondi-li{
  float: left;
  width: 50%;
  padding:0 39px 16px;
}
.agCondi-item{
  border: 1px dashed #e0e0e0;
  padding: 2px;
}
.agCondi-span{
  float: left;
  width: 95px;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  background-color: #ff0028;
  color:#fff;
  text-align: center;
  padding-left: 6px;
  position: relative;
}
.agCondi-span:after{
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #ff0028;
}
.agCondi-item-title{
  font-size: 14px;
  line-height: 40px;
  padding-left: 125px;
}
.agProcess-list{
  font-size: 0;
  margin: 0 -60px;
}
.agProcess-item-img img{
  width: 106px;
  height: 106px;
  display: block;
  margin: 0 auto; 
}
.agProcess-item{
  display: inline-block;
  vertical-align: top;
  width: 16.66%;
  padding: 0 60px;
  position: relative;
}
.agProcess-item:before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: 60px;
  top: 53px;
  border: 1px dashed #ff0028;
  width: 134px;
}
.agProcess-item:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  margin-right: -6px;
  top: 46px;
  border-left: 13px solid #ff0028;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.agProcess-item:last-child:before,.agProcess-item:last-child:after{
  display: none;
}
.agProcess-item-desc{
  font-size: 14px;
  /*width: 135px;*/
  margin: 4px auto 30px;
  line-height: 30px;
  color:#666;
}

.agProcess-form{
  background-color: #f7f7f7;
  padding: 44px 124px 50px 40px;
}
.agProcess-group{
  display: block;
  margin-bottom: 32px;
}
.agProcess-group span {
  float: left;
  width: 150px;
  padding-right: 30px;
  text-align: right;
  font-size: 0.25rem;
  line-height: 48px;
}
.agProcess-group input,.agProcess-group select{
  background-color: #fff;
  float: left;
  width: 536px;
  height: 48px;
  font-size: 0.25rem;
  line-height: 48px;
  padding: 0 18px;
}
.agProcess-group textarea{
  height: 128px;
  font-size: 0.25rem;
  line-height: 28px;
  padding: 0 18px;
  float: left;
  width: calc(100% - 150px);
  resize: none;
}
.agProcess-group img{
	width: 120px;
	height:48px;
	float:left;
	display:block;
	margin-left: 20px;
}
.agProcess-btn{
  display: block;
  margin: 10px auto 0;
  height: 40px;
  font-size: 0.25rem;
  width: 135px;
  background-color: #ff0028;
  color: #fff;
  border: 0;
  border-radius: 3px;
}

/*品质保障*/
.quality-cont{
  padding-bottom: 48px;
}
.quality-title{
  font-size: 0.5rem;
  line-height: 90px;
  margin: 10px 0;
}
.quaHigh-desc{
  font-size: 0.2188rem;
  line-height: 30px;
  color: #666;
}
.quaHigh-content{
  font-size: 0.2188rem;
  line-height: 30px;
  color: #666;
}
.quaHigh-content img{
  display: block;
  width: 100%;
}
.quaAdvanced-desc{
  font-size: 0.2188rem;
  line-height: 30px;
  color: #666;
}
.quaAdvanced-list{
  margin: 0 -22px;
  padding-top: 20px;
}
.quaAdvanced-li{
  float: left;
  width: 33.33%;
  padding:0 22px 22px;
}
.quaAdvanced-link{
  display: block;
  font-size: 0;
}
.quaAdvanced-img{
  padding-bottom: 51.5%;
  position: relative;
  overflow: hidden;
}
.quaAdvanced-cont{
  padding: 14px 25px;
}
.quaAdvanced-cont-title{
  font-size: 0.25rem;
  color: #333;
  line-height: 30px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.quaAdvanced-cont-desc{
  font-size: 0.2188rem;
  line-height: 24px;
  padding: 8px 0;
  color: #666;
}
.quaFlow-img{
  /*overflow-x: scroll;*/
}
.quaFlow-img img{
  display: block;
  width: 100%;
}
.quaProcess-desc{
  font-size: 0.2188rem;
  color: #333;
  line-height: 30px;
  padding-bottom: 6px;
}
.quaProcess-img{
  font-size: 0;
  padding: 20px 0; 
  text-align: center;
}
.quaProcess-img img{
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.quaDetection-desc{
  font-size: 0.2188rem;
  color: #333;
  line-height: 30px;
}

.quaDetection-list{
  margin: 20px -22px;
  font-size: 0;
}
.quaDetection-li{
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding:0 22px 22px;
}
.quaDetection-link{
  display: block;
  font-size: 0;
}
.quaDetection-img-box{
  float: left;
  width: 30%;
}
.quaDetection-img{
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.quaDetection-cont{
  float: right;
  width: 70%;
  padding-left:20px;
}
.quaDetection-cont-title{
  font-size: 0.25rem;
  color: #333;
  line-height: 30px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.quaDetection-cont-desc{
  font-size: 0.2188rem;
  line-height: 24px;
  padding: 8px 0;
  color: #666;
}
.certification{
  overflow: hidden;
}
.swiper-certification .slide-cont{
  position: relative;
  overflow: hidden;
}
.about-certification{
  overflow: hidden;
  margin: 0 -13px;
}
.swiper-certification .swiper-slide{
  padding: 0 13px;
}
.swiper-certification .slide-img{
  border: 7px solid #f6f6f6;
}
.swiper-certification .slide-title{
  font-size: 0.2188rem;
  line-height: 24px;
  height: 58px;
  border: 1px solid #f1f1f1;
  padding: 5px 8%;
}
.certification-cont  .slide-cont:hover .swiper-search{
  transform: scale(1);
  transition: 0.3s;
}
.swiper-certification .slide-img{
  position: relative;
  padding-bottom: 66.66%;
  overflow: hidden;
}
.quaSecurity-desc{
  font-size: 0.2188rem;
  line-height: 24px;
  color: #666;
}
.quaSecurity-list{
  margin: 24px -54px 0;
}
.quaSecurity-li{
  float: left;
  width: 50%;
  padding: 0 54px;
}
.quaSecurity-link{
  padding: 22px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  height: 196px;
  overflow: hidden;
}
.quaSecurity-img{
  float: left;
  width: 138px; 
}
.quaSecurity-img img{
  display: block;
  margin: 0 auto;
}
.quaSecurity-cont{
  float: right;
  width: calc(100% - 138px); 
  padding-left: 4%;
}
.quaSecurity-cont-title{
  font-size: 16px;
  padding-bottom: 10px;
  padding-left: 24px;
}
.quaSecurity-cont-desc{
  font-size: 0.2188rem;
  line-height: 30px;
  color:#666;
}

/*人才招聘*/
.aRecruit-lists{
  width: 80%;
  margin: 20px auto 56px;
}
.aRecruit-desc{
  border: 1px dotted #ccc;
}
.aRecruit-title{
  background-color: #195fbf;
  height: 40px;
  line-height: 40px;
}
.aRecruit-title span{
  width: 20%;
  float: left;
  text-align: center;
  color:#fff;
}
.aRecruit-desc span,.aRecruit-desc a{
  float: left;
  width: 20%;
  text-align: center;
  line-height: 42px;
}
.aRecruit-li{
  border-bottom: 1px dotted #ccc;
}
.aRecruit-name{
  color: #F7001E;
}
.aRecruit-department{
  color: #AB9C08;
}
.aRecruit-addr{
  color: #067D14;
}
.aRecruit-details i{
  display: inline-block;
  background: #e25353;
  color: #ffffff;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px 10px;
}

.aboutFixed{
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 130px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.about-honor{
  margin: 0;
}
.swiper-honor{
  margin: 0 -13px;
}

.informa-list {
  display: none;
}
.informa-list.informaCur{
    display: block;
  }
  .inews-right-top a{
    font-size: 0.3125rem;
    padding: 0 10px;
    color: #333;
  }
  .inews-right-top a:hover,.inews-right-top a.cur{
    color: #ff0028;
  }
.iproduct-cont span{
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recruitItem{ line-height:30px; margin:20px auto;}
.recruitItem h2{ font-size:18px; font-weight:600; margin-top:20px;}
.header-phone{
  display: none;
  float: right;
  padding: 5px 0;
}
.header-phone-language{
  float: left;
  line-height: 18px;
  margin-top: 18px;
  border-right: 1px solid #e1e1e1;
  padding:0 8px;
}
.header-phone-language a{
  display: none;
}
.header-phone-language a.cur{
  display: block;
}
.header-phone-title{
  padding:0 8px;
  margin-top: 18px;
  float: left;
  line-height: 18px;
}
.header-phone .header-fa{
  padding-left:8px;
  margin-top: 16px;
  line-height: 18px;
}
.header-phone-language a{
  color: #333;
}
.header-phone-language a:hover{
  color: #ff0028;
}
.fixedBot{
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 56px;
  width: 100%;
  z-index: 99;
  border-top:1px solid #e1e1e1;
  display:none;
}
.fixed-link{
  float: left;
  width: 25%;
}
.fixed-link .fa{
  display: block;
  text-align: center;
  font-size: 20px;
  padding: 6px 0;
  color: #5a5a5a;
  width:auto;
}
.fixed-title{
  text-align: center;
  font-size: 14px;
  color:#5a5a5a;
}
.fixed-link:hover .fa,.fixed-link:hover .fixed-title{
  color:#ff0028;
}
.inTechnology {
  position: relative;
}
.inTechnology .inTechnology-cont {
  position: absolute;
  left: 29.8%;
  top: 39.3%;
  width: 58.2%;
  height: 57.4%;
}
.inTechnology .inTechnology-list {
  margin: 0 -4px;
}
.inTechnology .inTechnology-li {
  float: left;
  width: 25%;
  padding: 0 5px;
}
.inTechnology .inTechnology-title {
  font-size: 20px;
  line-height: 30px;
  padding: 4% 0 6%;
  text-align: center;
}
.therapy-list {
  margin: 30px -5px;
}
.therapy-list .therapy-li {
  float: left;
  width: 25%;
  padding: 0 5px;
}
.therapy-list .therapy-link {
  display: block;
}
.therapy-list .therapy-link:hover .therapy-img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.therapy-list .therapy-posi {
  overflow: hidden;
}
.therapy-list .therapy-img {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.therapy-list .therapy-cont {
  font-size: 22px;
  color: #472D25;
  text-align: center;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 20px 0;
}
.index-links{
  line-height: 48px;
  font-size: 0;
  margin-top:20px;
}
.index-links a,.index-links span{
  display: inline-block;
  font-size: 14px;
  color: #666;
}
.index-links a{
  margin: 0 10px;
}
.index-links a:hover{
  color:#ff0028;
}