@charset "UTF-8";

body {

  font-family: "Microsoft Yahei";

  overflow-x: hidden;

}



@media (min-width: 1200px) {

  .container {

    width: 1200px;

    padding-left: 0;

    padding-right: 0;

  }

}

.shortcut {

  font-family: SimHei,'黑体';

  line-height: 22px;

  padding-top: 5px;

  padding-bottom: 5px;

}

.shortcut .tel {

  float: left;

  font-size: 14px;

  color: #666;

}

.shortcut .tel span {

  font-size: 18px;

  color: #1244a5;

}

.shortcut .other {

  float: right;

}

.shortcut .other a {

  font-size: 14px;

  color: #666;

  background: url("../images/img-03.png") no-repeat right center;

  padding: 0 20px;

}

.shortcut .other a:last-child {

  background: none;

  padding-right: 0;

}

.shortcut .other a:hover, .shortcut .other a.current {

  color: #338de9;

  text-decoration: underline;

}



.navbar-default {

  border-radius: 0;

  border: none;

  background: #1244a5;

  min-height: 113px;

  margin-bottom: 0;

}



.navbar-default .navbar-nav > li > a {

  font-size: 16px;

  color: #ffffff;

  height: 113px;

  line-height: 113px;

  padding-top: 0;

  padding-bottom: 0;

  padding-left: 25px;

  padding-right: 25px;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .active > a:hover {

  background: #2a58b0;

  color: #ffffff;

}



.nav > li {

  position: static;

}



.navbar-nav > li > .dropdown-menu {

  background: url("../images/img-05.png") repeat;

  position: absolute;

  left: 0;

  right: 0;

  padding-top: 35px;

  padding-bottom: 35px;

}



.nav-cont {

  padding-top: 40px;

}

.nav-cont a {

  display: block;

  line-height: 2;

  color: #4c4c4c;

  font-size: 16px;

  text-align: center;

}

.nav-cont a:hover {

  color: #338de9;

  text-decoration: underline;

}



.nav-img {

  border-left: 1px solid #cccccc;

  padding: 20px 0;

}

.nav-img img {

  display: block;

  margin: 0 auto;

  max-width: 100%;

}



footer {

  font-family: SimHei,'黑体';

  background: url("../images/img-01.png") top center;

  background-size: cover;

}

footer .footer-info {

  padding-top: 30px;

  padding-bottom: 30px;

  font-size: 16px;

  color: #666;

  line-height: 2;

}

footer .footer-info .erwm img {

  display: block;

  margin: 0 auto;

}

footer .footer-info .f-links {

  font-size: 0;

  margin-bottom: 30px;

}

footer .footer-info .f-links a {

  display: inline-block;

  font-size: 16px;

  color: #666;

  margin-right: 26px;

}

footer .footer-info .f-links a:last-child {

  margin-right: 0;

}

footer .copy {

  border-top: 1px solid #b8b8b8;

  padding-top: 15px;

  padding-bottom: 15px;

  color: #999999;

  font-size: 16px;

  line-height: 1.6;

}

footer .copy span {

  display: inline-block;

}



.other-banner img {

  display: block;

  max-width: 100%;

  margin: 0;

}



.bread-crumbs {

  border-bottom: 1px solid #cccccc;

  margin-top: 10px;

}

.bread-crumbs .b-l {

  font-size: 0;

  float: left;

}

.bread-crumbs .b-l a {

  display: inline-block;

  height: 40px;

  line-height: 40px;



  color: #333333;

  font-size: 14px;

  padding: 0 25px;

  margin-bottom: 10px;

}

.bread-crumbs .b-l a:hover, .bread-crumbs .b-l a.current {

  background: #338de9;

  color: #ffffff;

}

.bread-crumbs .b-r {

  /*font-size: 0;*/
  margin-left:25px;

}

.bread-crumbs .b-r > a, .bread-crumbs .b-r > span {

  display: inline-block;

  background: url("../images/img-09.png") no-repeat left center;

  padding-left: 15px;

  font-size: 14px;

  color: #666666;

  line-height: 40px;

}

.bread-crumbs .b-r > a {

  margin-right: 10px;

}

.bread-crumbs .b-r > a:first-child {

  background: none;

  padding-left: 0;

}



.wrap-main {

  margin-top: 30px;

  margin-bottom: 35px;

}



.mod-01 {

  font-size: 14px;

  line-height: 26px;

  color: #666;

  text-align: justify;

}

.mod-01 img {

  /*display: block;*/

  max-width: 100%;

}

.mod-01 .m-title {

  background: url("../images/img-16.png") repeat-x left bottom;

  text-align: center;

  margin-bottom: 25px;

}

.mod-01 .m-title h1 {

  font-weight: normal;

  font-size: 24px;

  line-height: 1.4;

  padding: 10px 0;

}

.mod-01 .m-title .t-date {

  background: url("../images/img-17.png") no-repeat bottom center;

  padding-bottom: 15px;

  padding-top: 5px;

}

.mod-01 .m-title .t-date span {

  display: inline-block;

  margin: 0 10px;

}



.mod-02 .row {

  margin-left: -10px;

  margin-right: -10px;

}

.mod-02 .box {

  padding-left: 10px;

  padding-right: 10px;

  margin-bottom: 15px;

}

.mod-02 .box .pic {

  border: 1px solid #e6e6e6;

  padding: 12px;

  transition: all .7s;

}

.mod-02 .box .pic img {

  display: block;

  max-width: 100%;

  width: 100%;

}

.mod-02 .box .pic:hover {

  box-shadow: 0 0 10px #e6e6e6;

}

.mod-02 .box .title {

  height: 42px;

  line-height: 42px;

  text-align: center;

}

.mod-02 .box .title a {

  display: block;

  font-size: 14px;

  color: #666;

}

.mod-02 .box .title a:hover {

  color: #338de9;

}



.page {

  border-top: 1px solid #cccccc;

  margin-top: 10px;

  padding: 20px 0;

  text-align: center;

  font-size: 0;

}

.page a {

  display: inline-block;

  width: 28px;

  height: 28px;

  line-height: 28px;

  margin: 0 20px;

  text-align: center;

  background: #edf0f2;

  font-size: 14px;

  color: #666;

}

.page a:hover, .page a.current {

  background: #338de9;

  color: #ffffff;

}



.mod-03 li {

  border-bottom: 1px solid #e6e6e6;

  padding: 20px;

  font-size: 14px;

  line-height: 26px;

  color: #666;

}

.mod-03 li:last-child {

  border-bottom: none;

}

.mod-03 li .pic {

  padding-left: 20px;

  padding-right: 20px;

}

.mod-03 li .pic img {

  display: block;

  max-width: 100%;

  width: 100%;

}

.mod-03 li .info {

  padding-left: 20px;

  padding-right: 20px;

}

.mod-03 li .info .title {

  margin-bottom: 15px;

}

.mod-03 li .info .title a {

  display: block;

  color: #333333;

  font-size: 16px;

}

.mod-03 li .info .date {

  font-size: 16px;

}

.mod-03 li .info .txt {

  text-align: justify;

}

.mod-03 li:hover {

  background: #e3e4e6;

}

.mod-03 li:hover .title a {

  color: #338de9;

}



.mod-04 {

  margin-left: 25px;

  margin-right: 25px;

}

.mod-04 .row {

  margin-left: -25px;

  margin-right: -25px;

}

.mod-04 .box {

  padding-left: 25px;

  padding-right: 25px;

  margin-bottom: 25px;

}

.mod-04 .box .video {

  position: relative;

}

.mod-04 .box .video img {

  display: block;

  width: 100%;

}

.mod-04 .box .video .video-btn {

  background: url("../images/img-28.png") no-repeat center center rgba(0, 0, 0, 0.1);

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: absolute;

}

.mod-04 .box .title {

  padding: 0 10px;

}

.mod-04 .box .title a {

  display: block;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #666;

}



.mod-05 {

  margin-left: 40px;

  margin-right: 10px;

}

.mod-05 .row {

  margin-left: -10px;

  margin-right: -10px;

}

.mod-05 .box {

  padding-left: 10px;

  padding-right: 10px;

  margin-bottom: 20px;

}

.mod-05 .box .pic {

  position: relative;

  overflow: hidden;

}

.mod-05 .box .pic img {

  display: block;

  width: 100%;

  transition: all .7s;

}

.mod-05 .box .pic .title {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  background: url("../images/img-30.png") repeat-x;

  height: 40px;

  line-height: 40px;

  padding: 0 15px;

  color: #fff;

  font-size: 14px;

}

.mod-05 .box .pic:hover img {

  transform: scale(1.1);

}

.mod-05 .box .pic .more-info {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  text-align: center;

  background: url("../images/img-31.png") repeat;

  display: none;

}

.mod-05 .box .pic .more-info span {

  background: url("../images/img-32.png") no-repeat bottom center;

  font-size: 16px;

  color: #fff;

  display: inline-block;

  padding-bottom: 50px;

  margin-top: 25%;

}



.mod-06 {

  margin-left: 15px;

  margin-right: 15px;

}

.mod-06 .row {

  margin-left: -10px;

  margin-right: -10px;

}

.mod-06 .row .box {

  padding-left: 10px;

  padding-right: 10px;

  margin-bottom: 20px;

}

.mod-06 .row .box .pic {

  position: relative;

  overflow: hidden;

}

.mod-06 .row .box .pic img {

  display: block;

  width: 100%;
  
  height: 260px;

  max-width: 100%;

  transition: all .7s;

}

.mod-06 .row .box .pic .title {

  background: url("../images/img-34.png") repeat-x;

  height: 30px;

  line-height: 30px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  color: #ffffff;

}

.mod-06 .row .box .pic .title:hover {

  background: #338de9;

}

.mod-06 .row .box .pic:hover img {

  transform: scale(1.1);

}



.contact-us img {

  display: block;

  max-width: 100%;

}

.contact-us .add-info {

  color: #666;

  line-height: 1.8;

  font-size: 20px;

}

.contact-us .add-info h3 {

  color: #333333;

  font-size: 26px;

  margin-bottom: 30px;

}

.contact-us .map {

  margin-top: 35px;

}



.history-line {

  background: url("../images/img-39.png") repeat-y top center;

  width: 4px;

  margin: 0 auto;

}

.history-line .box {

  position: relative;

  width: 412px;

}

.history-line .box.box-l {

  margin-left: -370px;

}

.history-line .box.box-l .date {

  float: right;

}

.history-line .box.box-l .main {

  float: left;

}

.history-line .box.box-r {

  margin-left: -37px;

}

.history-line .box.box-r .date {

  float: left;

}

.history-line .box.box-r .main {

  float: right;

}

.history-line .date {

  background: url("../images/img-40.png") no-repeat;

  text-align: center;

  width: 78px;

  height: 78px;

  padding-top: 18px;

  margin-top: -15px;

}

.history-line .date span {

  display: inline-block;

  color: #ffffff;

  font-size: 14px;

  line-height: 1.6;

}

.history-line .date .day {

  border-bottom: 1px solid #add1f6;

}

.history-line .date .year {

  display: block;

}

.history-line .main {

  background: #f2f2f2;

  padding: 10px 20px;

  color: #666;

  font-size: 14px;

  line-height: 26px;

  width: 315px;

  height: 158px;

}



.banner .owl-controls {

  margin-top: -30px;

  z-index: 999;

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

}

.banner .owl-controls .owl-dots .owl-dot span {

  background: url("../images/img-42.png") no-repeat;

  width: 70px;

  height: 2px;

  border-radius: 0;

  margin: 0 10px;

}

.banner .owl-controls .owl-dots .owl-dot.active span {

  background: url("../images/img-43.png") no-repeat;

}



.index-title {

  color: #666666;

  font-size: 14px;

  line-height: 1.4;

  text-transform: uppercase;

}

.index-title .en {

  font-size: 20px;

  font-family: Impact;

  display: block;

}



.mod-tel img {

  display: block;

  max-width: 100%;

  width: 100%;

}



.index-box-01 {

  background: url("../images/img-45.png") no-repeat bottom center;

}



.product-center {

  padding: 50px 0;

}

.product-center .index-title {

  text-align: center;

  margin-bottom: 30px;

}

.product-center .index-title .en {

  color: #338de9;

}

.product-center .product-list {

  margin-bottom: 40px;

}

.product-center .product-list .item {

  position: relative;

}

.product-center .product-list .item .title {

  background: url("../images/img-46.png") no-repeat;

  width: 190px;

  height: 33px;

  line-height: 33px;

  text-align: center;

  color: #fff;

  font-size: 16px;

  display: block;

  position: relative;

  margin: -12px auto 0;

}

.product-center .product-list .item .title:hover {

  background: url("../images/img-47.png") no-repeat;

}

.product-center .product-list .owl-nav > div {

  position: absolute;

  width: 33px;

  height: 64px;

  top: 75px;

}

.product-center .product-list .owl-nav > div.owl-prev {

  left: 0;

  background: url("../images/img-49.png") no-repeat;

}

.product-center .product-list .owl-nav > div.owl-prev:hover {

  background: url("../images/img-49-h.png") no-repeat;

}

.product-center .product-list .owl-nav > div.owl-next {

  right: 0;

  background: url("../images/img-50.png") no-repeat;

}

.product-center .product-list .owl-nav > div.owl-next:hover {

  background: url("../images/img-50-h.png") no-repeat;

}

.product-center .a-more {

  display: block;

  width: 90px;

  height: 34px;

  line-height: 34px;

  background: url("../images/img-46.png") no-repeat;

  text-align: center;

  color: #ffffff;

  font-size: 16px;

}

.product-center .a-more:hover {

  background: #338de9;

}



.project-info .index-title {

  font-size: 24px;

  text-align: right;

  margin-bottom: 10px;

}

.project-info .index-title .en {

  font-size: 30px;

  color: #338de9;

}

.project-info .main {

  margin-left: 15px;

  margin-right: 15px;

  position: relative;

  margin-bottom: 20px;

}

.project-info .main .pic {

  padding-left: 0;

  padding-right: 0;

}

.project-info .main .pic img {

  display: block;

  max-width: 100%;

}

.project-info .main .info {

  padding-left: 0;

  padding-right: 0;

}

.project-info .main .info .title {

  height: 40px;

  line-height: 50px;

  color: #333333;

  font-size: 22px;

  display: block;

  margin-top: 50px;

}

.project-info .main .info .title:hover {

  color: #338de9;

}

.project-info .main .info .txt {

  font-size: 12px;

  color: #666;

  line-height: 2;

  width: 345px;

  margin-top: 10px;

}

.project-info .main .info.info-r {

  background: url("../images/img-53.png") no-repeat left bottom;

  text-align: right;

}

.project-info .main .info.info-r .txt {

  background: url("../images/img-52.png") no-repeat right 10px;

  padding-right: 60px;

  float: right;

}

.project-info .main .info.info-l {

  background: url("../images/img-53.png") no-repeat right bottom;

  text-align: left;

}

.project-info .main .info.info-l .txt {

  background: url("../images/img-52.png") no-repeat left 10px;

  padding-left: 60px;

  float: left;

}



.index-box-02 {

  background: url("../images/img-54.png") no-repeat bottom center;

  background-size: cover;

  padding: 6% 0;

}

.index-box-02 .index-title {

  color: #fff;

  font-size: 16px;

  margin-bottom: 15px;

}

.index-box-02 .index-title .en {

  font-size: 20px;

}

.index-box-02 .video-box {

  padding-left: 65px;

}

.index-box-02 .video-box img {

  display: block;

  max-width: 100%;

}

.index-box-02 .about-us {

  font-size: 14px;

  color: #ffffff;

  line-height: 26px;

  text-align: justify;

  padding: 0 30px 0 35px;

}

.index-box-02 .a-more {

  background: url("../images/img-70.png") no-repeat;

  width: 36px;

  height: 36px;

  display: block;

  margin-top: 30px;

}

.index-box-02 .a-more:hover {

  background: url("../images/img-59.png") no-repeat;

}



.qual-honor {

  background: url("../images/img-55.png") no-repeat top center;

  background-size: cover;

  padding: 5% 0 4% 0;

}

.qual-honor .index-title {

  text-align: center;

  margin-bottom: 10px;

  padding: 30px 0;

}

.qual-honor .index-title .en {

  color: #338de9;

}

.qual-honor .honor-list {

  padding-left: 65px;

  padding-right: 65px;

}

.qual-honor .honor-list .owl-nav > div {

  position: absolute;

  width: 33px;

  height: 64px;

  top: 35%;

  margin-top: -32px;

}

.qual-honor .honor-list .owl-nav > div.owl-prev {

  left: 0;

  background: url("../images/img-49.png") no-repeat;

}

.qual-honor .honor-list .owl-nav > div.owl-prev:hover {

  background: url("../images/img-49-h.png") no-repeat;

}

.qual-honor .honor-list .owl-nav > div.owl-next {

  right: 0;

  background: url("../images/img-50.png") no-repeat;

}

.qual-honor .honor-list .owl-nav > div.owl-next:hover {

  background: url("../images/img-50-h.png") no-repeat;

}



.index-box-03 {

  background: url("../images/img-62.png") no-repeat;

  background-size: cover;

  padding: 4% 0 3% 0;

}



.knowledge-field .index-title {

  text-align: center;

  margin-bottom: 30px;

}

.knowledge-field .index-title .en {

  color: #338de9;

}

.knowledge-field .row {

  margin-left: -20px;

  margin-right: -20px;

}

.knowledge-field .box {

  padding-left: 20px;

  padding-right: 20px;

}

.knowledge-field .box img {

  display: block;

  width: 100%;

  max-width: 100%;

}

.knowledge-field .box .title a {

  display: block;

  padding: 15px;

  color: #333333;

  font-size: 16px;

}

.knowledge-field .box .title a:hover {

  color: #338de9;

}



.news-info {

  padding-top: 6%;

  margin-bottom: 20px;

}

.news-info .box {

  margin-bottom: 30px;

  padding-right: 60px;

}

.news-info .box .index-title {

  font-size: 28px;

  padding-left: 30%;

  margin-top: -30px;

}

.news-info .box .index-title .en {

  font-size: 36px;

  color: #338de9;

}

.news-info .box .date {

  float: left;

  color: #999999;

}

.news-info .box .date span {

  font-size: 18px;

  color: #666666;

  display: block;

}

.news-info .box .pic {

  float: right;

  display: block;

  max-width: 100%;

}

.news-info .box .pic img {

  display: block;

}

.news-info .box .cont {

  padding-left: 80px;

  padding-right: 210px;

  font-size: 14px;

  line-height: 18px;

  color: #666;

}

.news-info .box .cont .title {

  display: block;

  color: #333333;

  font-size: 16px;

  line-height: 22px;

  margin-bottom: 10px;

  height: 44px;

  overflow: hidden;

}

.news-info .box .cont .title:hover {

  color: #338de9;

}



.online-service {

  position: fixed;

  background: #f2f2f2;

  right: 1px;

  top: 20%;

  padding: 4px 10px 10px 10px;

  text-align: center;

  width: 90px;

  z-index: 9999;

}

.online-service .title {

  line-height: 22px;

  font-size: 14px;

  color: #333333;

  margin-bottom: 5px;

}

.online-service .pic img {

  display: block;

}

.online-service .s-1 {

  display: block;

  height: 18px;

  line-height: 18px;

  background: #328de8;

  color: #fff;

}

.online-service .close {

  position: absolute;

  right: 0;

  top: 0;

}

.online-service .close img {

  display: block;

}



.online-tel {

  position: fixed;

  left: 0;

  top: 25%;

  background: url("../images/img-66.png") no-repeat;

  width: 146px;

  height: 176px;

  z-index: 9999;

}

.online-tel .title {

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 14px;

  font-weight: bold;

  color: #333333;

}

.online-tel .close {

  position: absolute;

  right: 0;

  top: 0;

}

.online-tel .close img {

  display: block;

}

.online-tel .tel-s {

  text-align: center;

}

.online-tel .tel-s .tel-tit {

  background: url("../images/img-67.png") no-repeat;

  height: 20px;

  line-height: 20px;

  padding-left: 33px;

  color: #464646;

  font-size: 16px;

  display: inline-block;

}

.online-tel .tel-s span {

  display: block;

  color: #328de8;

  font-size: 18px;

  padding: 7px 0;

}



.online-service {

  position: fixed;

  background: #f2f2f2;

  right: 1px;

  top: 20%;

  padding-top: 4px;

  text-align: center;

  width: 90px;

  z-index: 9999;

}

.online-service .title {

  line-height: 22px;

  font-size: 14px;

  color: #333333;

  margin-bottom: 5px;

}

.online-service .pic {

  padding: 0 10px;

}

.online-service .pic img {

  display: block;

}

.online-service .s-1 {

  display: block;

  height: 18px;

  line-height: 18px;

  background: #328de8;

  color: #fff;

  margin: 0 10px 5px 10px;

}

.online-service .close {

  position: absolute;

  right: 0;

  top: 0;

}

.online-service .close img {

  display: block;

}



.qq-box {

  border-top: 1px solid #ffffff;

}

.qq-box a {

  display: block;

  border-bottom: 1px solid #ffffff;

  height: 26px;

  line-height: 22px;

  background: url("../images/img-qq.png") no-repeat 13px 4px;

  padding-left: 25px;

  color: #328de8;

  font-size: 14px;

}

/*# sourceMappingURL=style.css.map */