@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;
}
/*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: 1200px;
  margin: 0 auto;
}
.bor0 {
  border: none !important;
}
.section {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.se1 img {
  width: 1920px;
  height: 1110px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -960px;
  margin-top: -555px;
}
.se2 {
  background: url(../images/se2.jpg) no-repeat center;
}
.se2 .i-walk {
  height: 666px;
  position: relative;
  top: 50%;
  margin-top: -333px;
}
.se2 .about-tp {
  margin-top: 70px;
  width: 556px;
  height: 356px;
  margin-right: 65px;
  float: left;
  margin-left: 23px;
  border: 2px solid #fdc158;
}
.se2 .about-tp img {
  position: relative;
  left: -22px;
  top: 22px;
}
.se2 .about-list {
  width: 470px;
  float: left;
  margin-top: 70px;
}
.se2 .about-list ul {
  margin-right: -40px;
}
.se2 .about-list li {
  color: #fff;
  overflow: hidden;
  width: 230px;
  float: left;
  height: 60px;
  margin-right: 22px;
  margin-bottom: 40px;
}
.se2 .about-list li img {
  margin-right: 15px;
  float: left;
}
.se2 .about-list li span {
  color: #fff;
}
.se2 .about-list li .tit {
  font-size: 18px;
  margin-bottom: 13px;
  display: block;
  margin-top: 7px;
}
.se2 .about-list li .ins {
  font-size: 23px;
  color: #ffffff;
  display: block;
}
.se2 .i-more {
  top: 80px;
  right: 230px;
}
.i-more {
  width: 246px;
  height: 43px;
  border: 1px solid #bfbfbf;
  display: block;
  padding-left: 32px;
  line-height: 43px;
  color: #bfbfbf;
  font-size: 23px;
  position: relative;
  position: absolute;
}
.i-more:after {
  position: absolute;
  content: "";
  right: -40px;
  top: 20px;
  width: 100px;
  height: 1px;
  background: #bfbfbf;
}
.public-tit {
  width: 480px;
  height: 205px;
  color: #fdc158;
}
.public-tit h1 {
  line-height: 75px;
  font-size: 80px;
}
.public-tit p {
  font-size: 50px;
}
.se3 {
  background: url(../images/se3.jpg);
}
.se3 .i-more {
  left: 70px;
  top: 95px;
}
.se3 .i-products {
  width: 1175px;
  margin: 0 auto;
  height: 727px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -587.5px;
  margin-top: -363.5px;
}
.se3 .i-products .public-tit {
  float: right;
  width: 450px;
  margin-right: 60px;
  margin-bottom: 130px;
}
.se3 .i-products .pro-class {
  width: 1200px;
  height: 65px;
  margin-bottom: 67px;
}
.se3 .i-products .pro-class a {
  width: 377px;
  height: 61px;
  border: 2px solid #fdc158;
  display: block;
  float: left;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 61px;
  margin-right: 16px;
}
.se3 .i-products .pro-list ul {
  margin-right: -17px;
}
.se3 .i-products .pro-list li {
  width: 281px;
  height: 253px;
  float: left;
  margin-right: 17px;
}
.se3 .i-products .pro-list li img {
  width: 281px;
  height: 213px;
  display: block;
}
.se3 .i-products .pro-list li p {
  width: 281px;
  height: 40px;
  background: #fdc158;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #000;
}
.se4 {
  background: url(../images/se4.jpg) no-repeat center;
  background-size: 100% 100%;
}
.se4 .i-more {
  top: 92px;
  right: 230px;
}
.se5 {
  background: url(../images/se5.jpg) no-repeat center;
  background-size: 100% 100%;
}
.se5 .i-more {
  bottom: -20px;
  left: 0;
}
.i-news {
  width: 1196px;
  height: 728px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -598px;
  margin-top: -364px;
}
.i-news .i-news-list {
  margin-top: 34px;
  overflow: hidden;
}
.i-news .i-news-list li {
  width: 380px;
  float: left;
  margin: 0 9px;
}
.i-news .i-news-list li .news-tp {
  width: 370px;
  height: 240px;
  border: 5px solid #fdc158;
  margin-bottom: 19px;
}
.i-news .i-news-list li .tit {
  font-size: 18px;
  color: #fdc158;
  margin-bottom: 18px;
}
.i-news .i-news-list li .ins {
  font-size: 12px;
  color: #cecbcb;
  text-indent: 2em;
  line-height: 30px;
}
.i-news .i-news-list li .more {
  width: 118px;
  height: 33px;
  border: 1px solid #aba8a8;
  line-height: 33px;
  display: block;
  color: #aba8a8;
  margin-top: 20px;
  padding-left: 20px;
}
.i-news .i-news-list li .more img {
  margin-left: 12px;
}
.i-choose {
  width: 1100px;
  height: 776px;
  position: absolute;
  margin-left: -550px;
  margin-top: -388px;
  left: 50%;
  top: 50%;
}
.i-choose .public-tit {
  width: 1000px;
  float: right;
  text-align: right;
}
.i-choose .choose-tp {
  clear: both;
  width: 1100px;
  height: 300px;
  background: #fdc158;
  margin-bottom: 75px;
}
.i-choose .choose-tp img {
  margin-top: 10px;
  margin-left: 10px;
  width: 1080px;
  height: 300px;
}
.i-choose .choose-list {
  position: relative;
}
.i-choose .choose-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.i-choose .choose-btn a {
  width: 21px;
  height: 21px;
  background: #fdc158;
  display: inline-block;
  border-radius: 30px;
  margin: 0 5px;
}
.i-choose .choose-btn a.active {
  background: #0b61a4;
}
.i-choose .tit {
  font-size: 40px;
  color: #fdc158;
  margin-bottom: 17px;
}
.i-choose .ins {
  font-size: 18px;
  color: #cdcdcd;
  line-height: 40px;
}
.i-choose .more {
  width: 243px;
  height: 34px;
  border: 1px solid #bfbfbf;
  padding-left: 35px;
  display: block;
  line-height: 34px;
  color: #bfbfbf;
  margin-top: 19px;
}
.se6 {
  background: url(../images/se6.jpg) no-repeat center;
}
.se6 .i-more {
  right: 90px;
  top: 90px;
}
.i-contact {
  width: 1120px;
  height: 808px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -560px;
  margin-top: -404px;
}
.i-contact .contact {
  width: 1067px;
  margin-top: 35px;
  height: 519px;
  border: 1px solid #fdc158;
  padding-left: 51px;
  padding-top: 38px;
}
.i-contact .contact ul {
  overflow: hidden;
  margin-bottom: 20px;
}
.i-contact .contact li {
  float: left;
  line-height: 50px;
  height: 50px;
  color: #cdcdcd;
  font-size: 18px;
  margin-bottom: 25px;
  margin-right: 102px;
}
.i-contact .contact li img {
  vertical-align: middle;
  margin-right: 22px;
}
.i-contact .contact .map {
  float: left;
  width: 760px;
  height: 230px;
  background: #ccc;
  margin-right: 28px;
}
.i-contact .contact .form {
  float: left;
  width: 250px;
}
.i-contact .contact .form input {
  background: #fff;
  border: none;
  width: 235px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.i-contact .contact .form .txt {
  height: 40px;
  padding-left: 15px;
}
.i-contact .contact .form textarea {
  width: 235px;
  height: 65px;
  border: none;
  background: #fff;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 15px;
  border-radius: 10px;
}
.i-contact .contact .form .btn {
  width: 250px;
  height: 40px;
  color: #fff;
  background: #fdc158;
}
#header {
  position: fixed;
  top: 55px;
  width: 1300px;
  z-index: 9;
  left: 50%;
  margin-left: -650px;
}

#header .logo {
  float: left;
  margin-right: 110px;
  width: 203px;
}
#header .nav {
  float: left;
  line-height: 104px;
}

#header .nav a {
  color: #fff;
  margin-right: 15px;
}
#header .lang {
  position: absolute;
  top: -15px;
  right: 0;
  color: #fff;
  line-height: 20px;
}
#header .lang img {
  width: 25px;
  height: 17px;
  margin-left: 21px;
  margin-right: 8px;
  vertical-align: middle;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: #fff;
  font-size: 14px;
}
/*neiye*/
.header {
  height: 135px;
  box-shadow: -1px 5px 20px 2px #d4d4d4;
  position: relative;
}
.header .n-logo {
  width: 195px;
  height: 82px;
  float: left;
  margin-left: 20px;
  margin-top: 30px;
  margin-right: 40px;
}
.header .relative {
  position: relative;
}
.header .nav {
  margin-top: 85px;
  float: left;
}
.header .nav ul {
  margin-right: -52px;
}
.header .nav li {
  float: left;
  margin-right: 20px;
  height: 57px;
}
.header .nav li:hover ul {
  display: block;
}
.header .nav a {
  font-size: 16px;
  color: #000000;
  position: relative;
}
.header .nav a:hover,
.header .nav a.active {
  font-weight: bold;
}
.header .nav a:hover:after,
.header .nav a.active:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -32px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 6px solid #d4d4d4;
}
.header .lang {
  position: absolute;
  right: 0;
  top: 33px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.header .lang img {
  width: 25px;
  height: 17px;
  margin-left: 21px;
  margin-right: 8px;
  vertical-align: middle;
}
.n-banner {
  height: 500px;
  margin-top: 15px;
}
.n-banner img {
  height: 500px;
}
.public-side {
  height: 59px;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
  line-height: 59px;
  color: #424242;
}
.public-side p {
  margin-left: 18px;
}
.public-side a {
  color: #424242;
}
.footer {
  height: 298px;
  border-top: 5px solid #ed9703;
  background: #004072;
  padding-top: 47px;
  width: 100%;
  clear: both;
}
.footer .f-nav {
  margin-left: 12px;
  float: left;
  margin-right: 45px;
}
.footer .f-nav a {
  display: block;
  color: #fff;
}
.footer .f-nav li {
  width: 100px;
  border-right: 1px solid #1a5380;
  margin-right: 30px;
  float: left;
  height: 174px;
}
.footer .f-nav .tit {
  font-size: 14px;
  color: #fff;
  height: 16px;
  margin-bottom: 13px;
}
.footer .f-nav .line {
  width: 15px;
  height: 1px;
  background: #1a5380;
  margin-bottom: 16px;
}
.footer .f-nav .txt {
  font-size: 12px;
  margin-bottom: 19px;
  color: #83a8c5;
}
.footer .f-zixun {
  float: left;
  width: 180px;
  color: #fff;
  margin-right: 35px;
}
.footer .f-zixun p.txt {
  font-size: 12px;
  margin-bottom: 10px;
}
.footer .f-zixun p.num {
  font-size: 18px;
  margin-bottom: 23px;
}
.footer .f-zixun p.f15 {
  font-size: 15px;
}
.footer .f-zixun a {
  font-size: 14px;
  height: 33px;
  display: block;
  background: #fca103;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 33px;
}
.footer .f-ewm {
  float: left;
  width: 130px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.footer .f-ewm img {
  width: 130px;
  height: 130px;
  margin-bottom: 13px;
}
.footer .bottom {
  margin-top: 58px;
  border-top: 1px solid #005292;
  font-size: 12px;
  color: #83a8c5;
  line-height: 58px;
}
.footer .bottom .txt {
  float: left;
}
.footer .bottom .fx {
  float: right;
}
/*neiye*/
.nav2 {
  position: absolute;
  width: 100%;
  height: 170px;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 138px;
  text-align: center;
  display: none;
}
.nav2 a:after {
  display: none;
}
.nav2 li {
  float: none !important;
  margin: 0 1px !important;
  margin-top: 25px !important;
  display: inline-block;
}
.nav2 li img {
  width: 120px;
  height: 75px;
  border: 5px solid #fff;
}
.nav2 li p {
  margin-top: 18px;
  font-size: 12px;
  color: #fdfbfb;
}
.n-public-tit {
  overflow: hidden;
  margin-top: 40px;
  text-align: center;
  margin-bottom: 50px;
}
.n-public-tit p.name {
  color: #0b61a4;
  font-size: 30px;
  margin-bottom: 21px;
  font-weight: bold;
}
.n-public-tit p.name span {
  color: #fca103;
}
.n-public-tit .ins {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #eeeeee;
  position: relative;
}
.n-public-tit .ins:after {
  content: "";
  position: absolute;
  left: -125px;
  top: 21px;
  width: 125px;
  height: 1px;
  background: #eeeeee;
}
.n-public-tit .ins:before {
  content: "";
  position: absolute;
  right: -125px;
  top: 19px;
  width: 125px;
  height: 1px;
  background: #eeeeee;
}
.n-public-left {
  width: 260px;
  float: left;
}
.n-public-left .tit {
  height: 65px;
  background: #0b61a4;
  font-size: 28px;
  color: #fff;
  line-height: 65px;
  position: relative;
}
.n-public-left .tit p {
  margin-left: 28px;
}
.n-public-left .tit img {
  position: absolute;
  right: 20px;
  top: 20px;
}
.n-public-left .n-public-list {
  width: 258px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  margin-bottom: 17px;
}
.n-public-left .n-public-list li {
  font-size: 16px;
  color: #333333;
  position: relative;
  line-height: 40px;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #fafafa;
}
.n-public-left .n-public-list li:hover ul {
  display: block;
}
.n-public-left .n-public-list li ul {
  display: none;
}
.n-public-left .n-public-list li span {
  margin-left: 28px;
  margin-right: 10px;
  display:none;
}
.n-public-left .n-public-list li a {
  color: #333333;
  display:inline-block;
   overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
   padding-left:5px;
}
.n-public-left .n-public-list li i {
  font-style: normal;
  right: 23px;
  position: absolute;
  display:none;
}
.n-public-left .n-public-list li li {
  text-align: center;
}
.n-public-left .n-public-list li li:hover {
  border: 1px solid #fca103;
}
.n-public-left .con-nr {
  width: 248px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-top: 20px;
}
.n-public-left .con-nr p.f14 {
  color: #333333;
  font-size: 14px;
}
.n-public-left .con-nr .txt {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.mar80 {
  margin-bottom: 80px;
}
.list-pro {
  width: 915px;
  float: right;
  margin-bottom: 30px;
  overflow: hidden;
}
.list-pro ul {
  margin-right: -25px;
  overflow: hidden;
}
.list-pro li {
  width: 292px;
  float: left;
  margin-right: 21px;
  margin-bottom: 16px;
}
.list-pro li:hover img {
  border: 5px solid #fca103;
}
.list-pro li:hover .more {border: 1px solid #fca103;color: #fca103;}
.list-pro li img {
  width: 282px;
  height: 176px;
  border: 5px solid #0b61a4;
  margin-bottom: 17px;
}
.list-pro li h4 {
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
}
.list-pro li p {
  font-size: 14px;
  color: #9e9c9c;
  margin-bottom: 18px;
  line-height: 25px;
  height:50px; overflow:hidden;
}
.list-pro li .more {
  width: 138px;
  height: 33px;
  display: block;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  color: #979796;
  text-align: center;
  line-height: 33px;
}
.page {
  margin: 20px auto;
}
.page span,
.page a {
  padding: 10px;
  color: #444444;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  float: left;
}
.page span:hover,
.page a:hover,
.page span.active,
.page a.active {
  background: #0b61a4;
  color: #fff;
}
/*产品详情*/
.p-tit {
  border-bottom: 1px solid #efefef;
  margin-bottom: 24px;
  overflow: hidden;
  clear: both;
}
.p-tit p {
  width: 145px;
  height: 41px;
  background: #0b61a4;
  text-align: center;
  line-height: 41px;
  font-size: 18px;
  color: #fff;
}
.n-proshow {
  overflow: hidden;
  border: 1px solid #d2d2d2;
  width: 865px;
  float: right;
  padding: 24px;
}
.n-proshow .pro-wrap {
  margin-bottom: 50px;
  overflow: hidden;
}
.n-proshow .tp {
  float: left;
  width: 338px;
  height: 338px;
  border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 338px;
}
.n-proshow .tp img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.n-proshow .right {
  width: 500px;
}
.n-proshow .right .tit {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  padding-bottom: 18px;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 10px;
}
.n-proshow .right .ins {
  font-size: 14px;
  color: #333333;
  line-height: 32px;
  margin-bottom: 55px;
  height: 152px;
  overflow: hidden;
}
.n-proshow .right .pros-list {
  height: 67px;
  position: relative;
}
.n-proshow .right .pros-list .hidden {
  width: 440px;
  overflow: hidden;
  margin: 0 auto;
}
.n-proshow .right .pros-list a.btn {
  width: 23px;
  height: 66px;
  background: #dddbdb;
  top: 0px;
  position: absolute;
  line-height: 66px;
  text-align: center;
}
.n-proshow .right .pros-list a.btn img {
  vertical-align: middle;
}
.n-proshow .right .pros-list a.btn:hover {
  background: #0b61a4;
}
.n-proshow .right .pros-list .r {
  right: 0;
}
.n-proshow .right .pros-list .r img {
  transform: rotate(180deg);
}
.n-proshow .right .pros-list ul {
  margin-right: -8px;
  position: relative;
}
.n-proshow .right .pros-list li {
  float: left;
  width: 64px;
  height: 64px;
  border: 1px solid #d6d4d2;
  margin-right: 8px;
}
.n-proshow .right .pros-list li img {
  width: 100%;
  height: 100%;
}
.n-proshow .pro-intro {
  overflow: hidden;
}
.n-proshow .pro-intro .ins .txt {
  color: #0b0b0b;
  line-height: 38px;
  font-size: 14px;
  text-indent: 2em;
  margin-bottom: 20px;
}
.n-proshow .pro-intro .align {
  text-align: center;
}
.n-proshow .pro-intro .td {
  overflow: hidden;
  margin-bottom: 25px;
}
.n-proshow .pro-intro .td img {
  width: 418px;
  height: 310px;
  border: 1px solid #d2d2d2;
  float: left;
  margin-right: 24px;
}
.n-proshow .pro-intro .td .text {
  font-size: 14px;
  color: #0c0c0c;
  line-height: 24px;
}
.n-proshow .pro-intro .list {
  overflow: hidden;
}
.n-proshow .pro-intro .list ul {
  margin-right: -24px;
}
.n-proshow .pro-intro .list li {
  width: 417px;
  float: left;
  margin-right: 24px;
  margin-bottom: 33px;
  text-align: center;
}
.n-proshow .pro-intro .list li img {
  width: 100%;
  height: 220px;
}
.n-proshow .pro-intro .list p {
  font-size: 14px;
  color: #0c0c0c;
  margin-top: 17px;
}
/*产研实力 */
.pro-chan .list-chan {
  width: auto;
  float: none;
}
.pro-chan .list-chan ul {
  margin-right: -32px;
}
.pro-chan .list-chan li {
  width: 380px;
  margin-right: 30px;
  margin-bottom: 45px;
}
.pro-chan .list-chan li img {
  width: 370px;
  height: 230px;
}
.pro-chan .list-sb {
  overflow: hidden;
  margin-top: 40px;
}
.pro-chan .list-sb ul {
  text-align: center;
}
.pro-chan .list-sb li {
  display: inline-block;
  float: none;
}
.pro-chan .chan-ins {
  font-size: 14px;
  color: #030000;
  line-height: 31px;
  text-indent: 2em;
}
.bor0 {
  border: 0;
}
/*联系我们*/
.n-contact {
  overflow: hidden;
}
.n-contact .con-wrap {
  
  position: relative;
  width:1200px;
  height: 230px;
  background: #0b61a4;
  margin-top: 73px;
  margin-bottom: 80px;
}
.n-contact .con-wrap img {
  position: absolute;
  left: -160px;
  top: -72px;
}
.n-contact .con-wrap .con-ins {
  position: absolute;
  top: 75px;
  left: 115px;
  color: #fff;
  width: 798px;
}
.n-contact .con-wrap .con-ins .tit {
  font-size: 25px;
  margin-bottom: 13px;
}
.n-contact .con-wrap .con-ins .txt {
  font-size: 16px;
  line-height: 26px;
}
.n-contact .con-detail {
  overflow: hidden;
  background: #0b61a4;
  width: 1123px;
  margin: 0 auto;
  margin-bottom: 85px;
}
.n-contact .con-detail .maps {
  width: 702px;
  height: 620px;
  float: left;
}
.n-contact .text.m47 {
  margin-top: 47px;
}
.n-contact .text {
  width: 375px;
  float: left;
  padding-left: 45px;
  color: #fff;
  margin-top: 29px;
  border-bottom: 1px solid #087dd9;
}
.n-contact .text .tit {
  font-size: 16px;
}
.n-contact .text .txt {
  color: #9eb6d2;
  font-size: 15px;
  margin-bottom: 19px;
  line-height: 43px;
}
.n-contact .ewm img {
  width: 135px;
  margin-right: 38px;
  height: 135px;
  margin-bottom: 15px;
}
/*企业文化*/
.wh-txt {
  font-size: 16px;
  color: #000;
  line-height: 51px;
  text-indent: 2em;
  margin-bottom: 68px;
}
.shiming {
  overflow: hidden;
  margin-bottom: 60px;
  border: 1px solid #e5e5e5;
}
.shiming .wh-tp {
  text-align: center;
}
.shiming .wh-tp img {
  margin-top: 2px;
}
.shiming .blok-tit {
  width: 400px;
  height: 122px;
  background: #0b61a4;
  margin: 0 auto;
  margin-top: -54px;
  position: relative;
  z-index: 6;
  color: #fff;
  overflow: hidden;
  text-align: center;
  margin-bottom: 33px;
}
.shiming .blok-tit h4 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 16px;
}
.shiming .blok-tit p {
  font-size: 16px;
  color: #e9eef4;
   overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
   padding:0 10px;
}
.wh-txt {
  width: 1130px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.n-main .name {
  text-align: center;
  font-weight: bold;
  margin-top: 60px;
  position: relative;
  z-index: 999;
  color: #fca61d;
  margin-bottom: 12px;
  font-size: 30px;
}
.n-main .name span {
  color: #0b61a4;
}
.yuanj {
  overflow: hidden;
}
.yuanj .center {
  position: relative;
}
.yuanj .tp {
  position: absolute;
}
.yuanj .wh-txt {
  text-align: center;
  margin-left: 19px;
  margin-bottom: 0px;
  line-height: 36px;
}
.yuanj .yj-section {
  width: 1200px;
  background: #fff;
  height: 920px;
  margin-top: 40px;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}
.yuanj .yj-section .yj-list {
  margin-top: 69px;
  margin-left: 43px;
}
.yuanj .yj-section .li {
  clear: both;
}
.yuanj .yj-section .li img {
  width: 390px;
  height: 270px;
  float: left;
}
.yuanj .yj-section .li .ins {
  text-indent: 2em;
  float: left;
  width: 652px;
  font-size: 16px;
  color: #000;
  margin-left: 34px;
  margin-top: 50px;
  line-height: 51px;
}
.yuanj .yj-section .yj-mask {
  display: block;
  width: 1057px;
  margin: 0 auto;
}
.n-tit {
  font-size: 16px;
  color: #000;
  text-align: center;
}
.jiaz {
  overflow: hidden;
  margin-bottom: 100px;
}
.jiaz .jiaz-list {
  overflow: hidden;
  margin-top: 45px;
}
.jiaz .jiaz-list li {
  width: 399px;
  height: 298px;
  float: left;
  background: #f2f6f7;
  text-align: center;
  overflow: hidden;
  color: #000;
}
.jiaz .jiaz-list li h3 {
  font-size: 40px;
  margin-bottom: 19px;
  margin-top: 66px;
}
.jiaz .jiaz-list li p {
  width: 360px;
  font-size: 14px;
  margin: 0 auto;
  line-height: 35px;
  height:140px; overflow:hidden;
}
.jiaz .jiaz-list .active {
  color: #fff;
  background: #0b61a4;
}
.zuof {
  height: 500px;
  background: #0b61a4;
  margin-bottom: 240px;
}
.zuof .center {
  overflow: hidden;
}
.zuof .name {
  color: #fff;
}
.zuof .name span {
  color: #fca61d;
}
.zuof .n-tit {
  color: #8d9fad;
  font-size: 20px;
}
.zuof .wh-txt {
  margin-top: 30px;
  color: #fff;
  text-align: center;
}
.zuof .zuof-tp {
  width: 1180px;
  height: 280px;
  border: 10px solid #f6f6f6;
}
.zuof .zuof-tp img {
  width: 100%;
  height: 100%;
}
/*资质荣誉*/
.n-honor {
  overflow: hidden;
  margin-bottom: 80px;
}
.n-honor .honor-box {
  height: 500px;
  position: relative;
  text-align: center;
  line-height: 500px;
  margin-bottom: 23px;
}
.n-honor .honor-box img {
  vertical-align: middle;
  width: 646px;
  height: 416px;
}
.n-honor .honor-box .ins {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 80px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 80px;
}
.n-honor .honor-list {
  position: relative;
  overflow: hidden;
}
.n-honor .honor-list .hidden {
  width: 1053px;
  overflow: hidden;
  margin: 0 auto;
}
.n-honor .honor-list .btn {
  width: 35px;
  height: 100px;
  background: #dddbdb;
  display: block;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 100px;
}
.n-honor .honor-list .btn img {
  vertical-align: middle;
}
.n-honor .honor-list .r {
  right: 0;
  transform: rotate(180deg);
}
.n-honor .honor-list ul {
  position: relative;
  margin-right: -30px;
}
.n-honor .honor-list li {
  width: 148px;
  height: 98px;
  border: 1px solid #e5e5e5;
  float: left;
  text-align: center;
  line-height: 98px;
  margin-right: 30px;
}
.n-honor .honor-list li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
/*品牌阐释*/
.pp-section {
  border: 1px solid #e7e7e7;
  height: 297px;
}
.pp-section .p-logo {
  margin-left: 50px;
  margin-top: 42px;
  margin-right: 70px;
  display: block;
  float: left;
}
.pp-section .right {
  margin-top: 70px;
  margin-right: 22px;
}
.pp-section .right .ins {
  margin-top: 15px;
  width: 795px;
  line-height: 52px ;
  font-size: 18px;
}
.p-font {
  margin: 25px 0;
  overflow: hidden;
  text-indent: 2em;
  font-size: 18px;
  color: #030000;
  line-height: 50px;
}
/*瑞玛影像*/
.r-video {
  width: 1200px;
  height: 735px;
  background: #000;
}
/*新闻中心*/
.news-only {
  overflow: hidden;
}
.news-only .tps {
  margin-left: 24px;
  margin-right: 36px;
  width: 328px;
  height: 198px;
  float: left;
  border: 1px solid #eeeeee;
}
.news-only .tps img{
	width: 100%;
	height: 100%;
}
.news-only .on-ins {
  float: left;
}
.news-only .on-ins p.tit {
  font-size: 20px;
  line-height: 45px;
  height: 45px;
  margin-bottom: 15px;
}
.news-only .on-ins p.tit img {
  vertical-align: middle;
}
.news-only .on-ins p.tit span {
  position: relative;
  margin-top: 5px;
}
.news-only .on-ins p.ins {
  width: 767px;
  line-height: 30px;
  color: #262626;
  font-size: 14px;
  margin-bottom: 32px;
}
.news-only .on-ins a {
  font-size: 14px;
  color: #0b61a4;
}
.n-main .line {
  width: 100%;
  height: 1px;
  background: #e1e1e1;
  margin: 45px 0;
}
.news-list li {
  height: 72px;
  padding-top: 47px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}
.news-list li a {
  color: #000;
}
.news-list li:hover {
  background: #f6f6f6;
}
.news-list li:hover .news-icon {
  background: #fca103;
  color: #fff;
  border: none;
}
.news-list li .time {
  float: left;
  width: 60px;
  height: 60px;
  background: #0b61a4;
  text-align: center;
  color: #fff;
  margin-left: 38px;
  margin-right: 20px;
}
.news-list li .time h3 {
  font-size: 22px;
  margin-top: 5px;
}
.news-list li .time .line {
  width: 42px;
  height: 1px;
  background: #fff;
  margin: 5px auto;
}
.news-list li .time p {
  font-size: 14px;
}
.news-list li .ins {
  float: left;
  width: 953px;
}
.news-list li p.tit {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-right: 17px;
}
.news-list li p.txt {
  font-size: 13px;
  color: #aaa;
  line-height: 26px;
  margin-top: 5px;
}
.news-list li .news-icon {
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  border: 1px solid #e5e5e5;
  position: absolute;
  right: 20px;
  top: 70px;
  font-size: 23px;
}
/*在线留言*/
.n-msg {
  width: 1140px;
  height: 614px;
  padding-top: 38px;
  padding-left: 60px;
  background: #f9f7f7;
}
.n-msg h3 {
  width: 1083px;
  font-size: 20px;
  color: #000;
  line-height: 35px;
}
.n-msg .form {
  overflow: hidden;
  margin-top: 17px;
}
.n-msg .form input {
  border: 1px solid #e5e5e5;
  background: #fff;
}
.n-msg .form .txt {
  width: 351px;
  height: 43px;
  padding-left: 19px;
  margin-bottom: 22px;
  margin-right: 16px;
}
.n-msg .form textarea {
  width: 1060px;
  height: 228px;
  background: #fff;
  margin-bottom: 29px;
  padding: 15px;
  border: 1px solid #e5e5e5;
}
.n-msg .form .yzm-tp {
  width: 50px;
  height: 45px;
  float: left;
  margin-right: 10px;
}
.n-msg .form .yzm {
  float: left;
  width: 138px;
  padding-left: 20px;
  height: 43px;
  margin-right: 20px;
}
.n-msg .form .btn {
  width: 150px;
  height: 44px;
  background: #fca103;
  text-align: center;
  line-height: 44px;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
}
.n-msg .form .reset {
  background: #0b61a4;
}
/*总经理致辞*/
.zhici {
  overflow: hidden;
}
.zhici .zhici-nr {
  margin-top: 30px;
  color: #000;
  font-size: 14px;
  line-height: 50px;
}
.zhici .zhici-nr p {
  text-indent: 2em;
}
/*组织架构*/
.jiagou {
  text-align: center;
}
/*新闻详情*/
.n-main-box {
  margin-top: 30px;
}
.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 .info span {
  margin-right: 5px;
}
.n-show .pp {
  padding-top: 10px;
  padding-bottom: 15px;
}
.n-show .pp p {
  font-size: 16px;
  color: #333;
  line-height: 150%;
}
.pagination {
  text-align: right;
  float: right;
  margin-bottom: 35px;
}
.pagination a {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  float: left;
  line-height: 40px;
  background: #e5e5e5;
  border: 0;
  margin-right: 10px;
  color: #a6a6a6;
}
.pagination .active {
  border: 0 !important;
  background: #fff;
  color: #004072;
}
.pagination .next {
  float: left;
}
.pagination .pre {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.page-turn {
  padding-top: 15px;
}
.page-turn p {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.page-turn p a {
  color: #333;
}
.page-turn p:hover a {
  color: #004072;
}
/*首页特效*/
.section * {
  transition: 1s;
}
.section.se2 .public-tit {
  position: relative;
  left: -850px;
  opacity: 0;
}
.section.se2 .i-more {
  right: -800px !important;
  opacity: 0;
}
.section.se2 .about-tp {
  position: relative;
  left: -800px;
  opacity: 0;
}
.section.se2 .about-list {
  position: relative;
  left: 800px;
  opacity: 0;
}
.section.se3 .i-more {
  position: relative;
  left: -800px;
  opacity: 0;
}
.section.se3 .public-tit {
  position: relative;
  left: 850px;
  opacity: 0;
}
.section.se3 .pro-class a {
  position: relative;
  top: -200px;
  opacity: 0;
}
.section.se3 .pro-list {
  position: relative;
  bottom: -400px;
  opacity: 0;
}
.section.se4 .public-tit {
  left: -800px;
  position: relative;
  opacity: 0;
}
.section.se4 .i-more {
  right: -800px;
  opacity: 0;
}
.section.se4 .i-news-list {
  position: relative;
  bottom: -800px;
  opacity: 0;
}
.section.se5 .public-tit {
  position: relative;
  top: -500px;
  opacity: 0;
}
.section.se5 .choose-tp {
  position: relative;
  left: -1500px;
  opacity: 0;
}
.section.se5 .choose-list {
  position: relative;
  left: 1500px;
  opacity: 0;
}
.section.se5 .i-more {
  bottom: -200px;
  opacity: 0;
}
.section.se6 .public-tit {
  position: relative;
  top: -500px;
  opacity: 0;
}
.section.se6 .i-more {
  top: -150px;
  opacity: 0;
}
.section.se6 .i-contact .contact li {
  position: relative;
  left: -1000px;
  opacity: 0;
}
.section.se6 .map {
  position: relative;
  left: -800px;
  opacity: 0;
}
.section.se6 .form {
  left: 500px;
  opacity: 0;
}
.section.se6 .contact {
  border: 1px solid transparent;
  opacity: 0;
}
.section.active * {
  transition: 1s;
}
.section.active.se6 .public-tit {
  top: 0;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se6 .i-more {
  top: 90px;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se6 .i-contact .contact li {
  left: 0;
  opacity: 1;
}
.section.active.se6 .i-contact .contact li:nth-child(1) {
  transition-delay: 1.5s;
}
.section.active.se6 .i-contact .contact li:nth-child(2) {
  transition-delay: 2s;
}
.section.active.se6 .i-contact .contact li:nth-child(3) {
  transition-delay: 2.5s;
}
.section.active.se6 .i-contact .contact li:nth-child(4) {
  transition-delay: 3s;
}
.section.active.se6 .map {
  opacity: 1;
  left: 0;
  transition-delay: 3.5s;
}
.section.active.se6 .form {
  position: relative;
  left: 0px;
  opacity: 1;
  transition-delay: 4s;
}
.section.active.se6 .contact {
  border: 1px solid #fdc158;
  opacity: 1;
  transition-delay: 1.5s;
}
.section.active.se5 .public-tit {
  top: 0;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se5 .choose-tp {
  left: 0;
  opacity: 1;
  transition-delay: 2s;
}
.section.active.se5 .choose-list {
  left: 0;
  opacity: 1;
  transition-delay: 2s;
}
.section.active.se5 .i-more {
  bottom: -20px;
  opacity: 1;
  transition-delay: 2.5s;
}
.section.active.se4 .public-tit {
  left: 0;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se4 .i-more {
  right: 230px;
  opacity: 1;
  transition-delay: 1.5s;
}
.section.active.se4 .i-news-list {
  bottom: 0;
  opacity: 1;
  transition-delay: 2s;
}
.section.active.se3 .i-more {
  left: 0;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se3 .public-tit {
  left: 0;
  opacity: 1;
  transition-delay: 1.5s;
}
.section.active.se3 .pro-class a {
  top: 0;
  opacity: 1;
}
.section.active.se3 .pro-class .a1 {
  transition-delay: 2s;
}
.section.active.se3 .pro-class .a2 {
  transition-delay: 2.5s;
}
.section.active.se3 .pro-class .a3 {
  transition-delay: 3s;
}
.section.active.se3 .pro-list {
  bottom: 0;
  opacity: 1;
  transition-delay: 3.5s;
}
.section.active.se2 .public-tit {
  left: 0;
  opacity: 1;
  transition-delay: 1s;
}
.section.active.se2 .i-more {
  opacity: 1;
  right: 230px !important;
  transition-delay: 1.5s;
}
.section.active.se2 .about-tp {
  left: 0;
  transition-delay: 2s;
  opacity: 1;
}
.section.active.se2 .about-list {
  left: 0;
  transition-delay: 2.5s;
  opacity: 1;
}



#msg{
				width: 260px;
				height: 355px;
				background: #ededed;
				position: fixed;
			    right: 20px;
    			bottom: 20px !important;
    			overflow: hidden;
			}
			#msg .tit{
				height: 42px;
				line-height: 42px;
				background: #00aef3;
				color: #fff;
				font-size: 16px;
				overflow: hidden;
			}
			#msg .tit span{
				margin-left: 12px;
			}
			#msg .tit a{
				float: right;
				color: #fff;
				font-size: 50px;
				position: relative;
				top: -47px;
				right: 10px;
			}
			#msg .tit a.active{
				width: 15px;
		    height: 10px;
		    border: 2px solid #fff;
		    top: -27px;
			}
			#msg .form{
				width: 238px;
				margin: 0 auto;
				overflow: hidden;
			}
			#msg .form textarea{
				width: 226px;
				height: 83px;
				padding-left: 10px;
				padding-top: 10px;
				border: 1px solid #dfdfdf;
				background: #fff;
				margin-top: 10px;
				resize:none
			}
			#msg .form .txt{
				height: 32px;
				line-height: 32px;
				width: 99%;
				border: 1px solid #dfdfdf;
				margin-top: 8px;
				background: #fff;
			}
			#msg .form .txt span{
				font-size: 15px;
				color: #939393;
			}
			#msg .form .txt input{
				border: none;
				outline: none;
				width: 110px;
				height: 29px;
			}
			#msg .form .txt img{
				margin-left: 5px;
				margin-right: 5px;
				vertical-align: middle;
			}
			#msg .form .btn{
				width: 105px;
				height: 25px;
				background: #00aef3;
				color: #fff;
				border: none;
				display: block;
				margin: 0 auto;
				margin-top: 6px;
			}
			#msg .form{}
			

