html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
 html{
             -webkit-touch-callout: none;
             -webkit-user-select: none;
             -khtml-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
  }
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA; overflow-x: hidden;}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing: border-box;}
input,select,textarea{font-size:100%}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{color:#666;text-decoration:none;}
img{ display: block; width: 100%; height: auto; border:0; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
em,i,b {font-style: normal;}
.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.img-box:hover img { 
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08); 
  -ms-transform:scale(1.08); 
  transform:scale(1.08);
}
.img-box img {
  -webkit-transition:all .8s ease-out;
  -moz-transition:all .8s ease-out;
  transition:all .8s ease-out;
}
/*s:ogmgtbbr04172r*/
.header01 { width: 100%; height: 110px; line-height: 110px; background:no-repeat center;background-color: #fff; background-image:url(../); position: relative; z-index: 998; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.header01.ovfl { overflow:visible; }
.header01 .pc-header, .header01 nav, .header01 nav ul { height: 100%; }
.header01 a.logo { display: block;  height: auto; position: absolute; left: 0; top: 50%; z-index: 2; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.header01 nav ul li { float: left; height: 100%; padding: 0 15px;}
.header01 nav li>a { display: block; width: 100%; color: #222; font-size: 16px; position: relative;}
.header01 nav li:hover,.header01 nav li.cur {border-bottom: solid 3px;border-bottom-color:#d05917;}
.header01 nav li:hover>a,.header01 nav li.cur>a { color:#d05917;}
.header01 .right-box { height: 100%; }
.header01 .right-box .tel { display: block; font-size: 16px; color: #222; padding: 0 20px; position: relative;}
.header01 .right-box .tel:after, .header01 .right-box .language:after { content: ''; display: block; width: 1px; height: 16px; background-color: #e3e3e3; position: absolute; right: 0; top: 50%; margin-top: -8px;}
.header01 .right-box .language { display: block; font-size: 14px; color: #666; padding: 0 20px; position: relative;}
.header01 .right-box .search-box { height: 100%; padding: 0 20px; cursor: pointer; position: relative;}
.header01 .right-box .search-icon { display: block; width: 13px; height: 13px; background: url(../images/icon_search.png) no-repeat; position: relative; top: 50%; margin-top: -6.5px;}
.header01 .right-box .search-cont { display: none; width: 440px; height: 70px; line-height: 70px; font-size: 16px; background-color:#d05917; position: absolute; top: 100%; right: 0; z-index: 9;}
.header01 .search-cont input { width: 320px; height: 100%; color: #fff; position: absolute; left: 0; top: 0; padding: 0 20px;}
.header01 .search-cont .search-btn { width: 60px; height: 100%; position: absolute; left: 320px; top: 0; z-index: 2; cursor:pointer;}
.header01 .search-cont .search-btn:before { content: ''; display: block; width: 13px; height: 13px; background: url(../images/icon_search02.png); position: absolute; left: 50%; top: 50%; margin: -6.5px 0 0 -6.5px;}
.header01 em.close-btn { display: block; font-size: 24px; color: #fff; width: 59px; height: 100%;text-align: center; position: absolute; right: 0; top: 0; z-index: 3; border-left: solid 1px rgba(0,0,0,.1);}
.header01 input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.header01 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.header01 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.header01 input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}
.header01 .right-box .search-box:hover .search-cont { display: block; }
.header01 .nav-cont { display: none; width: 100%; padding: 5% 0; background:no-repeat center;background-color: #fff; background-image:url(../); line-height: 24px; position: absolute; left: 0; top: 100%; z-index: 9;}
.header01 .nav-cont .nav-tt { width: 20%; text-align: center;}
.header01 .nav-cont .nav-tt h3 { font-size: 24px; color: #222; padding-bottom: 6px;}
.header01 .nav-cont .nav-tt em { color: #999; font-size: 16px; }
.header01 .nav-cont .nav-list { width: 40%; }
.header01 .nav-cont .nav-list a { display: block; float: left; width: 40%; border-left: solid 1px #dfdfdf; padding-left: 6%; padding-bottom: 2%; position: relative;}
.header01 .nav-cont .nav-list a:hover { color:#d05917; text-decoration: underline; }
.header01 .nav-cont .nav-list a:hover:before { content: ''; display: block; width: 1px; height: 24px; background-color:#d05917; position: absolute; left: -1px; top: 0; z-index: 2; }
.header01 .nav-cont .nav-img { width: 30%; margin-right: 5%; }
.header01 .m-header { display: none;}
.header01 .m-header .m-nav-icon { display: block; width: 13%; padding-top: 13%; background-color:#d05917;position: absolute; right: 0; top: 0; z-index: 9; cursor: pointer;}
.header01 .m-header .m-nav-icon em { display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; left: 22.5%; top: 50%; margin-top: -1px; z-index: 2; }
.header01 .m-header .m-nav-icon em:first-child { margin-top: -8px; }
.header01 .m-header .m-nav-icon em:last-child { margin-top: 7px; }
.header01 .m-header .m-nav { width: 100%; line-height: 24px; background-color: #fff; position: absolute; top: 100%; left: 0; z-index: 2; }
.header01 .m-header .m-nav li { font-size: 16px; border-bottom: solid 1px #e8e8e8; position: relative;}
.header01 .m-header .m-nav li:first-child { border-top: solid 1px #e8e8e8; }
.header01 .m-header .m-nav li>a { display: block; width: 100%; height: 100%; padding: 3% 5%; color: #222; position: relative;}

/*右箭头*/
.header01 .m-header .right { width: 12px; height: 12px; position: absolute; right: 5%; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.header01 .m-header .right-arrow1,
.header01 .m-header .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px #fff solid; overflow: hidden;}
.header01 .m-header .right-arrow1 { left: 3px; border-left: 6px #999 solid;}
.header01 .m-header .right-arrow2 { border-left: 6px #fff solid;}
.header01 .m-header .m-nav-cont { display: none; width: 100%; background-color: #f5f5f5; padding: 3% 0;}
.header01 .m-header .m-nav-cont a { display: block; width: 100%; padding: 2% 5%; font-size: 16px; color: #666; }
.header01 .m-header li.cur .right { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.header01 .m-header li.cur .right-arrow1 { border-left-color:#d05917; }
.header01 .m-header .m-tel { width: 100%; text-align: center; padding: 5% 0;}
.header01 .m-header .m-tel span { display: inline-block;}
.header01 .m-header .m-tel span:first-child { width: 45px; height: 45px; border: solid 1px #f1f1f1; margin-right: 2%; position: relative; top: 3px; }
.header01 .m-header .m-tel em { display: block; font-size: 14px; color: #666; }
.header01 .m-header .m-tel a { display: block; font-weight: bold; font-size: 16px; color: #222; }
.m-mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0,0,0,.8);}

@media screen and (max-width: 1200px) {
  .header01 .right-box .language { display: none; }
}
@media screen and (max-width: 1024px) {
  .header01 .right-box .tel,
  .header01 .right-box .search-box { display: none; }
}
@media screen and (max-width: 800px) {
 .header01 {overflow: hidden;}
  .header01 nav { display: none; }
  .header01 { height: auto; padding-top: 13%;}
  .header01 .pc-header { height: 0; position: static; }
  .header01 .m-header { display: block; }
  .header01 a.logo { width: 50%; height: auto; margin-top: 0; left: 5%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%); 
  }
}

.header01 .m-header.active .m-nav-icon em:nth-child(2) { 
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header01 .m-header.active .m-nav-icon em:first-child { 
  margin-top: 0; 
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header01 .m-header.active .m-nav-icon em:last-child { display: none; }

.header01 .m-header .m-nav { 
  -webkit-transform:translateX(100%); 
  transform:translateX(100%); 
}
.header01 .m-header.active .m-nav { 
  -webkit-transform:translateX(0); 
  transform:translateX(0); 
}

.header01 .m-header .m-nav-cont { display: block; height: 0; padding: 0; overflow: hidden;}
.header01 .m-header li.cur .m-nav-cont { height: auto; padding: 3% 0; }

.header01 a.logo,
.header01 .m-header .m-nav-cont,
.header01 .m-header .m-nav-icon em,
.header01 .m-header li .right,
.header01 .m-header .m-nav { 
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
/*e:ogmgtbbr04172r*/
/*s:pprq941xt291j4*/
.footer03 { width: 100%; padding-top: 45px; background:no-repeat center;background-color: #222; background-image:url(../); }
.footer03 .footer-cont { padding-bottom: 60px;padding-top:25px }
.footer03 .footer-cont h4 { font-size: 16px; color: #fff; position: relative;}
.footer03 .footer-cont h4 a { color: #fff; }
.footer03 .footer-cont .list { margin-top: 50px; }
.footer03 .footer-cont .list a { display: block; color: #999; font-size: 14px; margin-bottom: 15px; }
.footer03 .footer-cont .list p em{color: #999;}
.footer03 .footer-cont>div { position: relative; }
.footer03 .footer-cont>div:first-child { width: 13%; }
.footer03 .footer-cont>div:nth-child(2) { width: 20%; padding-left: 6%; box-sizing: border-box;}
.footer03 .footer-cont>div:nth-child(3) { width: 44%; color: #999; padding: 0 4%; box-sizing: border-box;}
.footer03 .footer-cont>div:after { content: ''; display: block; width: 1px; height: 312px; background-color:rgba(255,255,255,.1); position: absolute; right: 0; top: 0; z-index: 2; }
.footer03 .footer-cont>div:nth-child(3) strong { color: #fff; }
.footer03 .footer-cont>div:nth-child(3) p { margin-bottom: 15px; }
.footer03 .footer-cont>div:nth-child(3) a { display: inline-block; padding: 0 8px; }
.footer03 .footer-cont>div p em { display: inline-block; color: #333; }
.footer03 .footer-cont .footer-tel { width: 20%;}
.footer03 .footer-cont .footer-tel:after { display: none; }
.footer03 .footer-tel span { display: block; color: #fff; font-size: 13px; padding-bottom: 8px;}
.footer03 .footer-tel strong { display: block; font-size: 22px; color: #d05917;}
.footer03 .footer-tel .ewm { width: 48%; margin: 12px auto 0; background-color: #fff; text-align: center; padding: 5%; position: relative;}
.footer03 .footer-tel .ewm:first-child { margin-right: 4%; }
.footer03 .footer-tel .ewm p { font-size: 12px; color: #999; padding-top: 5%;}
.footer03 .footer-Links { padding: 0px 0 25px 0; border-bottom: solid 1px rgba(255,255,255,.1);}
.footer03 .footer-Links a { display: inline-block; font-size: 13px; color: #333; }
.footer03 .footer-Links span { display: block; width: 95%; }
.footer03 .footer-Links span a { padding-right: 15px; margin-bottom: 10px; }
.footer03 a:hover,
.footer03 .footer-cont .list a:hover { color: #d05917; text-decoration: underline; }

@media screen and (max-width: 900px){
  .footer03 .footer-cont>div:first-child { width: 28%; padding-left: 8%; box-sizing: border-box;}
  .footer03 .footer-cont>div:nth-child(2) { width: 28%; padding-left: 8%;}
  .footer03 .footer-cont>div:nth-child(3) { width: 44%; }
  .footer03 .footer-cont .footer-tel { width: 30%; float: none; margin-left: 8%; }
}

@media screen and (max-width: 750px){
  .footer03 .footer-cont .list a.sitemap,
  .footer03 .footer-cont .list a.zztj,
  .footer03 .footer-cont .list em.ts,
  .footer03 .footer-cont>div:first-child,
  .footer03 .footer-cont>div:nth-child(2),
  .footer03 .footer-cont h4,
  .footer03 .footer-cont>div:nth-child(3) p:first-child,
  .footer03 .footer-cont>div:after,
  .footer03 .footer-cont .footer-tel .ewm-box,
  .footer03 .footer-Links { display: none; }
  .footer03 { padding-top: 0; }
  .footer03 .footer-cont { padding: 120px 3% 3%; }
  .footer03 .footer-cont .list { margin-top: 0; }
  .footer03 .footer-cont>div:nth-child(3) { width: 100%; text-align: center; }
  .footer03 .footer-cont .footer-tel { margin-left: 0; width: 100%; text-align: center; padding-bottom: 20px; position: absolute; left: 0; top: 30px; z-index: 9; border-bottom: solid 1px rgba(255,255,255,.1); }
  .footer03 .footer-tel strong { font-size: 16px; }
  .footer03 .footer-tel span { font-size: 14px; padding-bottom: 6px; }
}
/*e:pprq941xt291j4*/
.cx-back-top { width: 43px; height: 43px; position: fixed; right: 2%; bottom: 6%; z-index: 999; overflow: hidden; cursor: pointer;}
.cx-back-top span { display: block; width: 100%; height: 86px; background: url(../images/icon_top.jpg) no-repeat; }
.cx-back-top:hover span {
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.cx-back-top span {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

/*第一套公共标题样式*/
.cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.cx-title01 h2 a { color: #222; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.cx-title01 h2 em.left:after { right: 0; }
.cx-title01 h2 em.right:after { left: 0; }

.xc-seeAll-icon01 { display: inline-block; width: 10px; height: 10px; margin-left: 8px; position: relative;}
.xc-seeAll-icon01 em { display: block; width: 4px; height: 4px; background-color: #fff; position: absolute;}
.xc-seeAll-icon01 em:first-child { left: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(2) { right: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(3) { left: 0; bottom: 0; }
.xc-seeAll-icon01 em:last-child { right: 0; bottom: 0; }

@media screen and (max-width: 1500px) {
  .width1400 { width: 1200px; }
}
@media screen and (max-width: 1200px) {
  .width1400 { width: 100%; }
}

@media screen and (max-width: 900px){
  .cx-title01 { margin-bottom: 5%; }
    .bdshare-slide-button-box { display:none!important;}
}

@media screen and (max-width: 750px){
  .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
  .cx-title01 h2 a { padding: 0 3%; }
  .cx-title01 .subtitle { font-size: 14px; }
  .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
}

@media screen and (max-width: 750px){
  .product01 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
  .product01 .cx-title01 h2 a { padding: 0 3%; }
  .cx-title01 .subtitle { font-size: 14px; }
.product01 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
}

/*手机端底部*/
.m-btm-box { display: none; width: 100%; padding-top: 14%; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 998; }
.m-btm-box>div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.m-btm-box a { display: block; float: left; width: 19%; height: 100%; color: #333; font-size: 14px; text-align: center; }
.m-btm-box a:nth-child(4) { width: 28%; background-color: #d05917; color: #fff;}
.m-btm-box a:last-child { width: 15%; background-color: #212121; color: #fff;}
.m-btm-box a img { width: 18%; margin: 0 auto 4px; }
.m-btm-box a:nth-child(4) img { display: inline-block; margin-right: 5%; }
.m-btm-box a span { display: block; position: relative; top: 50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); }
.m-btm-box a:first-child span,
.m-btm-box a:nth-child(2) span { border-right: solid 1px rgba(138,138,138,.2); }

@media screen and (max-width: 750px){
  .cx-back-top { display: none; }
  .m-btm-box { display: block; }
  body { padding-bottom: 42px; }
}

