html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei";
  background: #fff;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

p {
  margin: 0;
}

.page-job-list li:after, .address-save li:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.mob-product .product-list li h3, .mob-case .case-list li h3, .mob-news .news-list li a, .page-sort .first-sort > li > a, .page-product-list li .wz h3, .page-case-list li .wz h3, .page-news-list li h4, .page-job-list li div, .shopping-list li h3 a,
.tow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* 外框样式 */
.mob-wrap {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 60px;
}

/* 头部 */
.mob-head {
  background: #ce9f58;
  padding: 10px 0;
  position: relative;
}

.mob-head .logo {
 float:left;margin-left:10px
}

.mob-head .logo img {
  max-width: 100%;
}

.mob-head .head-btn {
  position: absolute;
  right: 15px;
  height: 26px;
  top: calc(40% - 13px);
  font-size: 0;
}

.mob-head .head-btn a .iconfont {
  background: url(../../images/menu.png) no-repeat center top;
  background-size: 45px 45px;
  width: 45px;
  height:45px;
  display: block;
}
.mob-head .head-btn a .iconfont::before{display:none}


.mob-head .head-btn a .iconfont {
  font-size: 20px;
  vertical-align: middle;
}

.mob-head .head-btn a .icon-sousuo {
  font-size: 25px;
}

.mob-head .head-btn .search-btn {
  border-right: 1px solid #e0e0e0;
  margin-right: 10px;
  width: 40px;
}

/* 搜索框样式 */
.search {
  border: 1px solid #e0e0e0;
border-radius: 10px;  height: 38px;  width: 96%;margin:0 auto;margin-top:20px;line-height:38px;overflow: hidden;
}

.search form {

  background-color:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search input[type="text"] {
  width: 143%;

  font-size: 14px;
  color: #c7c7c7;
  border: none;
  outline: none;
  background: none;line-height:38px
}
#keyword{padding-left:15px;}

.search input[type='submit']{
  border: none;
  text-align: center;
  font-size: 16px;line-height:38px;
  color: #323232;
  background: none;
  outline: none;}

#s_btn{background:url(../../images/sou.png) no-repeat center;float:right; width: 25%;border-radius: 3px;}




/* 导航样式 */
.mob-nav {
  z-index: 9999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ce9f58;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mob-nav .close-btn {
  text-align: right;
  padding: 15px 15px 0 0;
}

.mob-nav .close-btn .iconfont {
  font-size: 30px;
  color: #fff;
}

.mob-nav li a {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}

.mob-nav li a:hover {
  background: #ce9f58;
}

.mob-nav li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.mob-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* 首页banner */
.mob-banner {
  position: relative
}

.mob-banner .slick-slide {
  outline: none
}

.mob-banner a {
  display: block
}

.mob-banner a img {
  width: 100%
}

.mob-banner .slick-dots {
  position: absolute;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 0
}

.mob-banner .slick-dots li {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  margin: 0 2px
}

.mob-banner .slick-dots li button {
  display: none
}

.mob-banner .slick-dots li.slick-active {
  background: #cd030a
}



  /* <!-- 导航 --> */
  .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
  .clearfix{zoom:1}
  .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

#header{width:100%;   text-align:center; background:#fff; font-weight:bold; padding-bottom:5px; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#434343; position:relative;}

.logo{width:50%;margin:0 auto;}
.logo img{width:100%;}
.img_heng11{margin: -2% 5% 4% 5%;}
.img_heng11 p img{width:100%;}

#nav1{text-align: left;
width: 100%;
display: -webkit-box;margin:8px 0 15px;}
#nav1 li{height: 20px;
line-height: 20px;
font: 400 16px/20px '微软雅黑';
-webkit-box-flex: 1;border-right:1px solid #bfbfbf;
text-align: center;}
#nav1 li a{display:block; color:#000; width:100%;}


.img_heng{width: 100%}
.img_heng img{width: 100%;margin-top:6%;}
.img_heng1{width: 100%; margin-top: 2%;}
.img_heng1 img{width:100%;height:auto;}

.img_heng2{width: 100%}
.img_heng2 img{width: 100%;margin-top:6%;}

