﻿@charset "utf-8";
html{width:100%;height:100%;font-size:100px;margin:0 auto;max-width:1920px}
body{padding:0;height:100%;margin:0 auto;zoom:1;font-size:.14rem;line-height:.24rem;font-family:Arial,sans-serif,"微软雅黑","宋体";color:#333;width:100%;background-color:#fff;max-width:19.2rem}
dd,div,dl,dt,form,li,ul{padding:0;margin:0}
.ul,.ul li{list-style:none}
.h1,.h2,.h3,.h4,.h5,.h6,.p{padding:0;margin:0}
p{margin:0}
b,strong{font-weight:700}
input,select,textarea{border-radius:0;-webkit-border-radius:0;color:#414446}
input:focus{outline:0}
body.hide{overflow:hidden}
button,input,select,textarea{outline:0}
textarea{resize:none}
input,select,textarea{background:0 0;border:none;margin:0;padding:0}
li{list-style:none}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
figcaption,figure{margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
.bd_weixin_popup{box-sizing:content-box}
img{border:none;border:0;vertical-align:top;max-width:100%}
span{outline:0}
strong{font-weight:700}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
a:focus,a:link,a:visited{outline:0;text-decoration:none;-moz-outline:none}
a:hover{text-decoration:none;color:#232122}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-x:hidden}
[data-lw^=a-][data-lw*=-li]{transition-timing-function:linear;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear}
[data-lw^=a-][data-lw*=-ea]{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease}
[data-lw^=a-][data-lw*=-ei]{transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-o-transition-timing-function:ease-in}
[data-lw^=a-][data-lw*=-eo]{transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out}
[data-lw^=a-][data-lw*=-io]{transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out}
[data-lw^=a-][data-lw*=-all]{transition-property:all;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all}
[data-lw^=a-][data-lw*=-s3s]{transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s}
.animate5s{transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.animate3s{transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.textovers{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t-center{text-align:center;}
.t-left{text-align:left}
.t-right{text-align:right}
.x-half{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.y-half{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.xy-half{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.bg0{}
.bg1{background-color:#f1f1f1}
.bg2{background-color:#f2f2f2}
.bg3{/* background-color:#f4f4f4; */background: url(../images/aboutbg.jpg) center top no-repeat;}
.bg4{background-color:#f5f5f5; min-height: 500px;
}
.bg5{background-color:#f6f6f6}
.bg6{background-color:#f7f7f7}
.bg7{background-color:#f8f8f8}
.colr_main{color:#232122}
.colr0{color:#fff}
.colr1{color:#000}
.colr2{color:#333}
.colr3{color:#666}
.colr4{color:#777}
.colr5{color:#888}
.colr6{color:#999}
.o-hide{overflow:hidden}
.imgBox{overflow:hidden}
.imgBox img{display:block;transform:scale(1)}
.imgh:hover img{transform:scale(1.05)}
.Br5{border-radius:5px;-webkit-border-radius:5px}
.vmd{display:inline-block;vertical-align:middle}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;font-size:0}
.clearfix{zoom:1}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
.AutoScroll::-webkit-scrollbar{width:3px;height:0}
.AutoScroll::-webkit-scrollbar-thumb{border-radius:3px;background:#232122}
.AutoScroll::-webkit-scrollbar-track{border-radius:3px;background:#e0e0e0}
.f_l{float:left;display:inline-block}
.f_r{float:right;display:inline-block;}
.container{margin:0 auto;padding-left:.15rem;padding-right:.15rem}
[data-animation]{opacity:0}
.animated{opacity:1}
.l-word i{font-style:normal;color: #313131;padding-right:5px;}
h1,h2,h3{margin:0}
.mar-t10{margin-top:10px}
.mar-b10{margin-bottom:10px}
.fl-l{float:left}
.fl-r{float:right}
.content p{ line-height:35px; }
.code {
    width: 150px;
    height: 144px;
    float: right;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.code img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 20px auto 0;
}
.hot_keys .keyleft {
    width: 1200px; margin:0 auto;
}
.keys_li a{ margin:0 5px}
.keys_li a:hover{color:#ae0000; }
  /* 热点 */
.hot_keys {background: #fbfbfb;border-bottom: 1px solid #eee;/* padding: 15px 0 5px 0; */height: 60px;line-height: 60px;}

.hot_keys .keyleft .title .title_more { color:#000; }
.hot_keys .keyleft .content a:hover { color:#ae0000; }

  /* 搜索 .searchformBox:hover { background:#fff; } */
.searchformBox {width: 280px;background: #eaeaea;border-radius: 40px;float: right;margin-top: 10px;height: 40px;line-height: 25px;padding-left: 15px;overflow: hidden;}
.searchformBox .serach_input {color:#fff;width: 70%;height: 40px;}
.searchformBox:hover .serach_input {color: #fff;}
.searchformBox .btn_serach {background:url(../images/sbtn.png) no-repeat #d1d1d1 center;position: relative;/* left: -12px; */width: 40px;height: 40px;float: right;border: none;}
/*prolist*/
.prolist .item {
  width: 278px;
  float: left;
  margin: 0 19px 26px 0;
  position: relative;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 6px;
  transition: all ease 300ms;
  overflow: hidden;
}
.prolist .item:nth-child(4n){ margin-right: 0px; }
.prolist .item a {
  display: block;
  width: 100%;
}
.prolist .item img {
  width: 278px;
  height: 208px;
  display: block;
  border-bottom: 1px solid #dddddd;
   transition:all 1s;
}
.prolist .item img:hover{ transform:scale(1.08); transition:all 1s;}
.prolist .item h3 {
  padding: 0 16px;
  height: 68px;
  font-size: 16px;
  color: #333;
  line-height: 68px;
  overflow: hidden;
  transition: all ease 300ms;
}
.prolist .item h3 span {
  width: 110px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid #f95927;
  color: #f95927;
  text-align: center;
  transition: all ease 300ms;
}
.prolist .item h3 span s {
  background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background-position: -120px -78px;
}
.prolist .item .xcx {
  width: 100%;
  height: 248px;
  z-index: 10;
  padding-top: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/black20.png) repeat 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  left: 20%;
}
.prolist .item .xcx span {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 38px;
  z-index: 10;
  font-size: 16px;
  color: #333;
}
.prolist .item .xcx img {
  width: 160px;
  height: 160px;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  padding: 40px 20px 20px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover {
  border-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover h3 span {
  background: #f95927;
  color: #fff;
}
.prolist .item:hover h3 span s {
  background-position: -142px -78px;
}
.prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 0;
}
.m {
    width: 1200px;
    margin: 0 auto;
}
.footer { position: relative; clear: both; background: #872720; color: #fff; padding:30px 0; font-size: 14px;overflow: hidden; }
.footer .m{position:relative;}


.footer .f10{float:left;height:160px;border-right:1px solid #af6e69;padding-right:55px;width:280px;margin-right:55px;}
.footer .f10 .img{margin:10px 0 0px 0;}
.footer .f10 .text{line-height:20px;font-size:14px;color:#b98f8d;}
.footer .f10 .text a{color:#b98f8d;}


.footer .f1{float:left;height:160px;border-right:1px solid #af6e69;padding-right:55px;width:45%;margin-right:55px;}
.footer .f1 .a{line-height:60px;}
.footer .f1 .a a{display:inline-block;margin-right:20px;font-size:16px;color:#fff;}
.footer .f1 .a a:hover{color:#f00;}
.footer .f1 .text{line-height:30px;}

.footer .f4{float:right;width: 140px;font-size:12px;line-height: 17px;}
.footer .f4 img{float:left;width:110px;height:110px;margin-right:10px;border:1px solid #9f5550;padding:5px;}
.footer .f4 div{overflow:hidden;}

#IndexBlock3{background: url(../images/index_zone01.jpg) center no-repeat #f4f4f4;}

.main1 .swiper-container{width:900px;height:540px}
.pos-r{position:relative}
.c-fff{color:#fff}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main1 .swiper-pagination{bottom:20px!important;left:358px!important;bottom:20px!important}
.main1 .swiper-pagination-bullet{margin:0 6px!important;background:#fff;width:12px;height:12px}
.main1 .xxk{width: 520px;/* height:460px; */box-shadow:2px 5px 8px 3px #ccc;background:#fff;}
.pad-25{padding:25px}
.f-siz18{font-size:18px}
.pos-a{position:absolute}
.h100{height:100%}
.w100{width:100%}
.main1 .chose li{float:left;font-size:20px;color:#e7312d;text-align:center;width:180px;height:55px;line-height:55px;border-top: 2px solid #e62427;list-style:none;}
.main1 .chose li.active a{color:#fff;background-color: #b40a0d;display:block;}
.main1 .chose li:first-child.active{background:url(/skin/default/img/zhpBg.png) left top}
.main1 .chose li:first-child{background:url(/skin/default/img/zhpBg.png) right top}
.xxk .article{height: 405px;padding:20px;position:relative;clear: both;overflow: hidden;}
.xxk .article>ul{opacity:0;transition:.3s;z-index:0;width: 480px;}
.xxk .article>ul.on{opacity:1;z-index:9}
.xxk .article li{width:100%;height:96px;border-bottom:1px dashed #afafaf;margin-bottom:15px}
.xxk .article li a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.xxk .article li:last-child{border-bottom:none}
.listbox .content ul li a:hover,.xxk .article li a:hover{color:#bd0012}
.main1 .swiper-container{width: 650px;height:460px;}
.img_title{top:-215px;width:665px;height:135px;background-color: rgb(35 33 34 / 0.7);}
.img_title h1{color:#ffaf2e}
.main1 .swiper-pagination{bottom:20px!important;left:358px!important;bottom:20px!important}
.main1 .swiper-pagination-bullet{margin:0 6px!important;background:#fff;width:12px;height:12px}
.main2_top{height:60px;line-height:60px;border-bottom:2px solid #ccc}
.main2_top .tab2 li{width:110px;border-bottom:2px solid transparent;transition:.2s}
.main2_top ul li.active{border-bottom:2px solid #bd0012;color:#000;font-size:22px;font-weight:700}
.main2_content .main2_content_left p{height:30px;line-height:30px;border-left:3px solid #bd0012}
.main2_content .main2_content_left .school_color>img{width:150px;height:150px}
.tab2Article{width:750px}
.tab2Article ul{opacity:0;z-index:0;transition:.3s}
.tab2Article>ul.on{opacity:1;z-index:9}
.tab2Article ul li{height:105px;transition:background-color,.3s}
.tab2Article ul li:hover{background:#bd0012}
.tab2Article ul li div.fl-l{left:0;width:20px;height:35px;transition:left .3s}
.tab2Article ul li:hover div.fl-l{left:3px}
.tab2Article ul li div.fl-l i{margin-top:26px;width:10px;height:10px;border-radius:50%}
.tab2Article ul li:hover div.fl-l i{background-color:#fff}
.tab2Article ul li div.fl-r{left:0;width:730px;height:74px;transition:.3s}
.tab2Article ul li:hover div.fl-r{border-bottom:1px solid transparent}
.tab2Article ul li div.fl-r p{color:inherit}
.tab2Article ul li div.fl-r h2{margin-bottom:17px}
.tab2Article ul li div.fl-r h2 p{width:600px}
.tab2Article ul li div.fl-r h2 span{margin-top:2px}
.tab2Article ul li:hover div.fl-l,.tab2Article ul li:hover div.fl-r{color:#fff;left:10px}
.maincon .listbox{margin-right:50px}
.maincon .listbox:last-child{margin-right:0}
.listbox .content ul li{width:400px;border-bottom:1px dashed #ccc}
.listbox .content ul li i{width:6px;height:6px;transform:rotate(45deg)}
.listbox .content ul li a{width:300px}
.listbox .content ul li span{top:-2px;line-height:30px}
.listbox h2{height:40px;line-height:40px}
.listbox h2:before{position:relative;top:9px;content:"";display:inline-block;height:24px;border-left:3px solid #bd0012}
.main4_top{border-bottom:2px solid #ccc}
.main4_top ul li{border-bottom:2px solid #bd0012;top:2px}
.main4_top a{vertical-align:bottom;top:50px}
.main4 .article{margin-right:calc(100px / 3);width:300px}
.main4 .article:last-child{margin-right:0}
.main4 .article .artTitle{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.main4 .article a:hover{color:#bd0012;text-decoration:underline}
.main4_bottom .list h3:after{content:"";margin-top:25px;margin-bottom:30px;width:75px;display:block;border-bottom:1px solid}
.main4_bottom .list h3:hover{color:#bd0012;text-decoration:underline}
/* .list div{margin-right:80px;width:380px}
.list div:last-child{margin-right:0} */
.main4_bottom .list .fl-l>a{width:148px;height:48px;line-height:48px;border:1px solid #000;border-radius:5px;transition:color 0s,background .2s}
.main4_bottom .list .fl-l>a:hover{background:#bd0012;color:#fff;border:1px solid transparent}
.main4_bottom .list div h3 a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
body{padding-top:2.01rem}
#header{position:fixed;left:0;width:100%;top:0;z-index: 10;background-image: url(../images/tobbg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
#header .top{/* background-color: #efefef; */color:#a5a5a5;font-size:0;line-height:0;padding:.06rem 0;border-bottom:1px solid #d8d8d8;}
.r-cont{ color:#333;}
#header .top span{color: #313131;font-size:.12rem;line-height:.28rem;display:inline-block;vertical-align:middle;}
#header .top a{color: #313131;font-size:.12rem;line-height:.28rem;display:inline-block;vertical-align:middle;margin: 0 10px;}
#header .top a:hover{color: #b40a0d;}
#header .top .libs{position:relative;z-index:2;padding-left:.25rem;background:url(../images/icon_earth.png) no-repeat left center;background-size:16px}
#header .top .r-cont+.r-cont .libs{padding-left:0;background:0 0}
#header .top .libs span{display:block;padding-right:.15rem;cursor:pointer;background:url(../images/icon_jt_1_1.png) no-repeat right center}
#header .top .libs span:hover{background-image:url(../images/icon_jt_1_1_h.png)}
#header .top .libs .links{position:absolute;right:0;top:100%;text-align:center;min-width:100%;background:#fff;padding:.05rem 0;opacity:0;transform:scale(0);margin:-.15rem;transition:margin .3s,opactity .3s}
#header .top .libs .links a{display:block;font-size:.14rem;line-height:.22rem;padding:.05rem .05rem;color:#666}
#header .top .libs .links a:hover{color:#232122;background:#f1f1f1}
#header .top .libs:hover .links{margin-top:0;opacity:1;transform:scale(1)}
#header .middle{/* background-color:#fff; *//* padding:.15rem 0; */text-align:center;/* background-image: url(../images/tobbg.jpg); *//* background-repeat: no-repeat; *//* background-position: center top; */}
#header .middle .logo{display: inline-block;vertical-align:middle;}
#header .middle .phone{display:none}
#header .middle .Number{color:#232122;padding-left: .6rem;background: url(../images/phone.png) no-repeat left center;text-align:justify;margin-top: .4rem;margin-right: 40px;}
#header .middle .Number .cn{font-size:.16rem;color: #464242;margin-bottom:.02rem;}
#header .middle .Number .num{font-size:.28rem;color:#232122}
#header .bot{background-color: #232122;}
#header .bot .Menu{font-size:0;line-height:0}
#header .bot li{display:inline-block;vertical-align:middle;position:relative}
#header .bot .title{display:block;font-size:.16rem;line-height:.56rem;color: #ffffff;}
#header .bot .lib{display:none;overflow:hidden}
#header .bot .lib a{display:block;font-size:.14rem;line-height:1.4em;color:#666;padding:.12rem .1rem;position:relative;text-align:center}
#header .SearchBox{display:none}
.index-title{height:126px;margin-bottom:50px;position:relative}
.index-title:before{top:0;left:35px;content:"";width:346px;height:126px;position:absolute;-webkit-transition:all 334ms ease-in;transition:all 334ms ease-in;border:solid 8px #efefef}
.index-title .cn,.index-title .en{z-index:1;position:relative}
.index-title .en{color:#888;font-size:17px;padding-top:25px;padding-bottom:12px;font-family:arial}
.index-title .cn{color:#666;font-size:20px}
.index-title .cn span{color:#222;font-size:44px;line-height:44px;font-family:arial;padding-right:5px}
@media (max-width:1269px){.index-title{height:auto;margin-bottom:30px}
.index-title:before{display:none}
.index-title .en{display:none}
.index-title .cn span{font-size:24px;line-height:30px}
}
.index-title:hover:before{border-color:#e3e4e5}
.index-about{padding:100px 0;position:relative}
.index-about .img01{right:0;top:0;position:absolute}
.index-about .img02{left:0;bottom:100px;position:absolute}
.index-about .img03{z-index:1;float:right;margin-top:0;position:relative;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;width:550px}
.index-about .img03:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
.index-about .textbox{z-index:2;width:47%;position:relative;line-height: 40px;font-size: 16px;}
.index-about .textbox .tit-01 a{padding:0 20px;line-height:38px;display:inline-block;border:solid 1px #eee;margin-right:3px}
.index-about .textbox .tit-01 a:hover{color:#fff;border-color:#0072ce;background:#0072ce}
.index-about .textbox .tit-02{color:#333;font-size:28px;line-height:30px;padding-bottom:40px;position:relative}
.index-about .textbox .tit-02:before{content:"";width:75px;height:2px;bottom:0;left:0;position:absolute;background:#232122}
.index-about .textbox .tit-03{margin-top:35px;font-size:16px;line-height:35px}
.index-about .textbox .more{color:#232122;display:block;margin-top:50px}
.index-about .textbox .more img{margin:8px 0 0 10px;-webkit-transition:all 334ms ease-in;transition:all 334ms ease-in}
.index-about .textbox .more:hover img{margin-left:25px}
@media (max-width:1000px){.index-about{padding:40px 0}
.index-about .img01,.index-about .img02,.index-about .img03{display:none}
.index-about .textbox{width:100%}
.index-about .textbox .tit-01{display:none}
.index-about .textbox .tit-02{display:none}
.index-about .textbox .more{margin-top:20px}
}
.index-product{padding:60px 0;background:#fafafa;position:relative}
.index-product .pic{top:0;right:0;position:absolute}
.index-product .list-roll{padding:0 4px}
.index-product .item{padding-top:70px;position:relative;background:url(../images/index-bg.jpg) no-repeat center bottom}
.index-product .box-01{text-align:center}
.index-product .box-01 .en{color:#4b4b4b;font-size:30px;line-height:32px;height:32px;overflow:hidden;font-family:arial}
#footer{background-color:#202020;color:#fff}
#footer .title{font-size:.16rem;color:#e6e6e6;line-height:1.4em;margin-bottom:.15rem}
#footer .aBox{display:block}
#footer .aBox .a{display:block;font-size:.14rem;line-height:1.6em;padding:.01rem 0}
#footer .aBox a{color:#616161}
#footer .aBox a:hover{color: #f8f5fd;}
#footer .Top{padding:5% 0 2%;border-bottom:1px solid #2d2d2d}
#footer .Logo{float:left;display:inline-block;margin-right:2.5%}
#footer .ul{overflow:hidden;font-size:0}
#footer .ul li{display:inline-block;width:9.78%;vertical-align:top;margin:0 2.2%}
#footer .codeBox{float:right;display:inline-block;width:1.1rem;margin-left:2.5%}
#footer .codeBox .img{background-color:#fff;padding:.03rem}
#footer .codeBox .ShareBox{padding-top:.1rem}
#footer .copy{font-size:.14rem;line-height:1.6em;color:#434343;padding:.25rem 0}
#footer .copy a{color:#434343}
#footer .copy a:hover{color:#fbc317}
.ShareBox{display:flex;justify-content:space-between;font-size:0;line-height:0}
.ShareBox .social-share-icon{background-color:#666;height:.32rem;width:.32rem;border:0 none;color:#202020;margin:0;transition:background .3s ease-out 0s}
.ShareBox .social-share-icon:hover{background-color:#232122}
#f_nav.close{right:-.8rem;opacity:1}
#f_nav.close .exit{right:100%;margin-right:.1rem;background-color:#fff;background-image:url(../images/icon_jt_1_1.png);transform:rotate(90deg)}
#f_nav{z-index:99;position:fixed;top:50%;margin-top:-1.2rem;right:.3rem}
#f_nav .exit{display:block;position:absolute;top:-.09rem;right:-.09rem;height:.18rem;width:.18rem;border-radius:50%;border:1px solid #eaeaea;background:#fff url(../images/icon_exit1.png) no-repeat center;cursor:pointer;z-index:5;margin:0}
#f_nav .exit:hover{background-color:#232122}
#f_nav .Box{text-align:center;font-size:.12rem}
#f_nav .Box .iBox{display:block;background-color:#fff;color:#666;position:relative;width:.8rem;padding:.1rem 0;border:1px solid #eaeaea}
#f_nav .Box .iBox+.iBox{border-top-color:transparent}
#f_nav .Box .txt{line-height:.18rem;font-size:.14rem}
#f_nav .Box .icon{display:block;width:.4rem;height:.4rem;background-position:center;background-repeat:no-repeat;margin:0 auto}
#f_nav .Box .qq{background-image:url(../images/icon_nav_1.png)}
#f_nav .Box .cg{background-image:url(../images/icon_nav_2.png)}
#f_nav .Box .webchat{background-image:url(../images/icon_nav_3.png)}
#f_nav .Box .top{background-image:url(../images/icon_nav_4_h.png)}
#f_nav .Box .code{display:none;position:absolute;top:0;margin-right:.08rem;right:100%;width:1.3rem;padding:.12rem;border-radius:.05rem;border:.01rem solid #eee;background-color:#fff}
#f_nav .Box .code img{display:block;width:100%}
#f_nav .Box .Returntop{display:block;background:#232122;color:#fff}
#f_nav .Box .iBox:hover{background-color:#232122;color:#fff}
#f_nav .Box .iBox:hover .code{display:block}
#f_nav .Box .code:after{display:block;content:"";position:absolute;top:20%;right:-.16rem;border:.08rem solid transparent;border-left-color:#fff}
#f_nav .Box .iBox:hover .qq{background-image:url(../images/icon_nav_1_h.png)}
#f_nav .Box .iBox:hover .cg{background-image:url(../images/icon_nav_2_h.png)}
#f_nav .Box .iBox:hover .webchat{background-image:url(../images/icon_nav_3_h.png)}
#bsBox,#bsBox *{box-sizing:content-box}
@keyframes backanim{0%{background-position:80%}
100%{background-position:5%}
}
.AutoTitle{padding:.65rem 0 .35rem}
.AutoTitle .Atit{font-size:.36rem;line-height:1.2em}
.AutoTitle .Aword{font-size:.16rem;line-height:1.6em;padding-top:.1rem}
.MoreBox,.MoreBox2,.MoreBox3,.MoreBox4{font-size:0;line-height:0}
.MoreBox .a,.MoreBox2 .a,.MoreBox3 .a,.MoreBox4 .a{position:relative;overflow:hidden}
.MoreBox .a:after,.MoreBox .a:before,.MoreBox2 .a:after,.MoreBox2 .a:before,.MoreBox4 .a:after,.MoreBox4 .a:before{content:"";display:block;position:absolute;top:0;height:100%;width:70%;background-color:#232122;transition:all .3s;opacity:0}
.MoreBox .a:before,.MoreBox2 .a:before,.MoreBox3 .a:before,.MoreBox4 .a:before{left:0;transform:translateX(-100%) skew(-45deg)}
.MoreBox .a:after,.MoreBox2 .a:after,.MoreBox3 .a:after,.MoreBox4 .a:after{right:0;transform:translateX(100%) skew(-45deg)}
.MoreBox .a:hover,.MoreBox2 .a:hover{border-color:#232122;color:#fff}
.MoreBox .a:hover:before,.MoreBox2 .a:hover:before,.MoreBox3 .a:hover:before,.MoreBox4 .a:hover:before{transform:translateX(-25%) skew(-45deg);opacity:1}
.MoreBox .a:hover:after,.MoreBox2 .a:hover:after,.MoreBox3 .a:hover:after,.MoreBox4 .a:hover:after{transform:translateX(25%) skew(-45deg);opacity:1}
.MoreBox .a{display:inline-block;color:#666;font-size:.14rem;line-height:.4rem;padding:0 .28rem;border:1px solid #cacaca}
.MoreBox .i,.MoreBox2 .i,.MoreBox3 .i,.MoreBox4 .i{font-style:normal;position:relative;z-index:5}
.MoreBox2 .a{display:inline-block;color:#666;font-size:.14rem;line-height:.4rem;padding:0 .28rem;border:1px solid #cacaca;background: #fff;margin-top: -15px;}
.MoreBox3 .a:after,.MoreBox3 .a:before{content:"";display:block;position:absolute;top:0;height:100%;width:70%;background-color:#fff;transition:all .3s;opacity:0}
.MoreBox3 .a{display:inline-block;color:#fff;font-size:.14rem;line-height:.4rem;padding:0 .28rem;border-radius:.03rem;background-color:#e7312d}
.MoreBox3 .a:hover{color:#232122}
.MoreBox4 .a{display:inline-block;color:#666;font-size:.15rem;line-height:.4rem;padding:0 .28rem;background-color:#fff}
.MoreBox4 .a:hover{color:#fff}
.BtnParent{position:relative}
.BtnParent .BtnBox .Btn{position:absolute;top:50%;margin-top:-.09rem}
.BtnParent .BtnBox .Prev{left:0}
.BtnParent .BtnBox .Next{right:0}
.BtnBox .Btn{display:inline-block;height:.18rem;width:.36rem;background-repeat:no-repeat;background-position:center;z-index:2;cursor:pointer;vertical-align:middle}
.BtnBox .Prev{background-image:url(../images/icon_jt1_1.png)}
.BtnBox .Next{background-image:url(../images/icon_jt1_2.png)}
.BtnBox .Prev:hover{background-image:url(../images/icon_jt1_1_h2.png)}
.BtnBox .Next:hover{background-image:url(../images/icon_jt1_2_h2.png)}
.BtnParent .BtnBox2 .Btn{position:absolute;top:50%;margin-top:-.18rem}
.BtnParent .BtnBox2 .Prev{left:-.5rem}
.BtnParent .BtnBox2 .Next{right:-.5rem}
.BtnBox2 .Btn{display:inline-block;height:.36rem;width:.36rem;background-repeat:no-repeat;background-position:center;z-index:2;cursor:pointer;border-radius:50%;border:1px solid #fff;vertical-align:middle}
.BtnBox2 .Btn:hover{background-color:#232122}
.BtnBox2 .Prev{background-image:url(../images/icon_jt2_1.png)}
.BtnBox2 .Next{background-image:url(../images/icon_jt2_2.png)}
.swiper-pagination{font-size:0;line-height:0;display:inline-block;text-align:center;position:static;vertical-align:middle}
.swiper-pagination .swiper-pagination-bullet{display:inline-block;height:.16rem;width:.16rem;border-radius:.03rem;background-color:#c9c9c9;vertical-align:middle;margin:0 .1rem;transform:scale(.75);opacity:1;float:none}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1);background:#232122}
.BtnBox .swiper-pagination{padding:0 .3rem}
#IndexBan{overflow:hidden}
#IndexBan img{width:100%;display:block}
#IndexBan .swiper-slide{opacity:.6}
#IndexBan .swiper-slide-active{opacity:1}
#IndexBan .pc{display:block}
#IndexBan .phone{display:none}
#IndexBan .none{display:none}
#IndexBan .swiper-pagination{position:absolute;bottom:.25rem;left:0;z-index:5;width:100%}
#IndexBan .swiper-pagination{text-align:center;font-size:0;line-height:0}
#IndexBan .swiper-pagination .swiper-pagination-bullet{height:.04rem;width:.3rem;background:#595656;opacity:1;margin:0 .05rem;border-radius:0;border-radius:0;vertical-align:middle}
#IndexBan .swiper-pagination .swiper-pagination-bullet-active{background:#232122}
#AutoBanner{position:relative;overflow:hidden}
#AutoBanner .pc img,#AutoBanner .phone img{display:block;max-width:100%;margin:0 auto}
#AutoBanner .pc{display:block}
#AutoBanner .phone{display:none}
#AutoBanner .cont{position:absolute;left:0;top:0;height:100%;width:100%;color:#fff;font-size:.36rem;line-height:1.4em;text-transform:uppercase}
#AutoBanner .cont .table{display:table;width:100%;height:100%}
#AutoBanner .cont .t-cell{display:table-cell;vertical-align:middle;text-align:center}
@keyframes scaleAnim{0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
#Location{background-color:#fff}
#Location .LoBox{font-size:.16rem;line-height:.3rem;color:#666;padding:.17rem 0}
#Location .LoBox .icon{display:inline-block;vertical-align:middle;height:.3rem;width:.16rem;background:url(../images/icon_location.png) no-repeat center/contain;margin-right:.05rem;float:left}
#Location .LoBox a,#Location .LoBox span{color:#666;vertical-align:middle;display:inline-block}
#Location .LoBox .jt{margin:0 .05rem;vertical-align:middle;display:inline-block;font-style:normal}
#Location .LoBox a:hover{color:#232122}
#Location .container{position:relative}
#Location .SearchBox{height:0;position:absolute;top:.12rem;right:.15rem}
#Location .SearchBox .form{float:right;display:block;position:relative}
#Location .SearchBox .form .Key{width:3.9rem;height:.42rem;line-height:.42rem;padding:0 .65rem 0 .2rem;font-size:.14rem;color:#666;border:1px solid #e4e4e4}
#Location .SearchBox .form .submit{height:100%;width:.54rem;position:absolute;right:0;top:0;display:block;background:#232122 url(../images/icon_search.png) no-repeat center}
#Location .SearchBox .form .submit:hover{background-color:#f3cd62}
.TankVideoBox{position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;background-color:rgba(0,0,0,.2);display:none;cursor:pointer}
.TankVideoBox .VideoBox{position:absolute}
.TankVideoBox iframe{position:absolute}
.TankVideoBox .VideoBox .exit{display:block;position:absolute;height:30px;width:30px;top:-30px;right:-30px}
.TankVideoBox .VideoBox .exit:before{content:"";display:block;height:80%;width:2px;position:absolute;left:50%;margin-left:-1px;top:10%;background-color:#fff;transform:rotate(45deg)}
.TankVideoBox .VideoBox .exit:after{content:"";display:block;height:80%;width:2px;position:absolute;left:50%;margin-left:-1px;top:10%;background-color:#fff;transform:rotate(-45deg)}
.TankVideoBox .VideoBox video{display:block;width:100%}
.PageBox{padding:5% 0;text-align:center;font-size:0;line-height:0}
.PageBox a{font-size:.16rem;line-height:.4rem;color:#333;display:inline-block;vertical-align:middle;margin:.02rem .05rem;transition:all .3s;padding:0 1em;background-color:#fff}
.PageBox a.on{color:#fff;background-color:#232122}
.PageBox a:hover{color:#fff;background-color:#232122}
.PageBox .num{display:inline-block;vertical-align:middle}
.PageBox .last,.PageBox .next,.PageBox .prev{padding:0 .7em}
.SecMenu{text-align:center;font-size:0;line-height:0;padding:5% 0 3.33%}
.SecMenu .a{display:inline-block;line-height: .4rem;/* padding:0 .33rem; */font-size:.16rem;padding: 0 .17rem;color: #fff;background-color: #232122;margin:0 .05rem;margin-bottom: 0.1rem;}
.SecMenu .a:hover,.SecMenu .on{color: #fff;background: #b40a0d;}

.SecMenu .on:hover{color:#fff;background-color:#f3cd62}
#AutoInfo .content{font-size:.16rem;color:#666;line-height:1.8em;padding-bottom:5%}
#AutoInfo .content .imgBox{float:left;display:inline-block;max-width:60%;margin-right:3.33%;margin-bottom:2%;position:relative;overflow:visible}
#AutoInfo .content .imgBox:before{content:"";display:block;width:100%;height:100%;position:absolute;left:.1rem;top:.1rem;border:1px solid #f3cd62}
#IndexBlock1 .ul{font-size:0;line-height:0}
#IndexBlock1 .ul .li{display:inline-block;vertical-align:top;width:31.66%;margin-left:2.51%}
#IndexBlock1 .ul .li:nth-child(3n+1){margin-left:0}
#IndexBlock1 .ul .Box{display:block;text-align:center}
#IndexBlock1 .ul .title{font-size:.24rem;color:#333;line-height:1.4em;margin-bottom:.05rem;margin-top:.22rem}
#IndexBlock1 .ul .cont{font-size:.16rem;color:#666;line-height:1.6em;margin-bottom:.35rem}
#IndexBlock1 .ul .Box:hover .title{color:#232122}
#IndexBlock1 .Pwid{font-size:0;line-height:0;padding-bottom:.45rem}
#IndexBlock1 .Pwid .wid{display:inline-block;vertical-align:top;width:48.75%;margin-left:2.5%;margin-bottom:2.5%}
#IndexBlock1 .Pwid .wid:nth-child(2n+1){margin-left:0}
#IndexBlock1 .Pwid .Box{display:block;position:relative}
#IndexBlock1 .Pwid .Box img{display:block}
#IndexBlock1 .Pwid .mark{background-color:rgba(242,242,242,.94);position:absolute;left:0;top:0;width:100%;height:100%;padding:.4rem}
#IndexBlock1 .Pwid .icon{display:inline-block;border-radius:50%;position:relative;background:#c5c5c5}
#IndexBlock1 .Pwid .icon img{display:block;transform:scale(1)}
#IndexBlock1 .Pwid .icon .imgh{position:absolute;left:0;top:0;opacity:0}
#IndexBlock1 .Pwid .w_tit{font-size:.24rem;line-height:1.4em;color:#333;margin-top:.2rem}
#IndexBlock1 .Pwid .w_tit:after{content:"";display:block;width:1em;height:.02rem;background-color:#b6b6b6;margin:.1rem auto}
#IndexBlock1 .Pwid .word{font-size:.16rem;line-height:1.6em;color:#666;margin-bottom:.33rem}
#IndexBlock1 .Pwid .Box:hover .icon{background-color:#fff}
#IndexBlock1 .Pwid .Box:hover .icon img{opacity:0}
#IndexBlock1 .Pwid .Box:hover .icon .imgh{opacity:1}
#IndexBlock1 .Pwid .Box:hover .mark{background:rgba(240,185,29,.8)}
#IndexBlock1 .Pwid .Box:hover .w_tit,#IndexBlock1 .Pwid .Box:hover .word{color:#fff}
#IndexBlock1 .Pwid .Box:hover .w_tit:after{background-color:#fff}
#IndexBlock1 .Pwid .Box:hover .a{background-color:#fff;border-color:#fff}
#IndexBlock2 .Box{position:relative;overflow:hidden}
#IndexBlock2 .Box:before{/* content:""; */display:block;position:absolute;width:3.14rem;height:3.4rem;right:0;bottom:0;/* background:url(../images/icon_back1.png) no-repeat center; */transform:translateY(12%);}
#IndexBlock2 .Tapcont{font-size:0;line-height:0;padding: .15rem .15rem .65rem;}
#IndexBlock2 .TabBox .Taptip { margin-left:35px;}
#IndexBlock2 .TabBox .Taptip .span{font-size:.16rem;line-height:.46rem;color:#fff;padding: 0 .17rem;background:#c5c5c5;margin: 0 .09rem;display:inline-block;vertical-align:middle;cursor:pointer;margin-bottom: 10px;}
#IndexBlock2 .TabBox .Taptip .on{background:#b40a0d}
#IndexBlock2 .TabBox .Taptip .span:hover{background:#232122}
#IndexBlock2 .imgBox{display:inline-block;width:50%;vertical-align:middle}
#IndexBlock2 .cont{display:inline-block;vertical-align:middle;width:50%;padding:3.33%;position:relative}
#IndexBlock2 .cont .title{position:relative;display:block;font-size:.24rem}
#IndexBlock2 .cont .title .cn{line-height:.36rem;color:#000;position:absolute;left:0;top:0}
#IndexBlock2 .cont .title .en{font-size:.45rem;line-height:.36rem;color:#f5f5f5;text-transform:uppercase;font-weight:700;font-family:"微软雅黑"}
#IndexBlock2 .cont .title:after{content:"";display:block;width:1em;height:.02rem;background:#cacaca;margin:.2rem 0 .15rem}
#IndexBlock2 .cont .word{font-size:.14rem;line-height:2em;color:#666;-webkit-line-clamp:3;margin-bottom:.6rem}
#IndexBlock3 .BtnBox .swiper-pagination{margin:0 .35rem}
#IndexBlock3 .BtnBox{font-size:0;line-height:0;text-align:center;padding:4.83% 0}
#IndexBlock3 .Box{display:block}
#IndexBlock3 .imgBox{border:1px solid #ededed;border-bottom:0 none}
#IndexBlock3 .cont{background-color:#f4f4f4;text-align:center;position:relative;padding:.5rem .3rem}
#IndexBlock3 .cont:before{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-.08rem}
#IndexBlock3 .title{font-size:.24rem;line-height:1.4em;color:#000}
#IndexBlock3 .line{display:inline-block;vertical-align:middle;width:.24rem;height:.02rem;background:#999}
#IndexBlock3 .word{font-size:.14rem;line-height:1.8em;height:3.6em;color:#666;margin-bottom:.22rem}
#IndexBlock3 .Box:hover .cont{background-color:#232122}
#IndexBlock3 .Box:hover .cont:before{border:.08rem solid transparent;border-bottom:0;border-top-color:#fff}
#IndexBlock3 .Box:hover .title,#IndexBlock3 .Box:hover .word{color:#fff}
#IndexBlock3 .Box:hover .line{background-color:#fff}
#IndexBlock3 .Box:hover .a{background:#fff;border-color:#fff}
#IndexBlock4{/* background-color:#f4f4f4; */padding-bottom:.65rem;background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position: center top;padding-top: 60px;}
#IndexBlock4 .TitBox{font-size:0;line-height:0;text-align:center}
#IndexBlock4 .TitBox .wid{display:inline-block;width:50%;vertical-align:middle}
#IndexBlock4 .TitBox a{font-size:.2rem;line-height:.32rem;color:#333;display:inline-block}
#IndexBlock4 .TitBox a img{display:inline-block;vertical-align:middle;margin-right:.05rem}
#IndexBlock4 .ContUl{font-size:0;padding:.35rem 0 5.833%}
#IndexBlock4 .ContUl .ul{display:inline-block;width:48.33%}
#IndexBlock4 .ContUl .ul+.ul{float:right}
#IndexBlock4 .ContUl li+li{padding-top:.2rem;margin-top:.2rem;border-top:1px dashed #e7e7e7}
#IndexBlock4 .ContUl .Box{display:block}
#IndexBlock4 .ContUl .imgBox{float:left;display:inline-block;margin-right:.2rem;width:1.7rem}
#IndexBlock4 .ContUl .cont{overflow:hidden;padding-top:.06rem}
#IndexBlock4 .ContUl .li_title{font-size:.16rem;line-height:1.6em;color:#333}
#IndexBlock4 .ContUl .time{font-size:.14rem;line-height:1.4em;color:#ccc;margin-bottom:.1rem}
#IndexBlock4 .ContUl .word{font-size:.14rem;line-height:1.8em;color:#666}
#IndexBlock4 .ContUl .Box:hover .li_title{color:#232122}
#IndexBlock5 .FormBox{border:1px solid #e7e7e7;padding:.4rem .3rem;margin-bottom:5.833%}
#IndexBlock5 .FormBox .form{font-size:0}
#IndexBlock5 .wid{display:inline-block;vertical-align:middle}
#IndexBlock5 .wid1{width:35.52%;margin-right:2.6%}
#IndexBlock5 .wid2{height:inherit;width:23.24%}
#IndexBlock5 .li+.li{margin-top:.2rem}
#IndexBlock5 .title{font-size:.16rem;line-height:1em;margin-bottom:.1rem}
#IndexBlock5 .input{height:.5rem;font-size:.16rem;color:#666;line-height:.5rem;padding:0 .15rem;background-color:#f2f2f2;display:block;width:100%}
#IndexBlock5 .submit{color:#fff;background-color:#6b6868}
#IndexBlock5 .submit:hover{background:#232122}
#IndexBlock5 .wid2 .imgBox{position:relative}
#IndexBlock5 .wid2 .mark{position:absolute;left:0;top:0;background:0 0;width:100%;padding:.25rem .15rem}
#IndexBlock5 .wid2 .imgBox .title{color:#555}
#IndexBlock5 .wid2 .imgBox .phone{font-size:.26rem;color:#ff5a00;line-height:1.4em;margin-bottom:.2rem;display:inline-block}
#IndexBlock6 .Map{position:relative;overflow:hidden;height:4rem}
#IndexBlock6 #Map{height:4.4rem;transform:translateY(-.4rem)}
#IndexBlock6 .mark{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/index_back.png);padding-top:.6rem;color:#ffff}
#IndexBlock6 .mark .icon{display:block;margin:0 auto}
#IndexBlock6 .mark .colr_main{color:#ff9600}
#IndexBlock6 .mark .word{font-size:.75rem;line-height:1.2em;margin-top:.75rem}
#IndexBlock6 .mark .long{font-size:.26rem;font-weight:100}
#Map img{max-width:99999px}
#AboutBlock1 .content{font-size:.16rem;color:#666;line-height:1.8em}
#AboutBlock1 .content .imgBox{float:left;display:inline-block;max-width:60%;margin-right:3.33%;margin-bottom:2%;position:relative;overflow:visible}
#AboutBlock1 .content .imgBox:before{content:"";display:block;width:100%;height:100%;position:absolute;left:.1rem;top:.1rem;border:1px solid #f3cd62}
#AboutBlock1 .Numbers{margin:1.5% 0 5%}
.Numbers{font-size:0;line-height:0;background-color:#fff;text-align:center;padding:.4rem 0;box-shadow:0 0 .2rem rgba(0,0,0,.1)}
.Numbers .wid{display:inline-block;vertical-align:middle;width:33.3333%}
.Numbers .wid+.wid{border-left:1px solid #dbdbdb}
.Numbers .num{color:#232122}
.Numbers .num span{font-size:.5rem;line-height:1em;vertical-align:bottom}
.Numbers .j{display:inline-block;vertical-align:top;font-size:.3rem;line-height:.35rem}
.Numbers .txt{font-size:.16rem;line-height:1.6em;color:#666}
#AboutBlock2{background:url(../images/img1_2.jpg) no-repeat center/cover;overflow:hidden}
#AboutBlock2 .BtnParent{position:relative;margin-bottom:2.5%}
#AboutBlock2 .BtnParent:before{content:"";position:absolute;top:50%;width:100%;height:1px;background-color:#fff}
#AboutBlock2 .swiper-slide{color:#fff}
#AboutBlock2 .swiper-slide .Box{margin:0 .2rem}
#AboutBlock2 .time{margin:0 auto}
#AboutBlock2 .t{font-size:.2rem;line-height:1.4em;margin-bottom:.02rem}
#AboutBlock2 .b1{display:table;width:100%}
#AboutBlock2 .b1 .t-cell{display:table-cell;vertical-align:bottom}
#AboutBlock2 .b2 .t{margin-top:.12rem}
#AboutBlock2 .word{font-size:.16rem;line-height:1.4em}
#AboutBlock2 .b1 .word{margin-bottom:.16rem}
#AboutBlock2 .point{height:.1rem;width:.1rem;border-radius:50%;background:#fff;display:block;margin:.2rem auto}
#AboutBlock2 .time{text-align:center;line-height:.7rem;width:.7rem;background-color:#fff;border-radius:50%;color:#333;font-size:.16rem;display:none;position:relative}
#AboutBlock2 .time:after,#AboutBlock2 .time:before{content:"";display:block;position:absolute;border:.06rem solid transparent;left:50%;margin-left:-.06rem}
#AboutBlock2 .b1 .time:before{display:none}
#AboutBlock2 .b2 .time:after{display:none}
#AboutBlock2 .time:before{top:-.05rem;border-bottom-color:#fff;border-top:0}
#AboutBlock2 .time:after{bottom:-.05rem;border-top-color:#fff;border-bottom:0}
#AboutBlock2 .swiper-slide:nth-child(2n) .t-cell>*{display:none}
#AboutBlock2 .swiper-slide:nth-child(2n) .b1 .time{display:block}
#AboutBlock2 .swiper-slide:nth-child(2n+1) .b2>*{display:none}
#AboutBlock2 .swiper-slide:nth-child(2n+1) .b2 .time{display:block}
#AboutBlock3{background-color:#f5f5f5}
#AboutBlock3 .Video{position:relative;margin-bottom:5%}
#AboutBlock3 .Video video{width:100%;display:block;object-fit:fill}
#AboutBlock3 .Video .play{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3) url(../images/icon_play.png) no-repeat center;cursor:pointer}
#AboutBlock3 .Video .play:hover{background-color:rgba(0,0,0,.5)}
#BusinessBlock1{background:#f5f5f5}
#BusinessBlock1 .AutoTitle .Aword{margin-top:.2rem}
#BusinessBlock1 .ul{padding-bottom:5%}
#BusinessBlock1 .ul .li{background:#fff;padding-right:.25rem}
#BusinessBlock1 .ul .li+.li{margin-top:.2rem}
#BusinessBlock1 .ul .imgBox{float:left;display:inline-block;width:3.8rem;margin-right:.3rem}
#BusinessBlock1 .ul .imgBox img{display:block;width:100%}
#BusinessBlock1 .ul .cont{overflow:hidden;padding-top:.35rem;padding-bottom:.15rem}
#BusinessBlock1 .ul .li_tit{font-size:.2rem;line-height:1.4em;color:#333}
#BusinessBlock1 .ul .li_tit:after{content:"";display:block;width:1em;height:.02rem;background-color:#d7d7d7;margin:.18rem 0}
#BusinessBlock1 .ul .li_word{font-size:.16rem;line-height:1.6em;color:#666}
#BusinessBlock2 .ul{padding-bottom:4.5%}
#BusinessBlock2 .li+.li{margin-top:.25rem;padding-top:.3rem;border-top:1px solid #e4e4e4}
#BusinessBlock2 .imgBox img{display:block;width:100%}
#BusinessBlock2 .cont{color:#333;padding-top:.25rem}
#BusinessBlock2 .cont .li_tit{font-size:.2rem;line-height:1.4em;margin-bottom:.1rem}
#BusinessBlock2 .cont .li_word{font-size:.15rem;line-height:1.6em}
#StaffInfo{background:#f5f5f5}
#StaffInfo .Top{padding:4.16% 0 3.33%}
#StaffInfo .Top .imgBox{float:left;display:inline-block;width:2.2rem;margin-right:.22rem}
#StaffInfo .Top .imgBox img{display:block;border-radius:50%}
#StaffInfo .Top .cont{overflow:hidden;padding-top:.35rem}
#StaffInfo .Top .name{font-size:.2rem;line-height:1.4em;color:#666;padding-left:.4rem;background:url(../images/icon_about1_1.png) no-repeat left .05rem}
#StaffInfo .Top .word{color:#666;font-size:.16rem;line-height:1.6em;border-top:1px solid #e0e0e0;padding-top:.18rem;margin-top:.18rem}
#StaffInfo .Top .job{font-size:.18rem;line-height:1.4em;margin-bottom:.08rem}
#StaffInfo .Mtit{font-size:.18rem;line-height:.56rem;color:#fff;background-color:#232122}
#StaffInfo .jlBox{font-size:.14rem;color:#666;line-height:1.8em;padding:3.33% 0 4%}
#StaffInfo .jlBox *+.Jtit{padding-top:.1rem}
#StaffInfo .jlBox .Jtit{font-size:.2rem;color:#474747;line-height:1.4em}
#CultureBlock1 .ul{font-size:0;line-height:0;padding:0 1.66%;margin:-1.25% 0 3.75%}
#CultureBlock1 .ul .li{display:inline-block;vertical-align:middle;width:31.03%;margin:1.15%}
#CultureBlock1 .ul img{display:block;width:100%;border-radius:.14rem}
#CultureBlock2 .content{font-size:0;padding-bottom:5%}
#CultureBlock2 .imgBox{display:inline-block;vertical-align:middle;width:50%}
#CultureBlock2 .imgBox+.cont{padding-right:0;padding-left:3.33%}
#CultureBlock2 .cont{display:inline-block;vertical-align:middle;width:50%;padding-right:3.33%;font-size:.16rem;line-height:1.7em;color:#666}
#CultureBlock4 .ul{font-size:0;padding-bottom:2.5%}
#CultureBlock4 .li{display:inline-block;vertical-align:middle;width:33.33%;color:#333;background-color:transparent}
#CultureBlock4 .table{display:table;width:100%}
#CultureBlock4 .t-cell{display:table-cell;vertical-align:middle;text-align:center;padding:.3rem .15rem}
#CultureBlock4 .imgBox img{display:block;margin:0 auto}
#CultureBlock4 .cont{padding-top:.2rem}
#CultureBlock4 .li_tit{font-size:.2rem;line-height:1.4em}
#CultureBlock4 .li_word{font-size:.16rem;line-height:1.6em}
#CultureBlock4 .li:hover{background-color:#232122;color:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.3)}
#CultureBlock5 .ul{margin:-.1rem;font-size:0;padding-bottom:5%}
#CultureBlock5 .ul .li{width:25%;padding:.1rem;display:inline-block;vertical-align:middle}
#CultureBlock5 .ul .table{color:#333;display:table;width:100%;margin:0}
#CultureBlock5 .ul .t-cell{display:table-cell;padding:.4rem .15rem}
#CultureBlock5 .ul .li_tit{font-size:.22rem;line-height:1.4em}
#CultureBlock5 .ul .li_tit:after{display:block;content:"";width:1em;height:.02rem;background:#999;margin:.14rem auto .15rem}
#CultureBlock5 .ul .li_word{font-size:.16rem}
#CultureBlock5 .ul .table:hover{color:#232122}
#CultureBlock5 .ul .table:hover .li_tit:after{background:#232122}
#CultureBlock6 .li{display:block;width:100%;border:1px solid #ececec}
#CultureBlock6 .li+.li{border-top-color:transparent}
#CultureBlock6 .swiper-slide-active+.swiper-slide .li,#CultureBlock6 .swiper-slide-active+.swiper-slide+.swiper-slide .li,#CultureBlock6 .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide .li{border-left-color:transparent}
#CultureBlock6 .Box{display:block;padding:10%;padding-bottom:0}
#CultureBlock6 .imgBox{margin:0 auto;width:2.38rem;max-width:100%}
#CultureBlock6 .imgBox img{display:block}
#CultureBlock6 .title{font-size:.16rem;line-height:1.4em;padding:13% 0}
#CultureBlock6 .BtnBox{padding:5% 0}
#OrganzBlock1 .Aword{margin-top:1.6%}
#OrganzBlock1 .cont{padding-bottom:6.5%}
#OrganzBlock2 .li+.li{margin-top:.4rem}
#OrganzBlock2 .Box{display:block;padding:.3rem;background-color:#f5f5f5;transition:all .3s;color:#666}
#OrganzBlock2 .imgBox{float:left;display:inline-block;border-radius:50%;margin-right:.15rem}
#OrganzBlock2 .cont{overflow:hidden;padding-top:.1rem}
#OrganzBlock2 .name{font-size:.2rem;line-height:1.4em;color:#333;padding-left:.4rem;background:url(../images/icon_about1_1.png) no-repeat left .05rem}
#OrganzBlock2 .job{font-size:.18rem;line-height:1.4em;margin:.2rem 0 .05rem}
#OrganzBlock2 .des{font-size:.16rem;line-height:1.6em;margin-bottom:.25rem}
#OrganzBlock2 .Box:hover{color:#fff;background-color:#232122}
#OrganzBlock2 .Box:hover .name{color:#fff;background-image:url(../images/icon_about1_1_h.png)}
#OrganzBlock2 .BtnBox{padding:5% 0}
#FaqList .list{padding:0}
#FaqList .list li+li{margin-top:.2rem}
#FaqList .list li .title{padding:.13rem 0;line-height:20px;background:#fff url(../images/answerlist_arrow1.png) no-repeat right 14px center;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;overflow:hidden;cursor:pointer}
#FaqList .list li .title span{width:100%;padding:0 45px;box-sizing:border-box;overflow:hidden;display:block;background:url(../images/answerlist_title1.png) no-repeat 14px 2px;line-height:1.6em;font-size:.16rem;color:#555}
#FaqList .list li.on .title{background:url(../images/answerlist_arrow2.png) no-repeat right 10px center #232122}
#FaqList .list li.on .title span{background-image:url(../images/answerlist_title2.png);color:#fff}
#FaqList .list li .text{padding:14px 45px;box-sizing:border-box;background:#f6f6f6;line-height:26px;font-size:14px;color:#666;text-align:justify;display:none}
#ChairmanBlock .content{font-size:.16rem;color:#666;line-height:1.8em;padding-bottom:5%}
#ChairmanBlock .content .imgBox{float:left;display:inline-block;max-width:60%;margin-right:3.33%;margin-bottom:2%;position:relative;overflow:visible}
#ChairmanBlock .content .imgBox:before{content:"";display:block;width:100%;height:100%;position:absolute;left:.1rem;top:.1rem;border:1px solid #f3cd62}
#ChairmanBlock .content .TitleBox{padding-bottom:.3rem}
#ChairmanBlock .content .TitleBox .t1{font-size:.3rem;line-height:0;color:#333;position:relative;font-weight:700}
#ChairmanBlock .content .TitleBox .t2{font-size:.6rem;line-height:0;color:#e8e7e7;text-transform:uppercase;margin-top:-.1rem}
#ProductList .ul{font-size:0;line-height:0;margin:-.18rem}
#ProductList .ul li{display:inline-block;vertical-align:middle;padding: .18rem .16rem; width: 33.3333%;}
#ProductList .ul li:nth-of-type(3n){padding-right:0;}
#ProductList .ul .Box{display:block;background:#fff;position:relative}
#ProductList .ul .Box:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid transparent}
#ProductList .ul .cont{background-color:#e6e6e6;padding:0 .3rem;position:relative;color:#333}
#ProductList .ul .title{font-size:.16rem;line-height:.64rem}
#ProductList .ul .iocn{display:block;position:absolute;right:.3rem;top:50%;margin-top:-.18rem;height:.36rem;width:.36rem;border:1px solid #838384;border-radius:50%;background:url(../images/icon_jt3_1.png) no-repeat center}
#ProductList .ul .Box:hover:after{border-color:#232122}
#ProductList .ul .Box:hover .cont{color:#fff;background-color:#232122}
#ProductList .ul .Box:hover .iocn{border-color:#fff;background-image:url(../images/icon_jt3_2.png)}
#ProductInfo .ImgBox{background-size:0}
#ProductInfo img{display:block;width:100%}
#SilmoList .ul{padding:5% 0}
#SilmoList .ul li{font-size:0}
#SilmoList .ul li+li{margin-top:.2rem}
#SilmoList .ul .Box{display:block;color:#333;background:#fff;position:relative}
#SilmoList .ul .Box:before{content:"";display:block;position:absolute;right:0;bottom:0;height:100%;width:2.23rem;background:url(../images/icon_back1.png) no-repeat bottom center/100% auto;transition:all .3s;opacity:0}
#SilmoList .ul .imgBox{width:50%;display:inline-block;vertical-align:middle}
#SilmoList .ul .cont{display:inline-block;vertical-align:middle;position:relative;z-index:2;width:50%;padding:.15rem 8%}
#SilmoList .ul .title{font-size:.24rem;line-height:1.4em;font-weight:700}
#SilmoList .ul .word{font-size:.16rem;line-height:1.4em;color:#666;min-height:2.8em;margin:.1rem 0 .25rem}
#SilmoList .ul .Box:hover .a{color:#fff;background-color:#232122;border-color:#232122}
#SilmoList .ul .Box:hover:before{opacity:1}
#SilmoInfo .Info1 .cont{padding-right:3.33%}
#SilmoInfo .Sitle{font-size:.32rem;line-height:1.4em}
#SilmoInfo .S_line:after{content:"";display:block;width:1em;height:.02rem;background-color:#999;margin:.2rem 0 .25rem}
#SilmoInfo .word{font-size:.16rem;line-height:1.6em;color:#616161}
#SilmoInfo .imgBox{width:50%}
#SilmoInfo .cont{width:50%;padding-top:.15rem;padding-left:2%}
#SilmoInfo .Info1 .Box{padding:5.83% 0}
#SilmoInfo .Info2 .Box{padding:5.83% 0}
#SilmoInfo .Info2 .f_con{padding-right:3.33%;width:46%;padding-top:.15rem}
#SilmoInfo .Info2 .cont{width:50%;padding-top:0}
#SilmoInfo .Info2 td{padding:.1rem 0}
#SilmoInfo .Info2 tr td:first-child{width:2.1rem;padding-right:.1rem}
#SilmoInfo .Info3{background:url(../images/info1_2.jpg) no-repeat center/cover}
#SilmoInfo .Info3 .Box{padding:8.33% 0 12%}
#SilmoInfo .Info3 .S_line:after{margin-left:auto;margin-right:auto;background-color:#fff}
#SilmoInfo .Info3 .word{color:#fff;line-height:2em;width:9.3rem;max-width:100%;margin:0 auto;font-weight:100;min-height:12em}
#SilmoInfo .Info4 .Box{padding:5% 0}
#SilmoInfo .Info4 .cont{padding-top:4%}
#SilmoInfo .Info5 .Box{padding:5% 0}
#SilmoInfo .Info5 .cont{padding-top:8%}
#SilmoInfo .Info6 .Box{padding:5% 0}
#SilmoInfo .Info6 .cont{padding-top:8%}
#AldBlock .Block1{font-size:.16rem;line-height:1.8em;color:#666}
#AldBlock .Block1 .ImgBox{float:left;display:inline-block;margin-right:3.33%;margin-bottom:3%;position:relative;width:47.5%}
#AldBlock .Block1 .ImgBox img{position:relative;z-index:1}
#AldBlock .Block1 .ImgBox:before{content:"";display:block;position:absolute;left:.1rem;top:.1rem;width:100%;height:100%;border:1px solid #232122}
#AldBlock .Block1 .cont p:first-child{padding-top:.4rem}
#AldBlock .Block2{padding:2.5% 0}
#AldBlock .ul{font-size:0;line-height:0;overflow:hidden;margin:-.1rem}
#AldBlock .ul .li{display:inline-block;vertical-align:top;padding:.1rem;width:25%}
#AldBlock .ul .Box{display:block}
#AldBlock .ul .cont{padding-top:.25rem}
#AldBlock .ul .title{font-size:.18rem;line-height:1.4em;color:#333;font-weight:700}
#AldBlock .ul .line{width:.18rem;height:.02rem;background-color:#ccc;margin:.15rem 0}
#AldBlock .ul .word{font-size:.16rem;line-height:1.8em;color:#666}
#AldBlock .ul .Box:hover .title{color:#232122}
#AldTeamBlock .ul{padding-bottom:5%}
#AldTeamBlock .ul .li{background-color:#fff}
#AldTeamBlock .ul .li+.li{margin-top:.2rem}
#AldTeamBlock .ul .imgBox{display:inline-block;width:4.15rem}
#AldTeamBlock .ul img{display:block;width:100%}
#AldTeamBlock .ul .cont{padding:4% 3.33% 3.33%;font-size:.16rem;line-height:1.8em;color:#333}
#AldTeamBlock .ul .li:nth-child(2n+1) .imgBox{float:left;margin-right:3.33%}
#AldTeamBlock .ul .li:nth-child(2n) .imgBox{float:right;margin-left:3.33%}
#Production .content{font-size:.16rem;line-height:1.8em;color:#666}
#Production .content .ImgBox{float:left;display:inline-block;margin-right:3.33%;margin-bottom:3%;position:relative;width:47.5%}
#Production .content .ImgBox img{position:relative;z-index:1}
#Production .content .ImgBox:before{content:"";display:block;position:absolute;left:.1rem;top:.1rem;width:100%;height:100%;border:1px solid #232122}
#Production .content .cont p:first-child{padding-top:.4rem}
#Production .Imglist{font-size:0;overflow:hidden;padding:3% 0 5%}
#Production .Imglist ul{margin:-.1rem}
#Production .Imglist li{width:25%;padding:.1rem;display:inline-block;vertical-align:middle}
#Production .content .cont2{padding-bottom:5%}
#Production .content .cont2 dl{font-size:0}
#Production .content .cont2 dl dd{width:31.25%;display:inline-block;vertical-align:top;font-size:.16rem;text-align:center}
#Production .content .cont2 dl dd:nth-child(3n+2){margin:.15rem 3.125%}
#Humans .ul{padding-bottom:5%}
#Humans .ul .li{background-color:#fff}
#Humans .ul .li+.li{margin-top:.2rem}
#Humans .ul .li:nth-child(2n+1) .imgBox{float:left}
#Humans .ul .li:nth-child(2n+1) .cont{float:right}
#Humans .ul .li:nth-child(2n) .imgBox{float:right}
#Humans .ul .li:nth-child(2n) .cont{float:left}
#Humans .ul .imgBox{display:inline-block}
#Humans .ul .l_tit{font-size:.24rem;line-height:1.4em;color:#333}
#Humans .ul .l_tit:after{content:"";display:block;width:1em;height:.02rem;background-color:#ccc;margin:.15rem 0 .25rem}
#Humans .ul .cont{font-size:.16rem;line-height:1.4em;color:#666;width:50%;display:inline-block;padding:4.16%}
#Humans .ul .cont p{display:block;padding-left:.23rem;background:url(../images/icon_star.png) no-repeat .03rem .04rem}
#Humans .ul .cont p+p{margin-top:.12rem}
#JobList .list li+li{margin-top:.2rem}
#JobList .list li.on .top{background-color:#232122;color:#fff}
#JobList .list li.on .top .icon{background-image:url(../images/icon_jt3_2.png);border-color:#fff;transform:rotate(90deg)}
#JobList .list li .top{padding:18px 56px 18px 24px;box-sizing:border-box;background:#fff;font-size:16px;color:#666;line-height:20px;cursor:pointer;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;position:relative}
#JobList .list li .top .icon{display:block;position:absolute;right:.15rem;top:50%;margin-top:-.17rem;height:.34rem;width:.34rem;border-radius:50%;border:1px solid #ccc;background:url(../images/icon_jt3_1.png) no-repeat center}
#JobList .list li .top span{width: 20%;float:left;}

#JobList .list li .top span:nth-of-type(3){width:40%;}

#JobList .list li .down{padding:10px 24px;box-sizing:border-box;line-height:24px;font-size:14px;color:#666;display:none;background-color:#fff}
#JobList .list li .down .txt{padding:.1rem 0 .15rem}
#JobList .list li .down .tit{font-size:16px;color:#333;margin-bottom:10px}
#JobList .list li .top:hover{background:#ececec}
#JobList .list li.on .top:hover{background:#f3cd62}
#DownList .ul{font-size:0;line-height:0;margin:-.18rem;padding-top:5%}
#DownList .ul li{font-size:.16rem;line-height:.64rem;color:#333;padding:.18rem;width:33.33%;display:inline-block;vertical-align:top}
#DownList .ul .Box{display:block;background-image:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.1)}
#DownList .ul .cont{position:relative;padding:0 .6rem 0 .3rem}
#DownList .ul .cont .iocn{display:block;position:absolute;right:.3rem;top:0;height:100%;width:.24rem;background:url(../images/icon_down.png) no-repeat center}
#DownList .ul .Box:hover{background-color:#232122;color:#fff}
#DownList .ul .Box:hover .iocn{background-image:url(../images/icon_down_h.png)}
#VideoList .ul{margin-bottom:-2%}
#VideoList .ul li{float:left;width:32%;margin-right:2%;margin-bottom:2%;overflow:hidden}
/* #VideoList .ul li:nth-child(3n+0){margin-right:0} */
#VideoList .ul li .Box{cursor:pointer;overflow:hidden;display:block;position:relative}
#VideoList .ul li img{display:block;width:100%}
#VideoList .ul li .imgBox h2{font-weight:400;text-align:center;position:absolute;width:100%;bottom:0;left:0;height:.6rem;line-height:.6rem;overflow:hidden;background:rgba(0,0,0,.5);color:#fff;font-size:.16rem;transition:all .3s;z-index:1;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 .1rem}
#VideoList .ul li .imgBox .bgs{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);opacity:0;filter:Alpha(opacity=0);transition:all .3s}
#VideoList .ul li .imgBox .bgs i{width:61px;height:61px;position:absolute;left:50%;top:0;transform:translate(-50%,0);background:url(../images/video_bg1.png) no-repeat;background-size:100% 100%;transition:all .3s}
#VideoList .ul li:hover .imgBox .bgs{opacity:1;filter:Alpha(opacity=100)}
#VideoList .ul li:hover .bgs i{transform:translate(-50%,-50%);top:50%}
#HonorList .ul{font-size:0;line-height:0}
#HonorList .li{display:inline-block;width:25%;border:1px solid #ececec;vertical-align:middle;margin-left:-1px;margin-top:-1px}
#HonorList .Box{display:block;padding:10%;padding-bottom:0}
#HonorList .imgBox{margin:0 auto;width:2.38rem;max-width:100%}
#HonorList .imgBox img{display:block}
#HonorList .title{font-size:.16rem;line-height:1.4em;padding:13% 0}
#ContactBlock1 .BtnParent{padding-bottom:5%}
#ContactBlock1 .BtnParent .Btn{border-color:#ccc}
#ContactBlock1 .BtnBox2 .Prev{background-image:url(../images/icon_jt4_1.png)}
#ContactBlock1 .BtnBox2 .Next{background-image:url(../images/icon_jt4_2.png)}
#ContactBlock1 .BtnParent .Btn:hover{border-color:#232122}
#ContactBlock1 .BtnBox2 .Prev:hover{background-image:url(../images/icon_jt4_1_h.png)}
#ContactBlock1 .BtnBox2 .Next:hover{background-image:url(../images/icon_jt4_2_h.png)}
#ContactBlock1 .Box{background-color:#fff}
#ContactBlock1 .pad{padding:6.83%}
#ContactBlock1 .icon{height:.64rem;width:.64rem;background-color:#232122;background-repeat:no-repeat;background-position:center;border-radius:50%}
#ContactBlock1 .it{font-size:.24rem;line-height:1.4em;color:#333;padding-top:.15rem}
#ContactBlock1 .it:after{content:"";background-color:#d7d7d7;display:block;height:.02rem;width:1em;margin:.15rem 0}
#ContactBlock1 .word{font-size:.16rem;color:#666;line-height:1.8em}
#ContactBlock2 .form{display:block;padding:0 0 4.16%;margin:-.14rem;font-size:0}
#ContactBlock2 .form .label{padding:.14rem;margin:0;display:block;width:100%;font-weight:400;font-size:.16rem;line-height:.46rem;color:#333}
#ContactBlock2 .form .wid1{width:50%;display:inline-block}
#ContactBlock2 .form .border{border:1px solid #e4e4e4}
#ContactBlock2 .form .f_tit{float:left;display:inline-block;line-height:.46rem;padding-top:.02rem;padding-left:.15rem}
#ContactBlock2 .form .f_tit:before{content:"";height:.46rem;display:inline-block;float:left;width:.33rem}
#ContactBlock2 .form .name_icon:before{background:url(../images/icon_contact5.png) no-repeat left 40%}
#ContactBlock2 .form .phone_icon:before{background:url(../images/icon_contact6.png) no-repeat left 50%}
#ContactBlock2 .form .mail_icon:before{background:url(../images/icon_contact7.png) no-repeat left center}
#ContactBlock2 .form .com_name_icon:before{background:url(../images/icon_contact8.png) no-repeat left 45%}
#ContactBlock2 .form .text_icon:before{background:url(../images/icon_contact9.png) no-repeat left center}
#ContactBlock2 .inputBox{overflow:hidden}
#ContactBlock2 .inputBox .input{display:block;width:100%;line-height:.48rem;height:.48rem;padding:0 .1rem;font-size:.16rem;color:#666}
#ContactBlock2 .inputBox textarea.input{height:1.9rem}
#ContactBlock2 .submitBox{margin-top:.2rem}
#ContactBlock2 .submitBox .submit{font-size:.16rem;line-height:.44rem;height:.44rem;color:#fff;padding:0 .45rem;color:#fff;background:#232122;display:inline-block}
#ContactBlock2 .submitBox .submit:hover{background-color:#f3cd62}
#ContactBlock3 .Box{height:4.85rem;margin:5% 0}
#ContactBlock3 .Box .Map{height:100%;overflow:hidden}
#ContactBlock3 .Box .Map img{max-width:9999px}
#ContactBlock3 .Box #Map{height:100%}
#ContactBlock3 .cont{width:3.8rem;height:100%;padding:.15rem 0 .15rem 2.5%}
#ContactBlock3 .cont .ul{height:100%;overflow-y:scroll;padding-right:.3rem}
#ContactBlock3 .cont .li{margin-top:.45rem}
#ContactBlock3 .cont .li+.li{border-top:1px solid #ccc;padding-top:.45rem}
#ContactBlock3 .cont .li_icon{border-radius:50%;background-color:#232122;height:.64rem;width:.64rem;cursor:pointer}
#ContactBlock3 .cont .li_icon:hover{background-color:#f3cd62}
#ContactBlock3 .cont .li_tit{font-size:.24rem;line-height:1.4em;color:#333;margin:.15rem 0 .08rem}
#ContactBlock3 .cont .li_word{font-size:.16rem;line-height:1.6em;color:#666}
#NewsList .ul li{overflow:hidden;display:block}
#NewsList .ul li+li{border-top:1px dashed #ccc;margin-top:.3rem;padding-top:.3rem}
#NewsList .ul li .imgBox{width:3.1rem;float:left;display:inline-block;overflow:hidden}
#NewsList .ul li .imgBox img{width:100%}
#NewsList .ul li .i_about_r{float:right;display:inline-block;line-height:.24rem;width:8.6rem;overflow:hidden}
#NewsList .ul li .i_about_r h3{line-height:.44rem;height:.44rem;overflow:hidden;font-size:.2rem;color:#666;font-weight:400;transition:all .3s;margin-top:0}
#NewsList .ul li .i_about_r em{font-style:normal;font-size:.14rem;display:block;color:#999;height:.22rem;line-height:.22rem}
#NewsList .ul li .i_about_r .p{height:.48rem;overflow:hidden;font-size:.14rem;color:#666;line-height:.24rem;margin-bottom:.23rem;margin-top:.11rem}
#NewsList .ul li .i_about_r .MoreBox2 .a{line-height:.38rem}
#NewsList .ul li:hover .i_about_r h3{color:#232122}
#NewsInfo{overflow:hidden}
#NewsInfo .Top{padding:4% 0 2%}
#NewsInfo h1{font-size:.3rem;line-height:1.4em;overflow:hidden;color:#272726;font-weight:400;text-align:center;margin:0}
#NewsInfo .p{line-height:1.6em;overflow:hidden;font-size:.14rem;color:#999;text-align:center;margin-top:5px}
#NewsInfo .dates{display:inline-block;overflow:hidden;vertical-align:top}
#NewsInfo .content{font-size:.16rem;line-height:1.6em;color:#666;background:0 0;padding-bottom:2.5%}
#NewsInfo .news_page{border-top:1px dashed #ccc;padding:2.5% 0 0;font-size:.16rem;line-height:1.4em;color:#333;margin-bottom:5%;background:0 0}
#NewsInfo .news_page .f_l,#NewsInfo .news_page .f_r{max-width:48%}
html{font-size:95px}
body{min-width:12.3rem}
.container{width:12.3rem}
#header .middle{/* padding: .4rem 0; */}
#header .middle .logo{/* height: .2rem; */margin-top: 26px;}
#header .bot .Menu{display:inline-block}
#header .bot .title{padding:0 .15rem;width: 1.4rem;text-align:center;}
#header .bot li:hover .title, #header .bot .on .title{background-color: #b40a0d;color:#fff;}
#header .bot .lib{display:block;position:absolute;left: 46.5%;top:100%;width: 1.4rem;margin-left:-.65rem;opacity:0;margin-top:-.25rem;transition:margin-top .3s,opacity .4s;transform:scale(0);z-index:-1;}
#header .bot .lib:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:.24rem;background:url(../images/icon_jt3_1.png) no-repeat center;display:none}
#header .bot .lib a{background:rgba(75,73,72,.8);line-height:.3rem;padding: .05rem .1rem;color:#fff;font-size:.15rem;margin-bottom:.01rem;transition:all .3s;}
#header .bot .lib a:hover{color:#fff;background: #a00609;}
#header .bot li{position:relative}
#header .bot li+li:before{content:"";display:block;height:.14rem;position:absolute;left:0;top:50%;margin-top:-.07rem;width:1px;background:#fff;opacity:.4}
#header .bot li:hover+li:before,#header .bot li:hover:before{opacity:0}
#header .bot li:hover .lib{margin-top:0;opacity:1;transform:scale(1);z-index:1}
#header .bot .SearchBtn{display:inline-block;width:.3rem;float:right;height:.56rem;background:url(../images/icon_search.png) no-repeat center;cursor:pointer}
#header .bot .SearchBtn:hover{background-color:#4b4948}
#header .SearchBox{position:absolute;top:.4rem;left:0;right:0;bottom:0;display:block;width:100%;background:#fff;z-index:9;transform:scale(0);opacity:0;margin-top:-.15rem;transition:margin-top .3s,opacity .3s}
#header .SearchBox .form{display:block;position:absolute;width:12rem;top:50%;padding:0 .15rem;margin-top:-.2rem}
#header .SearchBox .Key{display:block;width:100%;padding-right:.5rem;font-size:.18rem;line-height:.4rem;height:.4rem;color:#666}
#header .SearchBox .submit{display:none}
#header .SearchBox .exit{display:block;width:.4rem;height:100%;background:url(../images/icon_exit2.png) no-repeat center;position:absolute;right:0;top:0;cursor:pointer}
.SearchShow #header .SearchBox{opacity:1;transform:scale(1);margin-top:0}
.SmallHeader #header .middle{padding:.1rem 0;display:none}
@media only screen and (min-width:1230px){html{font-size:100px}
}
