﻿/* ==========================================================================
   Index Page
   ========================================================================== */
/*.doyoo_body_mobile{overflow: scroll!important;    position: relative!important;}*/
/*body{overflow:visible!important;}*/
.sec_bcon{
    display:none;
}
.sect_about{ position:relative;}
.sect_about .wrap{ position:relative;}
.sect_about .swiper-container {width: 100%;height: auto; margin-top:3rem;}
.sect_about .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* 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;}
.sect_about .swiper-button-next,.sect_about .swiper-button-prev{ background:#acce22; color:#fff; font-size:2rem; width:30px; height:30px; line-height:30px; text-align:center;}
.sect_about .swiper-button-next{ right:-50px;}
.sect_about .swiper-button-prev{left:-50px;}
.sect_about .swiper-button-next:before,.sect_about .swiper-button-prev:before{font-family:"iconfont" !important;font-style:normal;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: 0.2px;}
.sect_about .swiper-button-next:before{content: '\e616';}
.sect_about .swiper-button-prev:before{content: '\e617';}
.sect_about .media-box a.icon{height: 240px!important;}
.sect_about .media-box a.icon:hover img{transform: scale(1.2,1.2); transition: all 0.6s;}
.sect_about .media-box p{font-size: 1.6rem; text-align:center; background:#323232; color:#fff;line-height:5rem;}
.sect_about .media-box a.icon i{ display:block; position:absolute; width:100%; height:100%; background:url(../images/ahover.png) no-repeat center center; top:0; left:0; z-index:10; display:none;}
.sect_about .media-box a.icon:hover i{ display:block;}
.sect_about .media-box:hover p{ background:#acce22;}

.sect_bk1{position:relative;}
.sect_bk1 .brow{ position:relative;}
.sect_bk1 .brow a{ display:block; overflow:hidden; color:#fff;}
.sect_bk1 .brow a img{ width:100%;}
.sect_bk1 .brow a .aon{ overflow:hidden; position:absolute; left:0; right:0; margin:0 auto; border:1px solid #c9c9c9; width:70%; height:35%; top:30%; text-align:center;}
.sect_bk1 .brow a .aon span{ font-size:2rem; line-height:5.5rem; display:block;}
.sect_bk1 .brow a .aon p{ width:160px; margin:0 auto;}
.sect_bk1 .brow a:hover .aon{ height:100%; top:0; background:url(../images/obg_2.png) repeat; width:100%; border:0;transition: all 0.6s;}
.sect_bk1 .brow a:hover .aon span{  padding-top:15%;transition: all 0.6s;}

.block-1{}
.block-1 div{ width:70%; padding-top:2%; padding-right:4%; margin-bottom:6rem;}
.block-1 span{ color:#191919; font-size:2.4rem; font-weight:bold; line-height:4rem;}
.block-1 p{ color:#6a6a6a; font-size:1.4rem;}
.block-1 i{ display:block; font-size:6rem; color:#fff; line-height:125px; width:125px; height:125px; text-align:center;border-radius:125px; float:left;}
.block-1 i.idot1{ background:#f8566b;}
.block-1 i.idot2{ background:#3daaf3;}
.block-1 i.idot3{ background:#5fc8da;}
.block-1 i.idot4{ background:#f5d472;}


.sect_bk2{position:relative; background:url(../images/bg_k1_index.jpg) no-repeat center 0; padding:7rem 0 3rem;}


.sect_bk3{ position:relative; background:url(../images/bg_k2_index.jpg) no-repeat center center;}
.sect_bk3 .swiper-container{ padding-bottom:4rem;}
.sect_bk3 .swiper-button-next,.sect_bk3 .swiper-button-prev{ border:1px solid #fff; background:none; color:#fff; font-size:2rem; width:30px; height:30px; line-height:30px; text-align:center; margin-top:0; bottom:0; top:auto; z-index:10000;}
.sect_bk3 .swiper-button-next{ right:46%;}
.sect_bk3 .swiper-button-prev{left:46%;}
.sect_bk3 .swiper-button-next:before,.sect_bk3 .swiper-button-prev:before{font-family:"iconfont" !important;font-style:normal;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: 0.2px;}
.sect_bk3 .swiper-button-next:before{content: '\e616';}
.sect_bk3 .swiper-button-prev:before{content: '\e617';}
.sect_bk3 .media-box .icon{height: 165px!important; background:#fff;}
.sect_bk3 .atit{ border:1px solid #ccc; border-top:0; text-align:left; padding:1rem;}
.sect_bk3 .media-box .icon img{width: 100%!important;height: auto}
.sect_bk3 .media-box .icon:hover img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.sect_bk3 .atit p{ 
color:#101010; 
line-height:1.8rem; 
font-size:1.4rem; 
padding:0 0 5px;
height:3.6rem;
}
.sect_bk3 .atit span{ color:#7a7878;}
.sect_bk3 .atit i{ float:right; display:inline-block; color:#7a7878; border:1px solid #e8e8e8; line-height:3rem; width:35%; text-align:center;border-radius:30px; font-style:normal; margin-top:-2px;}
.sect_bk3 .media-box a:hover i{ color:#fff; background:#e81a2f; border-color:#e81a2f;transition-duration:0.4s;}


.bk-gj{ text-align:center;}
.bk-gj a{ display:inline-block; border:1px solid #e8162c; color:#e8162c;border-radius:40px; line-height:3rem; padding:0 3%; text-align:center; margin:0 10px;}
.bk-gj a i{ font-size:2.5rem; margin-right:10px;}
.bk-gj .btel{ font-size:2.2rem; font-weight:bold;}
.bk-gj a:hover{ color:#fff; background:#e8162c;transition-duration:0.4s;}

.block-2{}
.block-2 .brow{ float:left; width:22%; margin-right:3%;}
.block-2 .last{ margin-right:0;}
.block-2 em{ font-style:normal; color:#222; font-size:10rem; display:block; float:left; padding:49px 20px 0 0; line-height:10rem;}
.block-2 i{ font-size:7rem; color:#222; display:block; line-height:7rem;}
.block-2 .fr{ float:left; width:64%;}
.block-2 span{ color:#e81a2f; font-size:2.4rem;}
.block-2 p{ color:#222; font-size:1.6rem;}

.subnav{ padding:3rem 0; text-align:center;}
.subnav a{ display:inline-block; border:1px solid #ccc; font-size:1.6rem; color:#373737; line-height:3.5rem; padding:0 2%; margin-right:-5px;}
.subnav a:hover{ color:#fff; background:#e81a2f; border-color:#e81a2f;transition-duration:0.4s;}

.sect_bk4{ background:url(../images/bg_k3.jpg) no-repeat center 0; padding:7rem 0 5rem;}
.sect_bk4 .rbg{ background:#fff;}
.sect_bk4 .nimg{ position:relative;}
.sect_bk4 .nimg span{ position:absolute; background:#e81a2f; padding:1rem; color:#fff; font-size:2.6rem; font-weight:bold; line-height:2.5rem; width:25%; text-align:center; left:0; top:0;}
.sect_bk4 .nrow{ padding:2rem 1rem 0 1rem;}
.sect_bk4 .nrow a{ font-weight:bold; font-size:1.8rem;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.sect_bk4 .nrow a:hover{ color:#e81a2f;}
.sect_bk4 .nrow p{ margin-top:5px;}
.sect_bk4 .nrow a.amore{ display:block; background:#fff; color:#7a7878; text-align:center; font-size:1.4rem; width:40%; height:30px; line-height:30px; border-radius:39px; margin-top:10px; font-weight:normal; border:1px solid #ccc;}
.sect_bk4 .nrow a.amore:hover{ background:#e81a2f; color:#fff; border-color:#e81a2f;}

.ul-news{ padding:1rem 2rem; list-style:none;}
.ul-news li{ border-bottom:1px solid #ccc; line-height:3rem; clear:both; overflow:hidden;}
.ul-news li a{ float:left; color:#4d4c4c; text-overflow: ellipsis;overflow:hidden;white-space:nowrap; width:65%;}
.ul-news li span{ float:right; color:#b1b1b1;}
.ul-news li a:hover{ color:#e81a2f;}

/*关于我们*/
.sect_bk5{ position:relative; background:url(../images/bg_k4_index.jpg) no-repeat center center; padding:4rem 0;}
.block-3{}
.block-3 .btit{ position:relative;}
.block-3 .btit img{ width:48%;}
.block-3 .btit span{ display:block; position:absolute; font-size:3rem; font-weight:bold; color:#373737; bottom:10px; left:49%;}
.block-3 .btit span:after{ content:""; width:70%; height:6px; background:#e81a2f; position:absolute; bottom:-7px; left:0;}
.block-3 p{ color:#515151; font-size:1.6rem; line-height:3rem;}

.block-4{  width:100%; margin-top:10px; text-align:center;  position:relative;}
.block-4 span{font-size:3rem;}
.block-4 p{}
.block-4 .brow{ width:29%; float:left; text-align:left; color:#fff; border-bottom:1px solid #f95f77; padding:2% 10%;}
.block-4 .brow:nth-child(1){ border-right:1px solid #f95f77;}
.block-4 .brow:nth-child(3){ border-right:1px solid #f95f77; border-bottom:none}
.block-4 .brow:nth-child(4){border-bottom:none}
.block-4 .bimg{position: relative;
margin-top:40px;
font-size: 21px;}


.sect_news{ position:relative; background:#2c2c2c; padding:4rem 0;}
.sect_news .swiper-container{ padding-bottom:4rem;}
.sect_news .swiper-button-next,.sect_news .swiper-button-prev{ border:1px solid #fff; background:none; color:#fff; font-size:2rem; width:30px; height:30px; line-height:30px; text-align:center; margin-top:0; bottom:0; top:auto; z-index:10000;}
.sect_news .swiper-button-next{ right:46%;}
.sect_news .swiper-button-prev{left:46%;}
.sect_news .swiper-button-next:before,.sect_news .swiper-button-prev:before{font-family:"iconfont" !important;font-style:normal;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: 0.2px;}
.sect_news .swiper-button-next:before{content: '\e616';}
.sect_news .swiper-button-prev:before{content: '\e617';}

.sect_news a{ position:relative;overflow:hidden;}
.sect_news .bimg{ background:#eee;}
.sect_news .icon{height: 270px!important;}
.sect_news a span{ display:block; color:#fff; font-size:1.6rem; text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.sect_news p{ color:#fff; font-size:1.4rem;}
.sect_news i{ font-style:normal; font-size:1.6rem; color:#fff; background:#acce22; position:absolute; top:0; right:0; padding:5%; display:block;}
.sect_news a em{ display:block; border:1px solid #acce22; text-align:center; color:#acce22; width:22%; line-height:2.5rem; margin-top:10px; font-style:normal;}
.sect_news a:hover{transition-duration:0.4s;}
.sect_news a:hover span,.sect_news a:hover p{ color:#acce22;transition-duration:0.4s;}
.sect_news a:hover em{ background:#acce22; color:#fff;transition: all 0.4s;}



.sect_xz{}
.sect_xz .bk-ik{ position:relative; width:100%;}
.sect_xz .bk-ik img{ width:100%;}
.sect_xz .bk-ik .bfont{ position:absolute; width:100%; top:20%; left:0; z-index:100; text-align:center; color:#fff;}
.sect_xz .bk-ik .bfont span{ font-weight:bold; font-size:4.8rem; display:block;}
.sect_xz .bk-ik .bfont a{ display:block; border:1px solid #fff; color:#fff; font-size:1.8rem; width:20%; margin:0 auto; line-height:3rem;border-radius:30px;}
.sect_xz .bk-ik .bfont a:hover{ background:#e8162c; border-color:#e8162c;}









.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-color: #fff;margin-bottom: 15px;padding-right: 10px}
.news-box .news-cont{position: relative;padding: 8px 0;}
.news-box .news-time{padding: 0 10px 0 0;text-align: center}
.news-box .news-time .date{background-color: #959595;color: #fff;padding: 3px 0;font-size: 12px}
.news-box .news-time .date i{font-size: 2rem;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-bottom: 4px;font-weight: normal;}
.news-box h3 a:hover{text-decoration: underline;}
.news-box p{color: #808080;overflow: hidden;font-size: 14px}
.news-box .news-tool{position:absolute;bottom: 1em;}
.news-box .news-tool .more{font-size: 12px;color: #eb408c;font-weight: normal;padding: 5px 5px 5px 10px;border:1px solid #eb408c;border-radius: 0px;margin-right: 6px}
.news-box .news-tool .more i{padding: 0 5px}
.news-box .news-tool .more:hover{background: #ec408c;color: #fff}

.news-box.one{background: none}
.news-box.one .news-cont{padding: 0}

.sect_map{opacity:0;}
.bk-d span{opacity:0;}
/*客户*/
.sect_custom{background: url('../images/bg3.jpg');padding:0 0 3em 0;}
.sect_custom .index_ .T h4{color: #fff;}