@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #5f5f5f; font: 14px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; }



body,html{

  scroll-behavior: smooth;

}

h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }

ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

p { margin: 0; padding: 0; }

/* 重置表单元素 */

legend { color: #5f5f5f; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */

/* 重置 hr */

hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

:hover { text-decoration: none !important;}

html { overflow-y: scroll; }

:link { text-decoration: none; color: #5f5f5f; }

:visited { text-decoration: none; color: #5f5f5f; }

.fl { float:left;}

.fr { float:right;}

[data-mfp-src],

.btn-img-popup {

    cursor: -webkit-zoom-in;

    cursor: zoom-in;

}

/*======================公用样式=======================*/

.wrap { width: 100%; }

.head {width: 100%; height: 98px; overflow: hidden; background:#fff; position: relative;}

.logo {position: absolute; top: 0; left: 0;}

.search-i {width: 290px; position: absolute; top:32px; right: 0; }

.search-i .search-form{position:relative}

.search-i .search-form .search-input{display:block;width:100%;height:39px;line-height:initial; background: #f4f4f4; border: 0; border-radius:13px;color:#8d8d8d;outline:0;-webkit-transition:.5s;transition:.5s; padding-left:10px}

.search-i .search-form .search-button{position:absolute;right:0;top:0;height:39px;background:0 0;border:0;width:50px;outline:0;-webkit-transition:.5s;transition:.5s;padding:0;cursor:pointer}

.search-i .search-btn{-webkit-transition:all .5s;transition:all .5s;font-size:16px;}

.search-i i {color: #000; font-weight: bold;}





.banner {}

.banner img {width: 100%; display: block;}

.ban-pc {display: block;}

.ban-mobile {display: none;}

.ban-mobile img {width: 100%; height: auto;}

.ban-pc .swiper-pagination-bullet-active { background: #6d82a7!important;}

.ban-pc .swiper-pagination-bullet { width: 12px!important; height: 12px!important; border-radius: 6; background: #fff;opacity:1!important; margin:0 5px}

.ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px!important;}

.a-main {}

.a-main img {width: 100%;}

.ban-pro-pc {display: block;}

.ban-pro-mobile {display: none;}

.ban-pro-mobile img {width: 100%; height: auto;}

.ban-pro-pc .swiper-pagination-bullet-active { background: #2ca6e0!important;}

.ban-pro-pc .swiper-pagination-bullet { width: 50px!important; height: 3px!important; border-radius: 0; background: #fff;opacity:1!important; margin:0 5px}

.ban-pro-pc .swiper-pagination {bottom:47px!important; left: 45%;}

@media screen and (max-width:991px) {

	.search-i {width: 200px;}

	.search-i .search-form .search-input {font-size: 12px;}

	.ban-pc {display: none;}

	.ban-mobile {display: block;overflow: hidden;}

}

#mainSlide{min-width:1280px; height:750px; clear:both; position:relative; background:#333;}

#mainSlide .slick-list{position:relative; z-index:10}

#mainSlide .slick-slide{position:relative; height:760px; overlfow:hidden;}

#mainSlide .slick-slide img{position:absolute; left:50%; top:0; margin-left:-960px;}

#mainSlide .text{position:absolute; left:0;top:0; width:100%; margin:0 auto; }

#mainSlide .text .textWrap{width:1280px; margin:0 auto; padding:112px 150px 0 200px; box-sizing:border-box; text-align: center;}

#mainSlide .text .textWrap strong{display:block; margin-bottom:20px; color:#fff; font-size:60px; line-height:1.2em; font-weight:normal; word-break: break-word;  letter-spacing:-0.02em }

#mainSlide .text .textWrap p{color:#fff; font-size:19px; line-height: 28px;}

#mainSlide .text .textWrap .btnMoreA{margin-top:10px;}

#mainSlide .dotsWrap{width:16px; position:absolute; left:50%; z-index:11; bottom:0px; height:100%; margin-left:-488px; line-height:16px;}

#mainSlide .slick-dots{display:table-cell; height:760px; vertical-align:middle;}

#mainSlide .slick-dots li{position:relative; height:16px; margin:20px 0; width:16px; line-height:16px;}

#mainSlide .slick-dots li:after{content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; margin:-3px 0 0 -3px; background:#fff; border-radius:100px; cursor:pointer;}

#mainSlide .slick-dots li button{width:16px; height:16px; backgro2020-11-27und:#fff; line-height:16px; margin:0; background:none; cursor:pointer;}

#mainSlide .slick-dots li.slick-active:after{width:16px; height:16px; margin:-8px 0 0 -8px;}

#mainSlide .slick-arrow{position:absolute; left:50%; top:50%; width:60px; margin-top:-30px; height:60px; box-sizing:border-box; z-index:11;}

#mainSlide .slick-arrow::after{content:''; position:absolute; left:50%; top:50%; width:10px; height:17px; margin:-8px 0 0 -5px; background:url(../images/ico_common.png) no-repeat;}

#mainSlide .slick-prev{margin-left:-570px;}

#mainSlide .slick-prev::after{background-position:0 -15px;}

#mainSlide .slick-next{margin-left:510px; border:2px solid rgba(255, 255, 255, 0.5); border-radius:100%}

#mainSlide .slick-next::after{background-position:0 -32px;}



#mainSlide .slideList{position:absolute; top:0px; left:0px; width:100%; height:100%;}

#mainSlide .slideList:first-child{z-index:9}

#mainSlide .slideList:first-child .imgBg{ transform:scale(1); }

#mainSlide .slideList .imgBg{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:transform 1.2s cubic-bezier(0.82, 0.07, 0.15, 0.9) 0s; transform-origin: 0 50%; transform:scale(1.2);  background-size:auto 100% !important;}

#mainSlide .slideList .imgBg:after{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; /* background:rgba(0,0,0,0.1) */;    /*background: rgba(0,0,0,0.5) url(../images/mainBg.png) repeat;*/ opacity: 0.09;}

#mainSlide.alignRight .slideList .imgBg{right:0px; transform-origin: 100% 50%; }

#mainSlide .btnSlide{position:absolute; left:50%; top:50%; width:60px; margin-top:-30px; height:60px; box-sizing:border-box; z-index:11; text-indent:-9999px}

#mainSlide .btnSlide::after{content:''; position:absolute; left:50%; top:50%; width:10px; height:17px; margin:-8px 0 0 -5px; background:url(../images/ico_common.png) no-repeat;}

#mainSlide .slidePrev{margin-left:-570px; border:2px solid rgba(255, 255, 255, 0); transition: all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s; border-radius:100%; }

#mainSlide .slidePrev:hover{border:2px solid rgba(255, 255, 255, 0.5); }

#mainSlide .slidePrev::after{background-position:0 -15px;}

#mainSlide .slideNext{margin-left:510px; border:2px solid rgba(255, 255, 255, 0); transition: all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s; border-radius:100%; }

#mainSlide .slideNext:hover{ border:2px solid rgba(255, 255, 255, 0.5); }

#mainSlide .slideNext::after{background-position:0 -32px;}

@media only screen and (min-width : 1950px) {

	#mainSlide .slideList .imgBg{background-size:100% auto !important;}	

}

@media only screen and (max-width : 1920px) {

	#mainSlide .slideList .imgBg video{height: 100% !important; width: auto !important; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%);}

	#container.main .fotBanner ul li:nth-child(1)>.bannerInner>a{background-size: auto 500px !important;}	

}

#mainSlide .slideList .slideWrap{transform: translate(0,0); height: 100%; position: absolute; width: 100%; /* transition:all 1.2s cubic-bezier(0.82, 0.07, 0.15, 0.9) 0s; */ overflow:hidden;}

/* #mainSlide .slideList:first-child{z-index:9}

#mainSlide .slideList:first-child .imgBg{transform:scale(1) ;transform-origin: 100% 50%;} */

#mainSlide .slideList.active .imgBg{transform-origin: 100% 50%;}

#mainSlide .slideList.active .imgBg video{height:auto}

#mainSlide.alignRight .slideList.active .imgBg{right:0; transform-origin: 0 50%;}

#mainSlide .slideList.nextLi{z-index:2}

.smallButtonWrap{position:absolute; z-index:9; top:0px; height:760px; left:50%; margin-left:-490px;}

.smallButtonWrap:after{content:''; position:absolute; top:0px; right:-28px; width:2px; height:100%; background:#fff; opacity: 0.2}

.smallButton{display:table-cell; height:760px; vertical-align:middle;}

.smallButton a{display:block; position:relative; width:16px; height:16px; color:#fff; font-size:30px; margin-bottom:30px; text-indent:-9999px; }

.smallButton a:before{content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; transform:scale(0.4); background:#fff; border-radius: 100%; margin:-8px 0 0 -8px; transition:all 1.2s cubic-bezier(0.91, 0.21, 0.15, 0.88) 0s; opacity:0; z-index:1}

.smallButton a.active:before{content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; background:#fff; border-radius: 100%; margin:-8px 0 0 -8px; transform:scale(1); opacity: 0.20}

/* .smallButton a.active:after{content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; background:#fff; border-radius: 100%; margin:-8px 0 0 -8px; transform:scale(1); } */

.smallButton a:after{content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; transform:scale(0.4); background:#fff; border-radius: 100%; margin:-8px 0 0 -8px; transition:all 1.2s cubic-bezier(0.91, 0.21, 0.15, 0.88) 0s ; z-index:2}



#newsReceivePop{display:none !important}

.btnFixed{}



#scrollDown{position:absolute; left:0px; top:0px; width:100%; text-align:center; padding-top:30px;}

body.scrolltop #scrollDown{animation-name:scroll_ico_appear_hide;  animation-duration: 1s; animation-fill-mode: both; animation-timing-function:ease-in-out; }

#scrollDown span{display:inline-block; padding-top:36px; position:relative; font-size:14px; color:#979c9e; line-height:1.2em; animation-name:scroll_ico_appear;  animation-duration: 1s; animation-fill-mode: both; animation-timing-function:ease-in-out;  animation-delay: 0.7s; opacity:0}

#scrollDown span:after{content:''; position:absolute; left:50%; top:0px; width:16px; height:30px; background:#979c9e; border-radius:16px; transform: translateX(-50%); }

#scrollDown span:before{content:''; position:absolute; left:50%; top:5px; width:4px; height:8px; border-radius:4px; background:#fff; z-index:1; transform: translateX(-50%); animation-name:scroll_ico;  animation-duration: 3s; animation-fill-mode: both; animation-timing-function:ease-in-out;  animation-iteration-count: infinite;}



a.btnMoreA{display:inline-block; width:200px; height:34px; line-height:35px; text-align:center; font-size:14px; color:#000; font-family:Roboto; font-weight:700; background:#fff;}



/*首页*/

.index-about {width: 100%; background: url("../images/index-about-bg.jpg") no-repeat center; overflow: hidden;}

.index-about .about-main {padding: 99px 0 120px 0;}

.index-about .about-tit { margin-bottom: 30px; overflow: hidden; text-align: center;}

.index-about .about-tit span {display: block; font-size:14px; color: #0075c1; font-weight: bold;height: 42px;}

.index-about .about-tit em {display: block; font-size:50px; color: #000; font-weight: bold;}

.index-about .txt { line-height: 29px; font-size: 18px; color: #5f5f5f; padding-bottom:50px;}



.numCount{}

.numCount li{ float: left; width: 33.33%; text-align: center;}

.numCount li .item{ margin: 0 10px;}

.numCount li .item .indt {font-size: 16px; color: #0075c1;}

.numCount li .item .indc {color: #0075c1;font-size: 14px;}

.numCount li .numU{ line-height:1.3;}

.numCount li .numCX{ font-size:60px; color:#0075c1; font-weight: bold;}

.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}

.numCount li .numU em {font-size:18px; color:#0075c1; position: relative; top:0; left: 0;}

@media (max-width:800px){

	.numCount li .numCX{ font-size:24px; }

	.numCount li .numU em {font-size: 24px;}

}

@media (max-width:640px){

	.numCount li .numCX{ font-size:7vw; }

}

@media (max-width:480px){

	.numCount{ font-size:0.5vw;}

}

@media screen and (max-width:991px) {

	.index-about .about-main {padding: 30px 10px;}

	.index-about .about-tit { margin-bottom: 30px;}

	.index-about .about-tit em {font-size:30px;}

    .index-about .txt { line-height: 20px; font-size: 14px;}

	.numCount li .numU em {font-size:18px; position: relative; top:-10px; left: 0;}

}





.igood-info {

  max-width: 1400px;

  width: 92%;

  margin-left: auto;

  margin-right: auto;

  max-width: 1920px;

  width: 100%;

}

.igood-35 {width: 100%; height: 35px;}

@media (max-width: 768px) {

}

@media (max-width: 640px) {

  .igood-info {

    width: 88%;

  }

}

.igood-info .row {

  margin-left: 0;

  margin-right: 0;

}

.igood-info .row > * {

  padding-left: 0;

  padding-right: 0;

}

@media (min-width: 769px) {

  .igood-info li {

    display: -webkit-flex;

    display: flex;

    display: -webkit-box;

    display: box;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-align: center;

    box-align: center;

    -webkit-box-align: start;

    box-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

    overflow: hidden;

    position: relative;

  }

  .igood-info li .img,

  .igood-info li .content {

    width: 50%;

  }
  .igood-info li .content {   width: 100%;}
  .igood-info li::before {

    content: '';

    display: block;

    width: 0px;

    height: 0px;

    border: 12px solid transparent;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

  }

  .igood-info li:hover {

    background: #0075c1;

    color: #fff;

  }
.igood-info li:hover a{ color:#FFF;}
  .igood-info li:hover h6 {

    color: #fff;

  }

   .igood-info li:hover .t-1 {

    color: #fff;

  }	

   .igood-info li:hover p {

    color: #fff;

  }	

   .igood-info li:hover  a .more {

    color: #fff;

  }	

  .igood-info li:hover p::before {

    background: #fff;

  }

  .igood-info .row:nth-child(1) li::before {

    border-right-color: #fff;

    left: 50%;

    margin-left: -24px;

  }

  .igood-info .row:nth-child(1) li:hover::before {

    border-right-color: #0075c1;

  }







}

@media (min-width: 769px) and (max-width: 992px) {

  .igood-info .row:nth-child(1) li:nth-child(2)::before {

    border-color: transparent transparent transparent #fff;

    left: 50%;

    margin-left: 0;

  }

  .igood-info .row:nth-child(1) li:nth-child(2):hover::before {

    border-color: transparent transparent transparent #0075c1;

  }

}

@media (min-width: 769px) and (max-width: 992px) {

  .igood-info .row:nth-child(2) li:nth-child(1)::before {

    border-color: transparent #fff transparent transparent;

    left: 50%;

    margin-left: -24px;

  }

  .igood-info .row:nth-child(2) li:nth-child(1):hover::before {

    border-color: transparent #6d82a7 transparent transparent;

  }

}

.igood-info .content {

  padding: 8% 40px 0;

  position: relative;

}

.igood-info .t-1 {font-size: 18px; color: #212121; margin-bottom: 14px;}

.igood-info h6 {font-size: 29px; margin-bottom: 18px; color: #000;}

.igood-info .line {width: 16px; height: 3px; color: #000; margin-bottom: 29px;}

.igood-info .info p {font-size: 16px; color: #444; margin-bottom: 42px;}

.igood-info .more {color: #a0a0a0;}

.igood-info .more i {margin-right: 10px;}

.igood-info .content:hover .more {color: #fff;}
.igood-info .content a{ display:block; width:100%; height:100%; border:red solid 1px;}
.igood-info a.link{ float:left;    width: 50%; padding:16px 0px;}
@media (min-width: 1200px) {

  .igood-info .img {

    overflow: hidden;

  }

  .igood-info .img img {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

  }

  .igood-info .img:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

}

@media (max-width: 1600px) {

  .igood-info .content {

    padding: 5% 3% 0;

  }

  .igood-info .row:nth-child(2) .content {

    padding-top: 10%;

  }

  .igood-info .info p {

    margin-bottom: 42px;

  }

}

@media (max-width: 1360px) {

  .igood-info .content {

    padding: 4% 3% 0;

  }

  .igood-info .row:nth-child(2) .content {

    padding-top: 10%;

  }

  .igood-info h6 {

    font-size: 35px;

  }

}

@media (max-width: 1200px) {

  .igood-info h6 {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .igood-info .info {

    font-size: 13px;

  }

  .igood-info .info p {

    margin-bottom: 32px;

  }

}

@media (max-width: 992px) {

  .igood-info h6 {

    font-size: 26px;

    margin-bottom: 20px;

  }

  .igood-info .info {

    font-size: 14px;

  }

	.igood-info .line {margin-bottom: 5px;}

}

@media (max-width: 768px) {

  .igood-info img {

    width: 100%;

  }

  .igood-info li {

    margin-bottom: 1rem;

  }

}

@media (max-width: 480px) {

  .igood-info .content {

    padding-top: 0.4rem !important;

    position: relative;

    background: rgba(255, 255, 255, 0.9);

  }

  .igood-info h6 {

    font-size: 28px;

    margin-bottom:20px;

    font-weight: bold;

  }

  .igood-info .info {

    position: relative;

    margin-left: -0.2rem;

  }

  .igood-info .info p {

    margin-bottom: 32px;

  }

}

@media (max-width:767px) {

	.hidden-xs {

		display: none !important

	}

}



@media (min-width:768px) and (max-width:991px) {

	.hidden-sm {

		display: none !important

	}

}



@media (min-width:992px) and (max-width:1199px) {

	.hidden-md {

		display: none !important

	}

}



@media (min-width:1200px) {

	.hidden-lg {

		display: none !important

	}

}



.foot {width: 100%; height: 120px; line-height: 120px;  background: #424242; font-size: 16px; color: #fff;}

.foot .t-1 {width: 50%; float: left;}

.foot .t-2 {width: 50%; float: left; text-align: right;}

@media screen and (max-width:991px) {

	.foot {line-height: 25px;  background: #424242; font-size: 14px; padding: 0 10px;}

    .foot .t-1 {width: 100%;  margin: 20px 0 10px 0;}

    .foot .t-2 {width: 100%; text-align: left;}

}