@charset "utf-8";
.banner{ width:100%; position:relative}
.banner>img{ width:100%}
.banner>img.img1{ display:block}
.banner>img.img2{ display:none}
.banner .item{ width:100%; position:absolute; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:2}
.banner .item .title{  font-size:42px; color:#fff;  line-height:1}
.banner .item .intro{ font-size:24px; color:#fff; padding:25px 0 0; line-height:1 }
.banner .item.left{ text-align:left}
@media (max-width: 1750px){
	.banner .item{}
	.banner .item .title{  font-size:32px;}
	.banner .item .intro{ font-size:20px; }

	
}
@media (max-width: 1200px){
	.banner .item .title{  font-size:24px;}
}
@media (max-width: 750px){
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	.banner .item .title{  font-size:20px;}
}


.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 20px rgba(12,97,174,0.15); position:relative; z-index:9}
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:80px; font-size:20px; color:#222222; padding:0 60px; position:relative}
.second_nav ul li:before{ content:""; display:block; width:1px; top:30%; right:0; background:#cfcfcf; height:40%; position:absolute}
.second_nav ul li:last-child:before{ width:0}
.second_nav ul li.on:after{ content:""; display:block; width:60%; left:20%; bottom:0; background:#c4261d; height:3px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:60%; left:20%; bottom:0; background:#c4261d; height:3px; position:absolute}
.second_nav ul li.on a{ color:#c4261d; font-weight:bold}
.second_nav ul li:hover a{ color:#c4261d; font-weight:bold}
.second_nav .t{ display:none}
.second_nav ul li.on a:after,.second_nav ul li:hover a:after{ content:""; display:block; width:100%; background:url(g_38.png) center center no-repeat; background-size:auto 100%; height:21px; position:absolute; left:0; bottom:-11px}


@media (max-width: 1440px){
	.second_nav ul li a{ font-size:18px; padding:0 50px; line-height:70px}
}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#c4261d;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ left:0; bottom:-1px; width:100%}
	.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%}
	
	.second_nav ul li.on a:after,.second_nav ul li:hover a:after{ height:0}
	
	.second_nav ul li.on:after,	.second_nav ul li:hover:after{ height:1px; }


	
}

.third_nav{ background:#eaedf6; padding:25px 0}
.third_nav ul li{ float:left; margin-right:30px}
.third_nav ul li a{ display:block; height:30px; padding:0 20px; font-size:16px; color:#333333; line-height:30px;}
.third_nav ul li.on a{ background:#14ae68; color:#fff; border-radius:15px}
.third_nav ul li:hover a{ background:#14ae68; color:#fff; border-radius:15px}
@media (max-width: 750px){
	.third_nav{ background:#eaedf6; padding:20px 0}
	.third_nav ul li{ width:48%; margin-right:4%; text-align:center}
	.third_nav ul li:nth-child(2n){ margin-right:0}
	.third_nav ul li a{ box-sizing:border-box; border:1px solid #14ae68; margin:5px 0; height:36px; line-height:normal;display:flex;align-items: center;justify-content: center;}
	.third_nav ul li.on a,.third_nav ul li:hover a{ border-radius:0}
}

.ab01{ padding:80px 0}
.about .ihd{ text-align:center; position:relative; padding-bottom:22px; position:relative}
.about .ihd .cn{ font-size:32px; color:#252525; font-weight:bold; line-height:1}
.about .ihd .en{ font-size:16px; color:#aaaaaa; text-transform:uppercase; line-height:1; margin-top:16px}
.about .ihd:after{ content:""; display:block; width:38px; height:5px; background:#c4261d; position:absolute; left:calc(50% - 19px); bottom:0}
.ab01 .ibd{ margin-top:80px;}
.ab01 .ibd .play{ width:660px; float:left; position:relative; margin-right:30px}
.ab01 .ibd .play .pic{ width:100%; overflow:hidden}
.ab01 .ibd .play .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab01 .ibd .play:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab01 .ibd .play .ico{ display:flex; align-items: center; justify-content: center; width:100%; height:100%; position:absolute; left:0;top:0; z-index:2}
.ab01 .ibd .play .ico img{ height:70px}
.ab01 .ibd .cont .title{ font-size:30px; color:#333333; line-height:1; font-weight:bold; margin-bottom:20px}
.ab01 .ibd .cont .intro{ font-size:16px; color:#222222; line-height:30px; text-align:justify}
.ab01 ul{ margin-top:60px; display:flex;justify-content: space-between; align-items: center;}
.ab01 ul li{ text-align:center}
.ab01 ul li .p1{ font-size:44px; color:#c4261d; font-family:Arial, Helvetica, sans-serif; line-height:1}
.ab01 ul li .p1 i{ font-size:20px; vertical-align:top}
.ab01 ul li .p2{ font-size:16px; color:#666666; margin-top:5px}
.ab01 ul li.li02:last-child{ display:none}
.ab01 ul li.li02{ width:1px; height:60px; background:#cacaca}
@media (max-width: 1440px){
	.ab01{ padding:70px 0}
	.about .ihd{ padding-bottom:20px}
	.about .ihd .cn{ font-size:28px; }
	.about .ihd .en{ font-size:14px;   margin-top:12px}
	.about .ihd:after{ width:32px; height:4px; left:calc(50% - 16px); }
	.ab01 .ibd{ margin-top:60px;}
	.ab01 .ibd .play{ width:560px; margin-right:25px}
	.ab01 .ibd .play .ico img{ height:64px}
	.ab01 .ibd .cont .title{ font-size:26px; }
	.ab01 .ibd .cont .intro{ font-size:14px; line-height:2; }
	.ab01 ul{ margin-top:50px; }
	.ab01 ul li .p1{ font-size:40px; }
	.ab01 ul li .p1 i{ font-size:18px; }
	.ab01 ul li .p2{ font-size:14px; }
	.ab01 ul li.li02{ height:52px; }
}
@media (max-width: 1200px){
	.ab01{ padding:60px 0}
	.about .ihd{ padding-bottom:16px}
	.about .ihd .cn{ font-size:24px; }
	.about .ihd .en{ font-size:12px;   margin-top:10px}
	.about .ihd:after{ width:30px; height:3px; left:calc(50% - 15px); }
	.ab01 .ibd{ margin-top:40px;}
	.ab01 .ibd .play{ width:360px; margin-right:20px}
	.ab01 .ibd .play .ico img{ height:60px}
	.ab01 .ibd .cont .title{ font-size:22px; margin-bottom:15px }
	.ab01 ul{ margin-top:40px; }
	.ab01 ul li .p1{ font-size:32px; }
	.ab01 ul li .p1 i{ font-size:16px; }
	.ab01 ul li .p2{ font-size:12px; }
	.ab01 ul li.li02{ height:42px; }
}
@media (max-width: 750px){
	.ab01{ padding:40px 0}
	.about .ihd{ padding-bottom:12px}
	.about .ihd .cn{ font-size:20px; }
	.about .ihd:after{ width:28px; height:2px; left:calc(50% - 14px); }
	.ab01 .ibd{ margin-top:20px;}
	.ab01 .ibd .play{ width:100%; margin-right:0; float:none}
	.ab01 .ibd .play .ico img{ height:60px}
	.ab01 .ibd .cont .title{ font-size:18px; margin:15px 0 }
	.ab01 ul{ margin-top:20px; }
	.ab01 ul li .p1{ font-size:24px; }
	.ab01 ul li .p1 i{ font-size:12px; }
	.ab01 ul li .p2{ font-size:12px; margin-top:3px }
	.ab01 ul li.li02{ height:0; }
}


.ab02{ background:#f8f9fc; padding:80px 0}
.ab02 .ibd{ margin-top:50px; overflow:hidden}
.ab02 .ibd .swiper02{ width:100%; overflow:hidden}
.ab02 .ibd .swiper02 .swiper-slide{ width:296px; margin-right:72px}
.ab02 .ibd .swiper02 .swiper-slide:nth-child(2n){ margin-top:70px;}
.ab02 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.ab02 .ibd .swiper02 .swiper-slide .pic{ width:92%; margin:0 auto; overflow:hidden; position:relative; z-index:2}
.ab02 .ibd .swiper02 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab02 .ibd .swiper02 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab02 .ibd .swiper02 .swiper-slide i{ display:block; position:relative; margin-top:-5px; z-index:1}
.ab02 .ibd .swiper02 .swiper-slide i img{ width:100%}
.ab02 .ibd .swiper02 .pagination02{ width:100%; text-align:center; margin-top:25px; font-size:0}
.ab02 .ibd .swiper02 .pagination02 span{ width:10px; height:10px; background:#aaaaaa; opacity:1; border-radius:50%; padding:0; margin:0 8px;}
.ab02 .ibd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#c4261d}
.ab02 .ibd .swiper02 .btn{ display:flex; align-items: center; justify-content: center; margin-top:25px}
.ab02 .ibd .swiper02 .btn .prev02{ background:url(g_42.jpg) center center no-repeat; background-size:cover; width:56px; height:56px; margin:0 10px; cursor:pointer}
.ab02 .ibd .swiper02 .btn .next02{ background:url(g_42.jpg) center center no-repeat; background-size:cover; width:56px; height:56px; margin:0 10px; cursor:pointer; transform:rotate(180deg)}
.ab02 .ibd .swiper02 .btn .prev02:hover{ background:url(g_43.jpg) center center no-repeat; background-size:cover; transform:rotate(180deg) }
.ab02 .ibd .swiper02 .btn .next02:hover{ background:url(g_43.jpg) center center no-repeat; background-size:cover; transform:rotate(0) }

@media (max-width: 1440px){
	.ab02{ padding:70px 0}
	.ab02 .ibd{ margin-top:40px; }
	.ab02 .ibd .swiper02 .swiper-slide{ width:21.25%; margin-right:5%}
	.ab02 .ibd .swiper02 .swiper-slide:nth-child(2n){ margin-top:5%;}
	
	.ab02 .ibd .swiper02 .btn{ margin-top:20px}
	.ab02 .ibd .swiper02 .btn .prev02{ width:50px; height:50px; margin:0 8px; }
	.ab02 .ibd .swiper02 .btn .next02{ width:50px; height:50px; margin:0 8px; }

}
@media (max-width: 1200px){
	.ab02{ padding:60px 0}
	.ab02 .ibd{ margin-top:30px; }
	.ab02 .ibd .swiper02 .swiper-slide{ width:30%; }
	.ab02 .ibd .swiper02 .btn .prev02{ width:40px; height:40px; margin:0 8px; }
	.ab02 .ibd .swiper02 .btn .next02{ width:40px; height:40px; margin:0 8px; }
}
@media (max-width: 750px){
	.ab02{ padding:40px 0}
	.ab02 .ibd{ margin-top:20px; }
	.ab02 .ibd .swiper02 .swiper-slide{ width:47.5%; }
	.ab02 .ibd .swiper02 .pagination02{ margin-top:20px; }
	.ab02 .ibd .swiper02 .pagination02 span{ width:8px; height:8px; margin:0 4px;}
	.ab02 .ibd .swiper02 .btn .prev02{ width:36px; height:36px; margin:0 1.5%; }
	.ab02 .ibd .swiper02 .btn .next02{ width:36px; height:36px; margin:0 1.5%; }
}

.ab03{ padding:80px 0}
.ab03 .ibd{ margin-top:60px}
.ab03 .ibd .swiper03{ width:100%; overflow:hidden}
.ab03 .ibd .swiper03 .swiper-slide{ width:31%; margin-right:3.5%}
.ab03 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.ab03 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.ab03 .ibd .swiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab03 .ibd .swiper03 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab03 .ibd .swiper03 .swiper-slide .title{ width:100%; height:65px; box-sizing:border-box; background:#f7f8ff;display:flex; align-items: center; justify-content: center; text-align:center; font-size:16px; color:#666666; position:relative}
.ab03 .ibd .swiper03 .swiper-slide:hover .title:after{ content:""; display:block; width:100%; height:1px; background:#c4261d; position:absolute; left:0; bottom:1px; z-index:2}
.ab03 .ibd .swiper03 .btn{ display:flex; align-items: center; justify-content: center; margin-top:50px}
.ab03 .ibd .swiper03 .btn .prev03{ background:url(g_42.jpg) center center no-repeat; background-size:cover; width:56px; height:56px; margin:0 10px; cursor:pointer}
.ab03 .ibd .swiper03 .btn .next03{ background:url(g_42.jpg) center center no-repeat; background-size:cover; width:56px; height:56px; margin:0 10px; cursor:pointer; transform:rotate(180deg)}
.ab03 .ibd .swiper03 .btn .prev03:hover{ background:url(g_43.jpg) center center no-repeat; background-size:cover; transform:rotate(180deg) }
.ab03 .ibd .swiper03 .btn .next03:hover{ background:url(g_43.jpg) center center no-repeat; background-size:cover; transform:rotate(0) }
@media (max-width: 1440px){
	.ab03{ padding:70px 0}
	.ab03 .ibd{ margin-top:50px}
	.ab03 .ibd .swiper03 .swiper-slide .title{ height:60px; font-size:15px; }
	.ab03 .ibd .swiper03 .btn{ margin-top:40px}
	.ab03 .ibd .swiper03 .btn .prev03{ width:50px; height:50px; margin:0 8px; }
	.ab03 .ibd .swiper03 .btn .next03{ width:50px; height:50px; margin:0 8px; }
}
@media (max-width: 1200px){
	.ab03{ padding:60px 0}
	.ab03 .ibd{ margin-top:40px}
	.ab03 .ibd .swiper03 .swiper-slide .title{ height:50px; font-size:14px; }
	.ab03 .ibd .swiper03 .btn{ margin-top:30px}
	.ab03 .ibd .swiper03 .btn .prev03{ width:40px; height:40px; margin:0 8px; }
	.ab03 .ibd .swiper03 .btn .next03{ width:40px; height:40px; margin:0 8px; }
}
@media (max-width: 750px){
	.ab03{ padding:40px 0}
	.ab03 .ibd{ margin-top:20px}
	.ab03 .ibd .swiper03 .swiper-slide{ width:48.5%}
	.ab03 .ibd .swiper03 .swiper-slide .title{ height:50px; }
	.ab03 .ibd .swiper03 .btn{ margin-top:20px}
	.ab03 .ibd .swiper03 .btn .prev03{ width:36px; height:36px; margin:0 1.5%; }
	.ab03 .ibd .swiper03 .btn .next03{ width:36px; height:36px; margin:0 1.5%; }
}


.ab04{ padding:80px 0 0 0; background:#f8f9fc}
.ab04 .ibd{ width:100%; margin-top:80px}
.ab04 .ibd img{ width:100%}
@media (max-width: 1440px){
	.ab04{ padding:70px 0 0 0; }
	.ab04 .ibd{ margin-top:70px}
}
@media (max-width: 1200px){
	.ab04{ padding:60px 0 0 0; }
	.ab04 .ibd{ margin-top:60px}
}
@media (max-width: 750px){
	.ab04{ padding:40px 0 0 0; }
	.ab04 .ibd{ margin-top:40px}
}

.news{ padding:80px 0}
.news .newsCont{ display:flex; width:100%; flex-wrap: wrap;}
.news .newsCont .item{ width:30.8%; margin-right:3.8%; margin-bottom:3.8%; border-bottom:3px solid #e5e5e5; transition:all 0.3s}
.news .newsCont .item:nth-child(3n){ margin-right:0}
.news .newsCont .item .pic{ width:100%; overflow:hidden; padding-bottom:71.5%; height:0; position:relative}
.news .newsCont .item .pic img{ width:100% ; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.news .newsCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.news .newsCont .item .title{ padding:25px 0 40px; font-size:18px; color:#141414; line-height:2; transition:all 0.3s; text-align:center}
.news .newsCont .item:hover .title{ font-weight:bold; padding:25px 20px 40px}
.news .newsCont .item:hover { background:#f8f9fc; border-bottom:3px solid #c4261d}
@media (max-width: 1440px){
	.news{ padding:70px 0}
	.news .newsCont .item .title{ padding:20px 0 30px; font-size:16px; }
	.news .newsCont .item:hover .title{ padding:20px 16px 30px }
}
@media (max-width: 1200px){
	.news{ padding:60px 0}
	.news .newsCont .item{  border-bottom:2px solid #e5e5e5;}
	.news .newsCont .item .title{ padding:15px 0 20px; font-size:14px; }
	.news .newsCont .item:hover .title{ padding:15px 12px 20px }
	.news .newsCont .item:hover {  border-bottom:2px solid #c4261d}
}
@media (max-width: 1200px){
	.news{ padding:40px 0}
	.news .newsCont .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.news .newsCont .item:nth-child(3n){ margin-right:3%}
	.news .newsCont .item:nth-child(2n){ margin-right:0}
	.news .newsCont .item .title{ padding:10px 0; line-height:1.6}
	.news .newsCont .item:hover .title{ padding:10px }
}

.container2{ padding:80px 0}
.container2 .nr{ display:flex;justify-content: space-between;}

.second_nav2{ width:284px;}
.second_nav2 .t{ background:url(g_45.jpg) center center no-repeat; background-size:cover; height:89px;display:flex; align-items: center; justify-content: center; font-size:32px; font-weight:bold; color:#fff}
.second_nav2 dl dt{ margin-top:6px}
.second_nav2 dl dt a{ display:block;  background:#f7f8ff; width:100%; padding:12px 50px; box-sizing:border-box; font-size:16px; color:#333333}
.second_nav2 dl dt.on a,.second_nav2 dl dt:hover a{ background:url(g_46.png) calc(100% - 50px) center no-repeat #c4261d; color:#fff}
.nlx{ margin-top:30px; background:url(g_48.jpg) center center no-repeat; background-size:cover; padding:36px 20px 130px; box-sizing:border-box; color:#fff}
.nlx .tel{ background:url(g_47.png) left center no-repeat; padding-left:50px;}
.nlx .tel .p1{ font-size:16px; line-height:1}
.nlx .tel .p2{ font-size:24px; line-height:1; font-family:Arial; font-weight:bold; margin-top:10px}
.nlx .item{ border-top:1px solid rgba(255,255,255,0.3); margin-top:25px; padding-top:25px}
.nlx .item .p1{ display:flex; font-size:14px; margin-bottom:10px}
.nlx .item .p1 i{ display:block; width:50px }
.nlx .item .p1 span{ display:block; width:calc(100% - 50px) }
@media (max-width: 1440px){
	.container2{ padding:70px 0}	
	.second_nav2{ width:220px;}
	.second_nav2 .t{ height:70px; font-size:24px; }
	.second_nav2 dl dt a{ padding:12px 35px; font-size:15px; }
	.second_nav2 dl dt.on a,.second_nav2 dl dt:hover a{ background:url(g_46.png) calc(100% - 35px) center no-repeat #c4261d; }
	.nlx{ padding:30px 15px 100px; }
	.nlx .tel{ background-size:24px; padding-left:40px;}
	.nlx .tel .p1{ font-size:14px; }
	.nlx .tel .p2{ font-size:20px; }
	.nlx .item{  margin-top:20px; padding-top:20px}
	.nlx .item .p1{ font-size:13px; }
	.nlx .item .p1 i{ width:45px }
	.nlx .item .p1 span{  width:calc(100% - 45px) }
}
@media (max-width: 1200px){
	.container2{ padding:60px 0}	
	.second_nav2{ width:190px;}
	.second_nav2 .t{ height:60px; font-size:20px; }
	.second_nav2 dl dt a{ padding:12px 20px; font-size:14px; }
	.second_nav2 dl dt.on a,.second_nav2 dl dt:hover a{ background:url(g_46.png) calc(100% - 20px) center no-repeat #c4261d; }
	.nlx{ padding:20px 12px 80px; }
	.nlx .tel{ background-size:20px; padding-left:36px;}
	.nlx .tel .p1{ font-size:12px; }
	.nlx .tel .p2{ font-size:18px; }
	.nlx .item .p1{ font-size:12px; }
	.nlx .item .p1 i{ width:40px }
	.nlx .item .p1 span{  width:calc(100% - 40px) }
}
@media (max-width: 750px){
	.container2{ padding:40px 0}	
	.container2 .nr{ display:block; }
	.second_nav2{ width:100%;}
	.second_nav2 .t{ height:60px; font-size:20px; }
	.second_nav2 dl dt a{ padding:12px 20px; font-size:14px; }
	.second_nav2 dl dt.on a,.second_nav2 dl dt:hover a{ background:url(g_46.png) calc(100% - 20px) center no-repeat #c4261d; }
	.nlx{ display:none}
}

.pro{ width:1075px;}
.pro .proList{ display:flex; flex-wrap: wrap;}
.pro .proList .item{ width:32%; margin-right:2%; margin-bottom:50px; position:relative; border-bottom:1px solid #dddddd}
.pro .proList .item:nth-child(3n){ margin-right:0}
.pro .proList .item .pic{ width:100%; box-sizing:border-box; border:1px solid #dddddd; overflow:hidden; height:0; position:relative; padding-bottom:100%}
.pro .proList .item .pic img{ width:100% ; position:absolute; left:0; top:0; height:100%; object-fit:cover;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.pro .proList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.pro .proList .item:hover .pic{ border:1px solid #c4261d}
.pro .proList .item .title{ font-size:18px; color:#222222; text-align:center; padding:20px}
.pro .proList .item:hover:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; bottom:-1px; background:#c4261d}
.pro .proList .item:hover .title{ color:#c4261d; font-weight:bold}
@media (max-width: 1440px){
	.pro{ width:950px;}
	.pro .proList .item{ margin-bottom:40px; }
	.pro .proList .item .title{ font-size:16px; padding:16px}

}
@media (max-width: 1200px){
	.pro{ width:calc(100% - 215px);}
	.pro .proList .item{ width:48.5%; margin-right:3%}
	.pro .proList .item:nth-child(3n){ margin-right:3%}
	.pro .proList .item:nth-child(2n){ margin-right:0}
	.pro .proList .item{ margin-bottom:40px; }
	.pro .proList .item .title{ font-size:14px; padding:14px}
	.pro .proList .item:hover:after{  height:2px; }

}
@media (max-width: 750px){
	.pro{ width:100%;}
	.pro .proList{ margin-top:20px}
	.pro .proList .item{ margin-bottom:20px}
	.pro .proList .item .title{ font-size:14px; padding:10px}

}

.pro2.pro .proList .item .pic{ border:0}
.pro2.pro .proList .item:hover:after{ height:2px}







/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; text-align:justify }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px; display:flex; align-items: center; justify-content: center;}
.article .hd .titBar>div{ margin:0 10px}
.article .hd .titBar .i{ position:relative; cursor:pointer}
.article .hd .titBar .i img{ vertical-align:middle}
.article .hd .titBar .i .pic{ position:absolute; top:100%; margin-left:-70px; left:50%; font-size:14px; padding:20px 20px 15px; background:#fff; box-sizing:border-box; width:140px; box-shadow:0 0 5px rgba(0,0,0,.1); text-align:center; display:none}
.article .hd .titBar .i .pic .t{ margin-top:10px}
.article .hd .titBar .i .pic img{ width:100%;}
.article .hd .titBar .i:hover .pic{ display:block}
.article .bd {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto!important}
.article .bd video{ max-width:100%; height:auto!important}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important; width:100%}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#c4261d}

.article .bd video{ max-width:100%; height:auto}

.pro .article .ft .nr{ width:100%}
.article .ft ul{ width:100%}

@media all and (max-width:1440px){
	.article { padding:30px 0}
}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}
	
}
@media all and (max-width:750px){
.article .hd .titBar .i{ display:none}	
}

@media all and (max-width:1440px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}


.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#c4261d; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0}
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #f1f1f1; background:#f1f1f1; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #c4261d; background:#c4261d; color:#fff; }
@media all and (max-width:1760px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}

/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{ padding:20px; background:#f1f1f1}
.picxList .item a .cont .title{ font-size:18px; color:#282828; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:#c4261d}
.picxList .item:hover a .cont{ color:#fff; background:#c4261d}
@media all and (max-width:1440px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}


/*picx2*/
.picx2{ padding:60px 0}
.picxList2{ width:100%;}
.picxList2 .item{ width:18.8%; float:left; margin-right:1.5%; background:#fff; margin-bottom:1.5%}
.picxList2 .item:nth-child(5n){ margin-right:0}
.picxList2 .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList2 .item a{}
.picxList2 .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList2 .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList2 .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList2 .item a .cont{ padding:20px; background:#f1f1f1}
.picxList2 .item a .cont .title{ font-size:18px; color:#282828; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList2 .item:hover a .cont .title{ color:#fff; background:#c4261d}
.picxList2 .item:hover a .cont{ color:#fff; background:#c4261d}
@media all and (max-width:1440px){
	.picxList2{ padding-bottom:30px}
	.picxList2 .item{}
	.picx2{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx2{}
	.picxList2{ padding-bottom:20px}
	.picxList2 .item{ }
	.picx2{ padding:40px 0}
	.picxList2 .item a .cont{ padding:15px}
	.picxList2 .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList2 .item{ width:49%;   margin-right:2%;margin-bottom:2%}
	.picxList2 .item:nth-child(5n){ margin-right:2%}
	.picxList2 .item:nth-child(2n){ margin-right:0}	
	.picxList2 .item a .cont{ padding:10px}
	.picxList2 .item a .cont .title{ font-size:14px;}	

}


.bannerNews{ width:100%; overflow:hidden; position:relative}
.bannerNews .swiperNews{ width:100%; overflow:hidden; position:relative}
.bannerNews .swiperNews .swiper-slide{ width:100%; position:relative; overflow:hidden}
.bannerNews .swiperNews .swiper-slide img{ width:100%}
.bannerNews .swiperNews .swiper-slide .img1{ display:block}
.bannerNews .swiperNews .swiper-slide .img2{ display:none}
.bannerNews .swiperNews .swiper-slide .title{ width:100%; text-align:center; padding:15px 10px 30px; font-size:22px; color:#fff; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; font-weight:bold; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bannerNews .swiperNews .paginationNews{ position:absolute; left:0; bottom:15px; z-index:9; font-size:0; text-align:center}
.bannerNews .swiperNews .paginationNews span{ display:inline-block; vertical-align:top; width:24px; height:5px; background:#b2b1b0; border-radius:3px; opacity:1}
.bannerNews .swiperNews .paginationNews span.swiper-pagination-bullet-active{ background:#980a14}
@media all and (max-width:750px){
	.bannerNews .swiperNews .swiper-slide .img2{ display:block}
	.bannerNews .swiperNews .swiper-slide .img1{ display:none}
	.bannerNews .swiperNews .swiper-slide .title{ font-size:14px; padding:12px 5px}
	.bannerNews .swiperNews .paginationNews{ position:relative; left:0; bottom:0; width:100%}
	.bannerNews .swiperNews .paginationNews span{ width:15px; height:4px; margin-top:10px }

}

.containerR{ background:#eff1f5; padding:40px 0}
.containerR .nr{ display:flex; flex-wrap: wrap;}
.containerR .nr .article{ width:1060px; box-sizing:border-box; background:#fff; padding:40px}
.containerR .nr .hotR{ width:320px; margin-left:20px; }
.containerR .nr .hotR .aitem{ padding:20px; background:#fff}
.containerR .nr .hotR .ihd{ border-bottom:3px solid #c4261d; display:flex;justify-content: space-between;align-items: center; padding-bottom:10px}
.containerR .nr .hotR .ihd .title{ font-size:22px; color:#000000; font-weight:bold}
.containerR .nr .hotR .ihd .more a{ font-size:14px; color:#666666}
.containerR .nr .hotR .ibd{ margin-top:25px}
.containerR .nr .hotR .ibd .item1{ width:100%;}
.containerR .nr .hotR .ibd .item1 .pic{ border:1px solid #e6e6e6; border-bottom:0; overflow:hidden}
.containerR .nr .hotR .ibd .item1 .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.containerR .nr .hotR .ibd .item1 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.containerR .nr .hotR .ibd .item1 .title{ padding:15px; font-size:16px; color:#fff; text-align:center; background:#c4261d; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.containerR .nr .hotR .ibd .item2{ margin-top:15px}
.containerR .nr .hotR .ibd .item2 a{ display:block; padding:15px; background:#eaeaea; box-sizing:border-box; border-left:3px solid #c4261d; font-size:16px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.containerR .nr .hotR .ibd .item2 a:hover{ background:#c4261d; color:#fff}
.containerR .nr .hotR .bitem{ padding:20px; background:#fff; margin-top:20px}
.containerR .nr .hotR .ibd .item3 a{ display:block; padding-left:18px; background:url(ax1.png) left center no-repeat; font-size:16px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:25px; margin-bottom:15px}
.containerR .nr .hotR .ibd .item3 a:hover{ color:#c4261d;  background:url(ax2.png) left center no-repeat;}

@media all and (max-width:1440px){
	.containerR{ padding:30px 0}
	.containerR .nr .article{ width:920px; }
	.containerR .nr .hotR{ width:260px;}
	.containerR .nr .hotR .ihd{ border-bottom:2px solid #c4261d;}
	.containerR .nr .hotR .ihd .title{ font-size:20px; }
	.containerR .nr .hotR .ihd .more a{ font-size:12px }
	.containerR .nr .hotR .ibd{ margin-top:20px}
	.containerR .nr .hotR .ibd .item1 .title{ font-size:14px;}
	.containerR .nr .hotR .ibd .item2{ margin-top:12px}
	.containerR .nr .hotR .ibd .item2 a{ font-size:14px;}
	.containerR .nr .hotR .ibd .item3 a{ font-size:14px; margin-bottom:10px}
	
}
@media all and (max-width:1200px){
	.containerR{ padding:20px 0; background:#fff}
	.containerR .nr{ display:block}
	.containerR .nr .article{ width:100%; padding:0 }
	.containerR .nr .hotR{ display:none}
	
}




/* webmap */
.webmap {  margin: 0 auto;}
.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }
.webmap dl dt a { color: #000; font-weight: bold; }
.webmap dl dd { padding-left: 18px; }
.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 10px 10px; background: #f5f5f5; color: #333; font-size: 14px; line-height: 1.4;  max-width:100% }
.webmap dl dd a:hover { background: #c4261d; color: #fff; text-decoration: none; }
.webmap dl dd p.thd a { background: #eee; }
.webmap dl dd p.thd a:hover { background: #999;}

.location{ margin:50px 0 30px; border-bottom:1px solid #f1f1f1; height:40px}
.location .wrap { display:flex;justify-content: space-between; align-items: center; font-size:16px; color:#333}
.location h3{ font-weight:normal}