body {
 color: #4d4d4d;
 font-size: 16px;
}
.wrap {
 width: 1200px;
 margin: 0 auto;
}
a {
 color: #4c4c4c;
}
.header {
 border-top: 6px solid rgba(25, 130, 207, 1);
 height: 93px;
 width: 100%;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 9999;
}
.header_n {
 width: 1380px;
 margin: 0 auto;
}
.header_l {
 width: 170px;
 height: 57px;
 margin-top: 18px;
}
.header_l img {
 width: 100%;
 height: 100%;
 vertical-align: middle;
}
.header_ul {
 /*overflow: hidden;*/
 margin-left: 9%;
}
.header_ul > li {
 float: left;
 width: 90px;
 height: 70px;
 line-height: 93px;
}
.header_ul > li > a {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 16px;
 line-height: 70px;
 text-align: center;
 color: #4d4d4d;
}
.header_ul.header_fff > li > a {
 color: #4d4d4d;
}
.header_ul > li > a.index_active1 {
 background: url("../images/index-05.jpg") no-repeat center center;
 background-size: cover;
 color: #4d4d4d;
 border-bottom: 2px solid #00438c;
}
.header_ul > li > a:hover {
 background: url("../images/index-05.jpg") no-repeat center center;
 background-size: cover;
 color: #4d4d4d;
 border-bottom: 2px solid #00438c;
}
@media (max-width: 1440px) {
 .header_n {
  width: 1200px;
 }
 .header_ul {
  margin-left: 6%;
 }
}
.header_r {
 height: 18px;
 margin-top: 37px;
}
.header_r a {
 margin: 0 5px;
}
.header_r a img {
 display: inline;
}
.header_ul_n {
 width: 100%;
 background: url("../images/index-06.png") no-repeat center bottom;
 background-size: cover;
 display: none;
 padding-bottom: 40px;
}
.header_ul_n li {
 width: 100%;
 height: 40px;
}
.header_ul_n li a {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 16px;
 color: #4c4c4c;
 line-height: 40px;
 text-align: center;
}
.header_ul_n li a.index_active2 {
 color: #1882cf;
}
.header_ul_n li a:hover {
 color: #1882cf;
}
/*index_banner*/
.ck-slide {
 width: 100%;
 height: 100%;
 margin: 0 auto;
}
.ck-slide ul.ck-slide-wrapper {
 width: 100%;
 height: 100%;
 margin: 0 auto;
}
.index_banner_n {
 position: relative;
 width: 100%;
 height: 100%;
}
.index_banner_n > img {
 /* width:100%;
    height:100%;*/
}
.index_ding2 {
 position: absolute;
 left: 18.54%;
 top: 63.61%;
 z-index: 99;
 /*width:545px;*/
 /*height:221px;*/
 width: 28.38%;
 height: 20.46%;
}
.index_ding3 {
 position: absolute;
 left: 18.38%;
 top: 268px;
 z-index: 99;
 width: 26.04%;
 height: 28.05%;
}
.index_ding4 {
 position: absolute;
 left: 18.54%;
 /*right:41.66%;*/
 top: 300px;
 z-index: 99;
 width: 42.86%;
 height: 20.83%;
}
.index_ding5 {
 position: absolute;
 left: 18.07%;
 top: 39.62%;
 z-index: 99;
 width: 25.26%;
 height: 24.62%;
}
@media (min-width: 1200px) {
 .index_ding2 {
  /*top:500px;*/
 }
 .index_banner_l {
  /*top:300px;*/
 }
}
@-webkit-keyframes move1 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.54%;
  opacity: 1;
 }
}
@-ms-keyframes move1 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.54%;
  opacity: 1;
 }
}
@-o-keyframes move1 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.54%;
  opacity: 1;
 }
}
@-moz-keyframes move1 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.54%;
  opacity: 1;
 }
}
.index_ding2 {
 animation: move1 1s linear 1;
}
@-webkit-keyframes move2 {
 0% {
  top: 168px;
  opacity: 0;
 }
 100% {
  top: 268px;
  opacity: 1;
 }
}
@-ms-keyframes move2 {
 0% {
  top: 168px;
  opacity: 0;
 }
 100% {
  top: 268px;
  opacity: 1;
 }
}
@-o-keyframes move2 {
 0% {
  top: 168px;
  opacity: 0;
 }
 100% {
  top: 268px;
  opacity: 1;
 }
}
@-moz-keyframes move2 {
 0% {
  top: 168px;
  opacity: 0;
 }
 100% {
  top: 268px;
  opacity: 1;
 }
}
.index_ding3 {
 animation: move2 1s linear 1;
}
@-webkit-keyframes move3 {
 0% {
  /*right:30%;*/
  left: 10%;
  opacity: 0;
 }
 100% {
  /*right:41.66%;*/
  right: 18.54%;
  opacity: 1;
 }
}
@-ms-keyframes move3 {
 0% {
  /*right:30%;*/
  left: 10%;
  opacity: 0;
 }
 100% {
  /*right:41.66%;*/
  right: 18.54%;
  opacity: 1;
 }
}
@-o-keyframes move3 {
 0% {
  /*right:30%;*/
  left: 10%;
  opacity: 0;
 }
 100% {
  /*right:41.66%;*/
  right: 18.54%;
  opacity: 1;
 }
}
@-moz-keyframes move3 {
 0% {
  /*right:30%;*/
  left: 10%;
  opacity: 0;
 }
 100% {
  /*right:41.66%;*/
  right: 18.54%;
  opacity: 1;
 }
}
.index_ding4 {
 animation: move3 1s linear 1;
}
@-webkit-keyframes move4 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.07%;
  opacity: 1;
 }
}
@-ms-keyframes move4 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.07%;
  opacity: 1;
 }
}
@-o-keyframes move4 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.07%;
  opacity: 1;
 }
}
@-moz-keyframes move4 {
 0% {
  left: 10%;
  opacity: 0;
 }
 100% {
  left: 18.07%;
  opacity: 1;
 }
}
.index_ding5 {
 animation: move4 1s linear 1;
}
.index_banner_l {
 position: absolute;
 left: 8.33%;
 top: 55%;
}
.index_banner_l div {
 transform: rotate(90deg);
 -ms-transform: rotate(90deg); /* IE 9 */
 -moz-transform: rotate(90deg); /* Firefox */
 -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
 -o-transform: rotate(90deg); /* Opera */
}
.index_banner_l div p {
 text-align: left;
}
.index_banner_l div .p1 {
 font-size: 22px;
 line-height: 30px;
 color: #0068b7;
}
.index_banner_l div .p2 {
 font-size: 22px;
 color: #f29300;
 margin-right: 50px;
}
.index_banner_r {
 position: absolute;
 right: 14.1%;
 /*top: 270px;*/
 top: 25%;
 background: url("../images/index-09.png") no-repeat left center;
 /*background-size: cover;*/
 height: 270px;
 width: 570px;
 /*width:29.69%;*/
 /*height:25%;*/
}
.index_banner_r_n {
 width: 100%;
 height: 100%;
 margin: 0 auto;
 text-align: right;
 padding-right: 44px;
 padding-top: 64px;
}
.index_banner_r_n .p1 {
 color: #0069b7;
 font-size: 50px;
 height: 56px;
}
.index_banner_r_n .p2 {
 font-size: 22px;
 color: #4c4c4c;
 font-weight: bold;
}
.index_banner_r_n .p3 {
 font-size: 20px;
 color: #f29300;
}
.index_banner_r_n span {
 position: absolute;
 right: 0;
 top: 53px;
 font-size: 22px;
 color: #0069b7;
}
.index_two {
 position: relative;
 border: 1px solid #fff;
 height: 400px;
}
.index_two .index_two_n1 {
 height: 120px;
 /*width:0;*/
 margin: 0 auto 0;
 overflow: hidden;
 position: absolute;
 left: 50%;
 margin-left: -600px;
 top: -100px;
 opacity: 0;
 border: 1px solid #fff;
}
.index_two .index_two_n1 h3 {
 font-size: 24px;
 line-height: 40px;
 text-align: center;
 margin-bottom: 20px;
}
.index_two .index_two_n1 p {
 font-size: 16px;
 line-height: 30px;
}
.index_two_n {
 overflow: hidden;
 width: 720px;
 height: 88px;
 /*margin:220px auto 0;*/
 position: absolute;
 left: 50%;
 margin-left: -360px;
 /*top:208px;*/
 top: 350px;
 opacity: 0;
}
.index_two_n_n p {
 font-size: 18px;
 line-height: 40px;
 color: #4c4c4c;
}
.index_two_n_con {
 width: 358px;
}
.index_two_n_con img {
 display: inline;
 height: 72px;
 margin-top: 8px;
 margin-right: 20px;
}
.newsbtn {
 width: 230px;
 height: 50px;
 display: block;
 overflow: hidden;
 border: solid 1px rgba(204, 204, 204, 1);
 line-height: 40px;
 /*border-radius: 9999px;*/
 position: relative;
 font-size: 16px;
 margin: 350px auto 0;
}
.newsbtn .i2 {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 0%;
 height: 100%;
 display: block;
 background-color: #046dbe;
 transition: all 0.5s ease 0s;
 /*-webkit-transform: all 0.5s ease 0s;*/
 z-index: 1;
}
.newsbtn span {
 position: relative;
 text-align: center;
 z-index: 2;
 width: 100%;
 height: 100%;
 display: block;
 font-size: 16px;
 line-height: 50px;
 color: #4d4d4d;
}
.newsbtn:hover {
 border: 1px solid #046dbe;
}
.newsbtn:hover .i2 {
 width: 100%;
}
.newsbtn:hover span {
 color: #fff;
}
#particles-js {
 position: relative;
}
.index_three_con {
 width: 1200px;
 /*height:350px;*/
 position: absolute;
 left: 50%;
 top: 200px;
 margin-left: -600px;
 /*   padding-top:20px;
    padding-left:20px;
    padding-right:20px;*/
 padding: 20px 20px 0;
}
#ibmcom-home {
 height: 94.2%;
 width: 100%;
 margin-top: 130px;
 /*margin-top:7%;*/
}
@media screen and (max-width: 1366px) {
 .index_three_con {
  top: 33px;
 }
 #ibmcom-home {
  height: 94.2%;
  margin-top: 98px;
 }
 .index_four_ul {
  margin-top: 5%;
 }
 .index_four {
  padding-top: 8%;
 }
}
@media screen and (max-width: 1440px) {
 .index_three_con {
  top: 100px;
 }
 #ibmcom-home {
  height: 94.2%;
  margin-top: 147px;
 }
 .index_four_ul {
  margin-top: 5%;
 }
 .index_four {
  height: 94%;
  padding-top: 6%;
 }
}
.index_three_l {
 width: 800px;
 overflow: hidden;
}
.index_h3 {
 border-left: 3px solid #1882cf;
 height: 20px;
 font-size: 18px;
 line-height: 20px;
 padding-left: 25px;
 color: #4c4c4c;
 margin-bottom: 23px;
}
.index_three_l_con {
 height: 320px;
 clear: both;
}
.index_three_l_con1 {
 width: 380px;
 height: 214px;
 overflow: hidden;
}
.index_three_l_con1 img {
 width: 100%;
 height: 100%;
 transition: all 0.6s linear;
 -webkit-transition: all 0.6s linear;
 -moz-transition: all 0.6s linear;
 -ms-transition: all 0.6s linear;
}
.index_three_l_con1:hover img {
 transform: scale(1.1);
}
.index_three_l_con2 {
 width: 380px;
 padding-left: 5px;
}
.index_three_l_con2 p {
 font-size: 16px;
 line-height: 28px;
 width: 100%;
 margin-top: 10px;
 text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
 display: -webkit-box;
 -webkit-line-clamp: 2; /*规定超过两行的部分截断*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 word-break: break-all; /*在任何地方换行*/
}
.index_three_l_con2 span {
 font-size: 16px;
 line-height: 40px;
 color: #808080;
 margin-top: 5px;
}
.index_three_l_con2:hover p {
 color: #1982cf;
}
.index_three_l_con_r {
 width: 393px;
 padding-right: 20px;
}
.index_three_ul {
 margin-top: -8px;
}
.index_three_ul li {
 height: 78px;
 border-bottom: 1px solid #ccc;
 clear: both;
}
.index_three_ul li div {
 width: 58px;
}
.index_three_ul li div .s1 {
 display: block;
 border-bottom: 1px solid #ccc;
 font-size: 24px;
 line-height: 40px;
 color: #808080;
 text-align: center;
}
.index_three_ul li div .s2 {
 display: block;
 font-size: 14px;
 line-height: 40px;
 color: #808080;
 text-align: center;
}
.index_three_ul li p {
 width: 312px;
 text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/
 display: -webkit-box;
 -webkit-line-clamp: 2; /*规定超过两行的部分截断*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 word-break: break-all; /*在任何地方换行*/
 font-size: 16px;
 line-height: 28px;
 color: #4c4c4c;
 padding-top: 13px;
}
.index_three_ul li:hover p {
 color: #1982cf;
}
.index_three_r {
 width: 360px;
}
.index_three_lunbo {
 /*height: 300px;*/
}
.swiper-slide_n {
 position: relative;
 width: 360px;
 height: 300px;
}
.swiper-slide_n img {
 width: 100%;
 height: 100%;
}
.swiper-slide_n p {
 position: absolute;
 left: 0;
 bottom: 0;
 height: 46px;
 line-height: 46px;
 padding-left: 14px;
 color: #fff;
 background: rgba(0, 0, 0, 0.7);
 width: 100%;
}
.section_news {
 position: relative;
 background: #fff;
}
.top {
 position: absolute;
 background: #4178be;
 width: 40px;
 height: 40px;
 left: 50%;
 top: 96%;
 margin-left: -20px;
 cursor: pointer;
}
.top img {
 width: 18px;
 height: 5px;
 margin: 17px auto;
 animation: ani-svg 0.85s linear 0s alternate infinite;
 -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}
