@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike,  sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; 
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
::selection { color: #fff; background-color: #10492D;}    
::-moz-selection { color: #fff; background-color: #10492D;} 
/*------- the html5 display-role reset for older browsers---------*/

.header menu.navbars a ul{display: none}
.navbars>a{position: relative}
.navbars>a ul{position: absolute;top:30px;left: 0;width: 100%}





article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- tabless///-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix///-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*----- dis///-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*----- 文字两侧对齐///-----*/
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){
   .justify:after { position:absolute; content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'), 
    url('../fonts/iconfont.svg#iconfont') format('svg'); 
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
 /*   
.section2{ background: url(../images/sec2.jpg) no-repeat center center; background-size: cover;}
.section3{ background: url(../images/sec3.jpg) no-repeat center center; background-size: cover;}
.section4{ background: url(../images/sec4.jpg) no-repeat center center; background-size: cover;}
.section5{ background: url(../images/sec5.jpg) no-repeat center center; background-size: cover;}
*/
header{ width: 100%; position: fixed; left: 0 top: 0; display: table; background-color: #fff; z-index: 9999;}
header figure.logo{ float: left; 
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 padding: 19px 0 0 50px;}
header figure.logo img{ height: 100%;}
header menu.navbars{ float: right; padding-right: 50px;}
header menu.navbars div{ display: inline-block; width: 120px; height: 120px; text-align: center; 
 box-sizing: border-box;position: relative;
 -moz-box-sizing: border-box;
 padding-top: 46px;}
 header menu.navbars div:hover{ display: inline-block; width: 120px; height: 120px; text-align: center; 
 box-sizing: border-box;position: relative;
 -moz-box-sizing: border-box;
 padding-top: 46px;color:#ef8201;background: #ef8201;}
 header menu.navbars div>a{font-size: 17px; color: #003279;}
   header menu.navbars div>a:hover{font-size: 17px; color: #fff;}
  header menu.navbars div>a.on{font-size: 17px; color: #003279;}
header menu.navbars div:hover ul{display: block;}
 header menu.navbars div ul{position: absolute;width: 100%;left: 0;top:120px;display: none;background-color: #fff; }
 header menu.navbars div ul li{text-align: center;}
  header menu.navbars div ul li a{color: #ef8201;font-size: 16px;line-height: 2em;}


header menu.navbars a i{ font-size: 25px; margin-bottom: 10px;}
header menu.navbars>div.on{ background-color: #003279; color: #ef8201;}
  #beian a{
  font-size: 15px;
  color: #fff;}
footer{ width: 100%;}
footer .topFoot{ width: 100%; padding: 15px 0; background-color: #003279;}
footer .topFoot article{ width: 1200px; margin: 0 auto; display: table;}
footer .topFoot article .lft{ float: left;}
footer .topFoot article .lft h4{ font-size: 15px; color: #fff;}
footer .topFoot article .lft h3{ font-size: 42px; color: #fff; margin: 5px 0;}
footer .topFoot article .lft p{ font-size: 13px; color: #fff;}
footer .topFoot article .lft p span{ display: inline-block; margin-right: 5px;}
footer .topFoot article .lft aside{ margin-top: 5px;}
footer .topFoot article .lft aside a{ display: inline-block; font-size: 30px; color: #fff; margin-right: 10px;}
footer .topFoot article .lft aside a:nth-child(1){ font-size: 26px;}
footer .topFoot article .lft aside a:hover{ color: #003279;}
footer .topFoot article .rit{ float: right; text-align: center;}
footer .topFoot article .rit font{ display: block; margin-top: 1px; font-size: 12px; color: #fff;}

footer .bomFoot{width: 100%; padding: 2px 0; background-color: #003279;}
footer .bomFoot article{ width: 1200px; margin: 0 auto; display: table;}
footer .bomFoot article p{ display: inline-block; width: 49%; text-align: center; font-size: 15px; color: #fff;}
footer .bomFoot article p a{ display: inline-block; position: relative; font-size: 15px; color: #fff; margin-right: 56px;}
footer .bomFoot article p a:hover{ color: #fff;}
footer .bomFoot article p a:after{ position: absolute; right: -28px; top: 4px; content: ''; height: 70%; border-right: 1px solid #fff;}
footer .bomFoot article p a:last-child:after{ display: none;}

div.phoneHead{display: none; position: fixed; left: 0; top: 0; width: 100%;  padding: 5px 0; background-color: #ef8201; z-index: 999;}
div.phoneHead .phologo{ float: left; margin-left: 1em;}
div.phoneHead .phologo img{ height: 40px;}
div.phoneHead .phoNav{ float: right; width: 30px; height: 24px; border: 2px solid #fff; text-align: center; border-radius: 4px; margin-top: 6px; margin-right: 1em;}
div.phoneHead .phoNav i{ display: inline-block; position: relative; width: 25px; height: 2px; background-color: #fff;
 transition: all .5s ease 0s; 
 -webkit-transition: all .5s ease 0s;
 -moz-transition: all .5s ease 0s;
 -o-transition: all .5s ease 0s;
}
div.phoneHead .phoNav i:before{ position: absolute; content: ''; left: 0; top: -6px; width: 100%; height: 2px; background-color: #fff;
 transition: all .5s ease 0s; 
 -webkit-transition: all .5s ease 0s;
 -moz-transition: all .5s ease 0s;
 -o-transition: all .5s ease 0s;
}
div.phoneHead .phoNav i:after{ position: absolute; content: ''; left: 0; bottom: -6px; width: 100%; height: 2px; background-color: #fff;
  transition: all .5s ease 0s; 
 -webkit-transition: all .5s ease 0s;
 -moz-transition: all .5s ease 0s;
 -o-transition: all .5s ease 0s;
}
div.phoneHead .phoNav.active i{background-color: transparent;}
div.phoneHead .phoNav.active i:before{ 
 transform: rotate(45deg) translate3d(3px,5px,0);
 -webkit-transform: rotate(45deg) translate3d(3px,5px,0);
 -moz-transform: rotate(45deg) translate3d(3px,5px,0);
 -o-transform: rotate(45deg) translate3d(3px,5px,0);
}
div.phoneHead .phoNav.active i:after{ 
transform: rotate(-45deg) translate3d(3px,-5px,0);
-webkit-transform: rotate(-45deg) translate3d(3px,-5px,0);
-moz-transform: rotate(-45deg) translate3d(3px,-5px,0);
-o-transform: rotate(-45deg) translate3d(3px,-5px,0);
}
menu.phoneNavgin{ display: none; position: fixed; right: 0; top: 50px; width: 200px; height: 100%; border-left: 4px solid #fff; background-color: #ef8201; z-index: 999; 
padding-top: 10px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 transform: translateX(210px);
 -webkit-transform: translateX(210px);
 -moz-transform: translateX(210px);
 -o-transform: translateX(210px);
 transition: all .5s ease-in-out 0s;
 -webkit-transition: all .5s ease-in-out 0s;
 -moz-transition: all .5s ease-in-out 0s;
 -o-transition: all .5s ease-in-out 0s;
}
menu.phoneNavgin a{ display: block;width: 100%; height: 40px;border-bottom: 1px dotted #fff;text-align: center;line-height: 40px;font-size: 14px;color: #fff;}
menu.phoneNavgin a:hover{ background-color: #003279;}
menu.phoneNavgin.active{
 transform: translateX(0px);
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 -o-transform: translateX(0px);
}