@charset "utf-8";
@font-face {font-family: "iconfont";
  src: url('/fonts/iconfont.eot?t=1616663050118'); /* IE9 */
  src: url('/fonts/iconfont.eot?t=1616663050118#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('/fonts/iconfont.woff?t=1616663050118') format('woff'),
  url('/fonts/iconfont.ttf?t=1616663050118') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1616663050118#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icondarrr:before {
  content: "\e65a";
}

.icondarrl:before {
  content: "\eaba";
}

.iconyoujiantou1:before {
  content: "\e653";
}

.iconzuojiantou1:before {
  content: "\e654";
}

.iconclose:before {
  content: "\e60b";
}

.iconxiajiantou:before {
  content: "\e632";
}

.iconarrrr:before {
  content: "\e64a";
}

.iconarrll:before {
  content: "\eab9";
}

.iconsearch:before {
  content: "\e60e";
}

.iconjiyin:before {
  content: "\e601";
}

.iconshijian:before {
  content: "\e64b";
}

.icondizhi:before {
  content: "\e672";
}

.iconzhujiangren:before {
  content: "\e623";
}

.iconyouxiang:before {
  content: "\e6cb";
}

.icontel:before {
  content: "\e66f";
}

.icondingwei:before {
  content: "\e786";
}


@font-face {
  font-family: "fzfysjwgb10";
  src: url("/fonts/fzfysjwgb10.woff2") format("woff2"),
       url("/fonts/fzfysjwgb10.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "constan";
  src: url("/fonts/constan.woff2") format("woff2"),
       url("/fonts/constan.woff") format("woff"),
       url("/fonts/constan.ttf") format("truetype"),
       url("/fonts/constan.eot") format("embedded-opentype"),
       url("/fonts/constan.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fzfysj{ font-family: "fzfysjwgb10";}
.constan{  font-family: "constan";}


*{box-sizing:border-box;margin:0;padding:0;word-break: break-all;  }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x: hidden;}
body{margin:0;position: relative;overflow-x:hidden;font-family: "Microsoft YaHei",  -apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
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:#8e03a3}
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:0;border: none; border-top: 2px solid #f4f3f2; -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}
}
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
  height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
  border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}


::-webkit-input-placeholder{color:999;opacity:.54}
::-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;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: left;}

.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);}
.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;}

.wp{width:92%;margin:0 auto;max-width:1400px}

.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:980px){.pc-show{display:none}
.m-show{display:block}
}

