@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}

ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"微软雅黑","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:14px;color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:14px;color:#999}
svg:not(:root) {overflow: hidden}
input,select{ font-size:14px;}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder {
        color: #a1b4c5;
      }
      input::-moz-input-placeholder {
        color: #a1b4c5;
      }
      input::-ms-input-placeholder {
        color: #a1b4c5;
      }
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;
}
body{ color:#666666;  font-size:14px; background-color:#d1dde6;   font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:1.6 }
a{ color:#666666; text-decoration:none; font-size:14px;  }
a:hover{ color:#e72742; text-decoration:none} 
.weap{width:1360px; max-width:90%; margin: 0 auto;   margin:0 auto;}  
 
/*布局*/   
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.path{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*头部*/ 
.topbar{ height:78px;} 
.topbar .logo{ float:left; padding-top:16px;}
.topbar .logo img{ height:50px}
.topbar .barright{ float:right; padding-top:29px}
.topbar .search{ float:left;}
.topbar .search .intxt{ float:left; height:33px; border:1px solid #a1b4c5; width:304px; border:1px solid #a1b4c5; padding-left:40px; padding-right:10px; background:#fff url(../images/ico-s.png) no-repeat 10px center}
.topbar .search .inbtn{ float:left;height:33px; margin-left:-1px; border:1px solid #a1b4c5; background-color:#f2f6f8; cursor:pointer; color:#a1b4c5; padding:0 10px; }
.topbar .search .inbtn:hover{ color:#10416c;}

.topbar .lang{ float:left; line-height:33px; margin-left:25px}
.topbar .lang a{ margin:0 5px; color:#10416c}
.topbar .lang a:hover{ color:#e72742;}

.menu{ height:40px; background-color:#10416c}
.menu li{ float:left; margin-right:28px;}
.menu .alink{ display:block; line-height:40px; font-size:15px; color:#fff; padding:0 37px; text-align:center}
.menu li.on .alink{ background-color:#e72742}

/*底部*/
.footer{ background-color:#10416c; color:#fff; padding-top:50px; padding-bottom:80px}
.footer a{ color:#fff}
.footer .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.footer .footlogo{ width:280px; margin-right:20px;}
.footer .footlogo img{ display:block; width:100%}
.footer .footerright{ text-align:right;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0  }
.footer .footnav{ margin-bottom:10px}
.footer .footnav a{ margin-left:40px}

.pages{ text-align:center; margin-top:26px}
.pages li{ display:inline-block; vertical-align:middle; background-color:#f9fbfc; text-align:center; border:1px solid #d1dde6; padding:0 6px; height:28px; line-height:26px; color:#888888; margin:0 4px;}
.pages li a{ display:block;}
.pages li.active{ background-color:#10416c; border:1px solid #10416c; color:#fff}
@media (max-width:1300px){
.menu li{ margin:0; width:14.28%}
.menu .alink{ padding:0}
.footer .footnav a{ margin-left:20px}
}
@media (max-width:1200px){
.weap{ max-width:100%; padding-left:10px; padding-right:10px;}
}
@media (max-width:1000px){
.topbar .search .intxt{ width:200px}



.m-nav{display:block; height: 20px; width: 26px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top:50%; margin-top:-10px; }
.m-nav a{background-color:#2f5ba8; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#2f5ba8; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -7px;}
.m-nav a:after{top: 8px;}
.header.block .m-nav{transform: rotate(90deg);}
.header.block .m-nav a{background-color: transparent !important;}
.header.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.header.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
.header.block .menu{ display:block}
}
@media (max-width:768px){
body{ padding-top:55px} 
.header{ position:fixed; z-index:99; height:55px; left:0; right:0;top:0; background-color:#d1dde6; box-shadow:0 0 5px rgba(0,0,0,.1); width:100%}
.topbar{ height:auto}
.topbar .logo{ position:absolute; z-index:2; left:10px; padding-top:13px}
.topbar .logo img{ height:29px}
.topbar .barright{ padding-top:0}
.topbar .lang{ float:none; margin-left:0; position:absolute; z-index:2; right:85px;top:11px}

.topbar .search{ position:absolute; z-index:2; left:0;top:55px; right:0; background-color:#fff; padding:5px 10px; display:none}
.topbar .search.block{ display:block}
.topbar .search .intxt{ float:none; width:100%; padding-right:60px}
.topbar .search .inbtn{ float:none; position:absolute; z-index:1; right:10px;top:5px}

.m-s{ width:33px; height:33px; position:absolute; z-index:2; right:50px;top:11px; background:url(../images/ico-s.png) no-repeat center; background-size:18px}

.menu{ position:fixed; z-index:99; left:0; right:0;top:55px; bottom:0; overflow-y:auto; height:auto; display:none}
.menu li{ float:none; width:auto;}
.menu .alink{ line-height:55px;}
.menu li.on .alink{ background:none}

.footer{ padding-top:20px; padding-bottom:20px}
.footer .weap{ display:block}
.footer .footnav{ display:none; }
.footer .footerright{text-align:center}
.footer .footlogo{ width:auto; margin-right:0; margin-bottom:10px}
.footer .footlogo img{ width:200px; margin:0 auto;}

.pages li{ margin-bottom:8px}
}