@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
/*table{border-collapse:collapse;border-spacing:0;padding:0; }
caption,th{text-align:left;font-weight:normal; }*/
html,body,fieldset,img,iframe,abbr{ border:0; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
select{ outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input,textarea{ overflow:auto; resize:none; font-family:"Microsoft YaHei",Arial; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
/* CSS Document */

/*@font-face{
    font-family:"MiSans_r";
    src:url("MiSans-R.ttf");
}
@font-face{
    font-family:"MiSans_b";
    src:url("MiSans-B.ttf");
}*/

.a-fdB{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fdB{-webkit-animation-name:fdB;-moz-animation-name:fdB;-ms-animation-name:fdB;animation-name:fdB; }

@-webkit-keyframes fdB{
    0%{opacity:0;-webkit-transform:translateY(3rem);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fdB{
    0%{opacity:0;-moz-transform:translateY(3rem);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fdB{
    0%{opacity:0;-ms-transform:translateY(3rem);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fdB{
    0%{opacity:0;transform:translateY(3rem);}
    100%{opacity:1;transform:translateY(0);}
}

body{ padding:0px; margin: 0px; font-family:"Microsoft YaHei",Arial; }
html,body{ font-size:16px; }
@media only screen and (max-width:1200px){
    html,body{ font-size:12px; }
}
.margin{ margin:0px auto; }
.hidden{ overflow:hidden; }
.width1200{ width:1200px; }
.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
video,textarea{ vertical-align:middle; }
section.i_md{ width:100%; overflow:hidden; position:relative; }
i.md{ position:absolute; margin-top:-6rem; z-index:0; }
/* top_bg */
.top_h,.top_bg,.top_bg .width1200,.top_bg .width1200 a.logo,.top_bg .width1200 .lm_bg{ height:8rem; }
.top_bg.x,.top_bg.x .width1200,.top_bg.x .width1200 a.logo,.top_bg.x .width1200 .lm_bg{ height:6rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:99; top:0px; left:0px; width:100%; background-color:#ffffff; }
.top_bg.x{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.top_bg .width1200{}
.top_bg .width1200 a.logo,.top_bg .width1200 .lm_bg{ display:flex; align-items:center; }
.top_bg .width1200 a.logo{ float:left; }
.top_bg .width1200 a.logo img{ max-height:2rem; }
.top_bg .width1200 .lm_bg{ float:right; }
.top_bg .width1200 .lm_bg div{  }
.top_bg .width1200 .lm_bg div a{ color:#130a0a; display:block; float: left; border-bottom:2px solid rgba(19, 10, 10, 0); font-size:0.875rem; height:2rem; line-height: 2rem; margin-left:1.25rem; }
.top_bg .width1200 .lm_bg div a:hover{ color:#b91c22; }
.top_bg .width1200 .lm_bg div a.on{ border-bottom:2px solid #b91c22; }
.top_bg .width1200 .lm_bg div a.yy{ margin:0px 0px 0px 1rem; background:url(../images/yy1.png) no-repeat scroll center; background-size:1.25rem; width:1.5rem; margin-left:1.5rem; }
.top_bg .width1200 .lm_bg div a.yy:hover{ background-image:url(../images/yy2.png); }

.top_bg .width1200 .sj_lm{ display:none; position:fixed; background-color:#ffffff; bottom:80vh; left:0px; top:4rem; width:100%; z-index:99; border-top:1px solid #eeeeee; align-items:center; opacity:0; height: 0px; overflow: hidden; transition: all 0.5s ease; }
.top_bg.selected .width1200 .sj_lm{ opacity:1; height: auto; bottom:0px; transition: all 0.5s ease; }
.top_bg .width1200 .sj_lm ul{ width:90%; margin:0px 5%; }
.top_bg .width1200 .sj_lm ul li{ margin:0.5rem 0px; }
.top_bg .width1200 .sj_lm ul li dd{ position:relative; font-size:1.25rem; line-height:2; }
.top_bg .width1200 .sj_lm ul li dd a{ display:block; color:#130a0a; }
.top_bg .width1200 .sj_lm ul li.on dd a{ color:#b91c22; }
.top_bg .width1200 .sj_lm ul li dd i{ position:absolute; width:50%; top:0px; right:0px; z-index:2; bottom:0px; background:url(../images/m3.png) no-repeat scroll right center; }
.top_bg .width1200 .sj_lm ul li dl{ font-size:1rem; line-height:2.5; display:none; }
.top_bg .width1200 .sj_lm ul li.on dl{ display:block; }
.top_bg .width1200 .sj_lm ul li dl a{ display:block; padding-left:5%; color:#130a0a; }
.top_bg .width1200 .sj_lm ul li dl a:hover{ background-color:#b91c22; color:#ffffff; }

/* more */
a.more{ display:inline-block; font-size:1rem; background-color:#b91c22; color:#ffffff; padding: 0px 1.125rem; height:3rem; line-height: 3rem; border-radius: 0.25rem; text-align:center; }
a.more:hover{ background-color:#130A0A; }
a.more i{ padding-right:1.25rem; background:url(../images/m.png) no-repeat scroll right center; background-size:auto 0.75rem; transition: all 0.5s ease; }

/* banner */
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide,.banner .swiper-wrapper .swiper-slide .width1200{ height:100vh; }
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.banner .swiper-wrapper .swiper-slide .width1200{ display:flex; align-items:center; position:relative; z-index:2; }
.banner .swiper-wrapper .swiper-slide .width1200 div{ color:#ffffff; opacity:0; margin-top:11rem; width:100%; }
.banner .swiper-wrapper .swiper-slide.on .width1200 div{ opacity:1; margin-top:8rem; transition: all 0.5s ease; }
.banner .swiper-wrapper .swiper-slide .width1200 div dd{ font-size:2rem; margin-bottom:1.25rem; }
.banner .swiper-wrapper .swiper-slide .width1200 div dl{ font-size:3rem; font-weight:bold; line-height:1; }
.banner .swiper-wrapper .swiper-slide .width1200 div ol{ margin-top:1rem; }

.banner div.qh{ position: absolute; z-index:9; top:8rem; bottom: 0px; width:2.25rem; display:flex; align-items:center; }
.banner div.qh i{ width:2.25rem; height:2.25rem;border-radius:50%; background-repeat:no-repeat; background-position:center; background-color:#2c2c2c; background-size:auto 0.875rem; cursor: pointer;;  }
.banner div.qh i:hover{ background-color:#b91c22; }
.banner div.qh_l{ left:5%; }
.banner div.qh_l i{ background-image:url(../images/jt_l.png); }
.banner div.qh_r{ right:5%; }
.banner div.qh_r i{ background-image:url(../images/jt_r.png); }

.banner .page{ position:absolute; left:0px; width:100%; bottom:2.25rem; z-index:9; text-align:center; line-height:0.25rem; }
.banner .page span{ display:inline-block; width:2.5rem; height:0.25rem; border-radius:2px; margin:0px 0.5rem; background-color:#ffffff; opacity:0.3; }
.banner .page span.on{ opacity:1; }

/*i_about*/
.i_about{ padding:6rem 0px 11.25rem; display: flex; justify-content: space-between; }
.i_about .hidden{ width:48%; }
.i_about .hidden.l div.t{ overflow:hidden; }
.i_about .hidden.l div.t dd{ color:rgba(19, 10, 10, 1); text-transform: uppercase; font-size:3rem; font-weight:bold; }
.i_about .hidden.l div.t dl{ margin-top:1rem; font-size:1rem; line-height:2; color:rgba(90, 85, 85, 1); }
.i_about .hidden.l div.t ol{ margin-top:1rem; }

.i_about .hidden.l ul.f,.i_about .hidden.l ul.f li{ overflow:hidden; }
.i_about .hidden.l ul.f{ }
.i_about .hidden.l ul.f li{ width:48%; margin-top:2.5rem; max-width:14.375rem; }
.i_about .hidden.l ul.f li.l{ float:left; }
.i_about .hidden.l ul.f li.r{ float:right; }
.i_about .hidden.l ul.f li dd{ color:rgba(19, 10, 10, 1); font-size:3rem; font-weight:bold; }
.i_about .hidden.l ul.f li dl{ font-size:1rem; line-height:1.2; margin-top:1rem; color:rgba(90, 85, 85, 1); }

.i_about .hidden.r{ position: relative; overflow: initial; }
.i_about .hidden.r div.bg{ overflow:hidden; width:100%; position:relative; z-index:0; background-color:#e1e1e1; }
.i_about .hidden.r div.bg i.dt{ position:absolute; width:146%; top:0; bottom:5%; left:-24%; background:url(../images/i_dt.jpg) no-repeat scroll center; background-size:auto 100%; }
.i_about .hidden.r div.bg img{ position:relative; z-index:2; }

.i_about .hidden.r div.x{ position:absolute; z-index: 8; background-image: url(../images/dw.png); background-repeat: no-repeat; background-size:auto 1rem; cursor: pointer; }
.i_about .hidden.r div.x.t{ padding-bottom:1.5rem; background-position:center bottom; }
.i_about .hidden.r div.x.f{ padding-top:1.5rem; background-position:center top; }
.i_about .hidden.r div.x1{ left:37%; top:53%; }
.i_about .hidden.r div.x2{ right:33%; top:53%; }
.i_about .hidden.r div.x3{ right:35%; top:63%;  }

.i_about .hidden.r div.x4{ right:-2%; top:45%; z-index:9; }
.i_about .hidden.r div.x5{ right:0%; top:48%; }
.i_about .hidden.r div.x6{ right:7%; top:59%; }

.i_about .hidden.r div.x del{ display:block; color:#ffffff; font-size:0.75rem; background-color:#b91c22; line-height:2.5; padding:0px 0.5rem; opacity:0; }
.i_about .hidden.r div.x:hover del{ opacity:1; }

/*i_sp*/
.i_sp{ width:100%; overflow:hidden; position:relative; margin-bottom:7.5rem; }
.i_sp i.bg_q{ background-position:center top; }
.i_sp i.bj{ opacity:0; transition: all 0.5s ease; }
.i_sp i.bj.o{ opacity:1; transition: all 1s ease; }
.i_sp ul{ display: flex; justify-content: space-between; position:relative; z-index:8; }
.i_sp ul li{ position:relative; width:20%; overflow: hidden; text-align:center; }
.i_sp ul li i.x{ position:absolute; top:0px; left:0px; bottom:0px; width:2px; background-color:rgba(0, 0, 0, 0.5); }
.i_sp ul li i.bg_q{ opacity:0; }
.i_sp ul li div.bg{ overflow:hidden; position: relative; z-index: 2; width:90%; padding:0px 5%; height:31.25rem; opacity: 0; background-color: rgba(0, 0, 0, 0.3); transition: all 0.5s ease; }
.i_sp ul li.x div.bg{ opacity:1; transition: all 0.5s ease; }
.i_sp ul li div.bg div.t{ padding-top:12.5rem; font-size:2.25rem; font-weight:bold; color:#ffffff; }
.i_sp ul li div.bg div.f{ margin-top:0.5rem; }
.i_sp ul li div.bg div.f dl{ font-size:1rem; color:#ffffff; line-height:1.3; }
.i_sp ul li div.bg div.f ol{ margin-top:1rem; }

.i_sp ul li div.xx_g{ position:absolute; z-index:3; top:0px; left:0px; right:0px; bottom:0px; display:flex; align-items:center; opacity:0.5; transition: all 0.5s ease; }
.i_sp ul li.x div.xx_g{ opacity:0; z-index: 0; transition: all 0.5s ease;  }
.i_sp ul li div.xx_g del{ text-align:center; font-size:2.25rem; font-weight:bold; color:#ffffff; width:100%; }

/*i_tit*/
.i_tit{ padding-bottom:2.5rem; }
.i_tit dd{ color:rgba(19, 10, 10, 1); font-size:3rem; font-weight:bold; }
.i_tit dl{ color:rgba(90, 85, 85, 1); font-size:1.5rem; margin-top:1.5rem; }

/*i_news*/
.i_news_t{ width:100%; overflow:hidden; }
.i_news_t .hidden{ position:relative; width:48.5%; height:35rem; }
.i_news_t .hidden i.bg_q{ transition: all 0.5s ease; }
.i_news_t .hidden:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.i_news_t .hidden.l{ float:left; }
.i_news_t .hidden.r{ float:right; }
.i_news_t .hidden div{ position:absolute; z-index:2; color:#ffffff; top:2.5rem; width:92%; left:4%; }
.i_news_t .hidden div dd{ font-size:2rem; margin-bottom:1.25rem; }
.i_news_t .hidden div dl{ font-size:3rem; font-weight:bold; line-height:1; }
.i_news_t .hidden div ol{ margin-top:1rem; }
.i_news_t .hidden div ol a{ opacity:0; transition: all 0.5s ease; }
.i_news_t .hidden:hover div ol a{ opacity:1; transition: all 0.5s ease; }

ul.i_news_f,ul.i_news_f li{ overflow:hidden; }
ul.i_news_f{ margin-top:2rem; margin-bottom:5.375rem; }
ul.i_news_f li{ margin-bottom:4rem; position:relative; }
ul.i_news_f li div.hidden{ height:25rem; position:relative; width:48.5%; }
ul.i_news_f li div.hidden.l i{ transition: all 0.5s ease; }
ul.i_news_f li div.hidden.l:hover i{ transform: scale(1.1); transition: all 0.5s ease; }

ul.i_news_f li div.hidden.r{ position:absolute; top:0px; bottom:0px; }
ul.i_news_f li div.hidden.r ol{ font-size:1.25rem; color:rgba(90, 85, 85, 1); margin-bottom:1rem; }
ul.i_news_f li div.hidden.r dd{ font-size:2.25rem; font-weight:bold; color:rgba(19, 10, 10, 1); line-height: 1.2; margin-bottom:2rem; }
ul.i_news_f li div.hidden.r dl{ font-size:1rem; color:rgba(90, 85, 85, 1); margin-bottom:1.5rem; }
ul.i_news_f li div.hidden.r del{ display:block; }

ul.i_news_f li.l div.hidden.l{ float:right; }
ul.i_news_f li.r div.hidden.l{ float:left; }
ul.i_news_f li.l div.hidden.r{ left:0px; }
ul.i_news_f li.r div.hidden.r{ right:0px; }

/*tp_lb*/
ul.tp_lb,ul.tp_lb li{ overflow:hidden; }
ul.tp_lb{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:12.5rem; }
ul.tp_lb li{ position:relative; height:4.375rem; width:22%; margin:1.5rem 1%; }
ul.tp_lb li.l1{ margin-left:5%; }
ul.tp_lb li.l3{ margin-right:5%; }
ul.tp_lb li del{ position:absolute; border:1px solid #e3e3e6; top:0px; left:0px; right:0px; bottom:0px; border-radius:0.75rem; }
ul.tp_lb li del img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; transition: all 0.5s ease; }
ul.tp_lb li del:hover img{ transform: scale(1.1); transition: all 0.5s ease; }

/*i_pp*/
.i_pp ul.xx,.i_pp ul.xx li{ overflow:hidden; }
.i_pp ul.xx{ padding:6rem 0px 12rem; text-align:center; }
.i_pp ul.xx li{ display:inline-block; margin:0px 4.5% 1.5rem; cursor: pointer; }
.i_pp ul.xx li div{ height:9.25rem; width:9.25rem; margin: 0px auto; border:1px solid #9fa0a0; border-radius:0.75rem; overflow:hidden; position:relative; }
.i_pp ul.xx li:hover div{ border:1px solid #ff000a; }
.i_pp ul.xx li div img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-height:68%; max-width:68%; }
.i_pp ul.xx li div del{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:2; overflow:hidden; background-color:#5a5555; display:flex; align-items:center; opacity:0; transition: all 0.5s ease; }
.i_pp ul.xx li:hover div del{ opacity:1; transition: all 0.5s ease; }
.i_pp ul.xx li div del i{ display:block; width:90%; padding: 0px 5%; font-size:1.125rem; color:#ffffff; font-weight:bold; }

/*i_hd*/
.i_hd{ position:relative; overflow:hidden; height:31.25rem; margin-bottom:7.5rem; }
.i_hd i.bg_q{ transition: all 0.5s ease; }
.i_hd:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }

/*i_job*/
.i_job{ margin-bottom:7.5rem; }

/*i_bg*/
.i_bg{ position:relative; overflow:hidden; }
.i_bg i.bg_q{ transition: all 0.5s ease; }
.i_bg:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.i_bg .width1200{ position:relative; height: 31.25rem; z-index:2; }
.i_bg .width1200 div{ position:absolute; left:0px; right:0px; bottom:2.5rem; }
.i_bg .width1200 div dd{ display:block; color:#ffffff; font-size:3rem; font-weight:bold; }
.i_bg .width1200 div ol{ margin-top:1rem; }
/*.i_bg .width1200 div ol{ height:0px; overflow:hidden; transition: all 0.5s ease; }
.i_bg .width1200 div:hover ol{ opacity:1; margin-top:1rem; height:auto; transition: all 0.5s ease; }*/

/*foot_bg*/
.foot_bg{ width:100%; overflow:hidden; background-color:#130a0a; }
.foot_bg .width1200{ padding:2rem 0px; }
.foot_bg .width1200 .hidden.t{ margin-bottom:2.5rem; min-height:14.375rem; }
.foot_bg .width1200 .hidden.t div.l{ float:left; width:25%; }
.foot_bg .width1200 .hidden.t div.l dd{ font-size:1.125rem; color:#ffffff; margin-bottom:1.25rem; }
.foot_bg .width1200 .hidden.t div.l dl{ color:rgba(159, 160, 160, 1); font-size:0.875rem; line-height:2; }
.foot_bg .width1200 .hidden.t div.l ol{ margin-top:1.25rem; }
.foot_bg .width1200 .hidden.t div.l ol a{ display:inline-block; width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:center; background-size:cover; margin-right:1rem; transition: all 0.5s ease; }
.foot_bg .width1200 .hidden.t div.l ol a:hover{ opacity:0.8; transition: all 0.5s ease; }
.foot_bg .width1200 .hidden.t div.l ol a.f1{ background-image:url(../images/fx1.png); }
.foot_bg .width1200 .hidden.t div.l ol a.f2{ background-image:url(../images/fx2.png); }
.foot_bg .width1200 .hidden.t div.l ol a.f3{ background-image:url(../images/fx3.png); }
.foot_bg .width1200 .hidden.t div.l ol a.f4{ background-image:url(../images/fx4.png); }

.foot_bg .width1200 .hidden.t ul.r{ overflow: hidden; width: 65%; float:right; display: flex; justify-content: space-between; }
.foot_bg .width1200 .hidden.t ul.r li{ overflow:hidden; font-size:1rem; }
.foot_bg .width1200 .hidden.t ul.r li a{ color:rgba(159, 160, 160, 1); }
.foot_bg .width1200 .hidden.t ul.r li a:hover{ color:#ffffff; }
.foot_bg .width1200 .hidden.t ul.r li dd{ font-weight:bold; }
.foot_bg .width1200 .hidden.t ul.r li dl{ margin-top:1.25rem; }
.foot_bg .width1200 .hidden.t ul.r li dl a{ display:block; line-height:2; }

.foot_bg .width1200 .hidden.f{ text-align:center; font-size:1rem; line-height:2; color:rgba(159, 160, 160, 1); }
.foot_bg .width1200 .hidden.f a{ color:rgba(159, 160, 160, 1); margin: 0px 0.7rem; }
.foot_bg .width1200 .hidden.f a:hover{ color:#ffffff; }

/*动画效果*/
.i_md .i_about .hidden.l{ opacity:0; margin-top:3rem; }
.i_md.on .i_about .hidden.l{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_about .hidden.r div.bg i.dt{ margin-left:-100%; }
.i_md.on .i_about .hidden.r div.bg i.dt{ margin-left:0px; transition: all 1s ease; }

.i_md .i_sp ul li{ opacity:0; padding-top:3rem; }
.i_md.on .i_sp ul li{ opacity:1; padding-top:0px; transition: all 0.5s ease; }

.i_md .i_tit{ opacity:0; margin-top:3rem; }
.i_md.on .i_tit{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_news_t .hidden div{ opacity:0; margin-top:3rem; }
.i_md.on .i_news_t .hidden div{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

ul.i_news_f .i_md li div.hidden.r{ opacity:0; margin-top:3rem; }
ul.i_news_f .i_md.on li div.hidden.r{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_pp ul.xx li{ opacity:0; margin-top:3rem; }
.i_md.on .i_pp ul.xx li{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_hd{ opacity:0; margin-top:3rem; }
.i_md.on .i_hd{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_bg .width1200 div{ opacity:0; margin-bottom:-3rem; }
.i_md.on .i_bg .width1200 div{ opacity:1; margin-bottom:0px; transition: all 0.5s ease; }

/*ny_banner*/
.ny_banner{ width:100%; overflow:hidden; position:relative; }
.ny_banner .width1200{ height:25rem; position:relative; z-index:2; }
.ny_banner .width1200 div{ position:absolute; bottom:2.5rem; color:#ffffff; font-size:3rem; font-weight:bold; left:0px; width:100%; }

/*About*/
























/*Product*/



















/*Service*/






















/*Career*/

























/*Contact*/










































/*layui-layer-dialog*/
.layui-layer-dialog{ position: fixed; top: 50% !important; }

/*fenye*/
.fenye{ text-align:center; font-size:1.125rem; line-height:2; }
.fenye i{ display:none; }
.fenye a{ color:#333333; }
.fenye a i.fa{ display:inline-block; }
.fenye a,.fenye span{ border: 1px solid #eeeeee; display:inline-block; border-radius: 0.5rem; overflow: hidden; height: 3rem; line-height: 3rem; padding:0px 1.108rem; margin:0px 0.45rem; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#286bb2; border: 1px solid #286bb2; }
.fenye a i{ font-size:2rem; line-height:1.5; }

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin:0px !important; padding:2rem 0px; font-size:2rem; }
.no strong{ color:#ff0000; }

/*w404*/
.w404{ min-height:100vh; display:flex; align-items:center; }
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:2rem; }
.w404 .c ol img{ max-width:35%; }
.w404 .c dd{ font-size:1.5rem; color:#333333; }
.w404 .c a,.w404 .c a:hover{ transition:all .5s ease; display:block; }
.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; line-height:3; font-size:1rem; color:#ffffff; background-color:#d66f09; }
.w404 .c a:hover{ background-color:#ee7c30; }

/*msg*/
.msg{ padding:6rem 0px; }
.msg div.c{ text-align:center; padding:10vh 0px; }
.msg div.c dd{ text-align:center; font-size:1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top:2rem; font-size:1rem; }
.msg div.c dl a,.msg div.c dl a:hover{ transition:all .5s ease; }
.msg div.c dl a{ display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; line-height:3; color:#f4313f; }
.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff; }