@charset "UTF-8";
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: none;
}
body {
  background: #fff;
  font-family: "Arial";
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
textarea,
input {
  font-family: "Arial";
  color: #333333;
  font-size: 12px;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select,
input:focus,
textarea:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
  font-family: "Arial";
  color: #333333;
  font-size: 12px;
  text-decoration: none;
}
a:hover {
  color: #82d501;
}
html,
body {
  height: 100%;
}
body.hide {
  overflow: hidden;
}
body {
  background: #f8f8f8;
}
.tx:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.wrap {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.col,
.row {
  width: 100%;
  box-sizing: border-box;
}
.col:after,
.row:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.l {
  float: left;
}
.r {
  float: right;
}
.article {
  line-height: 26px;
  font-size: 16px;
  color: #555555;
  text-align: justify;
}
.article img {
  max-width: 100%;
}
.mainFilter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none;
  background: url(../images/mainfilter.png);
}
.wrapper {
  width: 100%;
  min-width: 1280px;
  min-height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 95px;
  padding-bottom: 394px;
}
.header {
  width: 100%;
  height: 95px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background: #fff;
}
.header .logo {
  width: 236px;
  margin-top: 23px;
  float: left;
  overflow: hidden;
}
.header .logo img {
  width: 100%;
  display: block;
}
.header .searchBox {
  float: right;
  margin-top: 36px;
  position: relative;
}
.header .searchBox .searchBtn {
  width: 22px;
  height: 22px;
  background: url(../images/search.png) no-repeat center;
  cursor: pointer;
}
.header .searchBox .searchBar {
  width: 300px;
  height: 40px;
  position: absolute;
  right: -9px;
  top: 40px;
  z-index: 95;
  border: solid 2px #eee;
  box-sizing: border-box;
  display: none;
}
.header .searchBox .searchBar .inpu {
  width: 258px;
  height: 36px;
  float: left;
}
.header .searchBox .searchBar .inpu input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
}
.header .searchBox .searchBar .inpu input::-webkit-input-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input:-moz-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input::-moz-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .inpu input:-ms-input-placeholder {
  color: #cccccc;
}
.header .searchBox .searchBar .btn {
  width: 36px;
  height: 36px;
  float: right;
  background: url(../images/search1.png) no-repeat center #ffffff;
  border-left: solid 2px #eee;
}
.header .searchBox .searchBar .btn input {
  width: 100%;
  height: 100%;
  background: none;
  cursor: pointer;
}
.header .nav {
  float: right;
  margin-right: 20px;
}
.header .nav > ul > li {
  float: left;
  position: relative;
  margin-left: 45px;
}
.header .nav > ul > li > a {
  height: 95px;
  line-height: 95px;
  display: block;
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.header .nav > ul > li > a:after {
  content: "";
  width: 0%;
  height: 2px;
  background: #0E50A2;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.header .nav > ul > li > a:hover {
  color: #0E50A2;
}
.header .nav > ul > li.on > a {
  color: #0E50A2;
}
.header .nav > ul > li.on > a:after {
  width: 100%;
  left: 0;
}
.header .nav .sub {
  min-width: 100%;
  position: absolute;
  top: 95px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 90;
  background: url(../images/mainfilter.png);
  display: none;
}
.header .nav .sub li {
  border-top: solid 1px #083B7C;
}
.header .nav .sub li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  padding: 0 20px;
  background-color:#0E50A2;
}
.header .nav .sub li a:hover {
  color: #0E50A2; background-color:#F8F8F8;
}
.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #f8f8f8;
  padding-top: 62px;
  border-top: solid 4px #e5e5e5;
}
.footer .title {
  line-height: 20px;
  font-size: 18px;
  color: #333333;
  padding-bottom: 6px;
  position: relative;
}
.footer .title a {
  font-size: 18px;
  color: #333333;
}
.footer .title:after {
  content: " ";
  width: 16px;
  height: 2px;
  background: #0E50A2;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.footer .list {
  width: 200px;
  float: left;
}
.footer .list ul {
  margin-top: 36px;
}
.footer .list ul li {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #777777;
}
.footer .list ul li a {
  font-size: 14px;
  color: #777777;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.footer .list ul li a:hover {
  color: #82d501;
}
.footer .contact {
  float: right;
  max-width: 426px;
  border-left: solid 1px #dfdfdf;
  min-height: 194px;
  padding-left: 80px;
}
.footer .contact .text {
  line-height: 18px;
  font-size: 14px;
  color: #555555;
  margin-top: 40px;
}
.footer .contact .text p {
  min-height: 28px;
  padding: 5px 0 0 38px;
  box-sizing: border-box;
  background: no-repeat 0 0;
  margin-bottom: 12px;
}
.footer .contact .text p.p1 {
  background-image: url(../images/contact1.png);
  font-weight: bold;
}
.footer .contact .text p.p2 {
  background-image: url(../images/contact2.png);
}
.footer .contact .text p.p3 {
  background-image: url(../images/contact3.png);
}
.footer .contact .text a {
  font-size: 14px;
  color: #555555;
}
.footer .bottom {
  margin-top: 50px;
  background: url(../images/footer_bottom.jpg) repeat-y center 0;
  background-size: 100% 100%;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  padding: 22px 0;
}
.footer .bottom a {
  font-size: 14px;
  color: #fff;
}
.footer .bottom .share {
  float: right;
}
.footer .bottom .share a {
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 5px;
}
.footer .bottom .share a:first-child {
  margin-left: 0;
}
.main .banner .fullSlide {
  position: relative;
}
.main .banner .fullSlide .bd {
  position: relative;
  z-index: 0;
}
.main .banner .fullSlide .bd li img {
  width: 100%;
  display: block;
}
.main .banner .fullSlide .hd {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
}
.main .banner .fullSlide .hd ul {
  display: inline-block;
}
.main .banner .fullSlide .hd ul li {
  cursor: pointer;
  width: 30px;
  height: 2px;
  margin: 0 4px;
  overflow: hidden;
  background: #fff;
  font-size: 0;
  float: left;
}
.main .banner .fullSlide .hd ul .on {
  background: #82d501;
}
.main .columnTitle {
  text-align: center;
}
.main .columnTitle .tit {
  font-size: 40px;
  color: #333333;
}
.main .columnTitle .tit span {
  color: #0E50A2;
}
.main .columnTitle .txt {
  line-height: 24px;
  font-size: 16px;
  color: #777777;
  margin-top: 4px;
}
.main .about {
  padding: 60px 0 50px 0;
  background: #fff;
}
.main .about .content {
  margin-top: 46px;
}
.main .about .content .pic {
  width: 600px;
  float: left;
}
.main .about .content .pic img {
  width: 100%;
  display: block;
}
.main .about .content .cont {
  width: 552px;
  float: right;
}
.main .about .content .cont .text {
  line-height: 26px;
  font-size: 16px;
  color: #555555;
}
.main .about .content .cont .text img {
  max-width: 100%;
}
.main .about .content .cont .text .more {
  margin-top: 14px;
  font-size: 16px;
  color: #0E50A2;
  margin-top: 16px;
  display: inline-block;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.main .about .content .cont .text .more:hover {
  color: #82d501;
}
.main .about .content .cont .text .txt {
  padding: 18px 10px 54px 10px;
}
.main .about .content .cont .text .tit {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
.main .about .content .cont .text .brand {
  border-top: solid 1px #ebebeb;
  padding-top: 42px;
}
.main .about .content .cont .text .brand .tit {
  margin-bottom: 20px;
}
.main .about .content .cont .text .brand .piclist span {
  float: left;
}
.main .product {
  background: url(../images/product_bg1.jpg) no-repeat 0 0, url(../images/product_bg2.jpg) no-repeat right 0 bottom #f8f8f8;
  padding: 54px 0 14px 0;
}
.main .product .columnTitle {
  margin-bottom: 40px;
}
.main .product .list {
  margin-bottom: 34px;
}
.main .product .list .title {
  line-height: 46px;
}
.main .product .list .title:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .product .list .title .tit {
  float: left;
  font-size: 18px;
  color: #333333;
}
.main .product .list .title .more {
  float: right;
  font-size: 14px;
  color: #999999;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.main .product .list .title .more:hover {
  color: #0E50A2;
}
.main .product .list ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.main .product .list ul li {
  width: 150px;
  float: left;
  margin-left: 25px;
  text-align: center;
  margin-bottom:25px;
}
.main .product .list ul li:nth-child(7n+1) {
  margin-left: 0;
}
.main .product .list ul li a {
  display: block;
}
.main .product .list ul li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .product .list ul li a:hover .text::after {
  width: 100%;
}
.main .product .list ul li a:hover .text .p1 {
  color: #F2C44A;
}
.main .product .list ul li .pic {
  height: 220px;
  overflow: hidden;
}
.main .product .list ul li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .product .list ul li .text {
  background: #0E50A2;
  padding: 18px 16px 20px 16px;
  box-sizing: border-box;
  position: relative;
}
.main .product .list ul li .text::after {
  content: " ";
  width: 0;
  height: 2px;
  background: #F2C44A;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .product .list ul li .text .p1 {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .product .list ul li .text .p2 {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 6px;
}
.main .news {
  padding: 36px 0 56px 0;
  background: #fff;
}
.main .news .picScroll-left {
  overflow: hidden;
  position: relative;
  margin-top: 36px;
}
.main .news .picScroll-left .bd {
  overflow: hidden;
}
.main .news .picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}
.main .news .picScroll-left .bd ul li {
  width: 384px;
  float: left;
  margin-right: 24px;
  text-align: center;
}
.main .news .picScroll-left .bd ul li a {
  display: block;
}
.main .news .picScroll-left .bd ul li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .news .picScroll-left .bd ul li a:hover .text .txt .p {
  margin-top: -40px;
}
.main .news .picScroll-left .bd ul li .pic {
  height: 285px;
  overflow: hidden;
  position: relative;
}
.main .news .picScroll-left .bd ul li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .picScroll-left .bd ul li .pic .date {
  padding: 0  12px;
  height: 36px;
  line-height: 36px;
  background: #0E50A2;
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display:none;
}
.main .news .picScroll-left .bd ul li .text {
  padding: 40px 30px 0 30px;
  box-sizing: border-box;
}
.main .news .picScroll-left .bd ul li .text .tit {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.main .news .picScroll-left .bd ul li .text .txt {
  margin-top: 10px;
  height: 40px;
  overflow: hidden;
}
.main .news .picScroll-left .bd ul li .text .txt .p {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*word-break: break-all;*/
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .picScroll-left .bd ul li .text .txt .more {
  width: 86px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  background: #0E50A2;
  margin: 8px auto 0 auto;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.main .news .picScroll-left .hd {
  overflow: hidden;
  text-align: center;
  margin-top: 50px;
}
.main .news .picScroll-left .hd ul {
  display: inline-block;
}
.main .news .picScroll-left .hd ul li {
  float: left;
  width: 30px;
  height: 2px;
  overflow: hidden;
  margin: 0 4px;
  text-indent: -999px;
  cursor: pointer;
  background: #999999;
}
.main .news .picScroll-left .hd ul li.on {
  background: #0E50A2;
}
.container .banner {
  background: no-repeat center 0;
  height: 300px;
}
.container .crumbs {
  height: 38px;
  line-height: 38px;
  background: #f0efef;
  font-size: 14px;
  color: #999999;
}
.container .crumbs a {
  font-size: 14px;
  color: #999999;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.container .crumbs a:hover {
  color: #0E50A2;
}
.container .crumbs span {
  padding: 0 16px;
}
.container .paging {
  margin-top: 20px;
  text-align: center;
  background: #fff;
  padding: 46px 0;
}
.container .paging ul {
  display: inline-block;
}
.container .paging ul li {
  float: left;
  margin: 0 6px;
}
.container .paging ul li a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  border: solid 1px #dedede;
  font-size: 14px;
  color: #333333;
  display: block;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.container .paging ul li.on a,
.container .paging ul li a:hover {
  border: solid 1px #0E50A2;
  background: #0E50A2;
  color: #fff;
}
.container .paging ul li.prev a,
.container .paging ul li.next a {
  border: none;
  background: url(../images/arrow3.png) no-repeat center;
}
.container .paging ul li.prev a:hover,
.container .paging ul li.next a:hover {
  background: url(../images/arrow5.png) no-repeat center;
}
.container .paging ul li.next a {
  background-image: url(../images/arrow4.png);
}
.container .paging ul li.next a:hover {
  background-image: url(../images/arrow6.png);
}
.container .prevnext {
  background: #fff;
  position: relative;
}
.container .prevnext:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.container .prevnext a {
  width: 100px;
  height: 56px;
  float: left;
  background: url(../images/arrow7.png) no-repeat center #ffffff;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.container .prevnext a:hover {
  background-color: #0E50A2;
}
.container .prevnext .prev:hover {
  background-image: url(../images/arrow11.png);
}
.container .prevnext .next {
  float: right;
  background-image: url(../images/arrow8.png);
}
.container .prevnext .next:hover {
  background-image: url(../images/arrow12.png);
}
.container .prevnext .goBack {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 2;
  background-image: url(../images/goback1.png);
}
.container .prevnext .goBack:hover {
  background-image: url(../images/goback3.png);
}
.aboutPage .menu {
  background: #fff;
  padding: 40px 0;
}
.aboutPage .menu ul {
  max-width: 1200px;
  margin: 0 auto;
}
.aboutPage .menu ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .menu ul li {
  width: 25%;
  float: left;
  border-left: solid 1px #e9e9e9;
  box-sizing: border-box;
  text-align: center;
}
.aboutPage .menu ul li:first-child {
  border-left: none;
}
.aboutPage .menu ul li a {
  display: block;
}
.aboutPage .menu ul li a:hover .txt {
  color: #0E50A2;
}
.aboutPage .menu ul li.on .icon1 {
  display: none;
}
.aboutPage .menu ul li.on .icon2 {
  display: block;
}
.aboutPage .menu ul li.on .txt {
  color: #0E50A2;
}
.aboutPage .menu ul li .icon1,
.aboutPage .menu ul li .icon2 {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
}
.aboutPage .menu ul li .icon1 img,
.aboutPage .menu ul li .icon2 img {
  vertical-align: middle;
  margin-top: -2px;
}
.aboutPage .menu ul li .icon2 {
  display: none;
  background: #0E50A2;
  border-radius: 50%;
}
.aboutPage .menu ul li .txt {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #555555;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.aboutPage .columnTitle {
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color: #333333;
}
.aboutPage .introduce {
  padding: 80px 0;
}
.aboutPage .introduce .article {
  color: #7f7f7f;
  margin-top: 22px;
}
.aboutPage .culture {
  background: #fff;
  padding: 50px 0 72px 0;
}
.aboutPage .culture .content {
  margin-top: 40px;
}
.aboutPage .culture .pic {
  width: 540px;
  float: left;
}
.aboutPage .culture .pic img {
  width: 100%;
  display: block;
}
.aboutPage .culture .text {
  width: 620px;
  float: right;
}
.aboutPage .culture .text .txt {
  border-bottom: solid 1px #eeeeee;
  padding: 24px 0 24px 0;
}
.aboutPage .culture .text .txt:last-child {
  border-bottom: none;
}
.aboutPage .culture .text .txt .p1 {
  line-height: 26px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.aboutPage .culture .text .txt .p2 {
  line-height: 26px;
  font-size: 14px;
  color: #777777;
  margin-top: 12px;
}
.aboutPage .certificate {
  padding: 60px 0;
}
.aboutPage .certificate .list {
  margin-top: 30px;
}
.aboutPage .certificate .list:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .certificate .list li {
  width: 294px;
  float: left;
  margin: 0 0 12px 8px;
  text-align: center;
}
.aboutPage .certificate .list li:nth-child(4n+1) {
  margin-left: 0;
}
.aboutPage .certificate .list li a {
  padding: 30px 30px 0 30px;
  box-sizing: border-box;
  display: block;
  background: #fff;
}
.aboutPage .certificate .list li a:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.aboutPage .certificate .list li a:hover .text {
  color: #0E50A2;
}
.aboutPage .certificate .list li .pic {
  height: 293px;
  overflow: hidden;
}
.aboutPage .certificate .list li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.aboutPage .certificate .list li .text {
  height: 66px;
  line-height: 66px;
  font-size: 16px;
  color: #555555;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.productPage {
  padding: 40px 0 55px 0;
}
.productPage .sidebar {
  width: 286px;
  float: left;
}
.productPage .sidebar .list .title {
  height: 76px;
  line-height: 76px;
  text-align: center;
  background: #0E50A2;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.productPage .sidebar .list > ul > li {
  margin-top: 7px;
  background: #fff;
}
.productPage .sidebar .list > ul > li.on > a {
  background-image: url(../images/arrow2.png);color:#0E50A2;
}
.menu_list{width:100%;margin:0 auto;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 28px;
	font-size: 16px;
	color: #525252;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	line-height: 28px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
	
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.ab_pages{clear:both;padding:0px 0;font-size:16px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 10px 10px;float: left;margin: 0 5px;font-size:16px;; border:1px solid #eeeeee;}
.ab_pages ul a.page-num-current{ background:#0E50A2; border:1px solid #0E50A2; color:#FFFFFF}
.ab_pages ul a:hover{ background:#0E50A2; border:1px solid #0E50A2; color:#FFFFFF}
.cont{ width:860px; float:right; background-color:#FFFFFF;}
.cont h2{ text-align:center; padding-top:30px; padding-bottom:10px; font-size:22px; font-weight:bold;}
.content{ padding:20px; line-height:30px; font-size:16px;}
.content img{max-width:100%;}
.productPage .sidebar .list > ul > li > a {
  height: 78px;
  line-height: 78px;
  display: block;
  background: url(../images/arrow1.png) no-repeat right 27px center;
  padding: 0 27px;
  box-sizing: border-box;
  font-size: 18px;
  color: #333333;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.productPage .sidebar .list > ul > li > a:hover {
  color: #0E50A2;
}
.productPage .sidebar .list .sub {
  padding: 14px 0 20px 0;
  background: url(../images/sidebar_line.gif) no-repeat center 0;
  display: none;
}
.productPage .sidebar .list .sub li.on a {
  background-image: url(../images/sidebar2.png);
  background-color: #666666;
  color: #fff;
}
.productPage .sidebar .list .sub li a {
  height: 42px;
  line-height: 42px;
  background: url(../images/sidebar1.png) no-repeat 27px center;
  padding: 0 27px 0 47px;
  box-sizing: border-box;
  font-size: 14px;
  color: #555555;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.productPage .sidebar .list .sub li a:hover {
  color: #0E50A2;
}
.productPage .sidebar .green {
  border-top: solid 1px #e8e8e8;
  margin-top: 36px;
  padding-top: 30px;
}
.productPage .sidebar .green .title {
  background: #82d501;
}
.productPage .sidebar .green .sub li a:hover,
.productPage .sidebar .green > ul > li > a:hover {
  color: #82d501;
}
.productPage .productList {
  width: 868px;
  float: right;
}
.productPage .productList .list:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .productList .list li {
  width: 280px;
  float: left;
  margin: 0 0 15px 12px;
  text-align: center;
}
.productPage .productList .list li:nth-child(3n+1) {
  margin-left: 0;
}
.productPage .productList .list li a {
  display: block;
}
.productPage .productList .list li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.productPage .productList .list li a:hover .text::after {
  width: 100%;
}
.productPage .productList .list li a:hover .text .p1 {
  color: #0E50A2;
}
.productPage .productList .list li .pic {
  height: 253px;
  overflow: hidden;
}
.productPage .productList .list li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.productPage .productList .list li .text {
  background: #fff;
  padding: 18px 16px 20px 16px;
  box-sizing: border-box;
  position: relative;
}
.productPage .productList .list li .text::after {
  content: " ";
  width: 0;
  height: 2px;
  background: #82d501;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.productPage .productList .list li .text .p1 {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.productPage .productList .list li .text .p2 {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 6px;
}
.productPage .productList .list2 table {
  width: 100%;
  text-align: left;
  background: #fff;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
}
.productPage .productList .list2 table td,
.productPage .productList .list2 table th {
  line-height: 20px;
  padding: 10px 20px;
  font-size: 12px;
  color: #333;
  border-top: solid 1px #333;
  border-left: solid 1px #333;
}
.productPage .productList .list2 table td a,
.productPage .productList .list2 table th a {
  font-size: 12px;
  color: #333;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.productPage .productList .list2 table td a:hover,
.productPage .productList .list2 table th a:hover {
  color: #0E50A2;
}
.productPage .productList .list2 table th {
  font-size: 14px;
  background: #eee;
}
.productPage .productDetails .introduce:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .productDetails .introduce .photo {
  width: 594px;
  float: left;
}
.productPage .productDetails .introduce .photo img {
  width: 100%;
  display: block;
}
.productPage .productDetails .introduce .info {
  width: 556px;
  float: right;
}
.productPage .productDetails .introduce .info .goBack {
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  display: inline-block;
  cursor: pointer;
  background: url(../images/goback1.png) no-repeat 0 center;
  font-size: 14px;
  color: #555555;
  margin-top: 28px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.productPage .productDetails .introduce .info .goBack:hover {
  color: #0E50A2;
  background-image: url(../images/goback2.png);
}
.productPage .productDetails .introduce .info .title {
  border-bottom: solid 1px #ddd;
  padding: 20px 0;
  clear: both;
}
.productPage .productDetails .introduce .info .title .tit {
  font-size: 36px;
  color: #333333;
  font-weight: bold;
  margin: 20px 0;
}
.productPage .productDetails .introduce .info .title .txt {
  line-height: 24px;
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.productPage .productDetails .introduce .info .model {
  padding: 20px 0;
}
.productPage .productDetails .introduce .info .model .tit {
  line-height: 20px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
.productPage .productDetails .introduce .info .model .txt {
  line-height: 20px;
  font-size: 14px;
  color: #555555;
  margin-top: 14px;
}
.productPage .productDetails .introduce .info .model .txt p {
  margin-bottom: 10px;
  box-sizing: border-box;
}
.productPage .productDetails .details {
  margin-top: 40px;
  padding: 40px 34px;
  box-sizing: border-box;
  background: #fff;
}
.productPage .productDetails .details .title {
  line-height: 40px;
  font-size: 30px;
  color: #333333;
  font-weight: bold;
}
.productPage .productDetails .details .article {
  font-size: 16px;
  margin-top: 14px;
}
.productPage .productDetails .related {
  margin-top: 50px;
}
.productPage .productDetails .related .title {
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
.productPage .productDetails .related .productList {
  width: 100%;
  margin-top: 20px;
}
.productPage .productDetails .related .productList .list li:nth-child(3n+1),
.productPage .productDetails .related .productList .list li {
  width: 280px;
  margin: 0 0 0 26.66666667px;
}
.productPage .productDetails .related .productList .list li:nth-child(3n+1):nth-child(4n+1),
.productPage .productDetails .related .productList .list li:nth-child(4n+1) {
  margin-left: 0;
}
.RandDPage {
  padding: 42px 0 90px 0;
}
.RandDPage .RandD {
  background: #fff;
  padding: 56px 26px 70px 26px;
  box-sizing: border-box;
}
.RandDPage .RandD .title {
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color: #333333;
}
.RandDPage .RandD .article {
  margin-top: 24px;
}
.RandDPage .RandD .picList {
  margin: 30px 0;
}
.RandDPage .RandD .picList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.RandDPage .RandD .picList li {
  width: 568px;
  float: left;
  margin-bottom: 10px;
}
.RandDPage .RandD .picList li:nth-child(even) {
  float: right;
}
.RandDPage .RandD .picList img {
  width: 100%;
  display: block;
}
.newsPage {
  width:868px; float:right;
}
.newsPage .newsList {
  margin-bottom: 20px;
}
.newsPage .newsList li {
  margin-bottom: 14px;
  position: relative;
  background: no-repeat right 78px center #ffffff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li:hover {
  background-image: url(../images/newslist_bg1.gif);
}
.newsPage .newsList li:hover a {
  background: url(../images/newslist_bg2.png) no-repeat right 33px center;
}
.newsPage .newsList li:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.newsPage .newsList li:hover .cent .tit {
  color: #0E50A2;
}
.newsPage .newsList li:hover a::before,
.newsPage .newsList li:hover::before {
  height: 100%;
}
.newsPage .newsList li:hover a::after,
.newsPage .newsList li:hover::after {
  width: 100%;
}
.newsPage .newsList li a {
  display: block;
  padding: 22px;
  box-sizing: border-box;
  position: relative;
  background: no-repeat right 0px center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li::before,
.newsPage .newsList li::after,
.newsPage .newsList li a::before,
.newsPage .newsList li a::after {
  content: " ";
  position: absolute;
  background: #0E50A2;
  z-index: 5;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
}
.newsPage .newsList li::before {
  width: 1px;
  height: 0;
  left: 0;
  top: 0;
}
.newsPage .newsList li a::before {
  width: 1px;
  height: 0;
  right: 0;
  bottom: 0;
}
.newsPage .newsList li::after {
  width: 0;
  height: 1px;
  top: 0;
  right: 0;
}
.newsPage .newsList li a::after {
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
}
.newsPage .newsList li .pic {
  width: 231px;
  height: 165px;
  float: left;
  overflow: hidden;
}
.newsPage .newsList li .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
}
.newsPage .newsList li .cent {
  padding:  0px;
  box-sizing: border-box;
}
.newsPage .newsList li .cent .tit {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.newsPage .newsList li .cent .info {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  margin: 14px 0;
}
.newsPage .newsList li .cent .info:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.newsPage .newsList li .cent .info span {
  background: url(../images/news_info1.png) no-repeat 0 center;
  padding-left: 26px;
  float: left;
  margin-right: 40px;
}
.newsPage .newsList li .cent .info span:nth-child(2) {
  background-image: url(../images/news_info2.png);
}
.newsPage .newsList li .cent .txt {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.newsPage .details .title {
  text-align: center;
  padding: 30px 0;
  background: url(../images/details_line.gif) repeat-x 0 bottom;
}
.newsPage .details .title .tit {
  line-height: 30px;
  font-size: 24px;
}
.newsPage .details .title .info {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #777777;
  margin-top: 20px;
  display: inline-block;
}
.newsPage .details .title .info:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.newsPage .details .title .info span {
  background: url(../images/news_info1.png) no-repeat 0 center;
  padding-left: 26px;
  float: left;
  margin-right: 40px;
}
.newsPage .details .title .info span:nth-child(2) {
  background-image: url(../images/news_info2.png);
}
.newsPage .details .article {
  background: url(../images/details_line.gif) repeat-x 0 bottom;
  padding: 30px 0;
  margin-bottom: 38px;
}
.newsPage .details .article .source {
  color: #000;
}
.newsPage .details .article .source a {
  color: #000;
}
.recruitPage .recruitment {
  padding: 36px 0 60px 0;
}
.recruitPage .recruitment li {
  margin-bottom: 14px;
  background: #fff;
}
.recruitPage .recruitment li.on .top {
  background-image: url(../images/arrow10.png);
}
.recruitPage .recruitment li .top {
  height: 124px;
  line-height: 124px;
  padding: 0 50px 0 34px;
  box-sizing: border-box;
  background: url(../images/arrow9.png) no-repeat right 34px center;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.recruitPage .recruitment li .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.recruitPage .recruitment li .top .tit {
  max-width: 600px;
  line-height: 26px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  background: url(../images/portrait.png) no-repeat 0 0;
  padding-left: 38px;
  box-sizing: border-box;
  font-size: 20px;
  color: #333333;
}
.recruitPage .recruitment li .top .info {
  width: 500px;
  float: right;
  margin-top: 38px;
}
.recruitPage .recruitment li .top .info .txt {
  width: 33.333%;
  float: left;
  line-height: 24px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
.recruitPage .recruitment li .top .info .txt span {
  color: #777777;
  font-weight: normal;
  display: block;
}
.recruitPage .recruitment li .downcent {
  padding: 0 35px 38px 35px;
  box-sizing: border-box;
  display: none;
}
.recruitPage .recruitment li .downcent:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.recruitPage .recruitment li .downcent .line {
  height: 1px;
  background: #dddddd;
}
.recruitPage .recruitment li .downcent .text {
  line-height: 24px;
  font-size: 14px;
  color: #777777;
  margin: 22px 0;
}
.recruitPage .recruitment li .downcent .text .tit {
  color: #333333;
  font-weight: bold;
}
.recruitPage .recruitment li .downcent .btn {
  float: left;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  background: #0E50A2;
  color: #fff;
  font-size: 14px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.recruitPage .recruitment li .downcent .btn:hover {
  background: #82d501;
}
.contactPage .title {
  text-align: center;
  background: url(../images/details_line.gif) repeat-x 0 bottom;
  line-height: 30px;
  font-size: 24px;
  color: #333333;
  padding-bottom: 36px;
}
.contactPage .title span {
  max-width: 1014px;
  margin: 0 auto;
  display: block;
  word-wrap: break-word;
}
.contactPage .contact {
  padding: 50px 0;
}
.contactPage .contact .address .p1 {
  line-height: 30px;
  font-size: 24px;
  color: #333333;
}
.contactPage .contact .address .p2 {
  line-height: 20px;
  font-size: 14px;
  color: #999999;
  margin-top: 4px;
}
.contactPage .contact .address .p3 {
  line-height: 20px;
  margin-top: 20px;
  font-size: 14px;
  color: #555555;
}
.contactPage .contact .address .p3 a {
  font-size: 14px;
  color: #555555;
}
.contactPage .contact .address .p3 p {
  margin-bottom: 10px;
}
.contactPage .contact #map {
  width: 100%;
  height: 500px;
  border: solid 1px #cccccc;
  box-sizing: border-box;
  background: #eee;
  margin-top: 40px;
}
.contactPage .contact #map iframe {
  width: 100%;
  height: 500px;
}
.contactPage .contact #map img {
  width: 100%;
  display: block;
}
.contactPage .message {
  background: #fff;
  padding: 50px 0;
}
.contactPage .message .content {
  margin-top: 32px;
}
.contactPage .message .content:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.contactPage .message .content textarea,
.contactPage .message .content input[type='text'] {
  width: 388px;
  height: 50px;
  line-height: 48px;
  border: solid 1px #eeeeee;
  box-sizing: border-box;
  background: #f8f8f8;
  padding: 0 15px;
  font-size: 16px;
  color: #333;
  float: left;
  margin: 0 0 14px 18px;
}
.contactPage .message .content textarea::-webkit-input-placeholder,
.contactPage .message .content input[type='text']::-webkit-input-placeholder {
  color: #777777;
}
.contactPage .message .content textarea:-moz-placeholder,
.contactPage .message .content input[type='text']:-moz-placeholder {
  color: #777777;
}
.contactPage .message .content textarea::-moz-placeholder,
.contactPage .message .content input[type='text']::-moz-placeholder {
  color: #777777;
}
.contactPage .message .content textarea:-ms-input-placeholder,
.contactPage .message .content input[type='text']:-ms-input-placeholder {
  color: #777777;
}
.contactPage .message .content textarea:nth-child(3n+1),
.contactPage .message .content input[type='text']:nth-child(3n+1) {
  margin-left: 0;
}
.contactPage .message .content textarea {
  width: 100%;
  height: 138px;
  resize: none;
  line-height: 20px;
  padding: 10px 15px;
}
.contactPage .message .content .btn {
  text-align: center;
  margin-top: 20px;
}
.contactPage .message .content button,
.contactPage .message .content input[type='reset'],
.contactPage .message .content input[type='button'] {
  width: 136px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin: 0 4px;
  font-size: 16px;
  color: #fff;
  background: #cbcbcb;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.contactPage .message .content button:hover,
.contactPage .message .content input[type='reset']:hover,
.contactPage .message .content input[type='button']:hover {
  background: #0E50A2;
}
/*证书列表*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 15px 4px #333;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  margin: 0;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background: red;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background: url(../images/close.png) no-repeat center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.fancybox-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(../images/blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  background: no-repeat center;
}
.fancybox-prev span {
  left: 0px;
  background-image: url(../images/arrow7.png);
}
.fancybox-next span {
  right: 0px;
  background-image: url(../images/arrow8.png);
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../images/mainfilter.png);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  font-size: 16px;
  font-weight: normal;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  color: #fff;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*证书列表*/


/*鑳屾櫙*/
.bg-blue{background:url("../images/bg_solution.jpg") no-repeat center;background-size:cover}
.developer-solution-block{position:relative;max-width:none;padding:70px 0;text-align:center;clear:both;margin:0 auto}
/*澶ф爣棰�*/
.titleBar .caption{font-size:36px;color:#252b3a;letter-spacing:0;text-align:center;line-height:46px;margin-bottom:10px}
.descript{margin-bottom:40px;font-size:16px;color:#A0A2A8}
.developer-solution-block .titleBar{max-width:1200px;margin:0 auto;text-align:center}
.developer-solution-block .titleBar .caption,.developer-solution-block .titleBar .descript{color:#fff}
.developer-solution-block .developer-solution{max-width:1200px;margin:0 auto;background:none}
/*宸﹁竟鍒嗙被*/
.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:50%;float:left}
.developer-solution .solution-tab ul{opacity:1;border-radius:2px;width:100%;}
.solution-tab ul li{width:44%; float:left;color:#333333; line-height:65px; text-align:center; background-color:#ffffff; margin-bottom:20px; margin-right:20px;}
..solution-tab ul li:nth-child(2n){ margin-right:0px;}
.solution-tab ul li.active{background:#FFC000; color:#FFFFFF; font-weight:bold;}
.solution-tab li:hover {cursor: pointer;}
/*鍙宠竟鍐呭鏍囬璇︽儏*/
.developer-solution .solution-detail{width:45%;display:inline-block;vertical-align:top;height:270px;text-align:left}
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.active{display:block}
.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:22px;text-align:left}
/*浜х湅鏇村鎸夐挳*/
.solution-detail li .more-btn{display:inline-block;position:relative;border:1px solid #ffffff;border-radius:2px;font-size:14px;color:#ffffff;text-align:center;padding:8px 45px 8px 30px;line-height:22px;margin-top:30px}
.solution-detail li .more-btn:before{content:"";position:absolute;right:26px;top:14px;width:13px;height:9px;display:inline-block;background:url("../images/more.png") no-repeat center}
.solution-detail li .more-btn:hover{color:#FFC000;border:1px solid #FFC000}
.solution-detail li .more-btn:hover:before{background:url("../images/more_active.png") no-repeat center;right:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
/*锛氭湰浠ｇ爜鍙敤浣滄紨绀�,涓嶆槸婧愮爜銆傛簮鐮佷笅杞介摼鎺�: http://www.bootstrapmb.com/item/4231(姝よ鏄庝笉鍦ㄤ笅杞界殑婧愮爜閲岋紝鍙敤鍦ㄦ紨绀洪〉闈㈤噷)*/