.c0{color:#000}
.c1{color:#111}
.c2{color:#222}
.c3{color:#333}
.c4{color:#444}
.c5{color:#555}
.c6{color:#666}
.c7{color:#777}
.c8{color:#888}
.c9{color:#999}
.ca{color:#aaa}
.cb{color:#bbb}
.clr{clear:both}
.cc{color:#0C4192}
.cc1{color:#0C4192}
.cc2{color:#0C4192}
.cd{color:#ddd}
.ce{color:#eee}
.cf{color:#fff}
.bc0{background-color:#000}
.bcf{background-color:#fff}
.bcc{background-color:#0C4192}
.bcc1{background-color:#0C4192}
.bcc2{background-color:#0C4192}
.boc{border-color:#0C4192}
.bn{border:none}
.bor{border:1px solid #bbb}
.bt{border-top:1px solid #bbb}
.bl{border-left:1px solid #bbb}
.br{border-right:1px solid #bbb}
.f0{font-size:0}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
@media (max-width:640px){
  .f15{font-size:1rem}
}
.f16{font-size:.8rem}
@media (max-width:768px){
  .f16{font-size:.88888889rem}
}
@media (max-width:640px){
  .f16{font-size:1rem}
}
.f17{font-size:.85rem}
@media (max-width:768px){
  .f17{font-size:.94444444rem}
}
@media (max-width:640px){
  .f17{font-size:1.0625rem}
}
.f18{font-size:.9rem}
@media (max-width:768px){
  .f18{font-size:.94444444rem}
}
.f19{font-size:.95rem}
.f20{font-size:1rem}
.f21{font-size:1.05rem}
@media (max-width:768px){
  .f21{font-size:1rem}
}
.f22{font-size:1.1rem}
@media (max-width:768px){
  .f22{font-size:1.04761905rem}
}
.f23{font-size:1.15rem}
@media (max-width:768px){
  .f23{font-size:1.04545455rem}
}
.f24{font-size:1.2rem}
@media (max-width:768px){
  .f24{font-size:1.09090909rem}
}
.f25{font-size:1.25rem}
@media (max-width:768px){
  .f25{font-size:1.08695652rem}
}
.f26{font-size:1.3rem}
@media (max-width:768px){
  .f26{font-size:1.13043478rem}
}
.f27{font-size:1.35rem}
@media (max-width:768px){
  .f27{font-size:1.125rem}
}
.f28{font-size:1.4rem}
@media (max-width:768px){
  .f28{font-size:1.16666667rem}
}
.f29{font-size:1.45rem}
@media (max-width:768px){
  .f29{font-size:1.16rem}
}
.f30{font-size:1.5rem}
@media (max-width:768px){
  .f30{font-size:1.2rem}
}
.f31{font-size:1.55rem}
@media (max-width:768px){
  .f31{font-size:1.19230769rem}
}
.f32{font-size:1.6rem}
@media (max-width:768px){
  .f32{font-size:1.23076923rem}
}
.f33{font-size:1.65rem}
@media (max-width:768px){
  .f33{font-size:1.22222222rem}
}
.f34{font-size:1.7rem}
@media (max-width:768px){
  .f34{font-size:1.25925926rem}
}
.f35{font-size:1.75rem}
@media (max-width:768px){
  .f35{font-size:1.25rem}
}
.f36{font-size:1.8rem}
@media (max-width:768px){
  .f36{font-size:1.28571429rem}
}
.f37{font-size:1.85rem}
@media (max-width:768px){
  .f37{font-size:1.27586207rem}
}
.f38{font-size:1.9rem}
@media (max-width:768px){
  .f38{font-size:1.31034483rem}
}
.f39{font-size:1.95rem}
@media (max-width:768px){
  .f39{font-size:1.3rem}
}
.f40{font-size:2rem}
@media (max-width:768px){
  .f40{font-size:1.33333333rem}
}
.f41{font-size:2.05rem}
@media (max-width:768px){
  .f41{font-size:1.32258065rem}
}
.f42{font-size:2.1rem}
@media (max-width:768px){
  .f42{font-size:1.35483871rem}
}
.f45{font-size:2.25rem}
@media (max-width:768px){
  .f45{font-size:1.36363636rem}
}
.f48{font-size:2.4rem}
@media (max-width:768px){
  .f48{font-size:1.45454545rem}
}
.f50{font-size:2.5rem}
@media (max-width:768px){
  .f50{font-size:1.51515152rem}
}
.f54{font-size:2.7rem}
@media (max-width:768px){
  .f54{font-size:1.58823529rem}
}
.f60{font-size:3rem}
@media (max-width:768px){
  .f60{font-size:1.57894737rem}
}
.f64{font-size:2.3rem}
@media (max-width:768px){
  .f64{font-size:1.42857143rem}
}
.f72{font-size:3.6rem}
@media (max-width:768px){
  .f72{font-size:1.8rem}
}
.f88{font-size:4.4rem}
@media (max-width:1200px){
  .f88{font-size:4vw}
}
@media (max-width:768px){
  .f88{font-size:1.45454545rem}
}
.fal{font-family:Arial}
.fyl{font-family:FontBlar}
.fs{font-family:'宋体'}
.fh{font-family:'黑体'}
.fn{font-weight:400}
.fb{font-weight:700}
.fi{font-style:italic}
.fl{float:left}
.fln{float:none}
.fr{float:right}
.db{display:block}
.dib{display:inline-block}
.dt{display:table}
.dtc{display:table-cell}
.dn{display:none}
.bn{border:none}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.tu{text-transform:uppercase}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box{box-sizing:border-box}
.ma{margin-left:auto;margin-right:auto}
.c50{left:50%;transform:translateX(-50%)}
.hc:hover{color:#0C4192}
.jz{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.m0{margin:0}
.p0{padding:0}
.yy{box-shadow:0 0 12px rgba(70,70,70,.5)}
.yy2{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.pz{padding-left:15px;margin-left:-15px}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.ov{overflow:visible}
.wrap{overflow:hidden}
.w50{width:50%;float:left}
.w0{width:0}
.w00{width:100%}
.h0{height:0}
.h00{height:100%}
.ma00{max-width:100%}
.mh00{max-height:100%}
.wa{width:auto}
.ha{height:auto}
.abs{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap{width:100%;padding-top:75.5%;position:relative;overflow:hidden}
.imWrap img{display:block;position:absolute;width:100%;min-height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0}
.imWrap .imgcon img{position:relative;display:inline-block;width:auto;max-width:100%}
.big{overflow:hidden}
.big img{width:100%;display:block;transform:translateZ(0);transition:transform .3s linear}
.big:hover img{transform:scale(1.1,1.1)}
.big .imgcon img{width:auto;min-height:auto}
.imgDiv{position:relative;width:100%;overflow:hidden}
.imgDiv img{display:block;width:100%;}
.imgDiv .cont{display:inline-block;width:100%;text-align:left;display:block;position:absolute;z-index:5;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.imgDiv h2{display:inline-block;height:6rem; position:relative;width:38rem;}
.imgDiv h2:before{width:40rem;height:6rem;background:url({{ params.imagePath }}banyy.png) no-repeat center;background-size:100% 100%; content:"";position:absolute;left:-2rem;top:0;}
.imgDiv h2 i{font-size:1.8rem; line-height:6rem;font-weight:700;color:#fff;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);z-index:200;position:relative;}
@media (max-width:768px){
  .imgDiv{display:none;}
}
.imgDiv small{display:block;font-size:.8rem;color:#fff;letter-spacing:1px;text-transform:capitalize}
@media (max-width:768px){
  .imgDiv small{font-size:.88888889rem}
}
@media (max-width:640px){
  .imgDiv small{font-size:1rem}
}
@media screen and (max-width:768px){
  .imgDiv amp-img{width:210%}
  .imgDiv .cont{width:90%;margin-left:0}
}
@media screen and (max-width:500px){
  .imgDiv h2{font-size:16px}
  .imgDiv small{font-size:13px;line-height:1.6}
}
.imgcon{text-align:center;font-size:0;overflow:hidden}
.imgcon img{display:inline-block;vertical-align:middle;max-width:100%}
.imgcon:after{display:inline-block;vertical-align:middle;height:100%;color:#bbb;content:"";width:0}
.m3w{margin-top:30px;margin-top:3vw}
.m2w{margin:2vw 0}
.p2w{padding:2vw 0}
.p3w{padding:3vw 0}
.poi{cursor:pointer}
img{border:none}
blockquote,body,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,p,pre,select,textarea{margin:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
a{color:#0C4192;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a,a:active,a:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
address,em,i{font-style:normal}
abbr,acronym{font-variant:normal}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
a img,fieldset,iframe{border:none}
button,input,select{vertical-align:middle}
button{overflow:visible}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0 none;padding:0}
:active{outline:0 none}
::selection{color:#fff;background:#e74700}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
*{margin:0;padding:0;font-family: 'OpenSans-R';color:#111;}
body{background-color:#fff;font-size:14px;max-width:1920px;margin:0 auto;min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased;max-width:inherit}
h1{font-size:1.8rem}
@media (max-width:768px){
  h1{font-size:1.28571429rem}
}
h2{font-size:1rem}
h3{font-weight:400;font-size:.8rem}
@media (max-width:768px){
  h3{font-size:.88888889rem}
}
@media (max-width:640px){
  h3{font-size:1rem}
}
h4{font-size:16px}

a,input{outline:0}
input[type=submit],input[type=reset],input[type=button]{-webkit-appearance:none;border-radius:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 1000px #fff inset;-webkit-box-shadow:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bbb}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb}
div.digg{width:100%;text-align:center;font-size:14px;padding:3px;margin:15px 0}
div.digg li{display:inline-block;vertical-align:middle}
div.digg a{text-align:center;border:#ccc 1px solid;padding:4px 10px;color:#666;margin:5px;line-height:39px}
@media screen and (max-width:768px){
  div.digg a{padding:3px 9px;margin:3px}
}
div.digg p{display:inline-block;vertical-align:middle}
div.digg .disabled *{color:#ddd;border:#eee 1px solid;padding:4px 10px;margin:5px}
div.digg .current *{color:#fff;font-weight:700;border:#bf141c 1px solid;padding:4px 10px;background-color:#bf141c}
div.digg .active *{color:#fff;background-color:#0C4192;border-color:#0C4192}
.btn{display:inline-block;color:#333;font-size:14px;text-align:center;line-height:1.6rem;border:1px solid #333}
.btn.bg{background-color:#0C4192;color:#fff;border-color:#0C4192}
.row{display:flex;flex-flow:row wrap;justify-content:space-between}
.row .col{flex:1}
.movebtn{position:relative;overflow:hidden;z-index:0}
.movebtn::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;background:#314cf3;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.7,0,.9,1);transition-timing-function:cubic-bezier(.7,0,.9,1)}
.movebtn:hover::before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1)}
.containe{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.containee{max-width:1400px;margin-left:auto;margin-right:auto}

@media screen and (max-width:768px){
  .containe{margin:0 auto!important;  max-width: 100%!important;
    padding: 0 4%;
    box-sizing: border-box;}
  
}

.inner_menu{border: solid 1px #f0f0f0;    box-sizing: border-box;    padding: 0 20px;margin-bottom:30px;}
.inner_menu ul li{line-height:1rem;padding-left:1rem;position:relative;margin-bottom:1rem;}
.inner_menu ul li:before{width:5px;height:5px;background:#111;content:"";position:absolute;left:0;top:0.3rem;}
.inner_menu ul li a{font-size:0.85rem;color:#111;}

#topbar{background-color:transparent;padding:.8rem 0}
@media screen and (max-width:1200px){
  #topbar{display:none}
}
#topbar .s1{color:#fff}
#topbar .i1{margin-right:10px;display:inline-flex;fill:#0C4192;width:16px;height:16px}
#topbar dl{float:right;display:inline-block;line-height:34px;font-size:.8rem;color:#666;height:30px}
@media (max-width:768px){
  #topbar dl{font-size:.88888889rem}
}
@media (max-width:640px){
  #topbar dl{font-size:1rem}
}
#topbar dl dd{display:inline-block;padding:0 .5rem;position:relative}
#topbar dl dd:first-child::after{background-color:#fff;display:block;content:" ";height:.6rem;width:1px;z-index:5;position:absolute;right:0;top:7px}
#topbar dl dd span{font-size:.8rem;color:#fff;vertical-align:text-top;line-height:.8}
@media (max-width:768px){
  #topbar dl dd span{font-size:.88888889rem}
}
@media (max-width:640px){
  #topbar dl dd span{font-size:1rem}
}
#topbar .xla{display:inline-block;vertical-align:middle;position:relative;float:right;margin-left:3%}
#topbar .xla ul{position:absolute;display:block;height:0;width:100%;top:100%;left:0;z-index:5;background-color:rgba(31,40,111,.52)}
#topbar .xla ul li{box-sizing:border-box;display:block;padding:5px 15px;line-height:1;white-space:nowrap}
#topbar .xla ul li amp-img{vertical-align:middle;margin-right:8px;margin-top:-2px}
#topbar .xla ul li:hover{background-color:#0C4192}
#topbar .xla ul a{color:#fff}
#topbar .xla .tit{cursor:pointer;color:#eee;padding-left:10px;line-height:30px;margin-right:1em}
#topbar .xla .tit svg{vertical-align:sub;fill:#eee;width:18px;height:15px;margin-left:10px;-webkit-transition:all .2s linear}
#topbar .xla .tit amp-img{vertical-align:middle;margin:-2px 1.5em 0 1em}
#topbar .xla .tit:hover svg{transform:rotate(-180deg)}
#topbar .xla:hover ul{padding:10px 0 5px;height:auto}
.sharebtns{float:right;font-size:.8rem;display:inline-block;margin-top:.4rem}
@media (max-width:768px){
  .sharebtns{font-size:.88888889rem}
}
@media (max-width:640px){
  .sharebtns{font-size:1rem}
}
.sharebtns i{display:inline-flex}
.sharebtns svg{width:20px;height:20px;fill:#fff;line-height:20px}
.sharebtns a{display:inline-block;font-size:0;padding:5px;vertical-align:text-top;border-radius:1rem;margin-left:.8rem}
.sharebtns a:hover svg{fill:#48abf9}
.sharebtns .ptop .proshare{padding-top:4%;font-size:0}
.sharebtns .icon_facebook{background-color:#4e71a8}
.sharebtns .icon_twitter{background-color:#1cb7eb}
.sharebtns .icon_linkedin{background-color:#1686b0}
.sharebtns .icon_youtube{background-color:#ca3737}
.sharebtns .icon_pinterest{background-color:#ca3737}
.sharebtns .icon_google{background-color:#e3411f}
.sharebtns .icon_instagram{background-color:#91429f}
.searDiv{overflow:hidden;position:relative;display:inline-block;box-sizing:border-box;float:right;border:none;width:2rem;height:2rem;margin-top:1.2rem;margin-left:3%;background:0 0;border-radius:5px;transition:all .4s linear}
@media screen and (max-width:1200px){
  .searDiv{display:none}
}
.searDiv .iconfont{position:absolute;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;right:11px;padding-left:6px;z-index:5;top:10px;display:inline-flex;width:20px;height:20px;fill:#b9b9b9}
@media (max-width:768px){
  .searDiv .iconfont{font-size:.94444444rem}
}
@media screen and (max-width:768px){
  .searDiv .iconfont{font-size:14px;top:7px}
}
.searDiv.active,.searDiv:hover{background-color:#fff;width:12rem}
.searDiv.active .iconfont,.searDiv:hover .iconfont{border-left:1px solid #ddd;fill:#0C4192}
#searcher{float:left;display:block;font-size:13px;color:#333;border:none;position:relative;height:38px;width:calc(100% - 50px);margin-right:4px;padding:0 0;background-color:transparent;z-index:10;text-indent:1em}
#searchglass{float:right;display:block;overflow:hidden;border:none;color:#fff;position:relative;z-index:99;height:36px;width:45px;cursor:pointer;background-color:transparent;background-position:3px center;background-repeat:no-repeat;text-indent:-99em}
#bghead{width:100%;background-color:#0C4192;position:fixed;z-index:87;top:0;left:0;height:125px;}
@media screen and (max-width:1200px){
  #bghead{display:none}
}
#header{width:100%;position:fixed;z-index:88;top:0;left:0;height:84px;background-color:transparent}
@media screen and (max-width:1200px){
  #header{background-color:#fff;overflow:hidden;position:fixed;z-index:888;height:52px;top:0;left:0}
  #header #topbar{display:none}
}
#header .navbar{font-size:0;position:relative;border-top:1px solid rgba(255,255,255,.5);background-color:transparent}
#header .navbar .logo{position:relative;display:inline-block;float:left;z-index:5;width:210px}
#header .navbar .logo img{display:block}
#header .navbar .logo h1{font-size:0;display:none}
@media (max-width:1200px){
  #header .navbar .logo{padding-top:8px;margin-left:6px;width:180px;background-image:url({{ params.imagePath }}logo2.png);background-repeat:no-repeat;background-position:0 center;background-size:auto auto}
  #header .navbar .logo img{display:none}
}
#header .navbar .mBtn{display:none;float:right;text-align:center;width:12%;margin-top:12px;cursor:pointer}
#header .navbar .mBtn i{display:inline-flex;fill:#000;width:30px;height:30px}
@media screen and (max-width:1200px){
  #header .navbar .mBtn{display:inline-block}
}
#header .navbar .share{float:right;margin-top:33px}
#header .navbar .share i{display:inline-flex}
#header .navbar .share svg{width:20px;height:20px;fill:#b3b3b8}
#header .navbar .share a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-left:.8rem}
#header .navbar .share a:hover svg{fill:#48abf9}
@media screen and (max-width:1200px){
  #header .navbar .share{display:none}
}
#header #Nav{text-align:center;overflow:visible;display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-left:5%}
@media screen and (max-width:1200px){
  #header #Nav{display:none}
}
#header #Nav a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#header #Nav li{position:relative;padding-right:42px}
#header #Nav li .tarA{position:relative;display:block;box-sizing:border-box;color:#fff;font-weight:700;text-align:left;line-height:84px;white-space:nowrap;font-size:16px;-webkit-transition:all .2s linear;transition:all .2s linear;text-transform:capitalize}
#header #Nav li .tarA.act{color:#0C4192}
#header #Nav li.tran .tarA::after{color:#333;font-size:1.3rem;display:inline-block;content:"";width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #fff;line-height:1px;margin-left:.5em;-webkit-transition:all .2s linear;transition:all .2s linear}
@media (max-width:768px){
  #header #Nav li.tran .tarA::after{font-size:1.13043478rem}
}
#header #Nav li:hover .tarA{color:#0C4192}
#header #Nav li:hover .tarA::after{transform:rotate(-180deg);border-top-color:#0C4192}
#header #Nav li:hover dl{display:block}
#header #Nav dl{text-align:left;display:none;position:absolute;min-width:250px;z-index:50;top:100%;background-color:rgba(10,55,134,.54)}
#header #Nav dl dd{display:block}
#header #Nav dl dd a{display:block;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.4;padding:.6em 1em;text-transform:capitalize}
@media (max-width:768px){
  #header #Nav dl dd a{font-size:.88888889rem}
}
@media (max-width:640px){
  #header #Nav dl dd a{font-size:1rem}
}
#header #Nav dl dd:hover{background-color:#0C4192}
#header #Nav dl dd:hover a{color:#fff}
#footer{overflow:hidden;clear:both;background-color:#0C4192;padding-top:4.5vw;background-image:url({{ params.imagePath }}6.jpg);background-repeat:no-repeat;background-position:0 center;background-size:cover}
#footer>.containe{flex-wrap:nowrap;display:flex}
@media screen and (max-width:980px){
  #footer{padding-top:0;background-color:transparent}
  #footer>.containe{display:none}
}
@media screen and (max-width:768px){
  #footer{padding-bottom:52px}
}
#footer .share02{float:right}
#footer .share02 i{display:inline-flex}
#footer .share02 svg{width:20px;height:20px;fill:#b7bdc8}
#footer .share02 a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-right:.6rem}
#footer .share02 a:hover svg{fill:#48abf9}
@media screen and (max-width:768px){
  #footer .share02{display:none}
}
#footer .flogo{max-width:30%}
#footer .flogo amp-img{margin-bottom:1em}
#footer .flogo svg{width:17px;height:17px;fill:#0C4192;display:inline-block;vertical-align:text-top;margin-right:.6em;margin-bottom:.5em}
#footer .flogo p{color:#fff;font-size:14px;line-height:1.76;max-width:24em}
#footer .flogo form{width:100%;background-color:#fff;padding:6px 6px 6px 12px;max-width:300px;margin-top:5%;height:40px;border-radius:4px}
#footer .flogo form input{font-style:italic;background-color:transparent;border:none;font-size:.9rem;color:#291f1f;width:60%;line-height:40px}
@media (max-width:768px){
  #footer .flogo form input{font-size:.94444444rem}
}
#footer .flogo form .i_sub{float:right;background-color:#0C4192;position:relative;width:40px;height:40px;border-radius:3px}
#footer .flogo form .i_sub svg{fill:#fff;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;z-index:5}
#footer .flogo form input[type=submit]{cursor:pointer;color:transparent;position:relative;z-index:8}
#footer h3.ftit{text-transform:uppercase;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1em;line-height:1}
@media (max-width:768px){
  #footer h3.ftit{font-size:1.16666667rem}
}
#footer h3.ftit::after{display:block;background-color:#0C4192;content:" ";height:4px;width:2.5rem;z-index:5;margin-top:.5em}
#footer .fast_links i{float:left;vertical-align:bottom;display:inline-flex;fill:#0C4192;width:20px;height:20px;margin-right:3px;margin-top:.5em;transform:rotate(-90deg)}
#footer .fast_links a{display:block;font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2.2;color:#f4f4f4}
@media (max-width:768px){
  #footer .fast_links a{font-size:.88888889rem}
}
@media (max-width:640px){
  #footer .fast_links a{font-size:1rem}
}
@media screen and (max-width:768px){
  #footer .fast_links{display:none}
}
#footer .copyright{text-align:left;clear:both;line-height:1.6;padding:1em 0;margin-top:4%;background-color:#002f6c;color:#f4f4f4}
@media screen and (max-width:980px){
  #footer .copyright{margin:0}
}
@media screen and (max-width:480px){
  #footer .copyright{padding:2% 0}
}
#footer .copyright a{display:inline-block;color:#ddd;margin:0 15px}
#footer .copyright a:hover{color:#fff}

@media screen and (max-width:1200px){
  body{max-width:100%;overflow-x:hidden}
}
.ind_tit{text-align:left;margin-bottom:3%;margin-top:3%}
.ind_tit small{display:block;font-size:1rem;color:#666}
.ind_tit h2{font-size:1.9rem;font-weight:700;color:#0C4192;text-transform:uppercase;line-height:1.4}
@media (max-width:768px){
  .ind_tit h2{font-size:1.31034483rem}
}
.ind_tit .des{font-size:.8rem;color:#666;display:block;max-width:1400px;margin:0 auto 1rem;line-height:1.9}
@media (max-width:768px){
  .ind_tit .des{font-size:.88888889rem}
}
@media (max-width:640px){
  .ind_tit .des{font-size:1rem}
}
.ind_tit .more{font-size:14px;color:#0C4192;text-transform:uppercase;font-weight:700;position:relative;display:inline-block;border-bottom:2px solid #0C4192;margin-bottom:1.8rem;margin-top:.5rem}
.ind_tit .more::after{display:inline-block;color:#0C4192;font-weight:700;font-size:1rem;font-family:'宋体';display:block;content:"  >";z-index:5;position:absolute;right:-25px;top:0;z-index:5}
.inner_tit h2{font-size:1.8rem;color:#333;font-weight:700;text-align:left;position:relative;line-height:2}
@media (max-width:768px){
  .inner_tit h2{font-size:1.28571429rem}
}
.inner_tit .des{font-size:.9rem;color:#666;line-height:1.6}
@media (max-width:768px){
  .inner_tit .des{font-size:.94444444rem}
}
@media screen and (min-width:768px){
  .contact .contact_list li h4{line-height:1.5;height:3.5em;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:2;overflow:hidden}
}
.c1btn{background-color:#0C4192;font-size:.8rem;color:#fff;display:block;padding:.5rem 2em;border-radius:3px;width:5em}
@media (max-width:768px){
  .c1btn{font-size:.88888889rem}
}
@media (max-width:640px){
  .c1btn{font-size:1rem}
}
.c1btn:hover{background-color:#ff8100;font-style:italic;text-decoration:underline}
#ind_about{background-color:#fff;padding:4% 0;overflow:hidden}
#ind_about .big{float:right;width:31.5rem;margin-left:6%}
@media screen and (max-width:980px){
  #ind_about .big{display:none}
}
#ind_about .c1btn{margin-top:7%}
#ind_about .des{font-size:.8rem;color:#666;margin-bottom:3%}
@media (max-width:768px){
  #ind_about .des{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_about .des{font-size:1rem}
}
#ind_who{text-align:left;background-color:#0C4192}
#ind_who ul{display:flex;flex-flow:row wrap;justify-content:space-between}
#ind_who li{width:33.3%;flex:1;padding:3% 8% 3% 0}
#ind_who li strong{font-size:1.6rem;color:#0C4192}
@media (max-width:768px){
  #ind_who li strong{font-size:1.23076923rem}
}
#ind_who li h3{font-size:1rem;font-weight:700;text-transform:uppercase;color:#fff;line-height:2.4}
#ind_who li .ico{transition:all 1s linear}
#ind_who li .des{font-size:.8rem;color:#ddd;overflow:hidden;line-height:1.8}
@media (max-width:768px){
  #ind_who li .des{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_who li .des{font-size:1rem}
}
#ind_who li:hover h3{color:#0C4192;text-decoration:underline}
#ind_who li:hover .ico{transform:rotateY(360deg)}
#ind_who li:hover .des{color:#fff}
@media screen and (max-width:768px){
  #ind_who li{text-align:left;flex:initial;width:100%}
  #ind_who li .ico{float:left;width:3.5rem;margin-right:1rem;margin-top:.5rem}
}
.slide_pros_wrap{overflow:hidden;padding-top:1em}
@media screen and (max-width:768px){
  .slide_pros_wrap{height:calc(39vw + 5em);padding-top:0}
}
.slide_pros{overflow:visible;}
.slide_pros .txtt{font-size:.8rem;position:absolute;color:#fff;background-color:#0C4192;display:inline-block;padding:5px 7px;z-index:5;top:-1px;left:-1px}
@media (max-width:768px){
  .slide_pros .txtt{font-size:.88888889rem}
}
@media (max-width:640px){
  .slide_pros .txtt{font-size:1rem}
}
.slide_pros amp-img{display:block}
.slide_pros .more{display:block;font-size:14px;color:#333;font-weight:700}
.slide_pros .figure{position:relative;box-sizing:border-box;background-color:#fff;width:354px;margin-right:1.5%;margin-bottom:1.7rem;box-shadow:0 0 26px rgba(25,35,150,.15)}
.slide_pros .figure:hover{box-shadow:0 0 26px rgba(22,26,70,.6)}
.slide_pros .figure:hover .more{color:#0C4192}
.slide_pros .figure:hover h4{color:#0C4192}
.slide_pros h4{font-size:.9rem;color:#333;font-weight:700;overflow:hidden;text-align:left;-webkit-line-clamp:2;line-height:1.2}
@media (max-width:768px){
  .slide_pros h4{font-size:.94444444rem}
}
.slide_pros .des{overflow:hidden;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:3% 0 5%;line-height:1.6;white-space:pre-wrap;height: 3em;}
.slide_pros .cont{padding:1.2rem 1.5rem}
@media screen and (max-width:768px){
  .slide_pros li{width:48.5%!important;margin-right:0!important;}
  .slide_pros .des{display:none}
  .slide_pros.innerc ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
}
.slide_pros.innerc ul{width:100%;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.slide_pros.innerc .cont{padding:1.2rem 1rem}
.slide_pros.innerc .more{color:#0C4192}
.slide_pros.innerc li{box-sizing:border-box;width:31.3%;margin-right:2%;margin-bottom:2%;border:1px solid #e4e4e4; float:left;}
@media screen and (max-width:640px){
  .slide_pros.innerc li{width:47%}
}
.slide_pros.innerc li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.slide_pros.innerc li:hover h4{color:#0C4192}

.products{padding:2rem 0;}
@media screen and (max-width:768px){
  .slide_pros .figure{width:45vw}
  .product-gallery{width:100%!important;}
  .ptop .pad{padding:0!important;}
  .ptop .wrap{overflow:visible;}
}
#ind_products{padding-bottom:4%}
#ind_products .ind_tit{margin-bottom:1%}
#ind_products .c1btn{margin:2% auto 0}
#ind_solute{padding-bottom:4%}
#ind_solute .ind_tit{text-align:center;margin-bottom:2%;margin-top:4.5%}
#ind_solute .c1btn{margin:1% auto 0}
#ind_solute amp-selector div[role=tab]{line-height:1.5}
@media screen and (max-width:768px){
  #ind_solute amp-selector.tabpanels [role=tabpanel],#ind_solute amp-selector[role=tablist].tabs-with-selector{padding-left:0;padding-right:0}
}
.ind_soluteul{text-align:center;width:102%}
.ind_soluteul li{float:left;width:23%;margin-right:2%}
@media screen and (max-width:768px){
  .ind_soluteul li{width:48%;margin-bottom:2%}
}
.ind_soluteul h3{font-size:.9rem;font-weight:700;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.7em}
@media (max-width:768px){
  .ind_soluteul h3{font-size:.94444444rem}
}
#ind_advantage{display:flex;flex-flow:row nowrap;justify-content:space-between}
#ind_advantage ._t{text-transform:uppercase;background-color:#0C4192;text-align:center;padding:8% 0}
#ind_advantage ._t small{font-size:1.2rem;color:#fff;display:block}
@media (max-width:768px){
  #ind_advantage ._t small{font-size:1.09090909rem}
}
#ind_advantage ._t strong{font-size:1.6rem;color:#0C4192}
@media (max-width:768px){
  #ind_advantage ._t strong{font-size:1.23076923rem}
}
#ind_advantage ._t strong em{color:#fff}
#ind_advantage ._b{display:flex}
#ind_advantage ._b .big{width:50%}
#ind_advantage ._b .txt{background-color:#0C4192;text-align:center;color:#fff;flex:1;display:flex;align-items:center;justify-content:center}
#ind_advantage ._b .txt .ico{display:inline-block;width:52px;height:52px;background-image:url({{ params.imagePath }}ico.png);background-repeat:no-repeat;background-position:0 0;background-size:auto auto}
#ind_advantage ._b .txt small{font-size:1rem;display:block}
#ind_advantage ._b .txt strong{font-size:4.5rem;line-height:1}
#ind_advantage ._b .txt .cont{display:inline-block}
#ind_advantage .wrap{background-color:#f4f5f9;flex:1}
#ind_advantage .wrap p{font-size:.8rem;color:#666}
@media (max-width:768px){
  #ind_advantage .wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_advantage .wrap p{font-size:1rem}
}
#ind_advantage .wrap .p1{font-size:1rem}
#ind_advantage .wrap h2{font-size:1.9rem;color:#0C4192;text-transform:uppercase;line-height:1.3;margin-bottom:.5em}
@media (max-width:768px){
  #ind_advantage .wrap h2{font-size:1.31034483rem}
}
#ind_advantage .wrap ul{margin-top:4%}
#ind_advantage .wrap li{font-size:.8rem;color:#333;padding-left:1.5em;background-image:url({{ params.imagePath }}ico.png);background-repeat:no-repeat;background-position:-70px 13px;background-size:auto;line-height:2}
@media (max-width:768px){
  #ind_advantage .wrap li{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_advantage .wrap li{font-size:1rem}
}
#ind_advantage .wrap .c1btn{margin-top:4%}
#ind_advantage .wrap .cont{padding:9% 9% 0}
@media screen and (max-width:768px){
  #ind_advantage{display:block}
  #ind_advantage .w50{float:none;width:100%}
  #ind_advantage .wrap .cont{padding:4% 4% 6%}
}
.slide_news_wrap{overflow:hidden}
@media screen and (max-width:768px){
  .slide_news_wrap{height:calc(39vw + 7em)}
}
.slide_news{overflow:visible;padding:10px 0}
.slide_news amp-img{display:block}
.slide_news .date{font-size:14px;color:#0C4192;line-height:2.4}
.slide_news .more{display:block;font-size:14px;color:#333;font-weight:700}
.slide_news .figure{position:relative;box-sizing:border-box;background-color:#fff;width:354px;margin-right:1.5%;margin-bottom:1.5rem}
.slide_news .figure:hover .more{color:#0C4192}
.slide_news .figure:hover h4{color:#0C4192}
.slide_news h4{font-size:.9rem;color:#333;font-weight:700;overflow:hidden;text-align:left;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}
@media (max-width:768px){
  .slide_news h4{font-size:.94444444rem}
}
.slide_news .des{font-size:14px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:3% 0 5%;line-height:1.6;white-space:pre-wrap}
.slide_news .cont{padding:1rem 0}
@media screen and (max-width:768px){
  .slide_news .figure{width:48vw}
  .slide_news .des{display:none}
}
.slide_news.inner{width:103%}
.slide_news.inner li{width:22%;margin-right:3%}
@media screen and (max-width:640px){
  .slide_news.inner li{width:47%}
}
#ind_news{padding-bottom:4%}
#ind_news .ind_tit{margin-bottom:1%}
#ind_news .c1btn{margin:2% auto 0}
#ind_inform .ind_tit{font-size:.8rem;margin-top:0}
@media (max-width:768px){
  #ind_inform .ind_tit{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_inform .ind_tit{font-size:1rem}
}
#ind_inform .ind_tit small{color:#fff}
#ind_inform .ind_tit h2{color:#0C4192}
#ind_inform .txt{float:left;width:25%;font-size:.8rem;color:#fff;margin-right:5%}
@media (max-width:768px){
  #ind_inform .txt{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_inform .txt{font-size:1rem}
}
#ind_inform .wrap p{font-size:.8rem;color:#fff;line-height:2}
@media (max-width:768px){
  #ind_inform .wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_inform .wrap p{font-size:1rem}
}
#ind_inform form{width:100%;padding-bottom:.5rem}
#ind_inform form .col{margin-right:20px}
#ind_inform form input,#ind_inform form textarea{background-color:#fff;border:none;width:100%;line-height:50px;margin-top:16px;text-indent:1.5em}
#ind_inform form textarea{box-sizing:border-box;padding:13px;height:116px;line-height:1.6;text-indent:0}
#ind_inform form input[type=submit]{background-color:#0C4192;text-transform:uppercase;color:#fff;font-weight:700;font-size:.8rem;text-indent:0}
@media (max-width:768px){
  #ind_inform form input[type=submit]{font-size:.88888889rem}
}
@media (max-width:640px){
  #ind_inform form input[type=submit]{font-size:1rem}
}
@media screen and (max-width:768px){
  #ind_inform{display:none}
}
amp-img.contain img{object-fit:contain}

.product-gallery{position:relative;float:left;width:42%}
@media screen and (max-width:640px){
  .product-gallery{float:none;width:99%;margin-bottom:5%}
}
.product-thumbs{float:left;clear:both;width:42%;margin-top:0.5em;}
@media screen and (max-width:768px){
  .product-thumbs{display:none}
}
.product-thumbs>ul{float:left;width:102%;display:flex;flex-flow:row nowrap;justify-content:flex-start}
.product-thumbs>ul li{cursor:pointer;flex:1;margin-bottom:.5rem;margin-right:2%;opacity:1;will-change:opacity;max-width:88px;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.product-thumbs>ul li amp-img{display:block;border:1px solid #ddd}
.product-thumbs>ul li amp-img.selected{border-color:#0C4192}
.product-thumbs>ul li amp-img:focus{outline:0}
.product-thumbs>ul li:active{opacity:.5}
.product-thumbs>ul li:focus{outline:0}
.product-gallery{background-color:#fff;flex:1}
.ptop{overflow:hidden;margin:1% 0 3%}
.ptop .w50{display:flex;width:48%;height:100%}
@media screen and (max-width:640px){
  .ptop .w50{width:100%;float:none}
}
.ptop .pad{padding-left:8%}
.ptop h1{font-size:1.6rem;font-weight:700;color:#333;line-height:1.2}
@media (max-width:768px){
  .ptop h1{font-size:1.09090909rem}
}
.ptop .des{font-size:.8rem;color:#666;line-height:1.7;padding-bottom:1.5rem;margin:3% 0;border-bottom:1px solid #e9e9e9}
@media (max-width:768px){
  .ptop .des{font-size:.88888889rem}
}
@media (max-width:640px){
  .ptop .des{font-size:1rem}
}
.ptop .btn{text-align:center;font-size:.8rem;color:#fff;border:none;background-color:#0C4192;min-width:9em;margin-right:3%;border-radius:5px;line-height:2.6;margin-top:4%}
@media (max-width:768px){
  .ptop .btn{font-size:.88888889rem}
}
@media (max-width:640px){
  .ptop .btn{font-size:1rem}
}
.ptop .btn i{display:inline-flex;width:1rem;height:1rem;fill:#fff;vertical-align:sub;margin-right:.5em}
.ptop .btn.m::before{background-color:#0C4192}
.ptop .btn.first{background-color:#0C4192}
.ptop .btn.first::before{background-color:#0C4192}
.ptop .proshare{padding-top:4%}
#proform{margin:2% 0 4%}
#proform h2{font-size:1.5rem;color:#0C4192;line-height:3;line-height:2}
@media (max-width:768px){
  #proform h2{font-size:1.2rem}
}
#proform h2 small{font-size:.9rem;color:#666;font-style:italic;font-weight:400;display:block;line-height:1.3}
@media (max-width:768px){
  #proform h2 small{font-size:.94444444rem}
}
#proform .row{margin-bottom:1.5%;display:block}
@media screen and (max-width:768px){
  #proform .row{width:100%}
}
#proform label{font-size:14px;color:#333;text-align:right;margin-right:1em;width:7em;float:left;line-height:3}
#proform label span{color:red}
@media screen and (max-width:768px){
  #proform label{width:4em;white-space:nowrap}
}
#proform input{width:100%;box-sizing:border-box;background-color:transparent;color:#666;border:1px solid #ddd;line-height:2;padding:.3rem;border-radius:3px}
#proform textarea{width:100%;box-sizing:border-box;height:14em;background-color:transparent;border:1px solid #ddd}
#proform input[type=submit],#proform input[type=reset]{float:left;font-size:14px;font-weight:700;display:block;background-color:#0C4192;color:#fff;line-height:2.3;text-align:center;border:none;width:7rem;margin:2em 0;cursor:pointer}
#proform input[type=submit]:hover,#proform input[type=reset]:hover{animation:jello 1s linear forwards}
#proform #verify{width:7em}
.ampTabContainer{display:flex;flex-wrap:wrap}
.ampTabContainer .tabButton[selected]+.tabContent{display:block}
.ampTabContainer .tabContent{display:none;width:100%;order:1}
.ampTabContainer.pro::before{display:block;position:absolute;content:" ";height:2.5rem;width:100%;z-index:0;border-bottom:1px solid #ddd}
.ampTabContainer.pro .tabButton{font-size:.9rem;color:#666;font-weight:400;position:relative;text-align:center;box-sizing:border-box;line-height:2.5rem;min-width:8em}
@media (max-width:768px){
  .ampTabContainer.pro .tabButton{font-size:.94444444rem}
}
.ampTabContainer.pro .tabButton[selected]{font-size:1rem;color:#0C4192;font-weight:700}
.ampTabContainer.pro .tabButton[selected]::before{background-color:#0C4192;position:absolute;content:"";width:100%;height:3px;z-index:5;left:0;bottom:-2px;top:inherit}
amp-selector [option][selected]{outline:#fff}
.tabContent .article_cont{padding:2% 0}
@media screen and (max-width:640px){
  .tabContent .article_cont{padding:5% 0}
}
.relate_tit2{margin-bottom:2%;overflow:visible;border-bottom:1px solid #e6e6e6}
.relate_tit2 span{font-size:1.6rem;color:#333;font-weight:700;display:inline-block;overflow:visible;line-height:2.6;width:4.5rem;white-space:nowrap;border-bottom:5px solid #0C4192;margin-bottom:-1px}
@media screen and (max-width:768px){
  .downlist{margin-top:1rem}
}
.downlist li{overflow:hidden;border-bottom:1px dashed #ddd;padding:1.5em 0}
.downlist li h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;color:#333;font-style:italic;font-weight:400}
@media (max-width:768px){
  .downlist li h5{font-size:.88888889rem}
}
@media (max-width:640px){
  .downlist li h5{font-size:1rem}
}
.downlist li .icon-filepdf{color:#0C4192;font-size:1.2rem;float:left;margin-right:1%;line-height:1;display:inline-flex;fill:#0C4192;width:1.5rem;height:1.5rem}
@media (max-width:768px){
  .downlist li .icon-filepdf{font-size:1.09090909rem}
}
.downlist li a{float:right;font-size:14px;color:#999;text-transform:uppercase;margin-top:.5em}
.downlist li a i{display:inline-flex;fill:#999;width:1.5rem;height:1rem;vertical-align:middle;margin-right:.5em}
@media screen and (max-width:640px){
  .downlist li{padding:.5rem 0}
}
.pro_mess{overflow:hidden;padding:2% 0;background-color:#0C4192}
.pro_mess .table_tit{font-size:1.5rem;color:#fff;font-weight:700;text-align:center}
@media (max-width:768px){
  .pro_mess .table_tit{font-size:1.2rem}
}
.i-amphtml-carousel-arrows{display:none!important;}
.pro_mess p{font-size:.8rem;color:#fff;text-align:center;font-style:italic}
@media (max-width:768px){
  .pro_mess p{font-size:.88888889rem}
}
@media (max-width:640px){
  .pro_mess p{font-size:1rem}
}
@media screen and (max-width:768px){
  .pro_mess{display:none}
}
.slide_rp{margin-bottom:10%}
.slide_rp .figure{overflow:hidden;text-align:left;cursor:pointer;width:388px;padding:1rem; box-sizing:border-box;}
.slide_rp .figure amp-img{border:1px solid #ddd}
.slide_rp .figure span{display:block; width:100%; line-height:0;}
.slide_rp .figure span img{width:100%;}
.slide_rp .figure h5{font-size:1.2rem;font-weight:700;color:#333;width:100%;line-height:1.2;margin:0.5rem 0;}
.slide_rp.pro{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.slide_rp.mc{display:none;}
.slide_rp .figure:hover{background:#eee;}
@media (max-width:768px){
  .slide_rp .figure h5{font-size:.94444444rem}
  .slide_rp.pro{display:none;}
  .slide_rp.mc{display:block;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;height:auto!important;}
  .slide_rp.mc .figure{width:48.5%;margin-bottom:3%;}
}
.slide_rp{height:370px!important;}
.slide_rp .figure h5:hover{color:#0C4192}
.slide_rp .figure small{color:#666;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:0.8rem;}
@media screen and (max-width:1600px){
  .slide_rp .figure{width:22vw}
}
@media screen and (max-width:768px){
  .slide_rp .figure{width:12rem}
  .slide_rp .figure small{font-size:0.8rem;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
}
.abtit{font-size:1.2rem;color:#333;font-weight:700;margin-bottom:1rem}
@media (max-width:768px){
  .abtit{font-size:1.09090909rem}
}
.about_top{font-size:.9rem;color:#666;overflow:hidden;padding:4% 0 5%}
@media (max-width:768px){
  .about_top{font-size:.94444444rem}
}
.about_top .trimg{float:right;width:42%;margin-left:5%}
@media screen and (max-width:768px){
  .about_top .trimg{float:none;width:100%;margin-left:0;margin-bottom:3%}
}
.about_mid{font-size:.9rem;color:#666;padding:4% 0 6%;margin-bottom:3%;background-color:#f4f5f9}
@media (max-width:768px){
  .about_mid{font-size:.94444444rem}
}
.about_mid .cont{max-width:30em}
.about_mid .abscon{position:absolute;width:50%;height:300px;z-index:5;left:50%;top:0}
@media screen and (max-width:768px){
  .about_mid .abscon{position:relative;width:100%;left:0;margin-bottom:3%}
  .about_mid .cont{max-width:100%}
}
.slide_site{margin-bottom:3%}
.slide_site .figure{margin-right:1rem}
.slide_site .tit{font-size:.8rem;color:#333;text-align:center;line-height:3}
@media (max-width:768px){
  .slide_site .tit{font-size:.88888889rem}
}
@media (max-width:640px){
  .slide_site .tit{font-size:1rem}
}
.inner_new{margin-top:-.7rem}
@media screen and (max-width:768px){
  .inner_new{padding:0}
}
.inner_new li{position:relative;box-sizing:border-box;padding:.7rem .7rem .7rem 0}
.inner_new li .item3{position:relative;z-index:5}
.inner_new li .item3 a{display:block;overflow:hidden;cursor:pointer}
.inner_new li .date{font-size:14px;color:#939393}
.inner_new li .date i{display:inline-flex;vertical-align:sub;width:16px;height:16px;margin-right:.5em;fill:#999}
.inner_new li .big{width:13rem;float:left;box-sizing:border-box;border:1px solid #ddd;margin-right:3%;-webkit-transition:all .3s linear;transition:all .3s linear}
.inner_new li .text-wrap{position:relative;overflow:hidden}
.inner_new li .text-wrap .title{font-size:1rem;font-weight:700;color:#333;overflow:hidden;line-height:1.2;margin-bottom:.5rem;margin-top:1%}
@media screen and (min-width:768px){
  .inner_new li .text-wrap .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (max-width:768px){
  .inner_new li .text-wrap .title{height:2.3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
.inner_new li .text-wrap p{overflow:hidden;display:block;font-size:.8rem;line-height:1.7;padding-top:5px;height:3.4em;margin-bottom:.5rem;color:#717171}
@media (max-width:768px){
  .inner_new li .text-wrap p{font-size:.88888889rem}
}
@media (max-width:640px){
  .inner_new li .text-wrap p{font-size:1rem}
}
.inner_new li .text-wrap .more{font-size:.8rem;color:#0C4192;font-weight:700}
@media (max-width:768px){
  .inner_new li .text-wrap .more{font-size:.88888889rem}
}
@media (max-width:640px){
  .inner_new li .text-wrap .more{font-size:1rem}
}
.inner_new li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.inner_new li:hover .big{margin-left:1rem}
.inner_new li:hover .title{color:#0C4192}
.inner_new li:hover .fa{color:#0C4192;border-color:#0C4192}
.inner_new li:hover .more{color:#0C4192}
@media screen and (max-width:640px){
  .inner_new li{padding:.6em}
  .inner_new li.first .big{width:100%;margin-right:0;float:none;margin-bottom:1em}
  .inner_new li.first .title{margin-bottom:0}
  .inner_new li .date{display:none}
  .inner_new li .big{border:none;padding-left:0;width:8rem}
  .inner_new li .text-wrap .title{font-size:15px;padding-bottom:0;line-height:2;height:1.7em}
  .inner_new li .text-wrap p{height:2.5em;line-height:1.3}
  .inner_new li .more{display:none}
}
.inner_products ul{width:102%;display:flex;flex-flow:row wrap;justify-content:flex-start}
@media screen and (max-width:768px){
  .inner_products ul{width:100%}
  .inner_products ul li{width:100%;margin-right:0;margin-bottom:1em}
}
.inner_products .big{background-color:#fff}
.inner_products .cont{padding: 1.2rem 5% 0 5%;}
.inner_products .cont .more{display:block;font-size:14px;color:#0C4192;font-weight:700;text-transform:uppercase}
.inner_products .cont .more i{color:#0C4192;font-family:'宋体';font-weight:700;font-size:1rem;display:inline-block;vertical-align:middle;margin-left:.5em}
.inner_products .cont h4{
overflow: hidden;
    text-align: left;
    font-size: 0.9rem;
    color: #333;
    font-weight: 700;
    line-height: 1.2rem;
    height: 2.5rem;
}
@media (max-width:768px){
  .inner_products .cont h4{font-size:.94444444rem}
}
.inner_products .cont h4 a{color:#333}
.inner_products .cont small{font-size:15px;color:#0C4192;font-weight:400;display:block;text-transform:initial;line-height:.7;margin-top:.7rem}
@media (max-width:640px){
  .inner_products .cont small{font-size:1rem}
}
@media screen and (max-width:768px){
  .inner_products .cont small{display:none}
}
.inner_products .cont .conf{display:block;font-size:14px;color:#666;overflow:hidden;line-height:1.6;margin:.6em 0 1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;    height: 2.9em;}
.inner_products .btn{font-size:.8rem;text-align:center;display:block;float:left;border:none;line-height:2.7;width:48%}
@media (max-width:768px){
  .inner_products .btn{font-size:.88888889rem}
}
@media (max-width:640px){
  .inner_products .btn{font-size:1rem}
}
.inner_products .btn.a1{color:#fff;background-color:#0C4192;margin-right:4%}
.inner_products .btn.a1:hover{background-color:#0C4192}
.inner_products .btn.a2{color:#0C4192;background-color:#f0f2f6}
.inner_products .btn.a2:hover{background-color:#dcdcdc}
.inner_products .btns{overflow:hidden}
.inner_products li{
box-sizing: border-box;
    width: 31.5%;
    margin-right: 1.8%;
    border: 1px solid #e4e4e4;
    padding: .8rem 0 1rem 0;
    margin-bottom: 1.8%;
}
.inner_products li:hover .cont h4{color:#0C4192}
.inner_products li:hover .cont h4 a{color:#0C4192}
.inner_products li:hover .more{color:#0C4192}
.inner_caselist{width:100%;margin-top:1%;display:flex;flex-flow:row wrap;justify-content:flex-start}
.inner_caselist .big{border-top-left-radius:.5rem;border-top-right-radius:.5rem}
.inner_caselist .cont{padding:3% 4% 4%;background-color:#fff}
.inner_caselist .des{font-size:.8rem;color:#666;overflow:hidden;display:box;display:-webkit-box;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:2% 0}
@media (max-width:768px){
  .inner_caselist .des{font-size:.88888889rem}
}
@media (max-width:640px){
  .inner_caselist .des{font-size:1rem}
}
.inner_caselist .more{font-size:14px;color:#0C4192;text-transform:uppercase;font-weight:700;position:relative;display:inline-block;border-bottom:2px solid #0C4192}
.inner_caselist .more::after{display:inline-block;color:#0C4192;font-weight:700;font-size:1rem;font-family:'宋体';display:block;content:"  >";z-index:5;position:absolute;right:-25px;top:0;z-index:5}
.inner_caselist li{box-sizing:border-box;width:30.3%;margin-right:3%;margin-bottom:2.5%}
.inner_caselist li .tit{font-size:1rem;color:#0C4192;font-weight:700;line-height:1.5}
.inner_caselist li:hover{box-shadow:2px 2px 7px rgba(70,70,70,.2)}
.inner_caselist li:hover .tit{color:#0C4192}
.inner_caselist li:hover .more{color:#0C4192;border-color:#0C4192}
.inner_caselist.our li{width:22.7%;    box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.inner_caselist.our li:nth-child(4n){margin-right:0;}
@media screen and (max-width:768px){
  .inner_caselist{padding:0}
  .inner_caselist li{width:48.5%!important;float:left;margin-right:2%;}
  .inner_caselist li:nth-child(2n){margin-right:0;}
  .abo-tit{display:none;}
}
.contact_containe{margin:2% auto}
.contact_containe h2{position:relative;font-size:1.4rem;color:#333;font-weight:700;text-align:left;margin-bottom:1rem;line-height:2}
@media (max-width:768px){
  .contact_containe h2{font-size:1.16666667rem}
}
.share03{margin-top:4%}
.share03 i{display:inline-flex;background-color:#efedee;padding:10px;border-radius:50%}
.share03 svg{width:20px;height:20px;fill:#999}
.share03 a{display:inline-block;font-size:0;vertical-align:middle;border-radius:1rem;margin-right:.6rem}
.share03 a:hover svg{fill:#48abf9}
.con_fr{float:right;width:35%;margin-left:5%}
.con_fr dl{margin-top:4%;display:flex;flex-flow:row wrap;justify-content:space-between}
.con_fr dl h3{font-weight:700;font-size:.9rem;color:#333;margin-bottom:.3em}
@media (max-width:768px){
  .con_fr dl h3{font-size:.94444444rem}
}
.con_fr dl p{font-size:.8rem;color:#666;line-height:1.4}
@media (max-width:768px){
  .con_fr dl p{font-size:.88888889rem}
}
@media (max-width:640px){
  .con_fr dl p{font-size:1rem}
}
.con_fr dl dd{width:40%}
@media screen and (max-width:768px){
  .con_fr{float:none;margin-left:0;margin-bottom:5%;width:100%}
}
#conform{overflow:hidden}
#conform .tit_p{font-size:14px;color:#666;max-width:36em}
#conform .tit_p.m{font-size:.8rem}
@media (max-width:768px){
  #conform .tit_p.m{font-size:.88888889rem}
}
@media (max-width:640px){
  #conform .tit_p.m{font-size:1rem}
}
#conform .w50{box-sizing:border-box;width:32%;margin-right:1%;float:left;border-radius:3px;border:1px solid #dfdfdf}
#conform .row{margin-bottom:1.5%;display:block;background-color:#fff}
@media screen and (max-width:768px){
  #conform .row{width:100%}
}
#conform label{font-size:14px;color:#333;text-align:left;margin-right:1em;float:left;line-height:3;padding-left:1em}
#conform label span{color:red}
@media screen and (max-width:768px){
  #conform label{white-space:nowrap}
}
#conform .txt{border-radius:3px;border:1px solid #dfdfdf;width:99.5%}
#conform input{width:100%;box-sizing:border-box;border:none;background-color:transparent;color:#666;line-height:2;padding:.3rem}
#conform textarea{box-sizing:border-box;border:none;height:14em;background-color:transparent;padding-top:1em}
#conform input[type=submit],#conform input[type=reset]{float:left;font-size:.8rem;font-weight:700;display:block;background-color:#0C4192;color:#fff;line-height:2.3;text-align:center;border:none;margin:2em 0;cursor:pointer;text-transform:uppercase;width:13rem}
@media (max-width:768px){
  #conform input[type=submit],#conform input[type=reset]{font-size:.88888889rem}
}
@media (max-width:640px){
  #conform input[type=submit],#conform input[type=reset]{font-size:1rem}
}
#conform input[type=submit]:hover,#conform input[type=reset]:hover{animation:jello 1s linear forwards}
@media screen and (min-width:768px){
  #conform .row.txt{width:98%}
}
@media screen and (max-width:768px){
  #conform .w50{width:100%;margin-right:0}
}

@media screen and (max-width:640px){
  .ptop .pad{padding-left:0}
}
.innernav{font-size:0;text-align:right;width:100%;overflow:hidden;margin-bottom:3%;background:#f2f2f4}
.innernav.desc{margin-bottom:0!important;}
.bj{padding:2rem 0;}
.innernav a.nava{display:inline-block;font-size:.8rem;color:#666;line-height:3rem;padding:0 2em}
@media (max-width:768px){
  .innernav a.nava{font-size:.88888889rem}
}
@media (max-width:640px){
  .innernav a.nava{font-size:1rem}
}
.innernav a.nava.total{display:none}
.innernav a.nava.act,.innernav a.nava:hover{border-color:#0C4192;position:relative;z-index:8;color:#fff;background-color:#cd2f67}
.innernav .path{float:left;font-size:14px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;padding:1em 0}
.innernav .path a{padding:0 2px;color:#8e8e8e}
.innernav .path a:hover{color:#0C4192}
.innernav .path i{display:inline-block;vertical-align:sub;display:inline-flex;fill:#0C4192;width:14px;height:14px;margin-right:5px}
@media screen and (max-width:640px){
  .innernav{overflow:hidden}
  .innernav a.nava{display:none}
  .innernav .path{padding:.5em 0}
}
.breaker{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;line-height:30px;padding-left:2em;background-position:0 center}
.breaker a{color:#999}
.breaker a:hover{color:#0C4192}
.breaker i{color:#0C4192;text-align:center;font-size:1rem;background-color:#eee;width:1.6em;line-height:1.6;margin-right:.5em;border-radius:50%}
@media screen and (max-width:768px){
  .breaker{margin:0;padding:0}
}
@media screen and (max-width:640px){
  .titbar{margin-bottom:10px}
}
.titbar.break{height:2rem;margin:.4rem 0 1.1rem;padding:0;border-bottom:1px solid #ddd}
.titbar.break .breaker{float:right}
.titbar.break h2{color:#333;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;border-left:5px solid #0C4192;padding-left:.5em}
@media screen and (max-width:640px){
  .titbar.break{overflow:hidden;margin-bottom:5vw;padding-bottom:2%}
  .titbar.break .breaker{float:none}
  .titbar.break h2{display:none}
}
#toolbar{display:none;width:100%;background-color:#fff;height:55px;position:fixed;z-index:999;bottom:0;left:0;border-top:1px solid #E5E9F2}
@media (max-width:767px){
  #toolbar{display:block}
}
#toolbar ul{padding-top:5px}
#toolbar ul li{float:left;position:relative;text-align:center;width:25%}
#toolbar ul li a{width:100%;position:relative;color:#1b2c42;line-height:23px;padding-top:7px}
#toolbar ul li a i{display:inline-flex;fill:#1b2c42;width:22px;height:22px}
#toolbar ul li a span{font-size:13px;display:block}
#toolbar ul li:hover a{color:#0C4192}
.amp-sidebar{background-color:#fff}
#drawermenu button{font-size:0;background-color:#fff;border:none;position:absolute;height:60px;padding:20px;background-image:url({{ params.imagePath }}closed.png);background-repeat:no-repeat;background-position:center;background-size:auto auto;width:60px;outline:0;left:initial;right:0;z-index:8;opacity:1}
.m_nav{overflow:hidden;height:100%;background-color:#fff;z-index:-1;width:65vw;margin-top:0;opacity:1;height:100vh;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%)}
.m_nav .bg{background-repeat:no-repeat;background-position:100% 100%;background-size:auto auto;padding-bottom:10px;margin-bottom:-10px}
.m_nav .overly{position:absolute;height:100%;width:102vw;right:0;z-index:0;top:0}
.m_nav .top{box-sizing:border-box;height:60px;padding:20px}
.m_nav .top .closed{display:inline-flex;float:right;fill:#666;width:27px;height:27px;margin-top:.5rem}
.m_nav .mlogo{box-sizing:border-box;margin-top:10vh;padding-left:1em;width:95%}
.m_nav .mlogo img{display:block;height:auto}
.m_nav .ul{overflow-y:auto;height:calc(100vh - 180px);margin-top:20px}
.m_nav .ul li{padding:0 20px;opacity:0;border-bottom:1px solid #f5f5f5;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-webkit-transform:translateY(100%);transform:translateY(0);transform:translateY(100%)}
.m_nav .ul li a{display:block;width:100%;height:50px;font-size:16px;color:#333;line-height:50px;text-decoration:none}
.m_nav .ul li a.leve1{display:block;width:auto;margin-right:3em}
.m_nav .ul li .dropdown_menu{display:none;transition:none}
.m_nav .ul li .dropdown_menu a{display:block;box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:50px;line-height:50px;padding:0 40px 0 .6em;border-bottom:1px solid #f5f5f5;font-size:15px}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.m_nav .ul li .icon-xialajiantou{position:absolute;font-weight:700;text-align:center;color:#666;cursor:pointer;top:11px;right:5px;z-index:20;height:15px;width:35px;line-height:35px;transition:all .5s ease 0s;font-size:8px;border:7px solid #fff;border-radius:50%;display:inline-flex;fill:#666}
.m_nav .ul li .icon-xialajiantou.up{transform:rotate(180deg)}
.m_nav .ul li .icon-xialajiantou.up svg{fill:#0C4192}
.m_nav .ul li .icon-xialajiantou.up+.dropdown_menu{display:block}
.m_nav .ul li .icon-arright{position:absolute;font-weight:700;text-align:center;color:#666;cursor:pointer;top:20px;right:0;z-index:20;height:15px;width:19px;transition:all .5s ease 0s;display:inline-flex;fill:#bbb}
.m_nav .ul li:first-child .icon-xialajiantou{display:none}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav.open{z-index:1000;transform:translateX(0)}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.sub_title{text-align:left;margin-bottom:1.5rem;border-bottom:1px solid #e9e9e9;padding-bottom:1.5rem}
@media screen and (max-width:768px){
  .sub_title{padding-bottom:0;margin-bottom:3vw}
}
.sub_title .articleTit{font-size:1.5rem;font-weight:700;color:#333;letter-spacing:1;line-height:1.2;margin-bottom:1rem}
@media (max-width:768px){
  .sub_title .articleTit{font-size:1.2rem}
}
@media screen and (max-width:640px){
  .sub_title .articleTit{line-height:1.6}
}
.sub_title .sub_info{color:#666}
.sub_title .sub_info .iconfont{font-size:14px;margin-right:.5em}
.sub_title .sub_info span{margin-right:10%}
.sub_title .sub_info i{display:inline-flex;vertical-align:sub;width:16px;height:16px;margin-right:.8em;fill:#666}
.article{line-height:1.7;font-size:.85rem;color:#333}
@media (max-width:640px){
  .article{font-size:1rem}
}
.article table{width:100%;min-width:600px}
.article img{max-width:100%;height:auto;margin-bottom:.5em;margin-top:.5em}
@media screen and (max-width:768px){
  .article .aimg{height:initial}
}
.article_cont{font-size:.8rem;color:#333;margin-bottom:2rem;}
@media (max-width:768px){
  .article_cont{font-size:.88888889rem}
}
@media (max-width:640px){
  .article_cont{font-size:1rem}
}
.article_cont.pad{padding:2% 1%}
.skip{overflow:hidden;margin-top:50px;margin-bottom:30px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}
.skip a{color:#666}
.skip a:hover{color:#0C4192;text-decoration:underline}
@media screen and (max-width:640px){
  .skip>div{width:100%;float:none;padding:5px;margin-left:-5px}
}
h3.tag{color:#999;font-weight:400;font-size:14px;padding-bottom:4%;border-top:1px dashed #e0e1dc;margin-top:10px;padding-top:1%}
h3.tag i{display:inline-flex;padding:7px;background-color:#0C4192;border-radius:50%;margin-top:2px}
h3.tag svg{width:15px;height:15px;fill:#fff;line-height:20px}
h3.tag a{color:#666;margin:0 8px 0 5px}
h3.tag a:hover{color:#0172bd}
h1.tagname{position:absolute;color:#fff;font-size:2.25rem;font-weight:700;top:-13vw;left:0;z-index:66;letter-spacing:1px}
@media (max-width:768px){
  h1.tagname{font-size:1.36363636rem}
}
.tags .breaker{float:left}
.taglist{background-color:#fff;padding:2em 1.5em;margin-bottom:5vw;margin-top:-1%}
.taglist a{display:inline-block;color:#666;font-size:14px;padding:3px 10px;background-color:#f3f3f3;white-space:nowrap;margin:4px 10px 4px 0;border-radius:3px}
.taglist a:hover{color:#fff;background:#1abc9c}
@media screen and (max-width:768px){
  .taglist{padding:0 1em}
}
.lside{     float: left;
    width: 300px;
    margin-right: 2%;
    margin-bottom: 3vw;
    margin-left: -8%;}
.rig{width:81%;float:right;}
.lside.fixed{position: fixed;
            top: 0;left:21.5%;}    
@media screen and (max-width:980px){
  .lside{display:none}
}
.lside .grayblock{box-sizing:border-box;margin-bottom:1.8rem}
.lside .grayblock h2,.lside .grayblock h3{font-size:1.3rem;color:#fff;background-color:#0C4192;font-weight:700;position:relative;line-height:3;text-indent:1.5em}
@media (max-width:768px){
  .lside .grayblock h2,.lside .grayblock h3{font-size:1.13043478rem}
  .rig{width:100%;}
  .xsl-news-list6 dl{width:100%!important; box-sizing:border-box;}
}
.lside .grayblock h2 svg,.lside .grayblock h3 svg{width:1rem;height:1rem;fill:#fff;position:absolute;right:1.5em;top:50%;margin-top:-.5rem}
.lside .iauth{background-color:#fff;border:1px solid #e4e4e4;padding:.5em 1rem .7rem}
.lside .iauth li{line-height:3.3;border-bottom:1px solid #e4e4e4}
.lside .iauth li a{color:#333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700}
@media (max-width:768px){
  .lside .iauth li a{font-size:.88888889rem}
}
@media (max-width:640px){
  .lside .iauth li a{font-size:1rem}
}
.lside .iauth li a i{float:right;vertical-align:bottom;display:inline-flex;fill:#cacaca;width:20px;height:20px;margin-right:3px;margin-top:.8rem;transform:rotate(-90deg)}
.lside .iauth li a.act,.lside .iauth li a:hover{color:#0C4192}
.lside .iauth li a.act i,.lside .iauth li a:hover i{fill:#0C4192}
.lside .iauth li:last-child{border:none}
.lside .lh3{font-size:1.3rem;color:#333;font-weight:700;position:relative;line-height:2}
@media (max-width:768px){
  .lside .lh3{font-size:1.13043478rem}
}
.lside .pre_pros{background-color:#fff}
.lside .pre_pros amp-img{width:100px;float:left;border:1px solid #ececec;margin-right:.6em}
.lside .pre_pros p{font-size:14px;color:#333;text-align:left;overflow:hidden;font-weight:700;display:-webkit-box;line-height:1.4;margin-top:1em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lside .pre_pros li{overflow:hidden;margin-top:.5rem}
.lside .pre_pros li img{width:100%;}
.lside .pre_pros li:hover amp-img{border-color:#0C4192}
.lside .pre_pros li:hover p{color:#0C4192}
.lside .pre_news{background-color:#fff;padding:.5em 1rem .7rem;border:1px solid #e4e4e4}
.lside .pre_news p{font-size:.8rem;color:#333;text-align:left;overflow:hidden;font-weight:700;display:-webkit-box;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:768px){
  .lside .pre_news p{font-size:.88888889rem}
}
@media (max-width:640px){
  .lside .pre_news p{font-size:1rem}
}
.lside .pre_news li{position:relative;margin-top:.5rem;border-bottom:1px solid #e4e4e4;padding-bottom:.5rem;padding-left:.8em}
.lside .pre_news li::before{display:inline-block;background-color:#0C4192;content:" ";height:.3rem;width:.3rem;z-index:5;position:absolute;left:-2px;top:3px}
.lside .pre_news li:last-child{border:none}
.lside .pre_news li:hover p{color:#0C4192}
.relate_news{width:102%;margin-bottom:3%}
.relate_news li{float:left;position:relative;width:47%;margin-right:3%;border-bottom:1px dashed #dedede;line-height:2.8}
.relate_news li::before{display:inline-block;width:0;height:0;content:" ";z-index:5;position:absolute;left:0;top:50%;margin-top:-5px;border-left:6px solid #0C4192;border-top:5px solid transparent;border-bottom:5px solid transparent}
@media screen and (max-width:768px){
  .relate_news li{float:none;width:97%}
}
.relate_news li a{display:block}
.relate_news li h5{color:#333;display:block;font-weight:400;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;text-indent:15px}
.relate_news li h5:hover{color:#0C4192}
.relate_news li .date{color:#999;display:inline-block;float:right;font-size:13px;line-height:3.2;padding-left:.5em;height:2.8em}
.relate_news li:hover a{text-decoration:underline}
.relate_news li:hover .date{color:#0C4192}



a:focus,input, button, textarea, select{outline:0;} 


.about-nav{

    font-weight: bold;
    box-shadow: 0 3px 4px #e9e9e9;
    padding-bottom:28px;
    margin-bottom:28px;
}

.about-nav .abo-tit{float:left;    font-size:30px;    line-height:48px;
    color:#000;}

.inner_newstit ul{
    float:right;
}


.inner_newstit li{float:left;line-height:48px;}

.inner_newstit li a{

    padding:0 2.25rem;

    border-radius: 30px;

    font-size:1rem;

    color:#333;

    display: block;

}
.inner_newstit.cap li a{    padding: 0 1.25rem;    font-size: 0.85rem;}


.inner_newstit li:hover a,.inner_newstit li.cur a{
    color: #fff;
    background: #0C4192;

}
@media screen and (max-width: 767px){
    .inner_newstit li{width:100%;margin-left:0;margin-bottom:1rem; text-align:center;border:1px solid #eee;border-radius:2.5rem;}
    .about-nav ul{width:100%;}
    
}

.p5_contact{border:solid 1px #f0f0f0;box-sizing:border-box;padding:0 20px;}
.p5_title2{margin-bottom:1rem;}
.p5_title2 span{height:75px;font-size:24px;font-weight:normal;line-height:75px;color:#333;border-bottom:1px solid #fff; display:inline-block; position:relative}
.p5_title2 span::before {display: block;content: " ";clear: both;height: 2px; width:100%; background:#014499;  position:absolute; bottom:10px; left:0}

.p5_title2{height:80px!important;}
.p5_title2::before{display:none;}
.p5_contact_con p{font-weight:bold;line-height:22px;color:#898989;padding:0 0 6px;}
.p5_contact_con li{line-height:24px;min-height:34px;word-wrap:break-word;color:#333;overflow:hidden;margin-bottom:15px;font-size:0.85rem;}
.p5_contact_con li span{width:22px;height:24px;display:block;float:left;margin-right:-22px;background:url({{ params.imagePath }}VISkins-p5.png) no-repeat -2px -8px;}
.p5_contact_con li em{padding-left:25px;display:block;overflow:hidden;color:#333;font-size:0.85rem;}
.p5_contact_con li em a{color:#333;font-size:0.85rem;}
.p5_contact_con li.p5_contact_l1 span{background-position:-2px -45px;}
.p5_contact_con li.p5_contact_l2 span{background-position:-2px -80px;}







<script type="text/javascript">
    $(function() {
        var tableScr = $(".tableScrolling");
        var isWin = Boolean(navigator.platform.match(/(Win32|Windows|Mac68K|MacPPC|Macintosh|MacIntel)/g));
        for (var i = 0; i < tableScr.length; i++) {
            var $iTableScr = $(tableScr[i]);
            var hasHint = $iTableScr.next().hasClass('tablesHint');
            if (($iTableScr.children("table").width() > $iTableScr.width()) && !isWin) {
                if (!hasHint) {
                    tableScr.after('<p class="tablesHint" style="font-size:12px;margin:0;padding:5px 0 0 0;text-indent:0;text-align:left;">左右拖动表格显示其他内容</p>');
                }
                tableScr.eq(i).next(".tablesHint").eq(0).show();
            }
        }
    });
</script>
 .clear{clear:both;}
        .super{padding:9rem 0 0;background:url(../images/super.webp) no-repeat center top;background-size:100% 30rem;}
.super .contentt{width:84%;margin:0 auto;}
.super .contentt h2{line-height: 3rem;padding-left:3.3rem;background:url(../images/pro-ico.png) no-repeat left;background-size:2.3rem 1.9rem;font-size: 2.4rem;color:#ffffff;font-family: 'OpenSans-B'; margin-bottom: 3.5rem;}
.super .sup-con{padding:2.5rem 2.2rem;background:#FFF;border-radius: 0.5rem; position: relative;}
.super dl{position: relative; overflow: hidden;}
.super dl dt{width:100%; line-height: 0; overflow: hidden; position: relative;}
.super dl dt:before{width:100%;height:100%;background:url(../images/sup-yy.png) no-repeat center;background-size:100% 100%; content:""; position: absolute;left:0;top:0;}
.super dl dt img{width:100%;}
.super dl dd{width:100%;padding:0 0.95rem 0 2rem; box-sizing: border-box;position: absolute;left:0;bottom:0; transition: .5s;height:9.3rem;}
.super dl dd em{display: block;width:2.7rem;height:2.7rem; position: relative; margin-bottom: 0.8rem; }
.super dl dd em i{display: block;height:2.7rem; line-height: 0; overflow: hidden;}
.super dl dd em i img{width:100%;}
.super dl dd em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.super dl dd em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.super dl dd h3{ line-height: 1.5rem;font-size: 1.1rem;color:#ffffff; font-weight: bold; margin-bottom: 0.4rem;}
.super dl dd h4{line-height: 1.2rem;font-size: 0.65rem;color:#ffffff;font-family: 'OpenSans-B'; margin-bottom: 0.8rem; margin-top: 4rem;transition:.5s;}
.super dl dd .desc{line-height: 1.2rem;font-size: 0.8rem; color:#ffffff; font-weight: 300; margin-bottom: 1.95rem;}
.super dl dd strong{display: block; line-height: 2.4rem; font-size: 2.4rem;color:rgba(255,255,255,.1);font-family: 'OpenSans-B';}
.super .sup-jt{width:6.5rem;height:3rem;position: absolute;right:40px;top:-6.5rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;z-index:200;}
.super dl dd strong a{display:block;float:right;line-height: 2.4rem; font-size:0.8rem;color:#FFF;}
.super .sup-jt i{display: block;width:3rem;height:3rem; cursor: pointer;}
.super .sup-jt i.sup-prev{background:url(../images/sup-prev.png) no-repeat center;background-size:100% 100%;}
.super .sup-jt i.sup-next{background:url(../images/sup-next.png) no-repeat center;background-size:100% 100%;}
.super dl:hover dd{height:100%;padding:2.15rem 0.95rem 2.15rem 1.85rem;background:rgba(12,65,146,.94);}
.super dl:hover dd h4{margin-top:0;}
.super dl:hover dd em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.super dl:hover dd em i.hover{opacity: 1; transform: scale(1);}
.supermc{display: none;}
@media screen and (max-width: 767px){
    .super{display: none;}
    .supermc{display: block;height:67.5rem;background:url(../images/supermc.webp) no-repeat center;background-size:100% 100%;padding:2.95rem 0 0 4%; box-sizing: border-box;}
    .supermc h2{ line-height: 3.95rem; padding-top:1.9rem;background:url(../images/pro-ico.png) no-repeat left top;background-size:2.3rem 1.9rem;font-size: 2.1rem;color:#ffffff;font-family: 'OpenSans-B'; font-weight: normal; margin-bottom: 1.7rem;}
    .supermc .supmc-list{padding-bottom:3.2rem;}
    .supermc .supmc-list dl{position: relative;}
    .supermc .supmc-list dl dt{width:100%; line-height: 0; overflow: hidden;}
    .supermc .supmc-list dl dt img{width:100%;}
    .supermc .supmc-list dl dd{width:100%;padding:0 1.9rem 1.95rem 1.6rem; box-sizing: border-box;position: absolute;left:0; bottom:0;}
    .supermc .supmc-list dl dd h4{line-height: 1.75rem; margin-bottom: 0.75rem;font-size: 1.6rem;color:#ffffff;font-family: 'OpenSans-B';}
    .supermc .supmc-list dl dd h5{ line-height: 1.35rem; margin-bottom: 0.75rem;font-size: 1.2rem;color:#ffffff;font-family: 'OpenSans-B';}
    .supermc .supmc-list dl dd p{line-height: 1.7rem;font-size: 1.2rem;color:#ffffff;font-family: 'OpenSans-R'; font-weight: 300;}
    .supermc .supmc-list .swiper-pagination{bottom:0; line-height: 0;}
    .supermc .supmc-list .swiper-pagination .swiper-pagination-bullet{width:0.7rem; height:0.7rem;background:#c9c9c9;border-radius: 50%;margin:0 0.4rem; transition: .5s;}
    .supermc .supmc-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.5rem;border-radius: 0.35rem;background:#F08300;}
    
     .des p{font-size:1rem !important;}

}