/*DONGDING-index.css*/
body{color: #333;}
.body_roll{text-align:center;}
.header{position: sticky;background: rgba(16, 63, 133, 1);}
.head_top .head_nav li:hover{background: none;}
.head_top .head_nav .on{background: none;}
/*index_a*/
.index_a img{width:100%;}
.index_a .swiper-pagination-current{font-size: 2.6rem;}
.index_a .swiper-pagination {font-size: 1.8rem;color: #fff;right: 0;width: 20%;left: auto;bottom: 2rem;}
.index_a .swiper-button-prev{left:2%;}
.index_a .swiper-button-next{right: 2%;}
/*index_b*/
.index_b{background:url(../images/index_b.jpg) no-repeat !important;}
.index_b h2 {
	z-index: 9999;position: relative;
}
.index_b h2::before {
	content: "PRODUCT CENTER ";
	position: relative;
	font-size: 2.2rem;
	z-index: -1;
	bottom: -1.8rem;color:#d2d2d2;
}
.index_b h2::after {
	content: "";
	border-bottom: 0.25rem solid #142696;
	position: relative;
	bottom: -0.4rem;
	z-index: 99999;
	width: 4.5rem;
	display: block;
	margin: 0 auto;
	border-radius: 0.5rem;
}
.index_b h2 a{
	color: #333;
	font-weight: bold;
	display: block;
	font-size: 2.2rem;
}

.pro_nav{display: table;width: 100%;margin-top: 1rem;}
.pro_nav .nav_ul{float: left;width: 60%;}
.pro_nav .nav_ul li{float: left;width: 20%;line-height: 3rem;border-bottom: 0.2rem solid #bdbdbd;font-size:1.1rem;}
.pro_nav .nav_ul .on{border-bottom:0.2rem solid #142696;}
.pro_nav .pro_more{float: right;width:40%;line-height: 3rem;;border-bottom: 0.2rem solid #bdbdbd;text-align:right;}
.index_b .pro_list{padding: 1%;display: none;}
.index_b .on{display:block;}
.pro_list .pro_hot{border:0.2rem solid #d6dcff;display: table;width: 98%;padding:1%;background:#EFEFEF;}
.pro_list .pro_hot .left{width: 50%;}
.pro_list .pro_hot .left img{width:100%;}
.pro_list .pro_hot .right{width: 42%;padding: 0 4%;position: relative;}
.pro_list .pro_hot .right h3{text-align:left;background:url(../images/index_hot.png) no-repeat;padding-left: 6%;font-size: 1.6rem;font-weight: bold;margin:1rem 0;}
.pro_list .pro_hot .right p{font-size: 1.05rem;text-align:left;}
.pro_list .txta{width: 60%;margin:2% 0;}
.pro_list .txta li {
	padding: 4% 0 4% 20%;
	margin: 2% 0;
	font-weight: bold;
	font-size: 1rem;
	text-align: left;border-radius:0;
}
.pro_list .txta .one{
	background: url(../images/ztcp_ry2.png) no-repeat left center;
	background-size: 100% 100%;
}
.pro_list .txta .two{
	background: url(../images/ztcp_nl2.png) no-repeat left center;
	background-size: 100% 100%;
}
.pro_list .txtas{display: table;width: 100%;}
.pro_list .txtas li {
	float: left;
	width: 40%;
	margin: 1%;
	padding: 2% 4%;
	background: #E1E1E1;
	box-shadow: 0px 0px 10px rgba(20,40,66,.2);
	font-size: 1rem;
	line-height: 1.6rem;
	text-align: left;
	height: 4.5rem;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.pro_list .txtas .one{border-radius: 2.5rem 0 0 0;}
.pro_list .txtas .one::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #da251d;
	background: -webkit-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(bottom, #fff, #fff);
	background: -moz-linear-gradient(bottom, #fff, #fff);
	background: linear-gradient(to bottom, #fff, #fff);
	position: absolute;
	right: -0.2rem;
	bottom: -0.3rem;
	z-index: -1;
	border-radius: 2.5rem 0 0 0;
}
.pro_list .txtas .two{border-radius: 0 2.5rem 0 0;}
.pro_list .txtas .two::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #da251d;
	background: -webkit-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(bottom, #fff, #fff);
	background: -moz-linear-gradient(bottom, #fff, #fff);
	background: linear-gradient(to bottom, #fff, #fff);
	position: absolute;
	left: -0.2rem;
	bottom: -0.3rem;
	z-index: -1;
	border-radius: 0 2.5rem 0 0;
}
.pro_list .pro_ul{display: table;width: 100%;margin: 1% 0;}
.pro_list .pro_ul li {
	float: left;
	width: 12%;
	border: 0.1rem dashed #1E3873;
	margin: 1%;
	border-radius: 0.4rem;
	line-height: 2.2rem;background:#fff;
}
.pro_list .pro_ul li:hover{background:#1E3873;}
.pro_list .pro_ul li:hover h3{color: #fff;}
.pro_list .pro_ul li h3{font-size: 1.1rem;}
.pro_list .tel{text-align:left;}
.pro_list .tel span{
	background: url(../images/index_protel.png) no-repeat;
	display: inline-block;
	padding-left: 10%;
	background-size: 23%;
	text-align: left;
	font-size: 1rem;margin-top:4%;
}
.pro_list .tel b {
	display: block;
	font-size: 1.4rem;
}
.pro_list .right .pr_wx{position: absolute;bottom: -2%;right: 2%;}
.pro_list .right .pr_wx img{width:100%;}
.pro_list .right .pr_zixun {
	position: absolute;
	top: 4%;
	right: 2%;
	padding: 1% 2%;
	width: 7rem;
	background: #df2030;
	border-radius: 1rem;
	color: #fff;cursor: pointer;
}
.pro_list .right .pr_zixun i {
	background: url(../images/pro_zixun.png) no-repeat;
	padding: 1% 14%;
}



/*index_c*/
.index_c{background:url(../images/index_c.png) no-repeat bottom;}
.index_c h2 {
	z-index: 9999;position: relative;
}
.index_c h2::before {
	content: "CASE SHOW ";
	position: relative;
	font-size: 2.2rem;
	z-index: -1;
	bottom: -1.8rem;color: #d2d2d2;
}
.index_c h2::after {
	content: "";
	border-bottom: 0.25rem solid #142696;
	position: relative;
	bottom: -0.4rem;
	z-index: 99999;
	width: 4.5rem;
	display: block;
	margin: 0 auto;
	border-radius: 0.5rem;
}
.index_c h2 a{
	color: #333;
	font-weight: bold;
	display: block;
	font-size: 2.2rem;
}
.index_case{display: table;width: 100%;padding: 4% 0;}
.index_case img{width:100%;}
.index_case .left{width: 26%;}
.index_case .right{width: 70%;padding: 0 2%;}
.index_case .case_nav{}
.index_case .navtel_img {width:16rem;
	margin-bottom: 6%;
	text-align: left;
	cursor: pointer;}
.index_case .case_box{display: none;}
.index_case .on{display: block;}
.index_case .case_nav li{text-align: left;padding:6% 0 6% 8%;position: relative;border-bottom:1px solid #546891;background: #1E3873;}
.index_case .case_nav .on{background:#627BB5;}
.index_case .case_nav li h3{font-size: 1.4rem;font-weight: bold;}
.index_case .case_nav li span{font-size: 1rem;}
.index_case .case_nav li a{color: #fff;}
.index_case .case_nav li i {
	position: absolute;
	right: 0;
	display: block;
	width: 8%;
	height: 100%;
	top: 0;
	text-align: center;
	background: #3158A5;
	padding: 0 2%;
}
.index_case .case_nav li i img{
	margin: 0 auto;
	padding-top: 115%;
}
.index_case .case_hot{position: relative;float: left;width: 68%;}
.index_case .case_hot h3 {
	line-height: 3.6rem;
	text-align: left;
	background: url(../images/index_caseh3.png) no-repeat;
	background-size: 2.8rem;
	padding-left: 8%;font-size: 1.2rem;
font-weight: bold;
}
.index_case .case_hot i {
	position: absolute;
	right: 0;
	top: 3.6rem;
	width: 10rem;
	height: 3.8rem;
	background: url(../images/index_hotimg.png) no-repeat;
	background-size: 100%;
}
.index_case .case_hot span{
	display: block;
	text-align: left;width:20rem;
}
.index_case .case_hot span img{cursor: pointer;}
.index_case .case_hot b {
	position: absolute;
	display: block;
	width: 20%;
	height: 2.6rem;
	color: #fff;
	background: #C51A1A;
	line-height: 2.6rem;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 1rem;
	right: 0;
	bottom: 0;margin: 1%;cursor: pointer;
}
.index_case .csae_ul {float: right;width: 28%;}
.index_case .csae_ul li:nth-child(2) {
	margin: 4% 0;
}
.index_case .csae_ul a{display: block;position: relative;}
.index_case .csae_ul .txt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}
.index_case .csae_ul .txt h3{
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	display: inline-block;
	width: 94%;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 3%;
}
.index_case .csae_ul li:hover .txt{display: block;}


/*index_d*/
.index_d{background:url(../images/index_d.jpg) no-repeat ;position: relative;}
.index_d h2 {
	z-index: 9999;position: relative;
}
.index_d h2::before {
	content: "NEWS CENTER";
	position: relative;
	font-size: 2.2rem;
	z-index: -1;
	bottom: -1.8rem;color: #d2d2d2;
}
.index_d h2::after {
	content: "";
	border-bottom: 0.25rem solid #142696;
	position: relative;
	bottom: -0.4rem;
	z-index: 99999;
	width: 4.5rem;
	display: block;
	margin: 0 auto;
	border-radius: 0.5rem;
}
.index_d h2 a{
	color: #333;
	font-weight: bold;
	display: block;
	font-size: 2.2rem;
}
.index_news{display: table;width: 100%;position: relative;padding:4% 0;}
.index_news h4{font-size: 1.3rem;margin:1% 0;}
.index_news p{font-size: 1rem;line-height: 1.6rem;}
.index_news .left{width: 45%;text-align:left;}
.index_news .left img{width:100%;}
.index_news .right{width: 55%;text-align:left;position: absolute;top:21%;right: 0;}
.index_news .news_new{background:#fff;}
.index_news .news_box{display: none;}
.index_news .on{display: block;}
.index_news .news_new .txt{padding: 4%;}
.index_news .news_new .txt h4{height: 4rem;line-height: 2rem; }
.index_news .news_new .txt span{font-size:1rem;}
.index_news .right .news_ul{background:#3D5ED1;padding: 4%;}
.index_news .right .news_ul li:nth-child(1){padding-bottom: 4%;}
.index_news .right .news_ul li:nth-child(2){padding: 4% 0;border-top: 0.01rem solid #788BCE; border-bottom:  0.01rem solid #788BCE;}
.index_news .right .news_ul li:nth-child(3){padding-top: 4%;}
.index_news .right .news_ul a{color: #fff;}
.index_news .right .news_ul h3{margin:0.5rem 0;font-size: 1.4rem;}
.index_news .right .news_ul span{font-size:1rem;}
.index_d .news_nav {
	position: absolute;
	top: 12%;
	right: 2%;
	width: 28%;
}
.index_d .news_nav .on{display: block;}
.index_d .news_nav li{float: left;width: 33.3333%;font-size:1.1rem;
	line-height: 3rem;
	border-bottom: 0.2rem solid #bdbdbd;}
.index_d .news_nav .on{border-bottom: 0.2rem solid #142696;}

/*index_e*/
.index_e{background:url(../images/index_e.jpg) no-repeat;}
.index_e h2 {
	z-index: 9999;position: relative;
}
.index_e h2::before {
	content: "ABOUT US";
	position: relative;
	font-size: 2.2rem;
	z-index: -1;
	bottom: -1.8rem;color:#737373;
}
.index_e h2::after {
	content: "";
	border-bottom: 0.25rem solid #142696;
	position: relative;
	bottom: -0.4rem;
	z-index: 99999;
	width: 4.5rem;
	display: block;
	margin: 0 auto;
	border-radius: 0.5rem;
}
.index_e h2 a{
	color: #fff;
	font-weight: bold;
	display: block;
	font-size: 2.2rem;
}
.index_e .index_about{padding:2% 0;display: table;width: 100%;}
.index_about .right{width: 42%;text-align:left;}
.index_about .right .txt{border: 0.4rem solid #2843B6;padding: 4%;margin:1.8rem 0;}
.index_about .right .txt h4{color:#fff;font-weight: bold;font-size: 1.45rem;line-height: 2rem;}
.index_about .right .txt i{display: block;background: #142790;height: 0.3rem;width: 4rem;margin:1rem 0;}
.index_about .right .txt p{color:#fff;line-height: 1.8rem;font-size: 1rem;}
.index_about .right .txt img{margin-top:2rem;width:70%;}
.index_about .right .txts{}
.index_about .right .txts p{color: #fff;font-size: 1rem;line-height: 1.8rem;text-indent: 2em;}
.index_about .left{width: 58%;}
.index_about .left .txt {margin:4% 8%;position: relative;z-index: 1;margin-left:0px;}
.index_about .left .txt video{border-radius:3px;}
.index_about .left .txt img{}
.index_about .left .txt::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #da251d;
	background: -webkit-linear-gradient(top, #4269c6, #51649b);
	background: -o-linear-gradient(bottom, #4269c6, #51649b);
	background: -moz-linear-gradient(bottom, #4269c6, #51649b);
	background: linear-gradient(to bottom, #4269c6, #51649b);
	position: absolute;
	right: -0.8rem;
	bottom: -0.8rem;
	z-index: -1;
	border-radius: 0.1rem;
}
.index_about .left .txts{margin: 2% 0;}
.index_about .left .txts img{width:88%;}