@keyframes ani-svg {
 0% {
  transform: translateY(-10px);
 }
 25% {
  transform: translateY(-5px);
 }
 75% {
  transform: translateY(0px);
 }
 100% {
  transform: translateY(5px);
 }
}
.index_four {
 height: 76%;
 padding-top: 7%;
}
.index_four > h4 {
 font-size: 24px;
 color: #4c4c4c;
 text-align: center;
 width: 0;
 height: 31px;
 margin: 0 auto;
 opacity: 0;
}
.index_four_ul {
 overflow: hidden;
 margin-top: 10%;
 opacity: 0;
}
.index_four_ul li {
 float: left;
 width: 190px;
 height: 67px;
 margin: 20px 25px;
 /*position:relative;*/
}
.index_four_ul li img {
 width: 100%;
 height: 100%;
 /*position:absolute;*/
 /*top:20px;*/
 /*left:0;*/
 /*opacity: 0;*/
}
.section_four {
 position: relative;
 width: 100%;
}
.footer {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
}
.footer_con {
 height: 42px;
}
.footer_con_l a {
 font-size: 16px;
 line-height: 42px;
 color: #4c4c4c;
 display: inline;
 margin: 0 32px;
}
.footer_con_l a:hover {
 color: #0068b7;
}
.footer_con_r a {
 display: inline;
 margin: 0 10px;
 width: 42px;
 height: 42px;
}
.footer_con_r a img {
 display: inline;
 width: 42px;
 height: 42px;
}
.footer h5 {
 height: 50px;
 text-align: center;
 width: 100%;
 font-size: 14px;
 line-height: 50px;
 color: #999;
 background: #ebebeb;
 margin-top: 46px;
}
.footer h5 a {
 color: #999;
}
.footer h5 a:hover {
 color: #0068b7;
}
/*about--css--begin*/
.about_banner {
 width: 100%;
 height: 400px;
 min-width: 1200px;
}
.about_banner img {
 width: 100%;
 height: 100%;
}
.about_con {
 /*padding-top:40px;*/
}
.about_con_ul {
 width: 760px;
 margin: 40px auto 0;
 overflow: hidden;
}
.about_con_ul li {
 width: 160px;
 height: 42px;
 margin: 0 15px;
 border-radius: 21px;
 float: left;
}
.about_con_ul li a {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 font-size: 16px;
 background: #e6e6e6;
 color: #4d4d4d;
 text-align: center;
 line-height: 42px;
}
.about_con_ul li a.about_active {
 background-color: rgba(25, 130, 207, 1);
 color: #fff;
}
.about_con_title {
 padding-top: 72px;
}
.about_con_title h3 {
 text-align: center;
 font-size: 30px;
 color: #808080;
}
.about_con_title h4 {
 text-align: center;
 font-size: 24px;
 color: #333;
 height: 40px;
 line-height: 40px;
}
.about_con_title span {
 width: 44px;
 height: 1px;
 display: block;
 background: #1882cf;
 margin: 10px auto 22px;
}
.about_con_title p {
 text-align: center;
 font-size: 18px;
 color: #808080;
}
.about_con_n {
 padding-top: 5px;
 padding-bottom: 120px;
}
.about_con_n p {
 text-indent: 32px;
 font-size: 14px;
 line-height: 24px;
 color: #808080;
}
.about_con_n > p {
 margin-top: 28px;
}
.about_con_nei {
 margin-top: 28px;
}
.footer1 h5 {
 height: 50px;
 text-align: center;
 width: 100%;
 font-size: 14px;
 line-height: 50px;
 color: #999;
 background: #ebebeb;
 /*margin-top:100px;*/
}
.footer1 h5 a {
 color: #999;
}
.footer1 h5 a:hover {
 color: #0068b7;
}
/*企业资质轮播图开始*/
.about_lunbo_con {
 width: 1248px;
 height: 820px;
 margin: 40px auto 100px;
 position: relative;
}
.about_lunbo_con .sw-ban2 {
 width: 1248px;
}
.sw-ban2 .swiper-wrapper .swiper-slide {
}
.sw-ban2 .swiper-wrapper .swiper-slide ul li {
 float: left;
 width: 260px;
 height: 344px;
 margin-left: 26px;
 margin-right: 26px;
 position: relative;
 margin-bottom: 42px;
}
.sw-ban2 .swiper-wrapper .swiper-slide ul li .zhengshu_img {
 display: block;
 margin: 2% auto;
 width: 96%;
 height: 96%;
}
.sw-ban2 .swiper-wrapper .swiper-slide ul li .about_lunbo_bg {
 width: 260px;
 height: 344px;
 position: absolute;
 left: 0;
 top: 0;
}
.sw-ban2 .swiper-wrapper .swiper-slide ul li p {
 text-align: center;
}
.about_lunbo_con .pages2 {
 position: absolute;
 width: 100%;
 text-align: center;
 /*bottom:-22px;*/
 bottom: 0;
 left: 0;
 z-index: 99999999999;
}
.sw-ban2 .swiper-slide,
.sw-ban2 .swiper-wrapper {
 /*height: 100% !important;*/
}
.about_lunbo_con .pages2 .swiper-pagination-bullet {
 width: 26px;
 height: 26px;
 border-radius: 50%;
 margin: 0 6px;
 display: inline-block;
 cursor: pointer;
 box-sizing: border-box;
 border: 1px solid transparent;
 line-height: 26px;
 background: #fff;
}
.about_lunbo_con .pages2 .swiper-pagination-bullet-active {
 border: 1px solid #0077cc;
}
.about_lunbo_con .pages2 .swiper-pagination-bullet b {
 display: block;
 width: 14px;
 height: 14px;
 background: #0077cc;
 margin: 5px auto;
 border-radius: 50%;
}
.about_lunbo_con .pages2 .swiper-pagination-bullet-active b {
 display: block;
 width: 14px;
 height: 14px;
 background: #0077cc;
 margin: 5px auto;
 border-radius: 50%;
}
/*企业资质轮播图结束*/
/*about2开始*/
.about2_con {
 /*overflow: hidden;*/
 margin-top: 70px;
 padding-bottom: 100px;
 height: 452px;
}
.about2_con > div {
 float: left;
 margin: 0 80px;
}
.about2_con_top {
 background: url("../images/about-03.png") no-repeat center;
 background-size: cover;
 width: 180px;
 height: 158px;
 color: #fff;
 padding-top: 40px;
 padding-left: 22px;
}
.about2_con_top span {
 display: block;
}
.about2_con_top .s1 {
 font-size: 20px;
 line-height: 36px;
}
.about2_con_top .s2 {
 font-size: 12px;
 line-height: 18px;
}
.about2_con_top .s4 {
 font-size: 12px;
 line-height: 36px;
}
.about2_con_top .s3 {
 width: 20px;
 height: 2px;
 background: #fff;
 margin-top: 10px;
}
.about2_con_bottom {
 width: 180px;
 height: 124px;
}
.about2_con_bottom h4 {
 font-size: 16px;
 color: #4d4d4d;
 font-weight: bold;
 text-align: center;
 height: 72px;
 line-height: 72px;
}
.about2_con_bottom p {
 font-size: 16px;
 color: #4d4d4d;
 text-align: center;
 line-height: 24px;
}
.about2_con_bottom p.p1 {
 line-height: 30px;
}
.about2_con_n:hover {
 margin-top: -10px;
 cursor: pointer;
}
/*about2结束*/
/*about3开始*/
.about3_ul {
 color: #4c4c4c;
 margin-top: 48px;
 margin-bottom: 100px;
}
.about3_li {
 margin-bottom: 8px;
}
.about3_h3 {
 height: 56px;
 background: #f1f1f1;
}
.about3_h3 .s1 {
 font-size: 18px;
 font-weight: bold;
 line-height: 56px;
 /*padding-left:30px;*/
 margin: 0 15px 0 30px;
}
.about3_h3 .s2 {
 font-size: 12px;
 line-height: 56px;
 margin: 0 13px;
}
.about3_bg {
 width: 25px;
 height: 25px;
 border-radius: 50%;
 float: right;
 margin-right: 18px;
 margin-top: 15px;
}
.about3_bg img {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 margin: 0 auto;
}
.about3_h3.about3_active {
 background: #1882cf;
 color: #fff;
}
.about3_con {
 background: #f8f8f8;
}
.about3_con1 {
 border-bottom: 1px dashed #ccc;
 width: 1125px;
 margin: 0 auto;
 padding: 25px 0;
}
.about3_con1 p .s1 {
 font-size: 14px;
 font-weight: bold;
 color: #4c4c4c;
 line-height: 30px;
 margin-right: 40px;
}
.about3_con1 p .s2 {
 display: inline-block;
 font-size: 12px;
 color: #4c4c4c;
 line-height: 30px;
 width: 290px;
}
.about3_con2 {
 padding-bottom: 75px;
 width: 1125px;
 margin: 0 auto;
}
.about3_con2 p {
 font-size: 12px;
 line-height: 30px;
}
.about3_con2 p.p1 {
 font-size: 14px;
 line-height: 30px;
 font-weight: bold;
 margin-top: 26px;
}
/*about3结束*/
/*about--css--end*/
/*news开始*/
.news_con {
 padding-top: 38px;
 padding-bottom: 80px;
}
.news_con_ul {
 overflow: hidden;
 width: 380px;
 margin: 0 auto;
}
.news_con_ul li {
 float: left;
 width: 160px;
 height: 42px;
 margin: 0 15px;
}
.news_con_ul li a {
 display: block;
 margin: 0 auto;
 width: 100%;
 height: 100%;
 text-align: center;
 line-height: 42px;
 background: #e6e6e6;
 color: #4c4c4c;
 font-size: 16px;
 border-radius: 21px;
}
.news_con_ul li a.news_active {
 color: #fff;
 background: #1882cf;
}
.news_con_n {
 width: 1224px;
 margin: 0 auto;
 overflow: hidden;
 padding-top: 40px;
}
.news_con_n li {
 width: 386px;
 height: 242px;
 float: left;
 margin: 0 11px 40px;
 border: 1px solid #e6e6e6;
}
.news_con_n_li {
 position: relative;
 top: 0;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
}
.news_con_n_li a {
 display: block;
 width: 100%;
 height: 100%;
 margin: 0 auto;
 position: relative;
 padding: 16px 19px 0 14px;
}
.news_con_n_li a div {
 width: 83px;
 height: 67px;
 position: absolute;
 left: 0;
 top: 0;
}
.news_con_n_li a .s1 {
 display: block;
 width: 83px;
 height: 30px;
 line-height: 30px;
 background-color: rgba(82, 147, 206, 1);
 font-size: 16px;
 color: #fff;
 text-align: center;
}
.news_con_n_li a .s2 {
 display: block;
 background: #639dd2;
 width: 83px;
 height: 37px;
 line-height: 37px;
 text-align: center;
 color: #fff;
}
.news_con_n_li a > h3 {
 font-size: 16px;
 line-height: 24px;
 color: #4d4d4d;
 height: 80px;
 padding-left: 84px;
 padding-right: 0;
}
.news_con_n_li a > p {
 font-size: 14px;
 line-height: 24px;
 color: #808080;
 border-top: 1px solid #e6e6e6;
 padding: 15px 13px 0 3px;
}
.news_con_n_li .s3 {
 display: block;
 width: 100px;
 height: 24px;
 font-size: 14px;
 line-height: 24px;
 background: url("../images/news-02.png") no-repeat right center;
 background-position-y: 8px;
 background-position-x: 65px;
 margin-top: 14px;
 cursor: pointer;
 transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -ms-transition: all 0.3s linear;
}
.news_con_n_li .s3:hover {
 background-position-x: 75px;
}
.news_con_n_li:hover {
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 top: -10px;
}
.news_con_n_li:hover p {
 color: #5393ce;
}
.news_con_n_li:hover .s3 {
 background-position-x: 75px;
}
/*分页的样式开始*/
.pager_linkBox {
 width: 306px;
 margin: 0 0 0 66.15%;
 text-align: center;
 overflow: hidden;
}
.pager_linkBox a {
 display: inline-block;
 border: 1px solid #fff;
 height: 36px;
 line-height: 36px;
 text-align: center;
 color: #999;
 font-size: 16px;
 margin-left: 2px;
 margin-right: 2px;
 box-sizing: border-box;
}
.pager_linkBox a.current {
 color: #fff;
 background: #1882cf;
}
.pager_linkBox .shang,
.pager_linkBox .xia {
 width: 80px;
 font-size: 14px;
}
.pager_linkBox a:hover {
 color: #fff;
 background: #1882cf;
}
/*分页的样式结束*/
/*news结束*/
/*jishi开始*/
.jishu_con_n {
 padding-top: 40px;
}
.jishu_con_n p {
 font-size: 14px;
 line-height: 24px;
 color: #4d4d4d;
 margin-bottom: 20px;
 text-indent: 32px;
}
.jishu_con_n div {
 overflow: hidden;
}
.jishu_con_n div img {
 float: left;
 display: inline;
 margin-right: 40px;
 margin-bottom: 40px;
 width: 580px;
 height: 418px;
}
/*jishi结束*/
/*yingxiao开始*/
.yingxiao_ul {
 overflow: hidden;
 padding-top: 52px;
 width: 1250px;
 margin: 0 auto;
}
.yingxiao_ul li {
 float: left;
 width: 575px;
 height: 162px;
 margin: 0 25px;
 margin-bottom: 38px;
 position: relative;
 top: 0;
}
.yingxiao_li {
 transition: all 0.2s;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
}
.yingxiao_li .yingxiao_li1 {
 position: absolute;
 left: 0;
 top: 0;
 width: 105px;
 height: 63px;
 padding: 0 17px;
 background: #e6e6e6;
 z-index: 2;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
}
.yingxiao_li1 .s1 {
 font-size: 24px;
 color: #4d4d4d;
 height: 34px;
 line-height: 34px;
 text-align: center;
 display: block;
 border-bottom: 1px solid #999;
}
.yingxiao_li1 .s2 {
 font-size: 16px;
 height: 29px;
 line-height: 29px;
 text-align: center;
 color: #4d4d4d;
}
.yingxiao_li .yingxiao_li2 {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 484px;
 height: 150px;
 border: 1px solid #b3b3b3;
 z-index: 3;
 padding: 0 17px 0 35px;
}
.yingxiao_li2 h4 {
 font-size: 18px;
 color: #4d4d4d;
 height: 54px;
 line-height: 54px;
}
.yingxiao_li2 p {
 font-size: 14px;
 line-height: 24px;
 color: #4d4d4d;
}
.yingxiao_li:hover {
 top: -10px;
}
.yingxiao_li:hover .yingxiao_li1 {
 background: #1882cf;
}
.yingxiao_li:hover .s1 {
 color: #fff;
 border-bottom: 1px solid #fff;
}
.yingxiao_li:hover .s2 {
 color: #fff;
}
.yingxiao_li:hover .yingxiao_li2 {
 border: 1px solid #1882cf;
 z-index: 3;
}
/*yingxiao结束*/
/*yingxiao1开始*/
.xszx {
 width: 1200px;
 height: 737px;
 position: relative;
 margin: 30px auto 0;
}
.map {
 padding-top: 3px;
 width: 100%;
 height: 100%;
 background: url("../images/yingxiao-02.jpg") no-repeat center center;
 position: absolute;
 top: 0;
 left: 0;
}
path {
 stroke-width: 2;
 stroke: #617ec1;
 stroke-dasharray: 3, 5;
 stroke-dashoffset: 40px;
 animation: act 1s linear infinite;
}
@keyframes act {
 100% {
  stroke-dashoffset: 0;
 }
}
/*yingxiao1结束*/
/*product开始*/
.pro_con {
 overflow: hidden;
 z-index: 2222;
 position: relative;
 top: -60px;
}
.pro_con_l_ul {
 width: 237px;
}
.pro_con_l_ul li {
 height: 50px;
 width: 100%;
 margin-bottom: 6px;
}
.pro_con_l_ul li a {
 display: block;
 width: 100%;
 height: 100%;
 margin: 0 auto;
 background: #f0f0f0 url("../images/pro-03.png") no-repeat left center;
 background-position-x: 16px;
 font-size: 16px;
 color: #4d4d4d;
 line-height: 50px;
 padding-left: 32px;
 transition: all 0.6s;
 -webkit-transition: all 0.6s;
 -moz-transition: all 0.6s;
 -ms-transition: all 0.6s;
}
.pro_con_l_ul li a.pro_active {
 background: #1882cf url("../images/pro-02.png") no-repeat left center;
 background-position-x: 6px;
 color: #fff;
}
.pro_con_l_ul li a:hover {
 background: #1882cf url("../images/pro-02.png") no-repeat left center;
 background-position-x: 6px;
 color: #fff;
}
.pro_con_l_ul .pro_li1 {
 background: #1882cf;
 height: 60px;
 line-height: 60px;
 padding-left: 35px;
 color: #fff;
 font-size: 24px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}
