/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:708px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:4rem; height:6rem; line-height:6rem; text-align:center; background: #0193dd;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:5rem!important; color: #fff; text-align: center; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 1; position: relative; width: 1rem; height: 1rem; border-radius: 1rem;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ background: #d43030; opacity: 1;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

/*标题样式*/
.box-title{line-height:40px;color: #2c2c2c;position: relative; text-align:center;}
.box-title i{ display:block; font-style:normal; text-transform:uppercase; color:#7c7c7c; font-size:16px;}
.box-title span{font-size: 4rem; font-weight:bold; display:inline-block; position:relative;}
.box-title font{ color:#0777dd;}
.box-title p{ font-size:1.6rem; color:#7c7c7c;}
.box-title span:before{ content:""; display:block; background:url(../img/tdot_l.jpg) no-repeat center center; width:49px; height:47px; float:left; margin-right:30px; background-size:100% auto;}
.box-title span:after{ content:""; display:block; background:url(../img/tdot_r.jpg) no-repeat center center; width:49px; height:47px; float:right; margin-left:30px; background-size:100% auto;}

.bt2{ color:#fff;}
.bt2 span:before,.bt2 span:after,.bt3 span:before,.bt3 span:after{ display:none;}
{ display:none;}
.bt2 i,.bt2 p{ color:#fff;}

.box-title-2{ line-height: 5rem;}
.box-title-2 span{ display: block; font-size: 3.6rem; font-weight: bold; font-size: 3rem;}
.box-title-2 span:after{ content: ""; width: 5rem; height: 3px; background: #a40000; display: block;}

.box-title2{ text-align: center;}
.box-title2 span{ font-size: 4rem;}
.box-title2:after{ content: ""; display: block; width: 50px; height: 2px; background: #666; margin: 1rem auto 0;}

.title-1{ line-height:32px; font-size:3rem;}
.title-1 span{ color:#333; font-weight:bold;}
/*首页分类样式*/
.isub{}
.isub a{ display: block; border-bottom: 1px solid #eee; line-height: 8rem; color: #585858; font-size: 2.4rem; text-indent: 5%;}
.isub a:hover{ color: #fff; background: #d43030;}


.sect_k1{ background:url(../img/bg_k1.png) no-repeat center 0; padding:6rem 0;}
.sect_k1 .brow{ border-right:1px solid #eee;}
.sect_k1 .brow a.atit{ color:#0777dd; font-size:20px; background:url(../img/tdot_1.png) no-repeat 0 center; padding-left:30px; display:inline-block; font-weight:bold;}
.sect_k1 .brow a.atit:hover{ color:#0193dd;}
.sect_k1 .binfo a{ display:block; color:#494949; width:50%; line-height:3rem; float: left;}
.sect_k1 .binfo a:hover{ color:#0193dd;}
.sect_k1 .last{ border-right:none;}

.pro-box{ margin-bottom:2rem;}
.pro-box .icon{ border-color:#ededed; overflow:hidden;}
.pro-box a{ display:block;}
.pro-box .ptit{ background:#ededed; text-align:left; padding:10px; line-height:3rem; color:#3d3d3d;}
.pro-box .ptit span{ font-size:16px; display:block;overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.pro-box .ptit span:after{ content:">"; display:inline-block; float:right; border:1px solid #ccc; color:#ccc; font-size:2rem; padding:0 10px;}
.pro-box a:hover .ptit{ background:#0193dd; color:#fff;}
.pro-box a:hover .icon img{transform: scale(1.2);transition:all 0.5s;}


.abtn{ text-align:center;}
.abtn a{ display:inline-block; text-align:center; color:#fff; background:#0777dd; padding:0 30px;border-radius: 30px; line-height:36px; margin:0 5px 10px;}
.abtn a i{ font-size:2rem;}
.abtn a:hover{ background:#f9b83b;}

.ys-prev{ left:0; background: #d43030; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next{ right:0; background: #d43030; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next i,.ys-prev i{ font-size: 2rem; color: #fff; line-height: 5rem;}

.sect_k3{ overflow:hidden; background: url(../img/bg_k3.jpg) no-repeat center 0;position: relative; height: 843px;}
.sect_k3 .block-2{ padding-top: 15rem; color: #fff;}
.sect_k3 .block-2 span{ font-weight: bold; font-size: 4rem;}
.sect_k3 .block-2 p{ font-size: 18px; margin-top: 2rem;}
.sect_k3 .brow{ text-align: center; border-top: 1px solid #02a7e4; border-bottom: 1px solid #02a7e4; padding-bottom: 2rem;}
.sect_k3 .brow span{ font-weight: bold; color: #ffd200; font-size: 4rem; font-weight: bold; }
.sect_k3 .brow p{ color: #fff;}
.sect_k3 .block-3{ background: #fff; padding: 3rem; border-radius: 30px; box-shadow: rgba(0,169,111,0.3) 0 -10px 30px;}
.sect_k3 .imore{ background: #ffd200;}


.bk-ys2{ text-align: center;}
.bk-ys2 span{ display: block; font-weight: bold; font-size: 2.4rem; margin: 2rem 0; color: #fff;}
.bk-ys2 p{ color: #fff; margin: 0 15%;}

.sect_k2 .ys-next{ right: 22%; margin-top: -3rem;}
.sect_k2 .ys-prev{ left: 22%; margin-top: -3rem;}

.ys-title{ text-align: center; position: relative;}
.ys-title span{ display: inline-block; line-height: 5rem; vertical-align: middle; margin-bottom: 1rem; color: #fff;}
.ys-title .sp-style1{ background: #d43030; font-size: 2.4rem; color: #fff; padding: 0 1rem;}
.ys-title .sp-style2{ font-size: 3.6rem; font-weight: bold; margin-left: 1rem; position: relative; z-index: 2;}
.ys-title:before{ content: "Why choose us?"; font-size: 10rem; color: #fff; opacity: 0.2; text-transform: uppercase; position: absolute; right: 0; top: -35px; z-index: 1; text-align: center; width: 100%; font-weight: bold; line-height: 10rem;}
.ys-title .sp-style2 i{ color: #fff;}
.ys-title p{ color: #fff; font-size: 1.8rem;}

.sect_k2{ padding-top: 8rem;}
.sect_k2:before{ content: ""; background: #f1f3f5; display: block; position: absolute; top: 0; left: 0; height:60%; width: 100%;}

.bk-ys{ position: relative; z-index: 3; }
.bk-ys .pos{ z-index: 3; padding: 0 4%;}
.bk-ys .brow{ position: relative; background: #0193dd; height: 100%;}
.bk-ys .brow a{ display: block; position: absolute; width: 85%; left: 0; right: 0; color: #fff; bottom: 6rem; height: 70px; margin: 0 auto; z-index: 2;}
.bk-ys .brow a p{ opacity: 0; font-size: 1.8rem; -webkit-line-clamp:6;}
.bk-ys .brow a h3{ font-size: 2.4rem; }
.bk-ys .brow a h3:after{ content: ""; width: 10rem; height: 3px;background: #fff; display: block; margin: 10px 0;}
.bk-ys .brow:hover img{ opacity: 0.3;}
.bk-ys .brow:hover a{ height: 60%; color: #fff;}
.bk-ys .brow:hover a p{ opacity: 1;}

.case-box { margin-bottom: 0;}
.case-box .icon{ height:50rem; position: relative;}
.case-box .binfo{ color: #fff; background: rgba(182,43,32,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 15%; opacity: 0; transition: all 0.5s;}
.case-box .binfo i{ display: block; width: 10rem; border: 1px solid #fff; text-align: center; line-height: 4rem; margin: 1rem auto 0;}
.case-box h3{ color: #fff; font-size: 2.4rem;}
.case-box a:hover .binfo{ opacity: 1; transition: all 0.5s;}

.case2-box .icon{ position: relative; border: 0;}
.case2-box .icon img{ width: 100%;}
.case2-box .ctit{ background: #fff; padding: 3rem;}



a.imore{ background: #d43030; display: inline-block; line-height: 5rem; padding: 0 5%; color: #fff; }
a.imore i{ background: url(../img/dot_m.png) no-repeat center center; width: 4.2rem; height: 1rem; display: inline-block; margin-left: 1rem; background-size:cover ;}
a.imore:hover{ border-radius: 5rem;}

.sect_k4{ padding: 6rem 0; }
.sect_k4{}
.sect_k4 .case-box{ background:#ededed;}
.sect_k4 .case-box a{ display:block;}
.sect_k4 .case-box .cinfo{ padding:15px 5%; text-align:left;}
.sect_k4 .case-box p{ padding:0; color:#626262; font-size:14px;}
.sect_k4 .case-box span{ color:#2f2f35; font-size:16px; display:block;}
.sect_k4 .case-box i{ color:#fff; font-size:16px; font-style:normal; display:inline-block; background:#026dd9; font-size:14px; padding:0 5%;}
.sect_k4 .case-box a:hover span{ color:#026dd9;}

.sect_k4 .case-box a:hover img{transform: scale(1.3) rotate(-10deg);transition:all 1s;}
.sect_k4 .swiper-button-prev,.sect_k4 .swiper-button-next{ z-index:9; height:69px; top:0; bottom:0; width:34px; color:#fff;text-align:center; font-size:3rem; line-height:50px; position:absolute; left:0; right:0; margin:auto 0; background-size:auto 100%;}
.sect_k4 .swiper-button-prev{ left:0; background:url(../img/btn_l.jpg) no-repeat center center;}
.sect_k4 .swiper-button-next{ right:0; left:auto; background:url(../img/btn_r.jpg) no-repeat center center;}
.sect_k4 .swiper-button-prev.swiper-button-disabled,.sect_k4  .swiper-button-next.swiper-button-disabled{opacity:1;}
.sect_k4 .swiper-container{ width:90%; margin:0 auto;}
.sect_k4 .case-swp{ position:relative;}


.sect_k5{ background: #f3f3f3; padding: 6rem 0; }
.sect_k5 .news-info a{ display: block; font-weight: bold; font-size: 2.4rem; background: url(../img/sdot.png) no-repeat 0 center; padding-left: 20px;}
.sect_k5 .news-info a:hover{ color: #d43030;}
.sect_k5 .news-info i{ display: block; background: url(../img/dot_m2.png) no-repeat 0 center; height: 10px; margin-top: 2rem;}
.sect_k5 .news-info p{-webkit-line-clamp:3; color: #878585; margin-top: 1rem;}
.sect_k5 .date{ text-align: center; line-height: 3rem;}
.sect_k5 .date span{ font-weight: bold; font-size: 3.6rem; color: #303030; display: block;}
.sect_k5 .news-info2{ background: #fff; padding: 3rem; border: 1px solid #ddd; border-radius: 10px; margin: 10px 0;}
.sect_k5 .news-info2 a{ display: block; font-weight: bold; font-size: 18px; background: url(../img/sdot.png) no-repeat 0 center; padding-left: 20px;}
.sect_k5 .news-info2 a:hover{ color: #d43030;}
.sect_k5 .news-info2 .ntool{ clear: both; overflow: hidden; margin-top: 1rem;}
.sect_k5 .news-info2 .ntool a{ background: none; font-weight: normal; font-size: 14px; color: #878585; padding-left: 0; float: left; display: inline;}
.sect_k5 .news-info2 i{ display: inline-block; background: url(../img/dot_m2.png) no-repeat 0 center; width: 47px; height: 10px; vertical-align: middle; margin-left: 10px;}
.sect_k5 .news-info2 .ntool span{ float: right; color: #878585;}
.sect_k5 .news-info2 p{color: #878585; margin-top: 1rem;}

.sect_k5 .swiper-pagination{ text-align: center; margin-top: 5rem; position: relative;}
.sect_k5 .swiper-pagination-bullet{ margin: 0 5px; background: #3a3a3a; width: 15px; height: 15px; opacity: 1;}
.sect_k5 .swiper-pagination-bullet-active{ background: #f8c252; width: 10rem; border-radius: 10rem;}

.inews-box{ background: #fff; border: 1px solid #e5e5e5; padding: 3rem;}
.inews-box p{-webkit-line-clamp:3; color: #727272; margin: 1rem 0;}
.inews-box h3{ font-weight: normal; font-size: 2rem;}
.inews-box span{ color: #959595; font-size: 2.4rem;}

.sect_k6{ padding: 6rem 0;}
.sect_k6 .brow{ text-align: center;}
.sect_k6 .brow span{ font-size: 2.4rem; display: block; padding: 1rem 0;}
.sect_k6 .brow p{ color: #656565; line-height: 30px;}
.sect_k6 .brow a{ color: #656565; display: inline-block; margin-top: 1rem;}
.sect_k6 .brow a i{ display: inline-block; vertical-align: middle; font-size: 20px;}
.sect_k6 .brow a:hover i,.sect_k6 .brow a:hover{ color: #2692ff;}

/*新闻*/
.sect_news{ background:#ededed; padding:6rem 0;}
.sect_news .wrap{ position:relative;}
.sect_news .nlist{overflow:hidden; height:0;}
.sect_news .nlist a{ display:block; background:#fff; padding:2rem; margin-bottom:1.5rem; clear:both; overflow:hidden;}
.sect_news .nlist h5{ font-size:1.8rem; line-height:4rem; font-weight:normal;}
.sect_news .nlist p{ color:#878787;}
.sect_news .nlist span{ display:block;color:#878787; font-size:18px; margin-top:1rem;}
.sect_news .nlist a:hover{ color:#2589ff;}
.sect_news .newsList .active{ height:auto;}


.sect_news a.amore{ background:none; color:#2c2c2c; border:1px solid #2a2a2a; display:block;text-align:center;border-radius:40px; float:right; height:25px; width:70px; line-height:25px; font-size:14px;}
.sect_news a.amore:hover{ background:#0777dd; border-color:#2589ff; color:#fff;}

.nsub{ clear: both; overflow: hidden;}
.nsub a{ display:inline-block; color:#373737; line-height:4rem; font-size:18px; padding:0 2%; float: left;}
.nsub a:hover,.nsub a.active{ color:#fff; background:#0777dd;}

.module_tab{background:#f2f2f2}
.module_tabs{border-bottom:1px solid #d41936;background-color: #fff;line-height: 43px}
.module_tabs .tab{display:block;width:35%;float:left;font-size:1.8rem;color:#000;text-align:center;cursor: pointer;}
.module_tabs .tab.active,.module_tabs .tab.cur{background-color:#d41936;color:#fff}
.module_tabs a{float:right}

.news-box{color: #3f3f3f;overflow: hidden; background:#fff; height:100%;}
.news-box .news-time{ position:relative; padding:1rem; text-align:center; background:#0064b9;}
.news-box .news-time .date{font-size: 3.4rem;color: #fff;}
.news-box .news-time .date i{font-size: 1.4rem;display:block;font-style: normal;line-height: 1.2}
.news-box .news-time span{color: #bbb;padding-right: 15px;line-height: 22px;display: inline-block;}
.news-box h3{margin:2.5rem 0 0;font-size:16px; color:#333;}
.news-box h3 a:hover{ color:#fff;text-decoration: underline;}
.news-box p{overflow: hidden;font-size: 14px; color:#999;}
.news-box:hover{ background:#fd8800;}
.news-box:hover h3 a{ color:#fff;}

.nbx{ padding:0 2.5rem;}
.nbx .news-time{ background:none; text-align:left; padding:0;}
.nbx .news-time .date{color: #0064b9;}
.nbx p{ margin-top:2rem;}
.nbx .ndot{ display:block; color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid #0760c4; position:relative; width:30%; margin-top:3rem;}
.nbx .ndot:after{ content:''; width:10px; height:1px; background:#0760c4; display:block; float:right;transform: rotate(33deg) translate3D(10px,15px,0);}
.nbx:hover .news-time .date,.nbx:hover p{ color:#fff;}
.nbx:hover .ndot{ border-bottom-color:#fff; width:60%;}
.nbx:hover .ndot:after{ background:#fff;}


.news-box.one{background: none}
.news-box.one .news-cont{padding: 0}