.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_w:hover .titline_w{background-size:100% 1px}
.titlin_w .titline_w:hover{background-size:100% 1px}
.titline_b{position:relative;background-image:linear-gradient(#8e03a3,#8e03a3);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titlin_b .titline_b:hover{background-size:100% 1px}

.titline_c{position:relative;background-image:linear-gradient(#0087a9,#0087a9);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_c:hover .titline_c{background-size:100% 1px}
.titlin_c .titline_c:hover{background-size:100% 1px}

.titline_z{position:relative;background-image:linear-gradient(#660774,#660774);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_z:hover .titline_z{background-size:100% 1px}
.titlin_z .titline_z:hover{background-size:100% 1px}


.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%}
}

@keyframes go{
  0%{transform: translateY(0);}
  50%{transform: translateY(15px);}
  100%{transform: translateY(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
@keyframes roted1{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}


.titline_c{position:relative;background-image:linear-gradient(#0087a9,#0087a9);background-position:0 100%;background-size:0 1px;
  background-repeat:no-repeat;transition:background-size .3s}
.titlin_c:hover .titline_c{background-size:100% 1px}
.titlin_c .titline_c:hover{background-size:100% 1px}


.header{position:fixed;top:0;left:0;z-index:99;width:100%;height: 100px;padding: 0 6%;height: 136px;padding-top: 30px}
.header .mian-nav-m{display: none;float: right;}
.header .mian-nav-h{width: 100%}

.header .logo img{}
.headerR{width: 70%;max-width: 860px}
.header-t{margin-bottom: 10px}
.header-t a{color: #fff;line-height: 35px;margin-left: 30px;display: flex}
.header-t a.ta{width: 35px;height: 35px;border-radius: 50%;background: #660874;text-align: center;}
.header-t a:nth-child(3){display: block;text-align: center}
.header-t a.ta img{margin: 0 auto;height: 16px;width: 16px}

.header .mian-nav{width: 100%}
.header .mian-nav ul{}
.header .mian-nav ul li{font-size:18px;text-align: center;line-height: 55px;padding: 0 25px;position: relative;}
.header .mian-nav ul li:first-child{margin-left: 0}
.header .mian-nav ul li>a{position: relative;color: #fff;}
.header .mian-nav ul li>a.dropdown-toggle:after{content: "\e632";font-family: "iconfont" !important;font-size: 16px;font-style: normal;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: 5px}
.header .mian-nav ul li>a span{display: block;font-size: 14px;text-align:center;color: #999999;margin-top: 5px}
.header .mian-nav ul li:before{position:absolute;top:0;left:50%;width:0;height:2px;background:#8e03a3;content:"";transition:width .5s}
.header .mian-nav ul li:after{position:absolute;top:0;right:50%;width:0;height:2px;background:#8e03a3;content:"";transition:width .5s}
.header .mian-nav ul li:hover:before{width:50%}
.header .mian-nav ul li:hover:after{width:50%}
.header .mian-nav ul li:hover{background: rgba(255,255,255,.95);}
.header .sub-nav{position:absolute;top:100%;left:0;z-index:99;background: url(/images/navbg.png) rgba(255,255,255,.9) no-repeat center 30px;width: 100%;
  padding:5px  10px ;display: none;border-top: 1px solid #ccc}


.header .sub-nav .sub-nav-h  a{color: #8e03a3;transition: .3s;text-align: left;display: block;padding: 10px 0;font-size: 16px;border-bottom: 1px solid #d4bdd3;
  line-height: 1.4em;text-align: center;font-size: 15px}
.header .sub-nav .sub-nav-h  a span{position:relative;background-image:linear-gradient( #8e03a3, #8e03a3);background-position:0 100%;background-size:0 1px;
  background-repeat:no-repeat;transition:background-size .3s}
.header .sub-nav .sub-nav-h  a:last-child{border-bottom: 0}
.header .sub-nav .sub-nav-h  a:hover{}
.header .sub-nav .sub-nav-h  a:hover span{background-size:100% 1px}
/*.header .mian-nav ul li.li2 .sub-nav{left: -100%}
.header .mian-nav ul li.li3 .sub-nav{left: -200%}
.header .mian-nav ul li.li4 .sub-nav{left: -300%}
.header .mian-nav ul li.li5 .sub-nav{left: -400%}
.header .mian-nav ul li.li6 .sub-nav{left: -500%}*/
/*.header .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 8px solid transparent;
border-bottom-color: rgba(255,255,255,.7);top:-16px;}*/
.header .mian-nav ul li:hover .sub-nav{display: block;}
.header .mian-nav ul li:hover>a,.mian-nav ul li:hover>a span,.mian-nav ul li:hover>.dropdown-toggle:after{color: #8e03a3}

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



.scrolling .header{background: #660874;padding-top:0;height: 110px}
.scrolling .header-t a.ta{background: #660874;}

.scrolling .header-t { padding-top: 15px;margin-bottom: 10px}
.scrolling .header .mian-nav ul li{line-height: 40px;padding-bottom: 10px}

.scrolling  .header .mian-nav ul li:before{background:#660774;}
.scrolling  .header .mian-nav ul li:after{background:#660774;}


.searchbtn{width: 30px;text-align: center;line-height: 40px}
.searchbtn i{color: #c80d17;font-size: 18px}
.mobNav{position: fixed;top:50px;left: 0;right: 0;bottom: 0; background: rgba(255,255,255,.95);z-index: 98;padding-top: 53px;padding: 40px 5% 30px;display: none}
.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:  #831094;font-weight: bold;}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px;height: 16px;background: url(/images/more.svg) no-repeat center;background-size: 16px 16px}
.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 }
.mobNav .toplink{margin-bottom: 20px}
.mobNav .toplink a:nth-child(1){height: 30px;line-height: 30px;text-align: center;border: 1px solid #831094;width: 45%;transition: .3s;font-size: 14px;color:  #831094}
.mobNav .toplink a:nth-child(2){height: 30px;line-height: 30px;text-align: center;border: 1px solid #831094;background: #831094;width: 45%;transition: .3s;color: #fff;font-size: 14px}


.headerm{display: none;position: fixed;left: 0;right: 0;top:0;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,.2);background:  #831094;height: 60px;padding-right: 4%;padding-left: 4%}
.headerm .logo img{height: 38px}

@media screen and (max-width:1490px){
.header .mian-nav ul li{font-size:17px;}
  .header{padding: 0 3%;padding-top: 20px}
}
@media screen and (max-width:1366px){

.header  .logo img{height: 60px}
.header .mian-nav ul li{padding: 0 20px}
.headerR {
    width: 70%;
    max-width: 810px;
}
}

@media screen and (max-width:1279px){
body{padding-top: 60px}
.header{display: none}
.headerm{display: flex;}
}
@media screen and (max-width:980px){

}
@media screen and (max-width:640px){
body{padding-top: 55px}
.menu-btn{margin-left: 15px}
.headerm{height: 55px}

.headerm .logo img{height: 30px}
}
@media screen and (max-width:360px){

}


.footer{background: #660874;color: #fff;}
.footer a{color: #fff;}
.fta{padding: 45px 0 45px}
.fta .ftlogo{font-size: 12px;color: #b48cba;line-height: 1.5em}
.fta .ftlogo .t{border-top:1px solid #7a2786;padding-top: 15px;margin-top: 20px}
.fta .ftlogo span{padding: 2px 0;margin-right: 20px;display: inline-block;}
.fta .ftlogo span a{color: #b48cba;}
.fta .ftar img{border: 1px dashed #9e71ad;margin-bottom: 10px;transition: .3s}
.fta .ftar .imglink{margin-right: 25px;font-size: 18px;text-align: center;}
.fta .ftar .imglink:hover img{background: #771086}
.fta .ftar .imglink:last-child img{border: none}
.fta .ftar .imglink:last-child{margin-right: 0}
.fta .ftar .imglink a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 5;}
.fta .ftinfo{padding-top: 15px}
.fta .ftinfo p{padding: 5px 0;font-size: 14px}
.fta .ftinfo dt{margin-bottom: 15px;font-size: 18px}
.fta .ftinfo dd i{color: #9e71ad;display: inline-block;text-align: center;width: 20px;margin-right: 15px;font-size: 18px;vertical-align: -1px;}

.fta .ftlink{width: 150px;padding-top: 15px}
.fta .ftlink dt{margin-bottom: 15px;font-size: 18px}
.fta .ftlink ul li{width: 50%;padding: 5px 0;font-size: 14px}
.fta .ftlink ul li a{position:relative;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s;opacity: .9}
.fta .ftlink ul li a:hover{background-size:100% 1px;opacity: 1}



@media screen and (max-width:1440px){
.fta {font-size: 14px}

}
@media screen and (max-width:1279px){
.fta{padding: 30px 0 30px}
.fta .ftlogo{width: 100%;margin-bottom: 20px;text-align: center;}
.fta .ftlink dt,.fta .ftinfo dt{font-size: 16px;margin-bottom: 10px}
.fta .ftar .imglink{font-size: 15px}
.fta .ftlogo img{display: block;margin: 0 auto}
}
@media screen and (max-width:980px){
.fta .ftinfo,.fta .ftlink{width: 100%;margin-bottom: 20px;text-align: center;}
.fta .ftlink dt{width: 100%;}
.fta .ftar{width: 100%;justify-content: center;}
}
@media screen and (max-width:767px){
.ftcopy{width: 100%;margin-bottom: 20px}
.fta .ftar .imglink{margin: 0;width: 28%}
.fta .ftar{width: 90%;justify-content: space-between;margin: 0 auto}

}





@keyframes up{0%{transform:translateY(0);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0);}
}


.in-banner .swiper-slide{}
.in-banner .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;background: #989898;right: 8%;top:auto;margin-top: 0;bottom: 8%;transition: .3s}
.in-banner .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;background: #989898;left: auto;right: calc(8% + 95px);top:auto;margin-top: 0;bottom: 8%;transition: .3s}
.in-banner .swiper-button-next:before{content: '';position: absolute;width: 70px;height: 12px;background: #fff;left: 30%;z-index: 5;
background: url(/images/arrr.svg) no-repeat left center;background-size: 70px 12px;top:15px;transition: .3s}
.in-banner .swiper-button-prev:before{content: '';position: absolute;width: 70px;height: 12px;background: url(/images/arrl.svg) no-repeat left center;
right: 30%;z-index: 5;background-size: 70px 12px;top:15px;transition: .3s}
.in-banner .swiper-button-next:hover,.in-banner .swiper-button-prev:hover{background: #8e03a3}
.in-banner .swiper-button-prev:hover:before{right: 50%}
.in-banner .swiper-button-next:hover:before{left: 50%}

.in-banner .swiper-slide a{display: block;height: 100%;width: 100%;position: relative;}
.in-banner .swiper-slide:before{content: '';position: absolute;left: 0;right: 0;top: 0;height: 40%;background: url(/images/bamask.png) no-repeat top center;
background-size: 100% 100%;z-index: 5}
.in-banner .slog{position: absolute;left:50%;top:50%;transform: translateY(-50%) translateX(-50%);z-index: 6;max-width: 1144px;width: 50%}
.in-banner .slog span{display: block;}
.in-banner .slog span:first-child{margin-bottom: 40px;}
.main-banner .tit{position: absolute;right: 0;bottom: 40px;z-index: 10;font-size: 40px;}
@media screen and (max-width:1366px){

}

@media screen and (max-width:768px){
.in-banner .swiper-slide:before{display: none}
.in-banner .swiper-button-next{width: 40px;height: 40px;bottom: 5%;right: calc(50% - 50px)}
.in-banner .swiper-button-prev{width: 40px;height: 40px;bottom: 5%;left: calc(50% - 50px);right: auto;}
.in-banner .swiper-button-next:before{width: 60px;height: 12px;left: 50%;background-size: 60px 12px;top:11px;}
.in-banner .swiper-button-prev:before{width: 60px;height: 12px;right: 50%;background-size: 60px 12px;top:11px;}
}
@media screen and (max-width:640px){

.in-banner .slog{width: 60%;transform: translateY(-55%) translateX(-50%);}
.in-banner .slog span:first-child {
    margin-bottom: 10px;
}
.in-banner .swiper-button-next{width: 35px;height: 35px;bottom: 5%;right: calc(50% - 40px)}
.in-banner .swiper-button-prev{width: 35px;height: 35px;bottom: 5%;left: calc(50% - 40px);right: auto;}
.in-banner .swiper-button-next:before{width: 50px;height: 12px;left: 50%;background-size: 50px 12px;top:9px;}
.in-banner .swiper-button-prev:before{width: 50px;height: 12px;right: 50%;background-size: 50px 12px;top:9px;}
}




.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}



.hidden_search .text { width: 100%; height: 36px; padding: 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:36px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url(/images/serbtn.svg) no-repeat center;background-size: 20px 20px}
.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: 32%;  width: 35px; height: 35px;
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;background: url(/images/closebtn.svg) no-repeat center; background-size: 18px 18px }
 .hidden_search .close_btn:hover{ color: #530794; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.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, 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: 0.3s; transition-duration: 0.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, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.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 0.3s 0s, visibility 0s 0s; transition: opacity 0.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, 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: 0.3s; transition-duration: 0.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: none;color: #666;text-indent: 5px;}


@media screen and (max-width: 600px){
.hidden_search .close_btn{right: 5px;font-size: 18px;top:28%;}
.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}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}
.arc-con video{width:60%;height:auto;}