@charset "utf-8";
/*public*/
* {
  margin: 0;
  padding: 0;
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  overflow-x: hidden;
  font-family: "微软雅黑";
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace,monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
a {
  text-decoration: none;
}
input {
  outline: 0;
}
textarea {
  outline: 0;
  resize: none;
  vertical-align: top;
}
ol,
ul {
  list-style: none;
}
li {
  list-style: none;
}

tbody{line-height: 2rem;}

/*index-public*/
/*公共样式、*/
.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.center {
  width: 1210px;
  margin: 0 auto;
}
.bor0 {
  border: none !important;
}
.top {
  height: 35px;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 35px;
}
.top .left {
  color: #818181;
}
.top .right a {
  font-size: 14px;
  color: #818181;
}
.header {
  height: 127px;
}
.header .logo {
  float: left;
  margin-left: 8px;
  margin-top: 30px;
}
.header .phone {
  float: right;
  width: 350px;
  margin-top: 26px;
}
.header .phone img {
  float: left;
  margin-right: 10px;
}
.header .phone p {
  font-size: 18px;
  color: #004f99;
}
.header .phone h3 {
  font-size: 36px;
  color: #f08300;
}
.nav {
  width: 100%;
  height: 54px;
  background: #004f99;
}
.nav li {
  float: left;
  width: 130px;
  text-align: center;
  line-height: 54px;
  font-size: 16px;
  margin-right: 18px;
  position: relative;
}
.nav li.active,
.nav li:hover {
  background: #f08300;
}
.nav li:hover ul{
	display: block;
}
.nav li a {
  color: #fff;
}
.nav li ul{
	display: none;
	    position: absolute;
    z-index: 9;
    background: #004f99;
    width: 100%;
}
.banner {
  height: 550px;
  position: relative;
  overflow: hidden;
}
.banner ul {
  position: relative;
}
.banner ul li {
  float: left;
  height: 550px;
  overflow: hidden;
  position: relative;
  text-align:center;
}
.banner .btn-list {
  position: absolute;
  bottom: 15px;
}
.banner .btn-list li {
  width: 20px;
  height: 20px;
  background: #dddddd;
  margin-right: 10px;
  border-radius: 30px;
}
.banner .btn-list li.active {
  background: #004f99;
}
.banner img {
	max-width:100%;
}
.i-notice {
  height: 62px;
  background: #f7f7f7;
  line-height: 62px;
}
.i-notice .left {
  width: 910px;
}
.i-notice .icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/notice.jpg) no-repeat;
}
.i-notice .tit {
  font-size: 14px;
  color: #555555;
  margin-left: 12px;
}
.i-notice a {
  font-size: 14px;
  color: #555555;
}
.i-notice .right {
  width: 286px;
  margin-top: 14px;
}
.i-notice .right .txt {
  width: 278px;
  height: 37px;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  line-height: 37px;
  background: #fff;
  position: relative;
}
.i-notice .right .txt .p {
  border: none;
  width: 215px;
  background: none;
  margin-left: 20px;
  position: relative;
  top: 0px;
}
.i-notice .right .txt .btn {
  width: 21px;
  height: 21px;
  background: url(../images/icon.jpg) no-repeat;
  background-size: 100% 100%;
  border: none;
  margin-top: 8px;
}
.i-hotpro {
  overflow: hidden;
  height: 785px;
  margin-top: 75px;
}
.i-hotpro .only {
  width: 100%;
  height: 460px;
  background: #f7f7f7;
  overflow: hidden;
  margin-bottom: 36px;
  position: relative;
  box-shadow: -12px 0px 9px #cccccc;
}
.i-hotpro .only .btn {
  position: absolute;
  right: 200px;
  bottom: 33px;
}
.i-hotpro .only .btn a {
  width: 44px;
  height: 43px;
  display: inline-block;
  background: url(../images/btn1.jpg) no-repeat;
}
.i-hotpro .only .btn a.r {
  transform: rotate(180deg);
}
.i-hotpro .only ul {
  position: relative;
}
.i-hotpro .only li {
  width: 1200px;
  float: left;
}
.i-hotpro .only li .tp {
  margin-left: 30px;
  margin-top: 33px;
  width: 662px;
  height: 400px;
  float: left;
  margin-right: 50px;
	position: relative;

}
	.i-hotpro .only li .tp:after{
		position: absolute;
		content: "";
		left: 40px;
		top: 0;
		width: 76px;
		height: 84px;
		background: url(../images/hot-pro.png) no-repeat;
	}
