@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:0.14rem;line-height:0.24rem;font-family:"Arial","sans-serif","微软雅黑","宋体";color:#333;/*设置宽度*/width:100%; background-color:#fff; max-width: 19.2rem; }
ul,li,form, dl,dt,dd, div{ 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: bold; }
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
body.hide{ overflow: hidden; }

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ 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: none; }
strong{ font-weight: bold; }
a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; }
a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#714000;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-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 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.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{ background-color: #ffffff; }
.bg1{ background-color: #f1f1f1; }
.bg2{ background-color: #f2f2f2; }
.bg3{ background-color: #f4f4f4; }
.bg4{ background-color: #f5f5f5; }
.bg5{ background-color: #f6f6f6; }
.bg6{ background-color: #f7f7f7; }
.bg7{ background-color: #f8f8f8; }
.colr_main{ color:#714000; }
.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 { /* WebKit, Blink, Edge */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;
}
/**滚动条**/
.AutoScroll::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 0;
    }
.AutoScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 3px;
        background: #714000;
    }
.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: 0.15rem; padding-right: 0.15rem; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

/**导航**/
body{ padding-top: 2.01rem; }
#header{ position: fixed; left: 0; width: 100%; top:0; z-index: 9; }
#header .top{ background-color: #f5f5f5; color:#a5a5a5; font-size: 0; line-height: 0; padding:0.06rem 0;}
#header .top span,
#header .top a{ color:#a5a5a5; font-size: 0.12rem; line-height: 0.28rem; display: inline-block; vertical-align: middle; }
#header .top .libs{ position: relative; z-index: 2; padding-left: 0.25rem; background:url(../images/icon_earth.png) no-repeat left center; }
#header .top .r-cont+.r-cont .libs{ padding-left: 0; background: none; }
#header .top .libs span{ display: block; padding-right: 0.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:0.05rem 0; opacity: 0; transform: scale(0); margin: -0.15rem; transition: margin 0.3s,opactity 0.3s; }
#header .top .libs .links a{ display: block; font-size: 0.14rem; line-height: 0.22rem; padding:0.05rem 0.05rem; color: #666; }
#header .top .libs .links a:hover{ color:#714000; background: #f1f1f1; }
#header .top .libs:hover .links{ margin-top: 0; opacity: 1; transform: scale(1); }
#header .middle{ background-color: #ffffff; padding:0.15rem 0; text-align: center; }
#header .middle .l_logo{}
#header .middle .logo{ display: table-cell; vertical-align: middle; }
#header .middle .phone{ display: none; }
#header .middle .Number{ color:#291670; padding-left: 0.45rem; background:url(../images/icon_h_1.png) no-repeat left center; text-align: justify; margin-top: 0.07rem; }
#header .middle .Number .cn{ font-size: 0.16rem; color:#999999; margin-bottom: 0.02rem; }
#header .middle .Number .num{ font-size: 0.28rem; color:#714000; }
#header .bot{ background-color: #714000; }
#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: 0.16rem; line-height: 0.56rem; color:#fff; }
#header .bot .lib{ display: none; overflow: hidden; }
#header .bot .lib a{ display: block; font-size: 0.14rem; line-height: 1.4em; color:#666666; padding:0.12rem 0.1rem; position: relative; text-align: center; }
#header .SearchBox{ display: none; }


/**底部**/
#footer{ background-color: #202020; color:#fff; }
#footer .title{ font-size: 0.16rem; color:#e6e6e6; line-height: 1.4em; margin-bottom: 0.15rem; }
#footer .aBox{ display: block; }
#footer .aBox .a{ display: block; font-size: 0.14rem; line-height: 1.6em; padding:0.01rem 0; }
#footer .aBox a{ color:#616161; }
#footer .aBox a:hover{ color:#fbc317; }
#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: 15.78%; vertical-align: top;  }
#footer .codeBox{ float: right; display: inline-block; width: 1.1rem; margin-left: 2.5%; }
#footer .codeBox .img{ background-color: #fff; padding:0.03rem; }
#footer .codeBox .ShareBox{ padding-top: 0.1rem; }
#footer .copy{ font-size: 0.14rem; line-height: 1.6em; color:#434343; padding:0.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: #666666; height: 0.32rem; width: 0.32rem; border:0 none; color:#202020; margin:0; transition: background 0.3s ease-out 0s; }
.ShareBox .social-share-icon:hover{ background-color: #714000; }

/**悬浮框**/
#f_nav.close{ right: -0.8rem; opacity: 1; }
#f_nav.close .exit{ right: 100%; margin-right: 0.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: 0.3rem; }
#f_nav .exit{ display: block; position: absolute; top:-0.09rem; right: -0.09rem; height: 0.18rem; width: 0.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: #714000; }
#f_nav .Box{ text-align: center; font-size: 0.12rem; }
#f_nav .Box .iBox{ display: block; background-color: #fff; color:#666666; position: relative; width: 0.8rem; padding:0.1rem 0; border:1px solid #eaeaea; }
#f_nav .Box .iBox+.iBox{ border-top-color:transparent;  }
#f_nav .Box .txt{ line-height: 0.18rem; font-size: 0.14rem; }
#f_nav .Box .icon{ display: block; width: 0.4rem; height: 0.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: 0.08rem; right: 100%; width: 1.3rem; padding:0.12rem; border-radius: 0.05rem; border:0.01rem solid #eee;/* overflow: hidden;*/ background-color: #fff; }
#f_nav .Box .code img{ display: block; width: 100%; }
#f_nav .Box .Returntop{ display: block; background: #714000; color:#fff; }
#f_nav .Box .iBox:hover{ background-color: #714000; color:#fff; }
#f_nav .Box .iBox:hover .code{ display: block; }
#f_nav .Box .code:after{ display: block; content: ""; position: absolute; top:20%; right: -0.16rem; border:0.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:0.65rem 0 0.35rem; }
.AutoTitle .Atit{ font-size: 0.36rem; line-height: 1.2em; }
.AutoTitle .Aword{ font-size: 0.16rem; line-height: 1.6em; padding-top: 0.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:before,
.MoreBox .a:after,
.MoreBox2 .a:before,
.MoreBox2 .a:after,
.MoreBox4 .a:before,
.MoreBox4 .a:after{ content: ""; display: block; position: absolute; top: 0; height: 100%; width: 70%; background-color: #714000; transition: all 0.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:#714000; 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:#666666; font-size: 0.14rem; line-height: 0.4rem; padding:0 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:#666666; font-size: 0.14rem; line-height: 0.4rem; padding:0 0.28rem; border:1px solid #cacaca; }
.MoreBox3 .a:before,
.MoreBox3 .a:after{ content: ""; display: block; position: absolute; top: 0; height: 100%; width: 70%; background-color: #ffffff; transition: all 0.3s; opacity: 0; }
.MoreBox3 .a{ display: inline-block; color:#ffffff; font-size: 0.14rem; line-height: 0.4rem; padding:0 0.28rem; border-radius: 0.03rem;  background-color: #714000; }
.MoreBox3 .a:hover{ color:#714000; }
.MoreBox4 .a{ display: inline-block; color:#666666; font-size: 0.15rem; line-height: 0.4rem; padding:0 0.28rem;  background-color: #fff; }
.MoreBox4 .a:hover{ color:#fff; }
/**轮播**/
.BtnParent{ position: relative; }
.BtnParent .BtnBox{}
.BtnParent .BtnBox .Btn{ position: absolute; top:50%; margin-top: -0.09rem; }
.BtnParent .BtnBox .Prev{ left: 0; }
.BtnParent .BtnBox .Next{ right: 0; }
.BtnBox .Btn{ display: inline-block; height: 0.18rem; width: 0.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{}
.BtnParent .BtnBox2 .Btn{ position: absolute; top:50%; margin-top: -0.18rem; }
.BtnParent .BtnBox2 .Prev{ left: -0.5rem; }
.BtnParent .BtnBox2 .Next{ right: -0.5rem; }
.BtnBox2 .Btn{ display: inline-block; height: 0.36rem; width: 0.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:#714000; }
.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: 0.16rem; width: 0.16rem; border-radius: 0.03rem; background-color: #c9c9c9; vertical-align: middle; margin:0 0.1rem; transform: scale(0.75); opacity: 1; float: none; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1); background: #714000; }
.BtnBox .swiper-pagination{ padding:0 0.3rem; }
/**Banner图片**/
#IndexBan{ overflow: hidden; }
#IndexBan img{ width: 100%; display: block; }
#IndexBan .swiper-slide{ opacity: 0.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: 0.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: 0.04rem; width: 0.3rem; background:#595656; opacity: 1; margin:0 0.05rem; border-radius: 0; border-radius: 0; vertical-align: middle; }
#IndexBan .swiper-pagination .swiper-pagination-bullet-active{ background:#714000; }
#AutoBanner{ position: relative; overflow: hidden; }
#AutoBanner .pc img,
#AutoBanner .phone img{ display: block; max-width: 100%; margin:0 auto; /*animation: scaleAnim 5s ease forwards;*/ }
#AutoBanner .pc{ display: block; }
#AutoBanner .phone{ display: none; }
#AutoBanner .cont{ position: absolute; left: 0; top:0; height: 100%; width: 100%; color:#fff; font-size: 0.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: 0.16rem; line-height: 0.3rem; color:#666666; padding:0.17rem 0; }
#Location .LoBox .icon{ display: inline-block; vertical-align: middle; height: 0.3rem; width: 0.16rem; background:url(../images/icon_location.png) no-repeat center/contain; margin-right: 0.05rem; float: left; }
#Location .LoBox a,
#Location .LoBox span{ color: #666666; vertical-align: middle; display: inline-block; }
#Location .LoBox .jt{ margin:0 0.05rem; vertical-align: middle; display: inline-block; font-style: normal; }
#Location .LoBox a:hover{ color:#714000; }
#Location .container{ position: relative; }
#Location .SearchBox{ height: 0; position: absolute; top: 0.12rem; right: 0.15rem; }
#Location .SearchBox .form{ float: right; display: block; position: relative; }
#Location .SearchBox .form .Key{ width: 3.9rem; height: 0.42rem; line-height: 0.42rem; padding:0 0.65rem 0 0.2rem; font-size: 0.14rem; color:#666; border:1px solid #e4e4e4; }
#Location .SearchBox .form .submit{ height: 100%; width: 0.54rem; position: absolute; right: 0; top:0; display: block; background:#714000 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,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: 0.16rem; line-height: 0.4rem; color:#333333; display: inline-block; vertical-align: middle; margin:0.02rem 0.05rem; transition:all 0.3s; padding:0 1em; background-color: #fff; }
.PageBox a.on{ color:#fff; background-color: #714000; }
.PageBox a:hover{ color:#fff; background-color: #714000; }
.PageBox .num{ display: inline-block; vertical-align: middle; } 
.PageBox .prev,
.PageBox .next,
.PageBox .last{ padding:0 0.7em; }
/**二级菜单**/
.SecMenu{ text-align: center; font-size: 0; line-height: 0; padding:5% 0 3.33%; }
.SecMenu .a{ display: inline-block; line-height: 0.44rem; padding:0 0.33rem; font-size: 0.16rem; color:#666666; background-color: #ffffff; margin:0 0.05rem; }
.SecMenu .a:hover{ color:#714000; }
.SecMenu .on{ color:#fff; background-color: #714000; }
.SecMenu .on:hover{ color:#fff; background-color: #f3cd62; }

/**内页**/
#AutoInfo{}
#AutoInfo .content{ font-size: 0.16rem; color:#666666; 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: 0.1rem; top:0.1rem; border:1px solid #f3cd62; }

/**首页**/
#IndexBlock1{}
#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: 0.24rem; color:#333333; line-height: 1.4em; margin-bottom: 0.05rem; margin-top: 0.22rem; }
#IndexBlock1 .ul .cont{ font-size: 0.16rem; color: #666666; line-height: 1.6em; margin-bottom: 0.35rem; }
#IndexBlock1 .ul .Box:hover .title{ color:#714000; }
#IndexBlock1 .Pwid{ font-size: 0; line-height: 0; padding-bottom: 0.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,0.94); position: absolute; left:0; top:0; width: 100%; height: 100%; padding:0.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: 0.24rem; line-height: 1.4em; color:#333333; margin-top: 0.2rem; }
#IndexBlock1 .Pwid .w_tit:after{ content: ""; display: block; width: 1em; height: 0.02rem; background-color: #b6b6b6; margin:0.1rem auto; }
#IndexBlock1 .Pwid .word{ font-size: 0.16rem; line-height: 1.6em; color: #666666; margin-bottom: 0.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,0.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{}
#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:0.3rem 0 0.65rem; }
#IndexBlock2 .TabBox .Taptip{}
#IndexBlock2 .TabBox .Taptip .span{ font-size: 0.16rem; line-height: 0.46rem; color:#ffffff; padding:0 0.48rem; background: #c5c5c5; margin:0 0.1rem; display: inline-block; vertical-align: middle; cursor: pointer; }
#IndexBlock2 .TabBox .Taptip .on{ background: #714000; }
#IndexBlock2 .TabBox .Taptip .span:hover{ background:#f3cd62; }
#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: 0.24rem; }
#IndexBlock2 .cont .title .cn{ line-height: 0.36rem; color:#000000; position: absolute; left: 0; top:0; }
#IndexBlock2 .cont .title .en{ font-size: 0.45rem; line-height: 0.36rem; color:#f5f5f5; text-transform: uppercase; font-weight: bold; font-family: "微软雅黑"; }
#IndexBlock2 .cont .title:after{ content: ""; display: block; width: 1em; height: 0.02rem; background:#cacaca; margin:0.2rem 0 0.15rem; }
#IndexBlock2 .cont .word{ font-size: 0.14rem; line-height: 2em; color:#666666; -webkit-line-clamp: 3; margin-bottom: 0.6rem; }
#IndexBlock3{}
#IndexBlock3 .BtnBox .swiper-pagination{ margin:0 0.35rem; }
#IndexBlock3 .BtnBox{ font-size: 0; line-height: 0; text-align: center; padding:4.83% 0; }
#IndexBlock3 .ProSwiper{}
#IndexBlock3 .swiper-slide{}
#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:0.5rem 0.3rem; }
#IndexBlock3 .cont:before{ content: ""; display: block; position: absolute; left: 50%; top:0; margin-left: -0.08rem; }
#IndexBlock3 .title{ font-size: 0.24rem; line-height: 1.4em; color:#000000; }
#IndexBlock3 .line{ display: inline-block; vertical-align: middle; width: 0.24rem; height: 0.02rem; background:#999999; }
#IndexBlock3 .word{ font-size: 0.14rem; line-height: 1.8em; height: 3.6em; color:#666666; margin-bottom: 0.22rem; }
#IndexBlock3 .Box:hover .cont{ background-color: #714000; }
#IndexBlock3 .Box:hover .cont:before{ border:0.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; }
#IndexBlock3 .MoreBox{}
#IndexBlock4{ background-color: #f4f4f4; }
#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: 0.2rem; line-height: 0.32rem; color:#333333; display: inline-block; }
#IndexBlock4 .TitBox a img{ display: inline-block; vertical-align: middle; margin-right: 0.05rem; }
#IndexBlock4 .ContUl{ font-size: 0; padding:0.35rem 0 5.833%; }
#IndexBlock4 .ContUl .ul{ display: inline-block; width: 48.33%; }
#IndexBlock4 .ContUl .ul+.ul{ float: right; }
#IndexBlock4 .ContUl li{}
#IndexBlock4 .ContUl li+li{ padding-top: 0.2rem; margin-top: 0.2rem; border-top: 1px dashed #e7e7e7; }
#IndexBlock4 .ContUl .Box{ display: block; }
#IndexBlock4 .ContUl .imgBox{ float: left; display: inline-block; margin-right: 0.2rem; width: 1.7rem; }
#IndexBlock4 .ContUl .cont{ overflow: hidden; padding-top: 0.06rem; }
#IndexBlock4 .ContUl .li_title{ font-size: 0.16rem; line-height: 1.6em; color:#333333; }
#IndexBlock4 .ContUl .time{ font-size: 0.14rem; line-height: 1.4em; color:#cccccc; margin-bottom: 0.1rem; }
#IndexBlock4 .ContUl .word{ font-size: 0.14rem; line-height: 1.8em; color:#666666; }
#IndexBlock4 .ContUl .Box:hover .li_title{ color:#714000; }
#IndexBlock5{}
#IndexBlock5 .FormBox{ border:1px solid #e7e7e7; padding:0.4rem 0.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: 0.2rem; }
#IndexBlock5 .title{ font-size: 0.16rem; line-height: 1em; margin-bottom: 0.1rem; }
#IndexBlock5 .input{ height: 0.5rem; font-size: 0.16rem; color:#666; line-height: 0.5rem; padding:0 0.15rem; background-color: #f2f2f2; display: block; width: 100%; }
#IndexBlock5 .submit{ color:#fff; background-color: #714000; }
#IndexBlock5 .submit:hover{ background:#f3cd62; }
#IndexBlock5 .wid2 .imgBox{ position: relative; }
#IndexBlock5 .wid2 .mark{ position: absolute; left:0; top:0; background:transparent; width: 100%; padding:0.25rem 0.15rem; }
#IndexBlock5 .wid2 .imgBox .title{ color:#555; }
#IndexBlock5 .wid2 .imgBox .phone{ font-size: 0.26rem; color:#ff5a00; line-height: 1.4em; margin-bottom: 0.2rem; display: inline-block; }
#IndexBlock5 .wid2 .imgBox .MoreBox3{}
#IndexBlock6{}
#IndexBlock6 .Map{ position: relative; overflow: hidden; height: 4rem; }
#IndexBlock6 #Map{ height: 4.4rem; transform: translateY(-0.4rem); }
#IndexBlock6 .mark{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url(../images/index_back.png); padding-top: 0.6rem; color:#ffff; }
#IndexBlock6 .mark .icon{ display: block; margin:0 auto; }
#IndexBlock6 .mark .colr_main{ color:#ff9600; }
#IndexBlock6 .mark .word{ font-size: 0.75rem; line-height: 1.2em; margin-top: 0.75rem; }
#IndexBlock6 .mark .long{ font-size: 0.26rem; font-weight: 100; }
#Map img{ max-width: 99999px; }

/**关于**/
#AboutBlock1{}
#AboutBlock1 .content{ font-size: 0.16rem; color:#666666; 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: 0.1rem; top:0.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:0.4rem 0; box-shadow: 0 0 0.2rem rgba(0,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:#714000; }
.Numbers .num span{ font-size: 0.5rem; line-height: 1em; vertical-align: bottom; }
.Numbers .j{ display: inline-block; vertical-align: top; font-size: 0.3rem; line-height: 0.35rem; }
.Numbers .txt{ font-size: 0.16rem; line-height: 1.6em; color:#666666; }
#AboutBlock2{ background: url(../images/img1_2.jpg) no-repeat center/cover; overflow: hidden; }
#AboutBlock2 .swiper-container{}
#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 0.2rem; }
#AboutBlock2 .time{ margin:0 auto; }
#AboutBlock2 .t{ font-size: 0.2rem; line-height: 1.4em; margin-bottom: 0.02rem; }
#AboutBlock2 .b1{ display: table; width: 100%; }
#AboutBlock2 .b1 .t-cell{ display: table-cell; vertical-align: bottom; }
#AboutBlock2 .b2 .t{ margin-top: 0.12rem; }
#AboutBlock2 .word{ font-size: 0.16rem; line-height: 1.4em; }
#AboutBlock2 .b1 .word{ margin-bottom: 0.16rem; }
#AboutBlock2 .point{ height: 0.1rem; width: 0.1rem; border-radius: 50%; background:#fff; display: block; margin:0.2rem auto; }
#AboutBlock2 .time{ text-align: center; line-height: 0.7rem; width: 0.7rem; background-color: #fff; border-radius:50%; color:#333333; font-size: 0.16rem; display: none; position: relative; }
#AboutBlock2 .time:before,
#AboutBlock2 .time:after{ content: ""; display: block; position: absolute; border:0.06rem solid transparent; left:50%; margin-left: -0.06rem; }
#AboutBlock2 .b1 .time:before{ display: none; }
#AboutBlock2 .b2 .time:after{ display: none; }
#AboutBlock2 .time:before{ top: -0.05rem; border-bottom-color:#fff; border-top: 0; }
#AboutBlock2 .time:after{ bottom: -0.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,0.3) url(../images/icon_play.png) no-repeat center; cursor: pointer; }
#AboutBlock3 .Video .play:hover{ background-color: rgba(0,0,0,0.5); }
/**业务范畴**/
#BusinessBlock1{ background:#f5f5f5; }
#BusinessBlock1 .AutoTitle .Aword{ margin-top: 0.2rem; }
#BusinessBlock1 .ul{ padding-bottom: 5%; }
#BusinessBlock1 .ul .li{ background: #fff; padding-right: 0.25rem; }
#BusinessBlock1 .ul .li+.li{ margin-top: 0.2rem; }
#BusinessBlock1 .ul .imgBox{ float: left; display: inline-block; width: 3.8rem; margin-right: 0.3rem; }
#BusinessBlock1 .ul .imgBox img{ display: block; width: 100%; }
#BusinessBlock1 .ul .cont{ overflow: hidden; padding-top: 0.35rem; padding-bottom: 0.15rem; }
#BusinessBlock1 .ul .li_tit{ font-size: 0.2rem; line-height: 1.4em; color:#333333; }
#BusinessBlock1 .ul .li_tit:after{ content: ""; display: block; width: 1em; height: 0.02rem; background-color: #d7d7d7; margin:0.18rem 0; }
#BusinessBlock1 .ul .li_word{ font-size: 0.16rem; line-height: 1.6em; color:#666666; }
#BusinessBlock2{}
#BusinessBlock2 .ul{ padding-bottom: 4.5%; }
#BusinessBlock2 .li+.li{ margin-top: 0.25rem; padding-top: 0.3rem; border-top:1px solid #e4e4e4; }
#BusinessBlock2 .imgBox{}
#BusinessBlock2 .imgBox img{ display: block; width: 100%; }
#BusinessBlock2 .cont{ color:#333333; padding-top:0.25rem; }
#BusinessBlock2 .cont .li_tit{ font-size: 0.2rem; line-height: 1.4em; margin-bottom: 0.1rem; }
#BusinessBlock2 .cont .li_word{ font-size: 0.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: 0.22rem; }
#StaffInfo .Top .imgBox img{ display: block; border-radius: 50%; }
#StaffInfo .Top .cont{ overflow: hidden; padding-top: 0.35rem; }
#StaffInfo .Top .name{ font-size: 0.2rem; line-height: 1.4em; color:#666666; padding-left: 0.4rem; background: url(../images/icon_about1_1.png) no-repeat left 0.05rem; }
#StaffInfo .Top .word{ color:#666666; font-size: 0.16rem; line-height: 1.6em; border-top:1px solid #e0e0e0; padding-top: 0.18rem; margin-top: 0.18rem; }
#StaffInfo .Top .job{ font-size: 0.18rem; line-height: 1.4em; margin-bottom: 0.08rem; }
#StaffInfo .Mtit{ font-size: 0.18rem; line-height: 0.56rem; color:#fff; background-color: #714000; }
#StaffInfo .jlBox{ font-size: 0.14rem; color:#666666; line-height: 1.8em; padding:3.33% 0 4%; }
#StaffInfo .jlBox *+.Jtit{ padding-top: 0.1rem; }
#StaffInfo .jlBox .Jtit{ font-size: 0.2rem; color:#474747; line-height: 1.4em; }
/***企业文化***/
#CultureBlock1{}
#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: 0.14rem; }
#CultureBlock2{}
#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: 0.16rem; line-height: 1.7em; color:#666666; }
#CultureBlock4{}
#CultureBlock4 .ul{ font-size: 0; padding-bottom: 2.5%; }
#CultureBlock4 .li{ display: inline-block; vertical-align: middle; width: 33.33%; color:#333333; background-color: transparent; }
#CultureBlock4 .table{ display: table; width: 100%; }
#CultureBlock4 .t-cell{ display: table-cell; vertical-align: middle; text-align: center; padding:0.3rem 0.15rem; }
#CultureBlock4 .imgBox{}
#CultureBlock4 .imgBox img{ display: block; margin:0 auto; }
#CultureBlock4 .cont{ padding-top:0.2rem; }
#CultureBlock4 .li_tit{ font-size: 0.2rem; line-height: 1.4em; }
#CultureBlock4 .li_word{ font-size: 0.16rem; line-height: 1.6em; }
#CultureBlock4 .li:hover{ background-color: #714000; color:#fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.3); }
#CultureBlock5{}
#CultureBlock5 .ul{ margin:-0.1rem; font-size: 0; padding-bottom: 5%; }
#CultureBlock5 .ul .li{ width: 25%; padding:0.1rem; display: inline-block; vertical-align: middle; }
#CultureBlock5 .ul .table{ /*background-color: #fff;*/ color:#333; display: table; width: 100%; margin:0; }
#CultureBlock5 .ul .t-cell{ display: table-cell; padding:0.4rem 0.15rem; /*vertical-align: middle;*/ }
#CultureBlock5 .ul .li_tit{ font-size: 0.22rem; line-height: 1.4em; }
#CultureBlock5 .ul .li_tit:after{ display: block; content: ""; width: 1em; height: 0.02rem; background: #999999; margin:0.14rem auto 0.15rem; }
#CultureBlock5 .ul .li_word{ font-size: 0.16rem; }
#CultureBlock5 .ul .table:hover{ color:#714000; /*background-color: #714000;*/ }
#CultureBlock5 .ul .table:hover .li_tit:after{ background:#714000; }
#CultureBlock6{}
#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: 0.16rem; line-height: 1.4em; padding:13% 0; }
#CultureBlock6 .BtnBox{ padding:5% 0; }
/**组织架构**/
#OrganzBlock1{}
#OrganzBlock1 .Aword{ margin-top: 1.6%; }
#OrganzBlock1 .cont{ padding-bottom: 6.5%; }
#OrganzBlock2{}
#OrganzBlock2 .li{}
#OrganzBlock2 .li+.li{ margin-top: 0.4rem; }
#OrganzBlock2 .Box{ display: block; padding:0.3rem; background-color: #f5f5f5; transition: all 0.3s; color:#666; }
#OrganzBlock2 .imgBox{ float: left; display: inline-block; border-radius: 50%; margin-right: 0.15rem; }
#OrganzBlock2 .cont{ overflow: hidden; padding-top: 0.1rem; }
#OrganzBlock2 .name{ font-size: 0.2rem; line-height: 1.4em; color:#333333; padding-left: 0.4rem; background: url(../images/icon_about1_1.png) no-repeat left 0.05rem; }
#OrganzBlock2 .job{ font-size: 0.18rem; line-height: 1.4em; margin:0.2rem 0 0.05rem; }
#OrganzBlock2 .des{ font-size: 0.16rem; line-height: 1.6em; margin-bottom: 0.25rem; }
#OrganzBlock2 .Box:hover{ color:#fff; background-color: #714000; }
#OrganzBlock2 .Box:hover .name{ color:#fff; background-image: url(../images/icon_about1_1_h.png); }
#OrganzBlock2 .BtnBox{ padding:5% 0; }
/**常见问题**/
#FaqList{}
#FaqList .list{ padding:0; }
#FaqList .list li{}
#FaqList .list li+li{ margin-top:0.2rem;}
#FaqList .list li .title{padding:0.13rem 0;line-height:20px;background:#fff url(../images/answerlist_arrow1.png) no-repeat right 14px center;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.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:0.16rem;color:#555555;}
#FaqList .list li.on .title{background:url(../images/answerlist_arrow2.png) no-repeat right 10px center #714000;}
#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:#666666;text-align:justify;display:none;}
/**董事长寄语**/
#ChairmanBlock{}
#ChairmanBlock .content{ font-size: 0.16rem; color:#666666; 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: 0.1rem; top:0.1rem; border:1px solid #f3cd62; }
#ChairmanBlock .content .TitleBox{ padding-bottom: 0.3rem; }
#ChairmanBlock .content .TitleBox .t1{ font-size: 0.3rem; line-height: 0; color:#333; position: relative; font-weight: bold; }
#ChairmanBlock .content .TitleBox .t2{ font-size: 0.6rem; line-height: 0; color:#e8e7e7; text-transform: uppercase; margin-top: -0.1rem; }

/**产品中心**/
#ProductList{}
#ProductList .ul{ font-size: 0; line-height: 0; margin:-0.18rem; }
#ProductList .ul li{ display: inline-block; vertical-align: middle; padding:0.18rem; }
#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 0.3rem; position: relative; color:#333333; }
#ProductList .ul .title{ font-size: 0.16rem; line-height: 0.64rem; }
#ProductList .ul .iocn{ display: block; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.18rem; height: 0.36rem; width: 0.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: #714000; }
#ProductList .ul .Box:hover .cont{ color:#fff; background-color: #714000; }
#ProductList .ul .Box:hover .iocn{ border-color:#fff; background-image:url(../images/icon_jt3_2.png); }
#ProductInfo{}
#ProductInfo .ImgBox{ background-size: 0; }
#ProductInfo img{ display: block; width: 100%; }

/**研发中心**/
#SilmoList{}
#SilmoList .ul{ padding:5% 0; }
#SilmoList .ul li{ font-size: 0; }
#SilmoList .ul li+li{ margin-top: 0.2rem; }
#SilmoList .ul .Box{ display: block; color:#333333; 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 0.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:0.15rem 8%; }
#SilmoList .ul .title{ font-size: 0.24rem; line-height: 1.4em; font-weight: bold; }
#SilmoList .ul .word{ font-size: 0.16rem; line-height: 1.4em; color:#666666; min-height: 2.8em; margin:0.1rem 0 0.25rem; }
#SilmoList .ul .Box:hover .a{ color:#fff; background-color: #714000; border-color:#714000; }
#SilmoList .ul .Box:hover:before{ opacity: 1; }
/**silmo详情页**/
#SilmoInfo{}
#SilmoInfo .Info1 .cont{ padding-right: 3.33%; }
#SilmoInfo .Sitle{ font-size: 0.32rem; line-height: 1.4em; }
#SilmoInfo .S_line:after{ content: ""; display: block; width: 1em; height: 0.02rem; background-color: #999999; margin:0.2rem 0 0.25rem; }
#SilmoInfo .S_line{}
#SilmoInfo .word{ font-size: 0.16rem; line-height: 1.6em; color:#616161; }
#SilmoInfo .imgBox{ width: 50%; }
#SilmoInfo .cont{ width: 50%; padding-top: 0.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: 0.15rem; }
#SilmoInfo .Info2 .cont{ width: 50%; padding-top: 0; }
#SilmoInfo .Info2 td{ padding:0.1rem 0; }
#SilmoInfo .Info2 tr td:first-child{ width: 2.1rem; padding-right:0.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%; }
/***ALD实验室***/
#AldBlock{}
#AldBlock .Block1{ font-size: 0.16rem; line-height: 1.8em; color:#666666; }
#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: 0.1rem; top: 0.1rem; width: 100%; height: 100%; border:1px solid #714000; }
#AldBlock .Block1 .cont p:first-child{ padding-top: 0.4rem; }
#AldBlock .Block2{ padding:2.5% 0; }
#AldBlock .ul{ font-size: 0; line-height: 0; overflow: hidden; margin:-0.1rem; }
#AldBlock .ul .li{ display: inline-block; vertical-align: top; padding:0.1rem; width: 25%; }
#AldBlock .ul .Box{ display: block; }
#AldBlock .ul .cont{ padding-top: 0.25rem; }
#AldBlock .ul .title{ font-size: 0.18rem; line-height: 1.4em; color:#333333; font-weight: bold; }
#AldBlock .ul .line{ width: 0.18rem; height: 0.02rem; background-color: #cccccc; margin:0.15rem 0; }
#AldBlock .ul .word{ font-size: 0.16rem; line-height: 1.8em; color:#666666; }
#AldBlock .ul .Box:hover .title{ color:#714000; }
/**ALD研发团队**/
#AldTeamBlock{}
#AldTeamBlock .ul{ padding-bottom: 5%; }
#AldTeamBlock .ul .li{ background-color: #fff; }
#AldTeamBlock .ul .li+.li{ margin-top: 0.2rem; }
#AldTeamBlock .ul .Box{}
#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: 0.16rem; line-height: 1.8em; color:#333333; }
#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{}
#Production .content{ font-size: 0.16rem; line-height: 1.8em; color:#666666; }
#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: 0.1rem; top: 0.1rem; width: 100%; height: 100%; border:1px solid #714000; }
#Production .content .cont p:first-child{ padding-top: 0.4rem; }
#Production .Imglist{ font-size: 0; overflow: hidden; padding:3% 0 5%; }
#Production .Imglist ul{ margin:-0.1rem; }
#Production .Imglist li{ width: 25%; padding:0.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: 0.16rem; text-align: center; }
#Production .content .cont2 dl dd:nth-child(3n+2){ margin:0.15rem 3.125%; }

/**人力资源**/
#Humans{}
#Humans .ul{ padding-bottom: 5%; }
#Humans .ul .li{ background-color: #fff; }
#Humans .ul .li+.li{ margin-top: 0.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: 0.24rem; line-height: 1.4em; color:#333333; }
#Humans .ul .l_tit:after{ content: ""; display: block; width: 1em; height: 0.02rem; background-color:#cccccc; margin:0.15rem 0 0.25rem; }
#Humans .ul .cont{ font-size: 0.16rem; line-height: 1.4em; color:#666666; width: 50%; display: inline-block; padding:4.16%; }
#Humans .ul .cont p{ display: block; padding-left: 0.23rem; background: url(../images/icon_star.png) no-repeat 0.03rem 0.04rem; }
#Humans .ul .cont p+p{ margin-top: 0.12rem; }
/**人才招聘**/
#JobList .list{}
#JobList .list li+li{ margin-top: 0.2rem; }
#JobList .list li.on .top{background-color:#714000;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:#666666;line-height:20px;cursor:pointer;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s; position: relative;}
#JobList .list li .top .icon{ display: block; position: absolute; right: 0.15rem; top:50%; margin-top: -0.17rem; height: 0.34rem; width: 0.34rem; border-radius: 50%; border:1px solid #ccc; background:url(../images/icon_jt3_1.png) no-repeat center; }
#JobList .list li .top span{width:25%;float:left;}
#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:0.1rem 0 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{}
#DownList .ul{ font-size: 0; line-height: 0; margin:-0.18rem; padding-top:5%; }
#DownList .ul li{ font-size: 0.16rem; line-height: 0.64rem; color:#333333; padding:0.18rem; width: 33.33%; display: inline-block; vertical-align: top; }
#DownList .ul .Box{ display: block; background-image: #fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }
#DownList .ul .cont{ position: relative; padding:0 0.6rem 0 0.3rem; }
#DownList .ul .cont .iocn{ display: block; position: absolute; right:0.3rem; top:0; height: 100%; width: 0.24rem; background:url(../images/icon_down.png) no-repeat center; }
#DownList .ul .Box:hover{ background-color: #714000; color:#fff; }
#DownList .ul .Box:hover .iocn{ background-image: url(../images/icon_down_h.png); }
/*视频列表*/
#VideoList{ }
#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:normal; text-align:center; position:absolute; width:100%; bottom:0; left:0; height:0.6rem; line-height:0.6rem; overflow:hidden; background:rgba(0, 0, 0, 0.5); color:#FFF; font-size:0.16rem;  transition: all 0.3s; z-index:1;white-space:nowrap;text-overflow:ellipsis; margin:0; padding:0 0.1rem; }
#VideoList .ul li .imgBox .bgs{ position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0, 0, 0, 0.4);opacity:0;filter:Alpha(opacity=0); transition:all 0.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 0.3s;}
#VideoList .ul li:hover .imgBox .bgs{opacity:1.0;filter:Alpha(opacity=100);}
#VideoList .ul li:hover .bgs i{transform: translate(-50%, -50%); top:50%;}
/**证书**/
#HonorList{}
#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: 0.16rem; line-height: 1.4em; padding:13% 0; }

/**联系我们**/
#ContactBlock1{}
#ContactBlock1 .BtnParent{ padding-bottom: 5%; }
#ContactBlock1 .BtnParent .Btn{ border-color:#cccccc; }
#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:#714000; }
#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: 0.64rem; width: 0.64rem; background-color: #714000; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
#ContactBlock1 .it{ font-size: 0.24rem; line-height: 1.4em; color:#333333; padding-top: 0.15rem; }
#ContactBlock1 .it:after{ content: ""; background-color: #d7d7d7; display: block; height: 0.02rem; width: 1em; margin:0.15rem 0; }
#ContactBlock1 .word{ font-size: 0.16rem; color:#666666; line-height: 1.8em; }
#ContactBlock2{}
#ContactBlock2 .form{ display: block; padding:0 0 4.16%; margin:-0.14rem; font-size: 0; }
#ContactBlock2 .form .label{ padding:0.14rem; margin:0; display: block; width: 100%; font-weight: normal; font-size: 0.16rem; line-height: 0.46rem; color:#333333; }
#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: 0.46rem; padding-top: 0.02rem; padding-left: 0.15rem; }
#ContactBlock2 .form .f_tit:before{ content: ""; height: 0.46rem; display: inline-block; float: left; width: 0.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: 0.48rem; height: 0.48rem; padding:0 0.1rem; font-size: 0.16rem; color:#666; }
#ContactBlock2 .inputBox textarea.input{ height: 1.9rem; }
#ContactBlock2 .submitBox{ margin-top: 0.2rem; }
#ContactBlock2 .submitBox .submit{ font-size: 0.16rem; line-height: 0.44rem; height: 0.44rem; color:#fff; padding:0 0.45rem; color:#fff; background:#714000; display: inline-block; }
#ContactBlock2 .submitBox .submit:hover{ background-color: #f3cd62; }
#ContactBlock3{}
#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:0.15rem 0 0.15rem 2.5%; }
#ContactBlock3 .cont .ul{ height: 100%; overflow-y: scroll; padding-right: 0.3rem; }
#ContactBlock3 .cont .li{ margin-top: 0.45rem; }
#ContactBlock3 .cont .li+.li{ border-top:1px solid #ccc; padding-top: 0.45rem; }
#ContactBlock3 .cont .li_icon{ border-radius: 50%; background-color: #714000; height: 0.64rem; width: 0.64rem; cursor: pointer; }
#ContactBlock3 .cont .li_icon:hover{ background-color: #f3cd62; }
#ContactBlock3 .cont .li_tit{ font-size: 0.24rem; line-height: 1.4em; color:#333333; margin:0.15rem 0 0.08rem; }
#ContactBlock3 .cont .li_word{ font-size: 0.16rem; line-height: 1.6em; color:#666666; }

/**新闻中心**/
#NewsList .ul li{overflow:hidden;display:block;}
#NewsList .ul li+li{ border-top:1px dashed #ccc; margin-top:0.3rem; padding-top:0.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:0.24rem;;width:8.6rem;overflow:hidden;}
#NewsList .ul li .i_about_r h3{line-height:0.44rem;height:0.44rem;overflow:hidden;font-size:0.2rem;color:#666666;font-weight:normal;transition:all 0.3s; margin-top: 0;}
#NewsList .ul li .i_about_r em{font-style:normal;font-size:0.14rem;display:block;color:#999999;height:0.22rem;line-height:0.22rem;}
#NewsList .ul li .i_about_r .p{height:0.48rem;overflow:hidden;font-size:0.14rem;color:#666666;line-height:0.24rem;margin-bottom:0.23rem;margin-top:0.11rem;}
#NewsList .ul li .i_about_r .MoreBox2 .a{ line-height: 0.38rem; }
#NewsList .ul li:hover .i_about_r h3{color:#714000;}
/**新闻详情页**/
#NewsInfo{ overflow:hidden;}
#NewsInfo .Top{ padding:4% 0 2%; }
#NewsInfo h1{ font-size:0.3rem; line-height:1.4em;; overflow:hidden; color:#c8a063;  font-weight:normal; text-align:center; margin:0;}
#NewsInfo .p{ line-height:1.6em; overflow:hidden; font-size:0.14rem; color:#999999; text-align:center; margin-top:5px; }
#NewsInfo .dates{ display:inline-block; overflow:hidden; vertical-align:top;}
#NewsInfo .content{ font-size: 0.16rem; line-height: 1.6em; color:#666; background: transparent; padding-bottom: 2.5%; }
#NewsInfo .news_page{ border-top:1px dashed #ccc; padding:2.5% 0 0; font-size: 0.16rem; line-height: 1.4em; color:#333; margin-bottom: 5%; background: transparent; }
#NewsInfo .news_page .f_l,
#NewsInfo .news_page .f_r{ max-width: 48%; }


@media only screen and (min-width: 1200px){
}
    html{ font-size: 95px; }
    body{ min-width: 12.3rem; }
    .container{ width: 12.3rem; }
    /**头部**/
    #header .middle{ padding:0.2rem 0; }
    #header .middle .logo{ height: 0.65rem; }
    #header .bot .Menu{ display: inline-block; }
    #header .bot .title{ padding:0 0.15rem; width: 1.3rem; text-align: center; }
    #header .bot li:hover .title{ background-color: #4b4948; }
    #header .bot .lib{ display: block; position: absolute; left:50%; top: 100%; width: 1.3rem; margin-left: -0.65rem; opacity: 0; margin-top: -0.25rem; transition: margin-top 0.3s,opacity 0.4s; transform: scale(0); z-index: -1; }
    #header .bot .lib:before{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 0.24rem; background:url(../images/icon_jt3_1.png) no-repeat center; display: none; }
    #header .bot .lib a{ background:rgba(75, 73, 72, 0.8); line-height: 0.3rem; padding:0.1rem; color:#fff; font-size:0.15rem; margin-bottom: 0.01rem; transition: all 0.3s; }
    #header .bot .lib a:hover{ color:#fff; background:rgba(242, 188, 36, 0.8); }
    #header .bot li{ position: relative; }
    #header .bot li+li:before{ content: ""; display: block; height: 0.14rem; position: absolute; left:0; top: 50%; margin-top: -0.07rem; width:1px; background:#fff; opacity: 0.4; }
    #header .bot li:hover:before,
    #header .bot li:hover+li: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: 0.3rem; float: right; height: 0.56rem; background:url(../images/icon_search.png) no-repeat center; cursor: pointer; }
    #header .bot .SearchBtn:hover{ background-color:#4b4948; }
    #header .SearchBox{ position: absolute; top:0.4rem; left:0; right: 0; bottom: 0; display: block; width: 100%; background:#fff; z-index: 9; transform: scale(0); opacity: 0; margin-top: -0.15rem; transition: margin-top 0.3s,opacity 0.3s; }
    #header .SearchBox .form{ display: block; position: absolute; width: 12rem; top:50%; padding:0 0.15rem; margin-top:-0.2rem; }
    #header .SearchBox .Key{ display: block; width:100%; padding-right: 0.5rem; font-size: 0.18rem; line-height: 0.4rem; height: 0.4rem; color:#666; }
    #header .SearchBox .submit{ display: none; }
    #header .SearchBox .exit{ display: block; width:0.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:0.1rem 0;display:none; }
@media only screen and (min-width: 1230px){
    html{ font-size: 100px; }
}