/* ==========================================================================
   Index Page
   ========================================================================== */

/*产品*/
.sect_sub{ border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; line-height:5rem; text-align:center;}
.sect_sub a{ position:relative;}
.sect_sub a:after{ content:""; width:0; height:3px; background:#e6121b; display:block; margin:0 auto;}
.sect_sub a:hover{ color:#e6121b;}
.sect_sub a:hover::after{ width:100%;}
.sect_sub .csub{ text-align:left;}
.sect_sub .csub a{display:inline-block; padding:0 3%; border-left:1px solid #d1d1d1;}

.module_cate{width:95%;background-color:#f5f5f5;}
.module_cate .cate_tit{text-align:center;background:#d11734;color:#fff;padding:40px 10px;font-size:1.8rem}
.module_cate .cate_tit p{font-size:3.5rem;line-height:1;}
.module_cate ul{margin: 1em 4%;position: relative;}
.module_cate ul li{padding: 0 10px;line-height: 3.5rem;margin-bottom: 10px;background-color: #fff;}
.module_cate ul li a{display: block;position: relative}
.module_cate ul li i{position: absolute;right: 0;width: 16px;height: 16px;top: 50%;margin-top: -8px;background: #000000;border-radius: 50%}
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subCate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subCate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	background: url('../img/i1.jpg') center left no-repeat;
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}


/*ban1*/
.sect_ban{height: 300px;background:url(../img/bg1.jpg) top center no-repeat;}

/*优势*/
.sect_advtage{}
.adv-box{padding-bottom: 2rem}
.adv-box .tit{font-size: 2.4rem;line-height: 1;position: relative;border-bottom: 1px solid #cccccc;}
.adv-box .tit .p1{position: relative;margin-bottom: 1em}
.adv-box .tit .p1 span{background: #333333;color: #fff;padding:10px 70px 10px 130px;display: inline-block;}
.adv-box .tit .p1 i{position: absolute;background: url(../img/adv_tit.png) top right #da251c;color: #fff;font-size: 4.4rem;font-style: normal;padding:8px;top: -10px}
.adv-box .tit .p2{padding:5px 0 10px 0;}
.adv-box .tit .p2 span{color: #da251c}
.adv-box .txt{color: #666666;font-size: 1.6rem;padding:5px 0;}

/*关于*/
.sect_us{ background:#e4e4e4; padding:5rem 0;}
.sect_us .about_box{ }
.sect_us .about_box img{border:1px solid #ccc; padding:3px; max-width:98%;}
.us_box h1{margin:0;font-size: 3.6rem;color:#da251c;font-weight: normal;}
.us_box .txt{padding:2em 0;overflow: hidden;line-height: 2; color:#333;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.us_box .box-title{ background:none; padding-top:2%;}
.us_box .bfont{ margin-top:1rem; margin-bottom:2rem; line-height:24px; display:block; color:#333;}
.us_box .bfont i{ font-style:normal; display:inline-block;font-size:3.6rem; color:#cc2a1e; border-bottom:1px solid #333; line-height:48px;}
.sect_us .aimg img{ border:0; padding:0; max-width:100%; margin-top:2rem;}


/*新闻*/
.sect_news{}
.sect_news .news-img{}
.sect_news .news-img .icon{ border:none; text-align:left;}
.sect_news .ndata{ position:relative; float:left; width:27%; text-align:center;}
.sect_news .ndata span{ font-size:6.7rem; display:inline-block; position:relative; line-height:6rem;}
.sect_news .ndata span i{ font-style:normal; display:inline-block; font-size:16px; color:#fff; background:#cc2a1e; width:36px; height:36px; line-height:36px;border-radius:36px; position:absolute; top:0; right:-20px;}
.sect_news .ndata p{}
.sect_news .ndata p em{ font-style:normal; color:#b6b6b6; text-transform:uppercase;}
.sect_news .ninfo{width: 55%;float: right;padding: 6rem 3rem 3rem 5rem;box-shadow: #cccaca 0px 0px 24px;margin: -8rem 3rem 2rem 0;position: relative;background: #fff;}
.sect_news .ninfo a{ font-size:1.8rem; font-weight:bold; display:block;}
.sect_news .ninfo p{ margin-top:10px; font-size:14px;}
.sect_news .swiper-button-next,.sect_news .swiper-button-prev{width:58px;height:59px;background: #f4f4f4; font-family:"iconfont" !important; top:auto; bottom:165px; z-index:100; text-align:center; line-height:59px; font-size:2rem;opacity:1; left:0; right:0; margin:0 auto; color:#333;}
.sect_news .swiper-button-next{ right:183px;}
.sect_news .swiper-button-prev{ left:-290px; }
.sect_news .swiper-button-next:before{content: '\e6b5';}
.sect_news .swiper-button-prev:before{content: '\e6b6';}
.sect_news .swiper-button-prev.swiper-button-disabled,.sect_news .swiper-button-next.swiper-button-disabled{ background:#cc2a1e; color:#fff;opacity:1;}


.ul-news{ list-style:none;}
.ul-news li{ background:url(../img/dot_news.jpg) no-repeat 0 center; padding-left:25px; line-height:36px; margin:0 15px; clear:both; overflow:hidden;}
.ul-news li a{ color:#333; float:left;}
.ul-news li span{ float:right;}
.ul-news li a:hover{ color:#f00;}

.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}

/*案例*/
.sect_case{}
.sect_case .media-box{ border:none; margin:0; background:#f5f7f6; padding:1rem; width:auto;}
.sect_case .media-box .icon{ border:none; overflow:hidden; vertical-align:bottom; background:none;}
.sect_case .media-box .mbox{color:#333;text-align:center; padding:2rem; display:block; position:relative; z-index:100; background:url(../img/dot_logo.png) no-repeat right bottom;}
.sect_case .media-box .ntit{ display:block; font-size:2.4rem; font-weight:bold;}
.sect_case .media-box .nmore{ color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid rgba(255, 255, 255, 0.56); position:relative; width:50%;opacity:0; color:#fd941a; font-weight:bold; font-size:2.4rem; margin:0 auto; }
.sect_case .media-box .nmore:after{ content:''; width:10px; height:1px; background:rgba(255, 255, 255, 0.56); display:block; float:right;transform:rotate(33deg) translate3D(22px,34px,0);}
.sect_case .media-box:hover{ background:#fd8800;}
.sect_case .media-box:hover .mbox{ background:url(../img/dot_logo_h.png) no-repeat right bottom;color:#fff;}
.sect_case .nhover{ position:absolute; width:100%; height:100%; background:rgba(51, 51, 51, 0.7); z-index:10; top:0; left:0; opacity:0;}
.sect_case .media-box:hover .nhover{opacity:1;transition:all 0.5s;}
.sect_case .media-box:hover .nmore{opacity:1;bottom:-146%;transition:all 0.5s;}