.i-hotpro .only li .tp img {
  width: 100%;
  height: 100%;
}
.i-hotpro .only li .hot-ins {
  float: left;
  overflow: hidden;
  width: 450px;
}
.i-hotpro .only li .hot-ins .tit {
  font-size: 24px;
  color: #004f99;
  font-weight: bold;
  margin-bottom: 33px;
  margin-top: 50px;
}
.i-hotpro .only li .hot-ins .line {
  width: 49px;
  height: 5px;
  background: #f08300;
  margin-bottom: 23px;
}
.i-hotpro .only li .hot-ins .ins {
  font-size: 14px;
  color: #000;
  line-height: 28px;
}
.i-hotpro .hotpro-list {
  overflow: hidden;
}
.i-hotpro .hotpro-list .left {
  width: 105px;
  height: 192px;
  background: #004f99;
  border-bottom: 14px solid #f08300;
  float: left;
  margin-right: 15px;
  text-align: center;
  overflow: hidden;
}
.i-hotpro .hotpro-list .left span {
  display: block;
  color: #fff;
  font-size: 32px;
  line-height: 45px;
  margin-top: 45px;
}
.i-hotpro .hotpro-list .right{
	width: 1090px;
    overflow: hidden;
    height: 202px;
}
.i-hotpro .hotpro-list ul {
  margin-right: -7px;
}
.i-hotpro .hotpro-list li {
  width: 265px;
  height: 202px;
  position: relative;
  float: left;
  margin-right: 7px;
}
.i-hotpro .hotpro-list li img {
  width: 100%;
  max-height: 100%;
}

.i-hotpro .hotpro-list li p {
  position: absolute;
  width: 263px;
  text-align: center;
  left: 0;
  bottom: 0px;
  color: #242424;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border: 1px solid #ccc;
}
.i-list .hidden li img{
	width: 100%;
	height: 100%;
}
.i-wrap {
  width: 1920px;
  height: 182px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.i-public-tit {
  text-align: center;
}
.i-public-tit p.tit {
  font-size: 32px;
  color: #004f99;
  margin-bottom: 26px;
}
.i-public-tit p.tit span {
  color: #f08300;
}
.i-public-tit p.en {
  font-size: 14px;
  color: #565656;
}
.i-public-tit p.en.line {
  position: relative;
}
.i-public-tit p.en.line:after {
  content: "";
  display: inline-block;
  width: 74px;
  height: 1px;
  border-bottom: 1px solid #a9a9a9;
  position: relative;
  top: -5px;
  left: 15px;
}
.i-public-tit p.en.line:before {
  content: "";
  display: inline-block;
  width: 74px;
  height: 1px;
  border-bottom: 1px solid #a9a9a9;
  position: relative;
  top: -5px;
  right: 15px;
}
.i-pro {
  overflow: hidden;
  background: #fff;
  padding-bottom: 80px;
}
.i-pro .i-public-tit {
  margin-top: 70px;
  margin-bottom: 60px;
}
.pro-left {
  width: 254px;
  float: left;
  background: #004f99;
  padding: 0 3px;
  overflow: hidden;
  margin-bottom: 15px;
}
.pro-left .p-tit {
  height: 108px;
  background: url(../images/icon2.jpg) no-repeat;
  background-position: 6px 40px;
  color: #fff;
  overflow: hidden;
}
.pro-left .p-tit h3 {
  margin-top: 32px;
  font-size: 24px;
  margin-left: 55px;
  margin-bottom: 11px;
}
.pro-left .p-tit p {
  font-size: 12px;
  margin-left: 55px;
}
.pro-left .h3 {
  overflow: hidden;
  font-size: 24px;
  color: #3e3e3e;
  height: 55px;
  line-height: 55px;
  background: #fff;
  padding-left: 20px;
}
.pro-left li {
  font-size: 18px;
  position: relative;
}
.pro-left li:after {
  position: absolute;
  content: "";
  left: 16px;
  top: 13px;
  width: 13px;
  height: 15px;
  background: url(../images/li-icon.jpg) no-repeat;
}
.pro-left li a {
  padding-left: 40px;
  line-height: 40px;
  color: #fff;
}
.pro-left dl {
  background: #fff;
  overflow: hidden;
  min-height: 6px;
}
.pro-left dl dt {
  padding-left: 40px;
  border-bottom: 1px solid #d6ddeb;
  position: relative;
}
.pro-left dl dt:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #f08300;
  border-radius: 10px;
  left: 20px;
  top: 17px;
}
.pro-left dl a {
  font-size: 16px;
  color: #323232;
  padding: 0;
}
.pro-left .phone {
  height: 72px;
  font-size: 24px;
  overflow: hidden;
  text-align: center;
  position: relative;
  color: #fff;
  line-height: 72px;
}
.pro-left .phone:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url(../images/phone-icon.jpg) no-repeat;
}
.pro-list {
  float: right;
  width: 925px;
}
.pro-list ul {
  margin-right: -11px;
}
.pro-list li {
  width: 300px;
  height: 280px;
  background: #f7f7f7;
  float: left;
  margin-right: 11px;
  margin-bottom: 25px;
}
.pro-list li .tp {
  text-align: center;
  width: 270px;
  height: 204px;
  margin: 10px auto;
  line-height: 204px;
  position: relative;
}
.pro-list li .tp .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 204px;
  background: rgba(128, 162, 218, 0.6);
  display: none;
}
.pro-list li .tp .mask img {
  vertical-align: middle;
}
.pro-list li .tp img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.pro-list li p {
  margin-top: 22px;
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  overflow: hidden;
}
.pro-list li:hover .mask {
  display: block;
}


