@charset "utf-8";

*{box-sizing:border-box;margin:0;padding:0; font-family:"Microsoft YaHei",  -apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;position: relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#444;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#015393}
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%;}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;-webkit-appearance:none;}
button{overflow:visible;border: none;background: transparent;-webkit-appearance:none;}
button,select{text-transform:none;-webkit-appearance: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}
hr{border: 0;height: 1px;background: #ddd;margin: 16px 0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
*{-webkit-tap-highlight-color: transparent;}
::-webkit-input-placeholder{color:999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
/*::selection{background:#17a2b8;color:#fff}
::-moz-selection{background:#17a2b8;color:#fff}
::-webkit-selection{background:#17a2b8;color:#fff}*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.noVisible{display: none;}
.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}
.eclip{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;}
.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;
}

.trans-up:hover{transform: translateY(-10px);}
.trans{-webkit-transition:all .5s;-o-transition:all .5s;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.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.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.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-grey{color:#8c8c8c;}
.co-main{color:#273f87}
.co-fff{color:#fff!important}
.coRed{color: #c41c1c!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}

.wp{max-width:1280px;margin:0 auto;width: 96%}
.wp1140{width:92%;margin:0 auto;max-width:1140px}
/*body{min-width: 1280px}*/
.mrb30{margin-bottom: 30px}


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


.top{height:100px;position: fixed;left: 0;top: 0;right: 0;z-index: 20;background: none;}
.top .wp{min-width: 1200px;max-width: 1600px;width: 96%;position: relative;}

.top .logo{margin-top: 15px}
.topr {margin-top: 25px}
.topr .toSearch i{font-size: 30px;color: #fff;display: inline-block;line-height: 50px}

.topser .serpc{position: absolute;;width: 300px;height: 50px;padding: 5px;top:55px;right: 0;z-index: 66;background: #fff;display: none;box-shadow: 0 0 5px rgba(0,0,0,.1)}
.topser .inp{ width: calc(100% - 30px); height: 40px;line-height: 40px; padding: 0 40px 0 10px; font-size: 14px; color: #444;background: none;border:1px solid #eee;}
.topser .sub{display:block;cursor:pointer;position:absolute;right:30px;top:0;height:40px;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}
.topser .close{ position: absolute; right: 8px; top: 50%;transform: translateY(-50%);  width: 20px; height: 40px;-webkit-transition: 0.5s; transition: 0.5s;
 font-size: 20px;color: #888;;cursor: pointer; line-height: 40px}
.scrolling .top{background: #143c91;}
.scrolling .topser .serpc{top:75px;}


.sc{
    position:absolute;
    right:0;
    top: 10px;
    z-index: 9999;
}

.sc a ,.sc a span,.sc span{
    color:#fff
}


.navList{position: relative;z-index: 20;}
.navList li a{color:#fff;}
.navList li{float:left;text-align:center;position: relative;font-size: 20px;margin-right: 30px;line-height: 50px;}
.navList li img{display:inline-block;margin-right:10px;vertical-align:-3px}
.navList li .dropdown-menu {border-top: 2px solid #1751ae;position: absolute;left: 50%;top: 100%;
	width: 150px;margin-left: -75px; background: #143c91;font-size: 14px;padding: 5px 0;display: none   }
.navList li .dropdown-menu a:hover {background: #0a3477}
.navList li .dropdown-menu a {line-height: 1.4em;padding: 10px 15px;display: block;}
.navList li:hover .dropdown-menu{display: block;}
.dropdown-toggle:after {display: inline-block;width: 0;height: 0;margin-left: 4px;vertical-align: 4px;content: "";
border-top: 5px solid;border-right: 5px solid transparent;border-bottom: 0;border-left: 5px solid transparent;}
@media screen and (max-width: 1640px){
.top .wp{width: 1600px;}
.navList li{margin-right: 40px;font-size: 20px;}	

}
@media screen and (max-width: 1600px){
.navList li{margin-right: 40px}	
}
@media screen and (max-width: 1580px){
.top .wp{width: 1560px;}
.navList li{margin-right: 38px;font-size: 20px;}	

}
@media screen and (max-width: 1560px){
.navList li{margin-right: 30px}	
}
@media screen and (max-width: 1460px){
    .top .wp{width: 100%;}
.navList li{margin-right: 24px;font-size: 18px;}

}
@media screen and (max-width: 1400px){
.navList li{margin-right: 22px;}	
.topr .toSearch i{font-size: 24px;}
.top .logo{margin-top: 20px}
.top .logo img{height: 60px}
}
@media screen and (max-width: 1280px){
    .top .wp{width: 1200px;}
.navList li{margin-right: 22px;font-size: 15px;}	

}






.foot{background:#104c94;color: #fff;position: relative;margin-top: 50px}
.foot .sj{position: absolute;left: 50%;top:-46px;width:198px ;height:46px ;background: url(../images/fttop.png) no-repeat bottom center;margin-left: -99px}
.foot .fta{background: url(../images/ftlogo.png) no-repeat top center;padding: 65px 0 80px}
.foot .fta .aleft dt{font-size: 20px;border-left: 2px solid #ddd;padding-left: 10px;line-height: 1em;margin-bottom: 15px}
.foot .fta .aleft dd p{padding: 5px 0}
.foot .fta .aright .code{margin-left: 35px;text-align: center;}
.foot .fta .aright .code img{width: 108px;height: 108px;margin:0 auto 10px}
.foot .copyright{background: #0e4587;font-size: 13px;color: #a1aec6;padding:15px 0;text-align: center;}
.foot .copyright a{color: #a1aec6}