.pro_con_r {
 padding-top: 60px;
}
.pro_con_r_ul {
 margin-bottom: 30px;
}
.pro_con_r_ul li {
 width: 885px;
 height: 280px;
 border-bottom: 1px solid #e6e6e6;
}
.pro_con_r_ul li a {
 display: block;
 width: 100%;
 height: 100%;
 padding: 35px 0;
 overflow: hidden;
}
.pro_l {
 width: 330px;
 height: 206px;
 overflow: hidden;
}
.pro_l img {
 width: 100%;
 height: 100%;
 transition: all 0.6s;
 -webkit-transition: all 0.6s;
 -moz-transition: all 0.6s;
 -ms-transition: all 0.6s;
}
.pro_r {
 width: 520px;
 height: 206px;
 position: relative;
}
.pro_r .title {
 font-size: 16px;
 color: #4d4d4d;
}
.pro_r .desc {
 font-size: 14px;
 line-height: 24px;
 color: #808080;
 margin-top: 35px;
 height: 120px;
 overflow: hidden;
}
.pro_r .more {
 display: block;
 width: 118px;
 height: 16px;
 line-height: 16px;
 font-size: 14px;
 color: #4d4d4d;
 position: absolute;
 left: 0;
 bottom: 0;
 background: url("../images/news-02.png") no-repeat right center;
 background-position-x: 60px;
 -webkit-transition: all 0.6s;
 -moz-transition: all 0.6s;
 -ms-transition: all 0.6s;
 -o-transition: all 0.6s;
 transition: all 0.6s;
}
.pro_con_r_ul li a:hover img {
 transform: scale(1.1);
}
.pro_con_r_ul li a:hover p {
 color: #1882cf;
}
.pro_con_r_ul li a:hover span {
 color: #1882cf;
}
.pro_con_r_ul li a:hover span {
 background-position-x: 70px;
}
/*product结束*/
/*chaxun开始*/
.chaxun_con {
 width: 920px;
 margin: 45px auto 130px;
 overflow: hidden;
}
.chaxun_con > h3 {
 text-align: center;
 font-size: 24px;
 color: #4d4d4d;
 margin-bottom: 110px;
}
.chaxun_con_l {
 width: 296px;
 height: 300px;
}
.chaxun_con_l img {
 width: 100%;
 height: 290px;
 margin: 5px 0;
}
.chaxun_con_r {
 width: 536px;
 height: 350px;
 padding: 1px;
 border: 1px solid #ccc;
}
.chaxun_con_r h3 {
 height: 45px;
 font-size: 18px;
 color: #205aa7;
 background: #efefef;
 line-height: 45px;
 text-align: center;
}
.chacun_line {
 height: 32px;
}
.chacun_line span {
 display: block;
 float: left;
 width: 128px;
 text-align: center;
 font-size: 14px;
 height: 32px;
 line-height: 32px;
}
.chacun_line .d1 {
 width: 252px;
 height: 32px;
 float: left;
 border: 1px solid #ccc;
 display: block;
}
.chacun_line .d2 input,
.chacun_line .d1 input,
.chacun_line .d3 input,
.chacun_line .d4 input {
 width: 100%;
 height: 100%;
 line-height: 32px;
}
.chacun_line .d2 {
 width: 152px;
 height: 32px;
 border: 1px solid #ccc;
 display: block;
 float: left;
}
.chacun_line img {
 float: left;
 display: block;
 vertical-align: middle;
 margin-left: 80px;
}
.chacun_line .d3 {
 width: 100px;
 height: 32px;
 display: block;
 float: left;
}
.chacun_line .d3 input {
 background: #205aa7;
 color: #fff;
 cursor: pointer;
}
.chacun_line .d4 {
 width: 100px;
 height: 32px;
 display: block;
 margin-left: 6px;
 float: left;
}
.chacun_line .d4 input {
 background: #666;
 color: #fff;
 cursor: pointer;
}
/*chaxun结束*/
/*contact开始*/
.contact_lianxi {
 margin-top: 96px;
 min-height: 100px;
}
.contact_lianxi > div {
 float: left;
 width: 447px;
 /* min-height: 100px; */
 position: relative;
 padding-left: 120px;
 margin-bottom: 15px;
}
.contact_lianxi div.d3 {
 width: 305px;
}
.contact_lianxi > div img {
 display: inline-block;
 position: absolute;
 left: 0;
 top: 0;
}
.contact_lianxi > div span {
 font-size: 18px;
 line-height: 24px;
 color: #333;
}
.contact_lianxi > div p {
 font-size: 14px;
 line-height: 24px;
 color: #333;
}
#contact_map {
 width: 1200px;
 min-height: 425px;
 margin: 18px auto 0;
}
#map {
 width: 100%;
 height: 100%;
}
/*地图上去掉这几个标*/
.BMap_stdMpZoom {
 display: none;
}
.anchorBL {
 display: none;
}
.BMap_stdMpPan {
 display: none;
}
/*地图上去掉这几个标*/
.address_con_n2 {
 width: 950px;
 height: 280px;
 margin: 50px auto 50px;
 position: relative;
}
.address_con_n2 div {
 border-bottom: 1px solid #ccc;
 margin-top: 18px;
 height: 60px;
}
#contact1_form .contact1_con_n_d {
 border: none;
 margin-top: 0;
 height: auto;
}
.address_con_n2 div span {
 font-size: 16px;
 line-height: 60px;
 color: #4c4c4c;
 font-weight: bold;
}
.address_con_n2 div input {
 font-size: 16px;
 width: 50%;
 height: 99%;
}
.address_con_n2 .add_area {
 width: 950px;
 height: 90px;
 position: relative;
 padding-left: 12px;
 border: 1px solid #ccc;
 text-indent: 12px;
}
.address_con_n2 .add_area span {
 position: absolute;
 left: 0;
 top: 0;
 line-height: 58px;
}
.address_con_n2 .add_area textarea {
 text-indent: 70px;
 line-height: 30px;
 width: 95%;
 height: 100%;
 font-size: 16px;
 padding-top: 15px;
}
.address_con_n2 .add_yzm {
 /*padding-bottom:55px;*/
 width: 300px;
 position: relative;
}
.address_con_n2 .add_yzm span {
 padding-left: 12px;
}
.address_con_n2 .add_yzm input {
 width: 30%;
}
.address_con_n2 .add_yzm img {
 width: 105px;
 height: 26px;
 position: absolute;
 right: 0;
 top: 16px;
}
.button {
 height: 50px;
 background: #ccc;
 color: #4c4c4c;
 line-height: 50px;
 width: 148px;
 font-size: 16px;
 margin-top: 43px;
 position: absolute;
 right: 0;
 bottom: 0;
 font-weight: bold;
}
.address_con_n2 .d1 {
 display: inline-block;
 width: 400px;
}
.address_con_n2 .d2 {
 display: inline-block;
 margin-left: 142px;
 width: 400px;
}
/*contact结束*/
/*contact1开始*/
.contact1_con {
 width: 860px;
 height: 750px;
 margin: 0 auto;
 padding-top: 48px;
}
.contact1_con > p {
 width: 488px;
 margin: 0 auto;
 font-size: 18px;
 line-height: 30px;
 color: #4d4d4d;
 text-align: center;
}
.contact1_con_n {
 margin-top: 30px;
}
.contact1_con_n_d {
 height: 36px;
 margin-bottom: 10px;
 overflow: hidden;
 width: 860px;
}
.contact1_con_n_d .s1 {
 float: left;
 width: 110px;
 text-align: right;
 height: 36px;
 line-height: 36px;
 vertical-align: middle;
 font-size: 16px;
}
.contact1_con_n_d .s1 .s2 {
 color: #fc0d05;
 font-size: 30px;
 vertical-align: middle;
 float: left;
 margin-top: -7px;
 margin-left: 20px;
}
.contact1_con_n_d > div {
 float: left;
 padding: 0;
 margin: 0 0 0 25px;
 height: 36px;
}
.contact1_con_n_d div input {
 line-height: 34px;
 padding-left: 6px;
}
.contact1_con_n_d img {
 display: inline;
 margin-left: 15px;
 margin-top: 5px;
}
.d11_n {
 width: 285px;
 height: 36px;
 border: 1px solid #cacaca;
}
#d33 {
 height: 130px;
}
#d33 div {
 width: 700px;
 height: 130px;
 border: 1px solid #cacaca;
}
#d33 div textarea {
 width: 100%;
 height: 100%;
 line-height: 36px;
 padding: 0 6px;
}
#d22 {
 height: 36px;
}
#d22 div {
 border: none;
 padding-top: 4px;
}
#d22 div input {
 height: auto;
 width: auto;
}
#d22 div label {
 margin-left: 5px;
 margin-right: 10px;
}
.button1 {
 width: 160px;
 height: 42px;
 font-size: 16px;
 color: #fff;
 background: #1882cf;
 line-height: 42px;
 border-radius: 21px;
 margin-left: 23px;
 text-align: center;
 margin-top: 20px;
 cursor: pointer;
}
.button1:hover {
 background: rgba(24, 130, 207, 0.8);
}
#d44 {
 height: 84px;
}
/*contact1结束*/
/*about的模态窗口开始*/
.about3_con {
 position: relative;
}
.yingpin {
 display: block;
 width: 145px;
 height: 47px;
 position: absolute;
 right: 20px;
 bottom: 25px;
 background: #1882cf;
 cursor: pointer;
 color: #fff;
 font-size: 18px;
 text-align: center;
 line-height: 47px;
 border-radius: 6px;
}
.yingpin:hover {
 background: rgba(24, 130, 207, 0.8);
}
.chuangkou {
 display: none;
 width: 100%;
 background: rgba(0, 0, 0, 0.8);
 position: fixed;
 left: 0;
 top: 0;
 z-index: 99;
}
.chuangkou_con {
 display: none;
 width: 1200px;
 margin: 10px auto;
 left: 50%;
 margin-left: -600px;
 background: #fff;
 top: 100px;
 padding-top: 1px;
 padding-left: 65px;
 z-index: 100;
 overflow-y: scroll;
 position: fixed;
}
#d55 div {
 border: none;
 padding-top: 4px;
}
#d55 div label {
 margin-left: 5px;
 margin-right: 10px;
}
#d66 div {
 border: none;
 padding-top: 4px;
}
#d66 .s1 {
 letter-spacing: 1px;
}
#d66 div label {
 margin-left: 5px;
 margin-right: 20px;
}
#d77 div {
 border: none;
 padding-top: 4px;
}
#d77 .s1 {
 letter-spacing: 1px;
}
#d77 div label {
 margin-left: 5px;
 margin-right: 20px;
}
#date_w > div {
 border: none;
 width: 600px;
}
#date {
 font-size: 14px;
}
select {
 padding: 5px 20px 5px 5px;
 outline: none;
 height: 34px;
 line-height: 34px;
 background: url("../images/select-01.jpg") no-repeat right center;
 background-size: 100% auto;
 width: 90px;
}
#d88 {
 height: 120px;
}
#d88 div {
 height: 120px;
 border: none;
 position: relative;
 padding: 0;
}
#d88 div img {
 width: 77px;
 height: 84px;
 margin: 0;
}
#d88 div input {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 120px;
}
#d88 div p {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 26px;
}
.contact1_con_n #d99 {
 height: auto;
 border: none;
 overflow: hidden;
}
#d99 > .s1 {
 width: 110px;
 height: 36px;
 text-align: right;
 font-size: 16px;
}
#d99_con {
 border: none;
 width: 960px;
 position: relative;
 margin-left: 25px;
}
#d99_con .jia {
 position: absolute;
 right: 30px;
 top: 2px;
 z-index: 222;
}
.gongzuojingli_con {
 height: 36px;
 clear: both;
 border: none;
 width: 960px;
}
.gongzuojingli_con div.about3_jianli {
 width: 285px;
 height: 36px;
 border: 1px solid #ccc;
 float: left;
}
.about3_jianli.d_nianyue .input_nian {
 width: 45px;
 height: 32px;
 display: inline;
}
.about3_jianli.d_nianyue .input_yue {
 width: 23px;
 height: 32px;
 display: inline;
}
.about3_jianli.d_nianyue .s_nianyue {
 width: 24px;
 display: inline;
}
.about3_jianli input {
 height: 32px;
}
.gongzuojingli .gongzuojingli_con1 {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 890px;
 height: 120px;
}
.gongzuojingli_con1 div {
 width: 890px;
 height: 120px;
 border: 1px solid #ccc;
}
.gongzuojingli_con1 div textarea {
 width: 98%;
 height: 98%;
 margin: 0 auto;
 line-height: 34px;
 padding: 0 5px;
}
.gongzuojingli {
 position: relative;
}
.gongzuojingli .jian {
 position: absolute;
 right: 30px;
 top: 2px;
 z-index: 1;
}
#d99_con .gongzuojingli {
 border: none;
}
.gongzuojingli_con1 {
 width: 960px;
 margin-top: 10px;
 height: 120px;
}
/*about的模态窗口结束*/
/*news详情开始*/
.cases_detail_home {
 width: 1200px;
 margin: 26px auto 0;
 background: url("../images/news-04.png") no-repeat;
 background-position: 5px 0;
}
.cases_detail_home > p {
 font-size: 14px;
 color: #807f7f;
 padding-left: 25px;
 box-sizing: border-box;
 line-height: 16px;
}
.cases_detail_home .a1 {
 color: #807f7f;
}
.cases_detail_home .a2 {
 color: #1882cf;
}
.news_d_content {
 width: 1200px;
 margin: 0 auto;
}
.news_d_title {
 margin-top: 45px;
}
.news_d_title h3 {
 font-size: 30px;
 color: #444;
 text-align: center;
}
.news_d_title p {
 font-size: 14px;
 color: #8d8d8d;
 text-align: center;
 margin-top: 22px;
 margin-bottom: 26px;
}
.news_d_title span {
 font-size: 14px;
 color: #8d8d8d;
 text-align: center;
}
.news_d_con {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 25px 88px;
 box-sizing: border-box;
 margin-top: 23px;
}
.news_d_con p {
 font-size: 14px;
 line-height: 26px;
 color: #666;
 text-indent: 30px;
 margin-top: 10px;
}
.news_d_con img {
 width: 100%;
 display: block;
 margin: 0px auto 27px;
}
.news_d_fanye {
 box-sizing: border-box;
 padding: 22px 0 22px 110px;
}
.news_d_fanye a {
 /*display: block;*/
 line-height: 32px;
 color: #666;
}
.news_d_fanye a:hover {
 color: #1882cf;
}
/*news详情结束*/
/*product_detail样式开始*/
.pro2_content {
 width: 100%;
 background: #fff;
}
.pro2_con {
 width: 1200px;
 margin: 0 auto;
 padding-top: 30px;
 padding-bottom: 30px;
 box-sizing: border-box;
}
.pro2_con > p {
 font-size: 14px;
 line-height: 16px;
 height: 16px;
 color: #807f7f;
 background: url("../images/home.png") no-repeat left center;
 padding-left: 22px;
 box-sizing: border-box;
}
.pro2_con > p .a1 {
 color: #807f7f;
}
.pro2_con > p .a2 {
 color: #1882cf;
}
.pro2_con > h1 {
 height: 85px;
 line-height: 85px;
 border-bottom: 1px solid #e6e6e6;
 font-size: 30px;
 text-align: center;
 margin-top: 14px;
}
.pro2_con > img {
 display: block;
 width: 457px;
 height: 278px;
 margin: 40px auto;
}
.pro2_txt {
 width: 1200px;
 margin: 0 auto;
 padding-left: 300px;
 box-sizing: border-box;
}
.pro2_txt p {
 color: #666;
 line-height: 30px;
 font-size: 16px;
 width: 750px;
}
.pro2_txt .p {
 margin-top: 25px;
}
/*product_detail样式结束*/