@charset "utf-8";

*{box-sizing:border-box;margin:0;padding:0;  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;position: relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#94070a}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}




::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v-bottom{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.none{display: none}


.wp{width:90%;margin:0 auto;max-width:1200px}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-main{color:#0662d4}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:900px){.pc-show{display:none}
.m-show{display:block}
}
.icon-plus{position:relative;width:25px;height:25px;border-radius:50%;background-color:#eee;flex:0 0 auto;margin:0 0 0 1em;cursor:pointer}
.icon-plus{display: none;}
.icon-plus:after,.icon-plus:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;width:15px;height:1px;background-color:#1a1a1a;content:""}
.icon-plus:after{transition:.4s ease;transform:rotate(90deg)}
.icon-plus.-active:after{transform:rotate(0)}





.trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards;
  -o-animation:aniBlink .6s ease-out forwards;  animation:aniBlink .6s ease-out forwards}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}


body{background: #f2f2f2}
.header{width:100%;background: #fff}
.header .top{padding: 18px 0;background: url(../images/topbg.png) no-repeat bottom right;background-size: auto 100%}
.header .top .searchbtn{font-size: 30px;color: #94070a}
.mian-nav-m{display: none;float: right;}
.mian-nav-h{width: 100%}
.logo{z-index: 10;position: relative;}
.logo img{height:84px;}
.logom{display: none;}

.mian-nav{background: #94070a}
.mian-nav ul{line-height: 60px;}
.mian-nav ul li{position:relative;font-size:16px;transition:.3s;text-align: center;text-align: center;}
.mian-nav ul li>a{position: relative;color: #fff}

.mian-nav ul li:before{position:absolute;bottom:0px;left:50%;width:0;height:2px;background:#f9924d;content:"";transition:width .5s}
.mian-nav ul li:after{position:absolute;bottom:0px;right:50%;width:0;height:2px;background:#f9924d;content:"";transition:width .5s}
.mian-nav ul li:hover:before{width:40%}
.mian-nav ul li:hover:after{width:40%}


.sub-nav{position:absolute;top:100%;right:0;left:50%;z-index:99;padding-top:0;display: none;min-width: 140px;margin-left: -70px}
.sub-nav .sub-nav-h{text-align:center;background:#f3f3f3;}
.sub-nav .sub-nav-h a{display:block;font-size:14px;line-height:48px}
.sub-nav .sub-nav-h a:hover{background: #ffffff;color: #f9924d}
.mian-nav ul li:hover .sub-nav{display:block}
.mian-nav ul li:hover>a{color: #f9924d}


.head-menu-btn{z-index:999;overflow:hidden;margin-left:15px;width:40px;height:40px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;display: none}
.head-menu-btn .line-1,.head-menu-btn .line-2,.head-menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;margin-right:-25px;
  width:40px;height:2px;background:#94070a;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.head-menu-btn .line-1{margin-top:-11px;width:36px}
.head-menu-btn .line-3{margin-top:11px;width:36px}
.drawerMenu-open .head-menu-btn .line-1{visibility:hidden}
.drawerMenu-open .head-menu-btn .line-2{margin-top:0!important;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawerMenu-open .head-menu-btn .line-3{margin-top:0!important;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.header .top .searchbtn{height: 84px;line-height: 84px}
.mobNav{position: fixed;top:60px;left: 0;right: 0;background: rgba(255,255,255,.95);z-index: 889;padding-top: 53px;padding: 40px 30px 30px;display: none;bottom: 0;border-top: 1px solid #ddd}
.mobNav ul{height: 70vh;overflow: auto;}
.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd}
.mobNav ul li:last-child{border-bottom: 0}
.mobNav ul li .navp a{font-size: 15px;color: #94070a;font-weight: bold;}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px}
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.mobNav ul li .subNavm{margin-top: 10px;padding-left: 10px;display: none}
.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px }



@media screen and (max-width:1000px){
body{padding-top: 60px}
.header{height: 60px;position: fixed;left: 0;right: 0;top:0;z-index: 99;padding: 8px 0;box-shadow: 0 0 5px rgba(0,0,0,.2)}
.header .top{padding: 0}
.header .top .searchbtn{font-size: 24px;height: 40px;line-height: 40px}
.head-menu-btn{display: block;}
.logo img{height: 44px}
.mian-nav{display: none}
.toplink,.top-r{display: none}
.mobNavbtn{display: flex;}
.top{height: 50px;line-height: 50px;padding: 4px 0}
}
@media screen and (max-width:640px){
.logom{display: block;}
.logop{display: none;}

}
@media screen and (max-width:320px){
.logo{padding-top: 5px}
.logo img{height: 35px}
}

.footer{background:url(../images/fbg.png) no-repeat top center;background-size: cover; color: #fff;padding: 40px 0 0;background-size: cover;}
.footer .qcode{width: 220px;}
.footer .info{width:calc(100% - 320px);}
.footer .info dt{font-size: 24px;padding-bottom: 13px;border-bottom: 1px solid #ad6465;margin-bottom: 12px}
.footer .info dd p{font-size: 14px;width: 50%}
.footer .info dd p i{margin-right: 5px}
.footer p {padding: 10px 0}
.footer .qcode i{display: block;width: 40px;height: 40px;border-radius: 50%;margin: 0 auto 10px;background: #fff;color: #882124;line-height: 40px;font-size: 24px;}
.footer .qcode img{width: 101px}

.footer p img{display: inline-block;vertical-align: -2px;margin-right: 5px}
.footer p span{margin: 0 5px}
.footer a{color: #fff;margin-left: 10px}
.footer .banquan{background: #771315;padding: 15px 0;font-size: 14px;margin-top: 30px}
@media screen and (max-width:1040px){
.footer .qcode{width: 100%;max-width: 220px;margin: 0 auto}
.footer .info dd{margin-bottom: 30px}
.footer .info dd p{width: 100%}
.footer .info{width:100%;text-align: center}
}




.swiper-button-next:after, .swiper-button-prev:after{display: none}



.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}





.ctit{position:relative;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #ddd}
.ctit h4{z-index:10;float:left;color:#333;font-size:24px}
.ctit h4 i{display:inline-block;margin-right:5px;vertical-align:-5px;font-size:43px;color:#94070a}
.ctit a{position:relative;z-index:10;float:right;padding-top:10px;text-transform:uppercase;font-size:18px}
@media screen and (max-width:980px){.ctit h4{font-size:26px}
.ctit a,.ctit h4 span{font-size:14px}
.ctit a{padding-top:10px}
}
.homea{padding:60px 0}
.homea .wp{background:#fff}
.homea .ctit{margin-bottom:10px}
.homea .ctit h4{font-size:32px}
.homea .ctit a{padding-top:10px;color:#666;font-size:20px}
.homea .ctit a:hover{color:#94070a}
.homea .aleft{width:57%}
.homea .aright{width:43%;padding:20px 30px 0}
.homea .aleft .swiper-slide h4{position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;padding:15px 100px 15px 15px}
.homea .aleft .swiper-slide h4 a{color:#fff}
.homea .aleft .swiper-slide .pic{height:430px}
.homea .aleft .topNews-slide .swiper-pagination-bullets{right:15px;bottom:14px;left:auto;width:auto}
.homea .aleft .topNews-slide .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius:100%;background:#fff;opacity:1}
.homea .aleft .topNews-slide .swiper-pagination-bullet-active{background:#981a1c}
.homea .aright ul li{border-bottom:1px solid #ddd;line-height:55px;padding-right:120px;position:relative}
.homea .aright ul li:last-child{border-bottom:0;padding-bottom:0}
.homea .aright ul li span{position:absolute;top:0;right:0;z-index:5}
.homeb{margin-bottom:60px}
.homeb .wp{background:#fff;padding:30px 20px 20px}
.homeb .ctit{margin-bottom:10px;padding-bottom:15px}
.homeb .ctit h4{font-size:30px}
.homeb .aleft,.homeb .aright{width:48%}
.homeb .aleft ul li{padding:22px 0;border-bottom:1px solid #ddd}
.homeb .aleft ul li a{display:flex;justify-content:space-between}
.homeb .aleft ul li:first-child{padding-top:0}
.homeb .aleft ul li:last-child{border-bottom:0}
.homeb .aleft ul li .time{float:left;width:60px;height:60px;background:#e5e5e5;text-align:center;font-size:12px;line-height:30px}
.homeb .aleft ul li span{display:block;height:30px;border:1px solid #ddd;border-top:0;background:#fff;color:#555;font-size:20px}
.homeb .aleft ul li h4{margin-bottom:10px;font-size:18px}
.homeb .aleft ul li p{color:#777}
.homeb .aleft ul li .info{width:calc(100% - 75px)}
.homeb .aleft ul li:hover .time{background:#94070a;color:#fff}
.homeb .aleft ul li:hover .time span{color:#94070a}
.homeb .aright ul li{position:relative;padding-left:14px;border-bottom:1px solid #ddd;background:url(../images/sq.png) no-repeat 0;font-size:16px;line-height:56px}
.homeb .aright ul li span{position:absolute;top:0;right:0;color:#666}
.homeb .aright ul li:last-child{border-bottom:0}
.homeb .aright ul li.first{padding-top:0;padding-bottom:20px;padding-left:0;background:0 0}
.homeb .aright ul li.first h4{margin-bottom:10px;max-height:56px;line-height:1.6em;font-size:18px}
.homeb .aright ul li.first h4 a{max-height:56px}
.homeb .aright ul li.first p{max-height:44px;color:#777;font-size:14px;line-height:1.6em}
.homec{margin-bottom:80px}
.homec .wp{background:#fff;padding:30px 20px 20px}
.homec .item{width:48%}
.homec .ctit{margin-bottom:10px;padding-bottom:15px}
.homec .ctit h4{font-size:30px}
.homec .aleft ul li{position:relative;padding-right:100px;padding-left:14px;border-bottom:1px solid #ddd;background:url(../images/sq.png) no-repeat 0;font-size:16px;line-height:56px}
.homec .aleft ul li span{position:absolute;top:0;right:0;color:#666}
.homec .aleft ul li:last-child{border-bottom:0}
.homec .aleft ul li.first{display:flex;padding:20px 0;background:0 0;justify-content:space-between;flex-wrap:nowrap}
.homec .aleft ul li.first .pic{width:32%;height:110px}
.homec .aleft ul li.first .txt{width:64%}
.homec .aleft ul li.first .txt h4{margin-bottom:10px;max-height:56px;font-size:18px;line-height:1.6em}
.homec .aleft ul li.first .txt time{color:#777;font-size:14px;line-height:1.6em}
.homec .aleft ul li.first:first-child{padding-top:0}
.homec .aright ul li{border-bottom:1px solid #ddd;padding:20px 0}
.homec .aright ul li h4{font-size:18px;margin-bottom:10px}
.homec .aright ul li p{color:#777;font-size:16px;margin-bottom:15px}
.homec .aright ul li span{font-size:15px;color:#777}
.homec .aright ul li i{color:#94070a;font-size:18px;margin-right:5px;vertical-align:-2px}
.homec .aright ul li:last-child{border-bottom:0}
.homec .aright ul li .m{color:#94070a;font-size:14px}
.homed{margin-bottom:60px}
.homed dl dt span{font-size:24px;line-height:1em}
.homed dl dd{width:calc(100% - 122px);font-size:18px}
.homed dl dd a{margin:0 15px;display:inline-block}
.homed dl dd a:hover{color:#94070a;text-decoration:underline}
@media screen and (max-width:980px){.homea .aleft{width:100%;margin-bottom:20px}
.homea .aright{width:100%;padding:20px 30px}
.homea .aleft .swiper-slide .pic{height:330px}
.homeb .aleft{width:100%;margin-bottom:30px}
.homeb .aright,.homec .item{width:100%}
.homec .aleft{margin-bottom:30px}
}
@media screen and (max-width:640px){.ctit h4 i{vertical-align:-4px;font-size:33px;color:#94070a}
.homea{padding:30px 0}
.homea .aleft .swiper-slide .pic{height:280px}
.homea .aleft .swiper-slide h4{font-size:15px}
.homea .aright{width:100%;padding:20px}
.homea .ctit h4{font-size:28px}
.homea .ctit a{padding-top:6px;font-size:16px}
.homea .aright ul li{font-size:14px;padding-right:85px}
.homeb{margin-bottom:30px}
.homec{margin-bottom:60px}
.homeb .ctit h4,.homec .ctit h4{font-size:24px}
.homeb .aleft ul li h4{font-size:16px}
.homeb .aleft ul li p{font-size:14px}
.homeb .aright ul li.first h4{font-size:16px}
.homeb .aright ul li{font-size:14px}
.homec .aright ul li h4{font-size:15px}
.homec .aleft ul li,.homec .aright ul li p{font-size:14px}
.homed{margin-bottom:60px}
.homed dl dt span{font-size:20px}
.homed dl dd{width:calc(100% - 110px);font-size:16px}
.homed dl dd a{margin:0 8px 8px 0}
}








.hidden_search .text{width:100%;height:40px;padding:0;font-size:14px;color:#444;background:0 0;border:none;}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:40px;width:40px;border:none;border-radius:50%;
	overflow:hidden;background-size:50%;font-size:24px;color:#94070a;background:0 0}
.hidden_search .search_wrap{border:1px solid #e4eaec;border-radius:20px;position:relative;padding-right:45px;padding-left:20px;width:95%}
.hidden_search .close_btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:30px;-webkit-transition:.5s;transition:.5s;font-size:26px;background-size:50%}
.hidden_search .close_btn:hover{color:#94070a}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.7);visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index:9999;opacity:0}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-popup-container{position:relative;padding:30px 40px 30px 30px;background:#fff;width:60%;margin:0 auto;top:50%;margin-top:-58px;background:#fff;border-radius:.4rem .4rem .4rem .4rem;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s}
.is-visible .cd-popup-container{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.cd-popup0,.cd-popup1,.cd-popup2,.cd-popup3{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index:9999}
.cd-popup0.is-visible,.cd-popup1.is-visible,.cd-popup2.is-visible,.cd-popup3.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-popup-container0,.cd-popup-container1,.cd-popup-container2,.cd-popup-container3{position:relative;padding:40px;background:#fff;width:60%;margin:0 auto;top:20%;background:#fff;border-radius:.4rem .4rem .4rem .4rem;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s}
.cd-popup-container1{top:10%}
.is-visible .cd-popup-container0,.is-visible .cd-popup-container1,.is-visible .cd-popup-container2,.is-visible .cd-popup-container3{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.sear_p{float:left;margin:20px 0 0 5%;width:90%;-webkit-border-radius:5px;border-radius:5px;background:#fff}
.sear_txt{float:left;height:30px;font-size:12px;line-height:30px;border:none;width:calc(100% - 35px);background:0 0;color:#666;text-indent:5px}


@media screen and (max-width: 600px){
.hidden_search .close_btn{right: 10px;font-size: 18px;}
.cd-popup-container{width: 90%}
.hidden_search .text{font-size: 14px}
.cd-popup-container{padding: 20px 30px 20px 10px}
}

#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;opacity:.9;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/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.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}

/*内页*/