body,  div,  dl,  dt,  dd,  ul,  ol,  li,  h1,  h2,  h3,  h4,  h5,  h6,  pre,  form,  input,  textarea,  p,  th,  td,  img { margin: 0; padding: 0; }
img { border: 0 }
ol,  ul { list-style: none }
h1,  h2,  h3,  h4,  h5,  h6 { font-size: 16px; }
input { outline: none; border: none; }
html { _overflow-y: scroll; }
/*****！！页面通用css样式定义开始******/



html,  body { min-width: 1200px; font-family: "Microsoft YaHei";  _width: expression(document.body.clientWidth < 1200 ? "1200px": "auto");
}
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */



body { font-family: "微软雅黑"; /*文字字体定义 */

    font-size: 14px; /*文字大小定义 */

    color: #666666; /*文字颜色定义 */

    min-width: 1200px; outline: none; }
* { word-break: break-all; word-wrap: break-word }
/* 网站超链接css通用设置 */



a { text-decoration: none; }
/* 链接无下划线,有为underline */



a:link { color: #2c2c2c; }
/* 未访问的链接 */



a:visited { color: #2c2c2c; }
/* 已访问的链接 */



a:hover { color: #2c2c2c; text-decoration: none; }
/* 鼠标在链接上 */



a:active { color: #2c2c2c; }
/* 点击激活链接 */



p { line-height: 24px; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none }
.show { display: block }
.dib { display: inline-block;  *display: inline;
zoom: 1; }
/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/



.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*清除浮动*/



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
/*清除浮动*/



.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.dib { display: inline-block;  *display: inline;
zoom: 1; }
.wrap { width: 1200px; margin: 0 auto; height: auto; }
.red { color: red }
/*表格样式定义 */



checkbox { border: 0px; }
/*选择框样式定义 */



.input { border: 1px solid #ccc; height: 20px; line-height: 20px }
ul,  li { list-style: none }
/*public*/



.size1 { width: 100%; overflow: hidden; margin: 0 auto; }
.backcolor { background: #4e93f5; }
.color { color: #4e93f5; }
/*header*/

.header_top { width: 100%; height: 113px; }
.header_top .logo { display: block; margin-top: 15px; }
.header_top .header_tel { text-align: right; margin-top: 20px; }
.header_top .header_tel p { background: url(../images/tel.png) no-repeat left center; padding-left: 38px; font-size: 18px; color: #323232; line-height: 32px; }
.header_top .header_tel p.lan {background:none; padding-left: 38px; font-size: 18px; color: #323232; line-height: 32px; }
.header_top .header_tel span { font-size: 26px; color:#024098; font-weight: bold; }
.header_nav { position: relative; z-index: 99; background: #01357e; height: 50px; }
.nav-menu > li { display: inline; float:left; border-right:1px solid #305c9b; }
.nav-menu > li:last-child { border-right: none; }
.nav-menu li a { color: #fff; display: block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: capitalize; overflow: visible; line-height: 20px; font-size: 18px; padding: 15px 30px; }
.three-d { -webkit-perspective: 200px; -moz-perspective: 200px; -ms-perspective: 200px; -o-perspective: 200px; perspective: 200px;  -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 -ms-transition: all .07s linear;
 -o-transition: all .07s linear;
 transition:all .7s linear;
position: relative; }
 .three-d:not(.active):hover {
cursor: pointer;
}



/*给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/

.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 -wekbit-transform: translateZ(-25px) rotateX(90deg);
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 -ms-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
}
.three-d-box {

    /*给3D舞台中“.three-d-box”设置过渡与变形效果*/

    -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out; -webkit-transform: translatez(-25px); -moz-transform: translatez(-25px); -ms-transform: translatez(-25px); -o-transform: translatez(-25px); transform: translatez(-25px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
/*给导航设置3D前，与3D后变形效果*/

.front { -webkit-transform: rotatex(0deg) translatez(25px); -moz-transform: rotatex(0deg) translatez(25px); -ms-transform: rotatex(0deg) translatez(25px); -o-transform: rotatex(0deg) translatez(25px); transform: rotatex(0deg) translatez(25px); }
.back { -webkit-transform: rotatex(-90deg) translatez(25px); -moz-transform: rotatex(-90deg) translatez(25px); -ms-transform: rotatex(-90deg) translatez(25px); -o-transform: rotatex(-90deg) translatez(25px); transform: rotatex(-90deg) translatez(25px); color: #fff; }
.front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #01357e; padding: 15px 30px; color: white; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back { background-color: #6ba4f6; -webkit-background-size: 5px 5px; background-size: 5px 5px; background-position: 0 0, 30px 30px; background-image: -webit-linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9), linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9); background-image: -moz-linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9), linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9); background-image: -ms-linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9), linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9); background-image: -o-linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9), linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9); background-image: linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9), linear-gradient(45deg, #4e87d9 25%, transparent 25%, transparent 75%, #4e87d9 75%, #4e87d9); }
.header_nav.nav01 { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; min-width: 1200px; }
/*首页banner*/

.banner17 { overflow: hidden; }
.banner17 .shutter { overflow: hidden; width: 1920px; height: auto; position: relative; left: 50%; margin-left: -960px; top: 0; }
.banner17 .shutter-img { z-index: 1; }
.banner17 .shutter-img,  .banner17 .shutter-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner17 .shutter-img a { cursor: default; }
.banner17 .shutter-img a>img { width: 1920px; height: auto; }
.banner17 .shutter-img .created { overflow: hidden; position: absolute; z-index: 20; }
.banner17 .shutter-btn { width: 1300px; height: 64px; z-index: 9; position: absolute; top: 50%; margin-left: -650px; margin-top: -32px; left: 50%; clear: both; display: none; }
.banner17:hover .shutter-btn { display: block; }
.banner17 .shutter-btn li { width: 64px; height: 64px; cursor: pointer; }
.banner17 .shutter-btn li.prev { float: left; background: url(../images/public/left3.png) no-repeat; }
.banner17 .shutter-btn li.next { float: right; background: url(../images/public/right3.png) no-repeat; }
.cover { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*footer*/

.footer { background: url(../images/foot_bg.jpg) repeat-y; }
.foot_nav img { margin-top: 25px; }
.foot_nav ul { margin-right: 54px; }
.foot_nav ul li { display: inline-block; line-height: 79px; width: 115px; text-align: center; }
.foot_nav ul li a { color: #d2d2d2; font-size: 16px; }
.foot_con { padding: 45px 0; }
.foot_con .foot_logo { width: 170px; }
.foot_con .foot_tel { width: 905px; }
.foot_con .foot_tel p { font-size:16px; color: #e0e0e0; line-height: 31px; }
.foot_con .foot_tel ul { margin-top: 10px; margin-bottom: 20px; }
.foot_con .foot_tel ul li { float: left; width: 360px; }
.foot_con .foot_tel ul li.last { width: 185px; }
.foot_con .contact { width:570px; }
.foot_con .chat { width: 120px; padding-right: 40px; position: relative; }
.foot_con .chat img { width: 120px; height: 120px; display: block; }
.foot_con .chat p { color: #ffffff; width: 22px; line-height: 22px; position: absolute; right: 0; top: 5px; }
.foot { height:42px; font-size: 14px; text-align: center; }
.ddb p { float: left; line-height: 42px; color: #e0e0e0; width: 33.3%; }
.ddb p a { color: #e0e0e0 }