.i-wrap2 {
  width: 1920px;
  height: 280px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.i-za {
  overflow: hidden;
}
.i-za .section {
  clear: both;
  overflow: hidden;
  padding-bottom: 60px;
}
.i-za .section2 {
  background: #f9f9f9;
}
.i-za .section2 .tp {
  margin-top: 55px;
}
.i-za .section2 .font {
  margin-top: 55px;
}
.i-za .section2 .li .num {
  background: url(../images/num2-bg.jpg) no-repeat !important;
}
.i-za .font {
  width: 500px;
  margin-top: 45px;
}
.i-za .font .li {
  overflow: hidden;
  clear: both;
  margin-bottom: 70px;
}
.i-za .font .li .num {
  width: 67px;
  height: 62px;
  background: url(../images/num-bg.jpg) no-repeat;
  float: left;
  margin-right: 12px;
  font-size: 26px;
  color: #f1880b;
  text-align: center;
  line-height: 52px;
  font-weight: bold;
}
.i-za .font .li .txt {
  float: right;
  width: 416px;
}
.i-za .font .li .txt p.en {
  font-size: 24px;
  color: #fcecdf;
  font-weight: bold;
  margin-bottom: 10px;
}
.i-za .font .li .txt p.cn {
  font-size: 24px;
  color: #004f99;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.i-za .font .li .txt p.ins {
  font-size: 16px;
  color: #8d8d8d;
  line-height: 25px;
}
.i-wrap3 {
  width: 1920px;
  height: 70px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.i-about {
  overflow: hidden;
  background: #f7f7f7;
  padding-bottom: 55px;
}
.i-about .center {
  width: 1136px;
}
.i-about .i-public-tit {
  margin-top: 40px;
  margin-bottom: 66px;
}
.i-about .left {
  width: 540px;
  margin-top: 25px;
}
.i-about .left p.tit {
  font-size: 24px;
  color: #004f99;
  margin-bottom: 17px;
}
.i-about .left p.en {
  color: #f08300;
  font-size: 12px;
  margin-bottom: 32px;
}
.i-about .left p.ins {
  font-size: 14px;
  color: #252525;
  line-height: 27px;
  margin-bottom: 30px;
}
.i-about .left a.more {
  text-align: center;
  line-height: 32px;
  width: 104px;
  height: 32px;
  color: #fff;
  background: #f08300;
  display: block;
}
.i-factory {
  background: #f7f7f7 ;
  overflow: hidden;
  padding-bottom: 80px;
}
.i-factory .tit {
  text-align: center;
  font-size: 20px;
  color: #004f99;
  margin-bottom: 45px;
  position: relative;
}
.i-factory .tit img {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.i-factory .tit:after {
  content: "";
  display: inline-block;
  width: 500px;
  height: 1px;
  border-bottom: 1px solid #a9a9a9;
  position: relative;
  top: -5px;
  left: 18px;
}
.i-factory .tit:before {
  content: "";
  display: inline-block;
  width: 500px;
  height: 1px;
  border-bottom: 1px solid #a9a9a9;
  position: relative;
  top: -5px;
  right: 18px;
}
.i-list {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.i-list .btn {
  position: absolute;
  width: 26px;
  height: 26px;
  background: url(../images/btn-icon.png) no-repeat;
  top: 110px;
  display: block;
}
.i-list .l {
  left: 0;
}
.i-list .r {
  right: 0;
  transform: rotate(180deg);
}
.i-list .hidden {
  width: 1045px;
  margin: 0 auto;
  overflow: hidden;
}
.i-list .hidden ul {
  position: relative;
  margin-right: -5px;
}
.i-list .hidden li {
  width: 257px;
  height: 218px;
  float: left;
  margin-right: 5px;
}
.i-case {
  margin-top: 50px;
  margin-bottom: 60px;
  overflow: hidden;
}
.i-case .i-public-tit {
  margin-bottom: 50px;
}
.i-case a.more {
  margin: 0 auto;
  margin-top: 55px;
  width: 143px;
  height: 38px;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
  display: block;
  text-align: center;
  line-height: 38px;
}
.i-hezuo {
  overflow: hidden;
  background: #f7f7f7;
  padding-bottom: 50px;
}
.i-hezuo .tit {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 46px;
}
.i-hezuo .tit p.cn {
  font-size: 32px;
  margin-bottom: 15px;
  color: #000;
}
.i-hezuo .tit p.en {
  font-size: 14px;
  color: #575757;
}
.i-hezuo ul {
  margin-right: -20px;
  overflow: hidden;
}
.i-hezuo li {
  width: 221px;
  height: 118px;
  text-align: center;
  line-height: 116px;
  float: left;
  margin-right: 20px;
  border: 1px solid #d9d9d9;
  background: #fff;
  margin-bottom: 16px;
}
.i-hezuo li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.i-hezuo a.more {
  margin: 0 auto;
  margin-top: 55px;
  width: 143px;
  height: 38px;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
  display: block;
  text-align: center;
  line-height: 38px;
}
.i-news {
  overflow: hidden;
  margin-top: 42px;
  margin-bottom: 80px;
}
.i-news .news-class {
  margin-bottom: 60px;
  height: 52px;
}
.i-news .news-class a {
  width: 297px;
  height: 52px;
  text-align: center;
  display: block;
  float: left;
  background: #004f99;
  font-size: 20px;
  color: #fff;
  line-height: 52px;
}
.i-news .news-class a.active,
.i-news .news-class a:hover {
  background: #f08300;
  position: relative;
}
.i-news .news-class a.active:after,
.i-news .news-class a:hover:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 52px;
  left: 50%;
  margin-left: -12px;
  border: 15px solid transparent;
  border-top: 15px solid #f08300;
}
.i-news .left {
  width: 745px;
}
.i-news .left .only {
  overflow: hidden;
  padding-bottom: 44px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 32px;
}
.i-news .left .only img {
  width: 299px;
  height: 192px;
  float: left;
  margin-right: 28px;
}
.i-news .left .only p.tit {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 14px;
}
.i-news .left .only p.ins {
  font-size: 14px;
  color: #000;
  height: 125px;
  overflow: hidden;
  line-height: 26px;
}
.i-news .left .only a.more {
  width: 75px;
  height: 27px;
  border: 1px solid #020202;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 27px;
  color: #000000;
}
.i-news .left li {
  color: #959595;
  margin-bottom: 25px;
}
.i-news .left li .time {
  float: right;
}
.i-news .left li a {
  color: #7c7c7c;
  font-size: 16px;
}
.i-news .right {
  width: 355px;
  height: 567px;
  border: 1px solid #e5e5e5;
}
.i-news .right .qus {
  width: 333px;
  margin: 25px auto;
}
.i-news .right .qus .tit {
  padding-bottom: 13px;
  border-bottom: 1px solid #f7792d;
  margin-bottom: 30px;
  height: 40px;
  line-height: 40px;
}
.i-news .right .qus .tit span.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(../images/icon4.jpg) no-repeat;
}
.i-news .right .qus .tit span.cn {
  font-size: 24px;
  color: #004f99;
  vertical-align: middle;
  margin-right: 5px;
}
.i-news .right .qus .tit span.en {
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #e6e6e6;
}
.i-news .right .qus .qus-list dl {
  overflow: hidden;
  clear: both;
  padding-bottom: 23px;
  margin-bottom: 29px;
  border-bottom: 1px solid #f0f0f0;
}
.i-news .right .qus .qus-list dl:last-child {
  border: none;
}
.i-news .right .qus .qus-list dl img {
  margin-right: 10px;
  float: left;
}
.i-news .right .qus .qus-list dl span {
  width: 283px;
  float: left;
}
.i-news .right .qus .qus-list dl dt {
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
  overflow: hidden;
}
.i-news .right .qus .qus-list dl dd {
  overflow: hidden;
  clear: both;
  font-size: 14px;
  line-height: 24px;
}
.i-news .right .qus .qus-list dl dd span {
  color: #808080;
}
.f-nav {
  width: 100%;
  height: 297px;
  background: #f7f7f7;
  overflow: hidden;
}
.f-nav ul {
  overflow: hidden;
  margin-top: 60px;
  float: left;
}
.f-nav ul li {
  width: 165px;
  float: left;
}
.f-nav ul li a.tit {
  font-size: 16px;
}
.f-nav ul li .line {
  width: 26px;
  height: 4px;
  margin: 16px 0 21px;
  background: url(../images/line-bg.jpg) no-repeat;
}
.f-nav ul li a {
  font-size: 14px;
  color: #1d1d1d;
  display: block;
  margin-bottom: 18px;
}
.f-nav .ewm {
  float: right;
  width: 143px;
  margin-top: 78px;
}
.f-nav .ewm img {
  width: 143px;
  height: 138px;
  margin-bottom: 16px;
}
.f-nav .ewm p {
  font-size: 14px;
  text-align: center;
  color: #5a5a5a;
}
.footer {
  width: 100%;
  height: 257px;
  background: #004f99;
}
.footer .li {
  width: 385px;
  float: left;
  color: #cfcfcf;
  font-size: 14px;
  padding-left: 14px;
  margin-top: 37px;
  border-left: 1px solid #04205d;
  margin-bottom: 30px;
}
.footer .li p {
  margin-bottom: 11px;
}
.footer .bottom {
  color: #b9bfd4;
  font-size: 14px;
  text-align: center;
}
.footer .bottom a {
  color: #b9bfd4;
}
/*neiye*/
.n-banner {
  width: 1920px;
  height: 400px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.n-banner img{
	width: 100%;
	height: 100%;
}
.n-side {
  height: 50px;
  line-height: 50px;
  background: #f7f7f7;
  color: #555555;
}
.n-side a {
  color: #555555;
}
.n-main {
  overflow: hidden;
  margin-top: 50px;
  min-height: 520px;
}
.n-main .news-left {
  width: 227px;
  float: left;
  background: #004f99;
  padding-bottom: 3px;
}
.n-main .news-left .tit {
  width: 100%;
  text-align: center;
  height: 100px;
  line-height: 100px;
  color: #fff;
}
.n-main .news-left .tit span.cn {
  font-size: 28px;
}
.n-main .news-left .tit span.en {
  font-size: 20px;
  color: #a6adc9;
}
.n-main .news-left p.li {
  width: 221px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 18px;
  border-left: 3px solid #004f99;
  border-right: 3px solid #004f99;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
}

.n-main .news-left .phone {
  width: 221px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  font-size: 18px;
 color: #ffffff;
 background: url(../images/neiye_phone.jpg) no-repeat left;
 padding-left: 15px;
 font-weight: 400;
}

.n-main .news-left p.li:hover {
  background: #f7f7f7;
}
.n-main .news-left p.li a {
  color: #494949;
}
.n-main .news-list {
  width: 915px;
  float: right;
}
.n-main .news-list .only {
  overflow: hidden;
  margin-bottom: 53px;
}
.n-main .news-list .only img {
  width: 418px;
  height: 192px;
  float: left;
  margin-right: 28px;
}
.n-main .news-list .only p.tit {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 14px;
}
.n-main .news-list .only p.ins {
  font-size: 14px;
  color: #000;
  height: 125px;
  overflow: hidden;
  line-height: 26px;
}
.n-main .news-list .only a.more {
  width: 75px;
  height: 27px;
  border: 1px solid #020202;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 27px;
  color: #000000;
}
.n-main .news-list li {
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #e5e5e5;
}
.n-main .news-list li a {
  color: #7c7c7c;
}
.n-main .news-list li span.time {
  float: right;
}
.n-main .pro-tit {
  text-align: center;
  margin-bottom: 50px;
}
.n-main .pro-tit h3 {
  font-size: 30px;
  color: #004f99;
  margin-bottom: 20px;
}
.n-main .pro-tit p {
  font-size: 14px;
  color: #565656;
}
.n-main .pro-list li {
  background: #f7f7f7;
}
.n-main .pro-list li p {
  padding: 0 18px;
  text-align: left;
  font-size: 16px;
}

.n-main .pro-list li p a {
  color: #f08300;
  float: right;
  font-size: 16px;
}


.case-pro-list {
  float: left;
}
.case-pro-list ul {
  margin-right: -11px;
}
.case-pro-list li {
  width: 290px;
  height: 280px;
  background: #f7f7f7;
  float: left;
  margin-right: 11px;
  margin-bottom: 25px;
}
.case-pro-list li .tp {
  text-align: center;
  width: 270px;
  height: 204px;
  margin: 10px auto;
  line-height: 204px;
  position: relative;
}
.case-pro-list li .tp .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 204px;
  background: rgba(128, 162, 218, 0.6);
  display: none;
}
.case-pro-list li .tp .mask img {
  vertical-align: middle;
}
.case-pro-list li .tp img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.case-pro-list li p {
  margin-top: 22px;
  text-align: center;
  font-size: 18px;
  color: #3a3a3a;
  overflow: hidden;
}
.pcase-pro-list li:hover .mask {
  display: block;
}



.n-main .case-pro-list li p {
  padding: 0 18px; 
  font-size: 16px;
}

.n-main .case-pro-list li p a {
  color: #f08300;
  float: right;
  font-size: 16px;
}


.n-main .pro-tj {
  clear: both;
  overflow: hidden;
  float: right;
  width: 927px;
  padding-bottom: 17px;
}
.n-main .pro-show {
  width: 928px;
  float: right;
}
.n-main .pro-show .tp {
  width: 462px;
  height: 278px;
  float: left;
  border: 1px solid #cccccc;
  margin-right: 35px;
  overflow: hidden;
  position: relative;
}
.pro-show .tp li{
	float: left;
	width: 462px;
	height: 278px;
}
.n-main .pro-show .tp ul,
.n-main .pro-show .tp img {
  width: 100%;
  height: 100%;
}
.n-main .pro-show .tp .btn{
	width: 24px;
	height: 27px;
	top: 123px;
	position: absolute;
	background:url(../images/btn.png) no-repeat;
}
.n-main .pro-show .tp .l{
	left: 15px;
}
.n-main .pro-show .tp .r{
	transform: rotate(180deg);
	right: 15px;
}
.pro-show .tp ul{
	position: relative;
}
.n-main .pro-show .pro-detail .ins {
  height: 238px;
  overflow: auto;
}
.n-show .tit {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.n-show .info {
  font-size: 14px;
  color: #999;
  text-align: center;
  margin-bottom: 5px;
}
.n-show .pp img { max-width:100%; }
.n-main .pro-show .pro-detail p {
  font-size: 18px;
  color: #4f4f4f;
  line-height: 38px;
}
.n-main .pro-show .pro-detail p span {
  color: #004f99;
}
.n-main .pro-show .pro-detail .zx {
  width: 139px;
  height: 39px;
  background: #f08300;
  text-align: center;
  line-height: 39px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
}
.n-main .pro-show .pro-detail .phone {
  width: 199px;
  height: 39px;
  display: inline-block;
  text-align: center;
  line-height: 39px;
  color: #fff;
  background: #004f99;
  font-size: 18px;
}
.n-main .pro-jj {
  clear: both;
  margin-top: 42px;
  overflow: hidden;
  margin-bottom: 20px;
}
.n-title {
  border-bottom: 3px solid #004f99;
  padding-bottom: 20px;
  font-size: 30px;
  color: #004f99;

}
.n-title span {
  border-bottom: 4px solid #f08300;
  padding-bottom: 17px;
  font-weight: bold;
}
/*分页*/
.apage {
  float: right;
  text-align: right;
  line-height: 28px;
  margin: 50px 0 50px;
}
.apage a,
.apage span {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  color: #bbb;
  font-size: 12px;
  width: 50px;
  height: 25px;
  border: 1px solid #bbb;
}
.apage .num_btns {
  float: right;
  font-family: Tahoma;
}
.apage a:hover,
.apage .cur {
  border: 1px solid #2d89c2  !important;
  background-color: #2d89c2 ;
  color: #fff;
  text-decoration: none;
}
.apage .cust_txt {
  display: none;
  float: left;
}
.apage .oran_pg_fp {
  padding: 0 5px;
}
.apage .oran_pg_pp {
  width: 65px;
  height: 25px;
  text-align: center;
  font-size: 12px;
}
.apage .oran_pg_np {
  width: 65px;
  height: 25px;
  text-align: center;
  font-size: 12px;
}
.apage .oran_pg_lp {
  padding: 0 5px;
}
.apage select {
  font-size: 8px;
  margin-top: 5px;
}
.apage .oran_pg_txt {
  height: 15px;
  border: solid 1px #d4e3e9;
  width: 20px;
  margin-left: 5px;
}
.apage .oran_pg_btn {
  height: 15px;
  border: solid 1px #d4e3e9;
  margin-left: 5px;
  font-size: 9px;
  background: #5984ac;
  color: #fff;
}
.apage span.active {
  background: #ccc;
  color: #fff;
}
.apage li {
  float: left;
}
.main-right {
  float: right;
  width: 900px;
}

.page-turn {
    margin: 20px 0;
}
.page-turn p {
    margin-bottom: 15px;
}.page-turn a {
    color: #000;
}


/*走进华宇*/
.n-title-jin{float:left;width:900px;border-bottom:3px solid #004f99;padding-bottom:20px;font-size:30px;color:#004f99;margin-bottom:12px}
.n-title-jin span{border-bottom:3px solid #f08300;padding-bottom:17px;font-weight:700}
.n-title-jin .mt40{margin-top:40px}
.n-title-jin .mt50{margin-top:50px}
.n-content-jin{float:left;width:900px;margin-bottom:30px;line-height:30px;height:auto}
.n-content-jin .en{color:#f08300;font-size:24px;font-weight:700;line-height:40px}
.n-content-jin .en2{color:#004f99;font-size:16px;line-height:40px}
.n-content-jin .tit{color:#004f99;font-size:22px;font-weight:700;line-height:40px}
.n-content-jin .tit2{color:#004f99;font-size:24px;font-weight:700;line-height:40px}
.n-content-jin .detail{color:#231815;font-size:18px;line-height:30px}
.n-content-jin .detail2{color:#231815;font-size:18px;line-height:40px}
.n-content-jin .mt10{margin-top:10px}
.n-content-jin .mt20{margin-top:20px}
.n-content-jin .mt30{margin-top:30px}
.n-content-jin .mt40{margin-top:40px}
.n-content-jin .mt50{margin-top:50px}
.n-content-jin .mt60{margin-top:60px}
.n-content-jin .mt70{margin-top:70px}
.n-content-jin .mt80{margin-top:80px}
.n-content-jin .fontb{font-weight:700}
.n-content-jin .zuji-tp{width:900px;height:215px;}
.n-content-jin .zuji-tp img{float:left;width:287px;margin-left:18px}
.n-content-jin .zuji-tp img:first-child{margin-left:1px}
.n-content-jin .about{width:900px;height:auto;position:relative;margin-top:30px}
.n-content-jin .about-l{float:left;width:506px}
.n-content-jin .about-r{float:right;width:370px;height:auto;padding-right:2px}
.n-content-jin .about-r img{float:left;width:368px;margin-bottom:13px}
.n-content-jin .tein{text-indent:2em}
.n-content-jin .honor-4{width:900px;height:585px;position:relative;margin-left:-6px}
.n-content-jin .honor-4 img{float:left;width:213px;height:159px;margin-left:12px;margin-top:36px}
.n-content-jin .honor-5{width:900px;height:281px;position:relative;margin-left:-5px;padding-bottom:50px}
.n-content-jin .honor-5 img{float:left;width:170px;height:245px;margin-left:10px;margin-top:36px}
.n-content-jin .link{margin-left:177px}
.n-content-jin .code{width:830px;padding-left:30px;height:auto}
.n-content-jin .code img{width:245px;height:245px;border:#cbc9ca solid 1px;-moz-box-shadow:0 10px 10px #888;box-shadow:0 10px 10px #888}