#box{
				width: 144px;
				height: 335px;
				border: 3px solid #0e7ac6;
				background: #00aef3;
				position: fixed;
			    right: 20px;
    			top: 100px;
			}
			#box p.txt{
				width: 100%;
				height: 52px;
				line-height: 52px;
				color: #fff;
				font-size: 16px;
				overflow: hidden;
			}
			#box p.txt a{
				color: #fff;
				font-size: 13px;
			}
			#box p.txt img{
				margin-right: 5px;
				margin-left: 7px;
			}
			#box p.active{
				background: #2fbdf6;
			}
			#box .block{
				height: 119px;
				background: #fff;	
				font-size: 17px;
				text-align: left;
				overflow: hidden;
				padding-left: 12px;
			}
			#box .block p{
				margin: 6px 0;
				font-size: 14px;
			}
			#box .block .tit{
				color: #000;
			}
			#box .block .num{
				color: #00aef3;
			}
			


	/*10.31修改*/
.se1 *{
	transition: 0s !important;
	transition-delay: 0s !important;
}
#banner {
  height: 100%;
  position: relative;
  overflow: hidden;
}
#banner ul {
  position: relative;
}
#banner ul li {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#banner .btn-list {
  position: absolute;
  bottom: 15px;
}
#banner .btn-list li {
  width: 20px;
  height: 20px;
  background: #fff;
  margin-right: 10px;
  border-radius: 30px;
  float: left;
}
#banner .btn-list li.active {
  background: #fdc158;
}
#banner img {
  border: 0 none;
  position: absolute;
  left: 50%;
  width: 1920px;
  height: 1100px;
  margin-left: -960px;
  top: 50%;
  margin-top: -550px;
}
.n-main{
	margin-bottom: 30px;
	overflow: hidden;
}
.lang a{
	color: #fff;
}

.list-pro li h4{
	overflow: hidden;
	height: 20px;
}