.title2{
  font:500 24px/60px "微软雅黑";
  color:#000;
  height: 60px;
  font-weight:400;
  position:relative;
  text-align: center;
}
.title2 a{color:#fff;font:500 24px/57px "微软雅黑";position:absolute;top:45px;left:50%;}

.pro_en{color:#cccccc;font-size:12px;text-transform: uppercase;font-weight:bold;background:url(../../images/en.png) no-repeat center;text-align: center;margin-top:6px;}
.show_title{color:#666666;font-size:12px;margin-top:10px;text-align:center;}
.show_title p{color:#666666;font-size:12px;margin-top:5px;text-align:center;}


.index_pro02{width:86%;margin:0 auto;margin-top:10px;}
.index_pro02 ul{text-align: center;}
.index_pro02 li{width:31%;;height:32px;margin:0 1%;float:left;margin-bottom:3%;}
.index_pro02 li:nth-child(4){
    /*margin-left:17%;*/
    
}
.index_pro02 li:hover{background:#f8b551;}
.index_pro02 li a{line-height: 30px;color:#646464;font-size:14px;display:block;border:1px solid #646464;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.index_pro02 li:hover a{color: #fff;border-color:#f8b551;}


.productss{width:100%;margin:0 auto;}
.productss ul{padding-bottom:5px; text-align:left !important;margin-top: 2%}
.productss ul li{overflow: hidden;width: 48.0%;margin: 0% 1% 2% 1%;float:left;}

.productss ul li a img{display: block;width:100%;height: auto;vertical-align: middle;border-right:1px solid #c1c1c1;border-bottom:2px solid #c1c1c1}
.productss ul li h3{display: block;width:100%;line-height:40px;overflow: hidden;color:#333;font-size:14px;text-align:center;
font-weight:normal;}
.productss ul li h3 a{text-align:center;color:#c4d7f0;display: block;font-weight:normal;font-size: 14px;}
a.amore{display:block;color:#ce9f58;font:400 14px/28px "微软雅黑";width:135px;text-align:center;margin:0 auto;border:1px solid #ce9f58;}


.ads1{width:100%;margin:0 auto;position:relative;margin-top:10px;}
.ads1 img{width:100%;margin:0 auto;}

.about{width:100%;margin-top:25px;background:url(../../images/about.jpg) no-repeat center;min-height:250px;background-size:100% 100%;position:relative;}
.about_title{line-height:31px;font-weight:bold;font-family:"微软雅黑";
font-size:21px;color:#1ea78d;text-align:center;}
.about_tt{color:#cccccc;font-size:12px;text-align:center;font-weight:bold;background:url(../images/en1.png) no-repeat center;margin-top:6px;text-transform: uppercase;}
.about_img{width:25%;text-align:center;color:#fff;font:400 20px/40px "微软雅黑";position:absolute;left:0;top:50%;margin-top:-21px;}
.about_img img{width:100%;}
.about_com{width:68%;float:left;margin-left:27%;color: #fff;margin-top:10%;}
.about_com p{font-size:10px;line-height:22px;font-size:14px;color: #fff!important;}
a.more{display: block;width: 112px;height: 31px;line-height: 31px;text-align: center;border: 1px solid #ffffff;
color:#fff;text-transform: uppercase;}

.products1 ul{padding-bottom:1.5%; text-align:left !important;}
.products1 ul li{
display: inline-block;
text-align: center;
overflow: hidden;
width: 100%;
padding:0.5%;
position: relative;
padding-bottom: 0;
}
.products1 ul li a{display: inline-block;overflow: hidden; width:100%;}
.products1 ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products1 ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background-color: #ff9700;;color: #2b2217;font-weight: normal;font-size: 14px;}

.products1 ul li  h3 a{color: #2b2217;font-size: 14px;}
.products1{}


.title4{
font:500 18px/76px "微软雅黑";
color:#000;

height: 106px;
font-weight:400;
position:relative;
text-align: center;
padding-left: 15px;
}
.title4 a{color:#fff;font:500 18px/45px "微软雅黑";position:absolute;top:52px;left:50%;}

.news_listt{width:98%;margin:0 auto;}
.news_listt li{position:relative;float:left;width: 98%;margin: 0 1%;}
.news_listt li a.img img{width:100%;}
.news_listt li a{color:#000;font:500 16px/40px "微软雅黑";text-align:left;display:block;}
.news_listt li span{display:block;color:#bdbebe;font:500 14px/24px "微软雅黑";text-align:left;}
.news_listt li p{color:#505050;font:500 12px/24px "微软雅黑";text-align:left;}



.title3{
  font:500 18px/76px "微软雅黑";
  color:#000;

  height: 106px;
  font-weight:400;
  position:relative;
  text-align: center;
  padding-left: 15px;
}
.title3 a{
  color:#fff;
  font:500 18px/57px "微软雅黑";
  position:absolute;
  top:45px;
  left:50%;
}

.products2 ul{padding-bottom:1.5%; text-align:left !important;}
.products2 ul li{
 overflow: hidden;width: 48.0%;margin: 0% 1% 2% 1%;float:left;
  position: relative;
  padding-bottom: 0;
}
.products2 ul li a{display: inline-block;overflow: hidden; width:100%;}
.products2 ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products2 ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background-color: #ff9700;;color: #2b2217;font-weight: normal;font-size: 14px;}

.products2 ul li  h3 a{color: #2b2217;font-size: 14px;}
.products2{margin: 0% 4% 0 4%;}

.distraction1{background:#ce9f58;padding:10px 0;}
.distraction1 p{text-align:center;color:#fff;font:400 18px/38px "&#229;&#190;&#174;è&#189;ˉé&#8250;…é&#187;‘";}

/* footer css style*/
.distraction{height:30px; width:100%;line-height: 70px;color: #4e5f70;font-size: 20px;text-align: center;background:#ce9f58;}
.footer{ width:100%; margin-top:6px;position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer1{max-width:640px;margin:0 auto;background:#211e1e;display:-webkit-box; }
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:400 22px/70px "微软雅黑"; color:#fff; height:70px;}
.footer span.span1{background:url(../../images/a1.png) 0 20px no-repeat; background-size:28px 28px;}
.footer span.span2{background:url(../../images/a2.png) 0 20px no-repeat; background-size:28px 29px;}
.footer span.span3{background:url(../../images/a3.png) 0 20px no-repeat; background-size:26px 26px;}
.footer span.span0{background:url(../../images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}