/*reset*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;padding:0;color:#333;font-family:"Microsoft YaHei","simsun","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-variant-ligatures:no-common-ligatures;font-size:14px;overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
a,a:link{text-decoration:none;color:#333;}
a:active,a:hover{outline:0;color:#0E4BA8;text-decoration:none;}
.trans{transition:all 0.3s ease;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
.usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.wn{word-wrap:normal;white-space:nowrap;}
.wb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.al{text-align:left!important;}
.ac{text-align:center!important;}
.ar{text-align:right!important;}
.aj{text-align:justify!important;}
.fl{float:left;}
.fr{float:right!important;}
.rel{position:relative;}
.abl{position:absolute;}
.clear{clear:both;}
.ovh{overflow:hidden;}
.upp{text-transform:uppercase;}
.fb{font-weight:bold}
.ep1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.img-auto{display:inline-block;max-width:100%;height:auto;}
.container{margin-left:auto;margin-right:auto;padding-left:16px !important;padding-right:16px !important;}
.shadow{background: #fff;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);}
img{max-width: 100%;}
.bt {
    margin-bottom: 50px;
    margin-top: 50px;
}

/* 上移动态 */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 放大 */
.pic{overflow:hidden;}
.pic,.bimg{overflow:hidden;}
.biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.pic img,.bimg img{display: block;object-fit: cover;}
.biao:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.bimg img,.bimg2 img{transition: all 2.6s ease-in 0s; }
.bimg:hover img,.bimg2:hover img{transform: scale(1.09) !important; }
.pimg:hover{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1); }
.pimg{height:100%;width:100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.h100{height:100%;}
/* wp */
.wp{max-width:1350px;margin-left:auto;margin-right:auto}

/*flex*/
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;}
.flex-inline{display:inline-flex;}
.flex-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column .flex-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-center{justify-content:center;}
.flex-end{justify-content:flex-end;}
.flex-bet{justify-content:space-between;}
.flex-items{align-items:center;}
/*grid*/
.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.grid-y{flex-direction:column;-webkit-flex-direction:column;}
.grid-small{padding:10px 0}
.grid-small>.grid{margin:-10px;}
.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:10px;}
.grid-middle{padding:15px 0}
.grid-middle>.grid{margin:-15px;}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding: 12px 15px;}
.grid-big{padding:20px 0}
.grid-big>.grid{margin:-20px;}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:20px;}
.grid-large{padding:30px 0}
.grid-large>.grid{margin:-30px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:30px;}
.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%;}
.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%;}
.x0{width:auto;}
.x1{width:8.33333333%;}
.x2{width:16.66666667%;}
.x20{width:20%;}
.x3{width:25%;}
.x4{width:33.33333333%;}
.x5{width:41.66666667%;}
.x6{width:50%;}
.x7{width:58.33333333%;}
.x8{width:66.66666667%;}
.x9{width:75%;}
.x10{width:83.33333333%;}
.x11{width:91.66666667%;}
.x12{width:100%;}
.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12{position:relative;max-height:100%;}
.y{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;}
.y0{height:auto;}
.y1{height:8.33333333%;}
.y2{height:16.66666667%;}
.y20{height:20%;}
.y3{height:25%;}
.y4{height:33.33333333%;}
.y5{height:41.66666667%;}
.y6{height:50%;}
.y7{height:58.33333333%;}
.y8{height:66.66666667%;}
.y9{height:75%;}
.y10{height:83.33333333%;}
.y11{height:91.66666667%;}
.y12{height:100%;}
@media (min-width:572px){
.container{max-width:540px;}
.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.xl0{width:auto;}
.xl1{width:8.33333333%;}
.xl2{width:16.66666667%;}
.xl20{width:20%;}
.xl3{width:25%;}
.xl4{width:33.33333333%;}
.xl5{width:41.66666667%;}
.xl6{width:50%;}
.xl7{width:58.33333333%;}
.xl8{width:66.66666667%;}
.xl9{width:75%;}
.xl10{width:83.33333333%;}
.xl11{width:91.66666667%;}
.xl12{width:100%;}
}
@media (min-width:762px){
.container{max-width:730px;}
.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.xs0{width:auto;}
.xs1{width:8.33333333%;}
.xs2{width:16.66666667%;}
.xs20{width:20%;}
.xs3{width:25%;}
.xs4{width:33.33333333%;}
.xs5{width:41.66666667%;}
.xs6{width:50%;}
.xs7{width:58.33333333%;}
.xs8{width:66.66666667%;}
.xs9{width:75%;}
.xs10{width:83.33333333%;}
.xs11{width:91.66666667%;}
.xs12{width:100%;}
}
@media (min-width:992px){
.container{max-width:960px;}
.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.xm0{width:auto;}
.xm1{width:8.33333333%;}
.xm2{width:16.66666667%;}
.xm20{width:20%;}
.xm3{width:20%;}
.xm4{width:33.33333333%;}
.xm5{width:41.66666667%;}
.xm6{width:50%;}
.xm7{width:58.33333333%;}
.xm8{width:66.66666667%;}
.xm9{width:75%;}
.xm10{width:83.33333333%;}
.xm11{width:91.66666667%;}
.xm12{width:100%;}
}
@media (min-width:1232px){
.container{max-width:1200px;padding-left:0!important;padding-right:0!important;}
.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.xb0{width:auto;}
.xb1{width:8.33333333%;}
.xb2{width:16.66666667%;}
.xb20{width:20%;}
.xb3{width:25%;}
.xb4{width:33.33333333%;}
.xb5{width:41.66666667%;}
.xb6{width:50%;}
.xb7{width:58.33333333%;}
.xb8{width:66.66666667%;}
.xb9{width:75%;}
.xb10{width:83.33333333%;}
.xb11{width:91.66666667%;}
.xb12{width:100%;}
}
@media (min-width:1632px){
.container{max-width:1400px;}
.xg0{width:auto;}
.xg1{width:8.33333333%;}
.xg2{width:16.66666667%;}
.xg20{width:20%;}
.xg3{width:25%;}
.xg4{width:33.33333333%;}
.xg5{width:41.66666667%;}
.xg6{width:50%;}
.xg7{width:58.33333333%;}
.xg8{width:66.66666667%;}
.xg9{width:75%;}
.xg10{width:83.33333333%;}
.xg11{width:91.66666667%;}
.xg12{width:100%;}
}
.show,.hidden-xl,.hidden-xs,.hidden-xm,.hidden-xb,.hidden-xg{display:block!important;}
.hidden,.show-xl,.show-xs,.show-xm,.show-xb,.show-xg{display:none!important;}
@media(max-width:760px){
.show-xl{display:block!important;}
.hidden-xl{display:none!important;}
}
@media (min-width:762px) and (max-width:992px){
.show-xs{display:block!important;}
.hidden-xs{display:none!important;}
}
@media(min-width:993px) and (max-width:1200px){
.show-xm{display:block!important;}
.hidden-xm{display:none!important;}
}
@media(min-width:1201px) and (max-width:1631px){
.show-xb{display:block!important;}
.hidden-xb{display:none!important;}
}
@media(min-width:1632px){
.show-xg{display:block!important;}
.hidden-xg{display:none!important;}
}
@media(max-width:762px){
.table-auto{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-auto .table tr th,.table-auto .table tr td{white-space:nowrap;}
.grid-small{padding:6px 0}
.grid-small>.grid{margin:-6px;}
.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:6px;}
.grid-middle{padding:6px 0}
.grid-middle>.grid{margin:-6px;}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:6px;}
.grid-big{padding:8px 0}
.grid-big>.grid{margin:-8px;}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:8px;}
.grid-large{padding:10px 0}
.grid-large>.grid{margin:-10px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:10px;}
}
@media(max-width:1430px){
.wp{padding:0 30px}
}
/* fonts */
.lh30{line-height:30px;}
.c66{color:#666}
.c99{color:#999;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f46{font-size:46px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.p30{padding:30px 0;}
.p60{padding:60px 0;}
@media(max-width:1400px){
.f16{font-size:15px;}
.f17{font-size:16px;}
.f18{font-size:16px;}
.f20{font-size:17px;}
.f22{font-size:18px;}
.f24{font-size:20px;}
.f26{font-size:21px;}
.f28{font-size:22px;}
.f30{font-size:23px;}
.f32{font-size:24px;}
.f34{font-size:25px;}
.f36{font-size:26px;}
.f40{font-size:30px;}
.f46{font-size:31px;}
.p30{padding:20px 0;}
.p60{padding:40px 0;}
  }
@media(max-width:980px){
.bt {
    margin-bottom: 20px;
    margin-top: 20px;
}
.wp{padding:0 15px}
.f16{font-size:13px;}
.f17{font-size:14px;}
.f18{font-size:14px;}
.f20{font-size:15px;}
.f22{font-size:16px;}
.f24{font-size:17px;}
.f26{font-size:18px;}
.f28{font-size:18px;}
.f30{font-size:19px;}
.f32{font-size:19px;}
.f34{font-size:20px;}
.f36{font-size:21px;}
.f40{font-size:21.5px;}
.f46{font-size:22px;}
.p30{padding:15px 0;}
.p60{padding:25px 0;}
}
/* common */
/* header */
.header{background: #0E4BA8;color:#fff}
.header .top{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#A5C1ED}
.header a{color:#A5C1ED;margin:0 10px;}
.header a:hover{color:rgba(255,255,2255,.88)}

.header .search{width:20px;height:46px;position:relative;z-index:20;margin-left:10px;}
.header .search .btn{font-size:18px;opacity:.75;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;line-height:46px}
.header .search .btn input{width:100%;height:46px;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto;
  background: rgba(255,255,255,0);border: 0;}
.header .search .btn i{font-size: 20px}
.header .search .btn:hover{opacity:1}
.header .search .input{position:absolute;z-index:1;left:auto;right:-12px;top:5px;bottom:auto;height:36px;width:20px;
  background:#fff;opacity:0;transition: .3s;border-radius: 5px}
.header .search .input input{width:100%;height:36px;line-height:36px;padding:0 40px 0 12px;border: 0;color: #555;outline:0;
  display: block;border-radius: 5px}
.header .search:hover .btn{color:#033f7d}
.header .search:hover .input{width:260px;opacity:1;visibility:visible}
/* nav */
.header .hd-nav  li{line-height:42px;font-size:1;position: relative;;}
.header .hd-nav  li:first-child{margin-left: 0}
.header .hd-nav  li:before{position:absolute;bottom:-.33rem;left:50%;width:0;opacity: 0; height:3px;background:#fff;content:"";transition:width.5s}
.header .hd-nav  li:after{position:absolute;bottom:-.33rem;right:50%;width:0;opacity: 0; height:3px;background:#fff;content:"";transition:width .5s}

.header .hd-nav li>a{color: #fff;display: block;line-height:42px;position: relative;}
.header .hd-nav li>a.has-child:after{content: "\eabd";font-family: "swiper-icons";margin-left: 5px;font-size:16px}
.header .hd-nav li:hover>a.has-child:after{display: inline-block;transform: rotate(180deg);position: relative;top: -1px}
.header .hd-nav li>a{color: #fff}

.header .hd-nav  li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;min-width: 160px;transform: translateX(-50%);
  opacity: 0;visibility: hidden;}
.header .hd-nav  li .sub-nav .sub-nav-h{text-align:center;position: relative;background: #fff;padding:15px 0;
  box-shadow: 0 0 10px rgba(0,0,0,.3)}
  .header .hd-nav  li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#033f7d;}
.header .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:15px;padding:0 13px ;margin-bottom: 1px;
  background: #fff;color: #033f7d;white-space: nowrap;line-height:36px}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover{background: #ededed;}
.header .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit;transition: .3s;}
/* 手机菜单 */
.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;
  height:75px;background:#0E4BA8;padding:10px 15px;}
.headerm .logo img{height:40px}
.headerm .navbtnm{width:60px;height:60px;position: absolute;right:0;top:50%;transform: translateY(-50%);z-index:1;line-height:60px;text-align:center;}
.headerm .navbtnm i{font-size:36px;transition: .3s;color:#fff}
body.navShow .big-nav {opacity: 1;visibility: visible;}
body.navShow .navbtnm{background:#033f7d;}
body.navShow .headerm .navbtnm i:before {content: "\eb6a";font-size:32px}
.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: #033f7d;background-size: cover;opacity: 0;visibility: hidden;transition: .3s}
.big-nav {background: #033f7d; overflow-y: auto;}
.big-nav .scroll {position: static;padding-top:60px;}
.big-nav .scroll li a{color:#fff}
.big-nav .scroll li{width: 100%;text-align: left;padding-top: 0;border-bottom: rgba(255, 255, 255, 0.13) solid 1px;} 
.big-nav .scroll li h2{font-size:16px;line-height:55px;padding:0 20px;position:relative}
.big-nav .scroll li h2.h2:after{content:"";display:block;position:absolute;top:0;right:20px;font-size:18px;font-family:"iconfont" !important;content: "\e6cc";color:#fff;transition: .3s}
.big-nav .scroll li .list{padding:0 15px;display:none}
.big-nav .scroll li .list h3{font-size:14px;line-height:45px;border-top:rgba(255,255,255,.13) solid 1px;padding-left:20px}
.big-nav .scroll li .list h3:nth-child(1){border:0}
.big-nav .scroll li .list dl{margin-left:-6%;padding:0 20px 20px 0;margin-top:-5px;display: flex;flex-wrap: wrap;}
.big-nav .scroll li .list dd{font-size:16px;line-height:40px;min-width:25%;padding-left:6%}
.big-nav .scroll li .list dd a{display:block;height:40px}
.big-nav .scroll li.on h2.h2:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.big-nav .search{padding:20px 15px 0 15px;width: 100%}
.big-nav .search form{position: relative;}
.big-nav .search .input{height:45px;background:#fff;border-radius: 5px}
.big-nav .search .input input{width:calc(100% - 60px);border: 0;height: 45px;line-height:45px;padding: 0 0 0 10px;border-radius: 5px}
.big-nav .search .btn i{font-size:26px;color:#033f7d;position:absolute;top:0;right:0;bottom:0;z-index:5;line-height:45px;width:60px;text-align:center}
.big-nav .search .btn input{width:100%;height:45px;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto;border: 0;background: transparent}
/* footer */
.footer{background:url(../img/bg_ft.jpg) no-repeat;background-size:cover;color:#fff;}
.footer a{color:#fff;display:block;}
.footer a:hover{color:rgba(255,255,2255,.8)}
.footer .ft1 .ft1_logo{padding:35px 0;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer .ft_tit{padding:25px 0 20px;}
.footer .lxfs{padding-left:30px;padding-right:10px;}
.footer .lxfs .ft_cont{line-height:32px;padding-bottom:30px;}
.footer .bod{border-right:1px solid rgba(255,255,255,0.2);}
.footer .ft2 .list_link li{margin-bottom:16px;}
.footer .links{padding-left:45px;}
.footer .link1{margin:45px 0;}
.footer .link1 li{width:90%;max-width:190px;position: relative;z-index:1}
.footer .link1 li .dt{height: 45px;background: rgba(255,255,255,0.2200);border:1px solid rgba(255,255,255,0.2);padding:0 20px;position: relative;}
.footer .link1 li .dd{background: rgba(14, 75, 168, .8);border:1px solid rgba(255,255,255,0.2);padding:10px 20px;font-size:15px;margin-top:-1px;display:none;position: absolute;width:100%;z-index:2}
.footer .link1 li .dd p{height:30px;line-height:30px;}
.footer .link1 li:hover .dd{display: block;}
.footer .link2 li{text-align:center;}
.footer .link2 li img{max-width:118px;margin:0 auto;}
.footer .link2 li p{margin:10px 0 15px 0;}
.footer .copyright{padding:20px 0;border-top:1px solid rgba(255,255,255,0.2);}
.footer .copyright .jg{margin-left:20px;}
.imgbed{
display:block;
position:relative;
padding-top:60%;
height:0;
vertical-align:top;
}
.imgbed img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
@media screen and (min-width:1000px){
.footer .ft2 .list_link li{width:50%}
.footer .ft2 .list_link li:nth-child(4n){width:28%}
}
@media screen and (max-width:1380px){
.footer .link1 li{width:92%;max-width:170px;}
.footer .link2 li img{max-width:105px;}
}
@media screen and (min-width:981px) and (max-width:1185px){
.footer .link1 li{width:88%;max-width:170px;}
.footer .link2 li img{max-width:100px;}
.footer .lxfs .ft_cont{line-height:26px;padding-bottom:20px;}
}

@media screen and (max-width:1185px){
.header .logo img{max-width:260px}
.header .xiaoxun img{max-width:260px}

}
@media screen and (max-width:1024px){
.f18{font-size:16px;}
.header .logo img{max-width:220px}
.header .xiaoxun img{max-width:240px}
.header .hd-nav li .sub-nav{min-width:120px}
}
@media screen and (max-width:980px){
.header{display:none;}
.headerm{display: block;}
.link{line-height:35px;color: #fff;font-size: 14px;padding: 20px 0;transition: .3s;width: 100%;
    border-bottom: rgba(255, 255, 255, 0.13) solid 1px;flex-wrap: wrap;}
.link a{color: #fff;margin: 0 8px}
.link a i{vertical-align: -1px;margin-right: 5px}
.link{justify-content: center}
.footer .ft2 .list_link li{margin-bottom:14px;}
.footer .lxfs{padding:0;}
.footer .lxfs .ft_cont{line-height:28px;padding-bottom:0;}
.footer .links{padding-left:0;}
.footer .link1{margin:25px 0;}
.footer .bod{border-right:0;}
.footer .ft1 .ft1_logo{padding:15px 0;text-align: center;}
.footer .ft1 .ft1_logo img{max-height:45px;}
.footer .copyright{text-align:center;font-size:12px;padding:15px 0}
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/four_browsers_log.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/four_browsers_log.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/four_browsers_log.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/four_browsers_log.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}


/*搜索显示*/
.link {
    flex-wrap: wrap;
}
.header .search {width: 100%;margin-left: 0;}
.header .search .input {
    width: 260px;
    opacity: 1;
    visibility: visible;
    right: 0;
}
.header .search .btn {
    color: #033f7d;
    left: auto;
}
.header .search .btn input {
    width: 20px;
    right: 10px;
    left: auto;
}
.header .search .btn i {
    position: absolute;
    right: 10px;
}