@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0;}
textarea{resize:none}
select{ border:none;}
iframe, video{ width:600px; height:400px;}
.mt30{ margin-top:30px !important;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#005c33; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#005c33}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#005c33}

/*common*/
.wrap{width: 1000px;margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden;}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.flex_1{flex: 1;}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.bg{ background-repeat: no-repeat; background-position: center center; background-size: cover;}

/*logo导航*/
.top{ position: fixed; top:0; z-index:99999; width:100%; background-color: #ffffff; height: 150px;}
.top_nr{ width:1200px; margin: 0 auto;}
.logo{ display: block; background: url(../images/logo.png) no-repeat left center; width:300px; height: 94px;}
.nav{ line-height: 55px; background-color:#004690;}
.nav li{position: relative; flex:1; text-align:center}
.nav li a{ font-size: 16px; color:#ffffff;}
.nav li::after{ content: ''; width: 0; height: 2px; background-color: #1e377d; position: absolute; bottom: 0; left: 0;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
.nav li:hover:after{ content: ''; width: 100%;}
.nav li .sub{ position:absolute; top:100%; background:#fff; width:120px; left:50%; margin-left:-60px; z-index: 10000; transform:translateY(20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.nav li .sub .box{ background:#fff; text-align: center; }
.nav li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.875rem; padding:8px; display: block; color:#696969;}
.nav li .sub a:hover{color:#fff;background: #263d7d;}
.nav li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.tel{ padding-left: 64px; width: 184px; height: 32px; background: url(../images/tel.png) no-repeat 25px center; margin-top: 37px;}
.tel span{ display: block; line-height: 13px; font-size: 12px; color: #243a67;}
.tel h1{ line-height: 19px; font-size: 18px; color: #243a67;}
.ewm img{ height:95px;}

.footer{ background-color: #2a3f67; padding: 0 12.6%;}
.foot{ padding: 70px 0 55px;}
.f_nav li{ line-height: 28px; float: left; margin-right: 28px;}
.f_nav li a{ font-size: 16px; color: #ffffff;}
.f_nav li .f_tit{ margin-top: 12px;}
.f_nav li .f_tit a{ display: block; font-size: 14px; color: #97a8c2;}
.code{ margin:10px 30px 0 0;}
.f_logo{ width: 240px; height: 78px; background: url(../images/f_logo.png) no-repeat center center; margin-bottom: 22px;}
.f_con p{ font-size: 16px; color: #ffffff; line-height: 28px;}
.f_con span{ font-size: 24px; font-weight: bold;}

.copy{ line-height: 66px;}
.copy img{ vertical-align:middle;}
.copy, .copy a{ font-size: 14px; color: #97a8c2;}

.index{width:100%;overflow:hidden; position: absolute; top: 100%;z-index: 90001; background-color: #ffffff;}
.er{ position: static;}

.pagelist { text-align: center; margin: 40px 0; clear:both;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #efefef; line-height:38px; width:38px; border-radius:100%; text-decoration:none; color:#666666; margin:0 12px; font-size:12px;}
.pagelist span { border-color: #1880a9; color:#1880a9;}

/*漂浮*/
.pf{width:70px;height: 146px;position: fixed;top: 50%;right: 0;margin-top: -73px;z-index: 99999}
.pf ul li{ position:relative; cursor:pointer; margin-bottom:2px;}
.pf ul li .con{display: none;position: absolute;left: -130px;bottom:0;width: 120px;background: #343434;color: #fff;font-size: 14px;line-height: 50px;text-align: center;}
.pf ul li img, .pf ul li .btn{ display:block;}
.pf ul li .btn{ float:none;width: auto; height: auto;border-radius: 0;background: none;margin-top: 0;position: relative;z-index: 50;}
.ewmcon{ display:none; position:absolute; left:-163px; bottom:-9px; width:153px; height:157px; padding-top:23px;background:url(../images/bg_03.png) no-repeat; }
.ewmcon img { display:block; width:86px; height:86px; border:7px solid #fff; margin:0 auto; }
.ewmcon p { color:#fff; font-size:14px; line-height:35px; text-align:center; } 
.ewmcon:after { content:" "; position:absolute; right:-10px; bottom:22px; display:block;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #5e2007;}
.con:after {content: " ";position: absolute;right: -12px;top: 50%;margin-top:-7px;display: block;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #343434;}
/*漂浮*/

@media (max-width: 1680px)
{
    .footer{ padding:0 6.6%;}
}