@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: 1600px){
	.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;}
}


.container{ background:#fafafa}
.location{ padding:35px 0 0 0}
.location .ihd{display:flex;justify-content: space-between; align-items: center;}
.location .ihd .title{ display:flex; align-items: center; font-size:18px; color:#9a9a9a}
.location .ihd .title a{ display:block; font-size:18px; color:#9a9a9a}
.location .ihd .title a.on{ color:#ff0000}
.location .ihd .home a{ display:block; background:url(g_23.png) left center no-repeat; padding-left:28px; font-size:18px; color:#999999}
@media (max-width: 1600px){
	.location{ padding:30px 0 0 0}
	.location .ihd .title{ font-size:16px }
	.location .ihd .title a{ font-size:16px }
	.location .ihd .home a{ font-size:16px; background-size:18px; padding-left:25px}
}
@media (max-width: 1200px){
	.location{ padding:20px 0 0 0}
	.location .ihd .title{ font-size:14px }
	.location .ihd .title a{ font-size:14px }
	.location .ihd .home a{ font-size:14px; background-size:15px; padding-left:20px}
}

.location .ihd2{display:flex;justify-content: space-between; align-items: center;}
.location .ihd2 .title{ display:flex; align-items: center; font-size:18px; color:#333333}
.location .ihd2 .title a{ display:block; font-size:18px; color:#333333; margin-right:100px}
.location .ihd2 .title a.on,.location .ihd2 .title a:hover{ color:#ff0000; font-weight:bold}
.location .ihd2 .home a{ display:block; background:url(g_23.png) left center no-repeat; padding-left:28px; font-size:18px; color:#999999}
@media (max-width: 1600px){
	.location .ihd2 .title{ font-size:16px }
	.location .ihd2 .title a{ font-size:16px }
	.location .ihd2 .home a{ font-size:16px; background-size:18px; padding-left:25px}
}
@media (max-width: 1200px){
	.location .ihd2 .title{ font-size:14px }
	.location .ihd2 .title a{ font-size:14px; margin-right:20px }
	.location .ihd2 .home a{ font-size:14px; background-size:15px; padding-left:20px}
}



.basePro{ padding:50px 0}
.basePro .ihd{ font-size:48px; color:#333333; font-weight:bold; line-height:1}
.basePro .ibd{ display:flex; flex-wrap: wrap; margin-top:60px}
.basePro .ibd .item{ width:32%; margin-right:2%; margin-bottom:2%}
.basePro .ibd .item:nth-child(3n){ margin-right:0}
.basePro .ibd .item .pic{ width:100%; overflow:hidden; border-radius:30px}
.basePro .ibd .item .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;}
.basePro .ibd .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);}
.basePro .ibd .item .title{ height:75px; background:url(g_21.png) right center no-repeat; padding-right:50px; box-sizing:border-box; font-size:24px; color:#333333; line-height:75px; border-bottom:1px solid #d9d9d9}
.basePro .ibd .item .intro{ font-size:16px; color:#333333; margin-top:20px}
.basePro .ibd .item:hover .title{ background:url(g_22.png) right center no-repeat; color:#fa0000; font-weight:bold}
@media (max-width: 1600px){
	.basePro .ihd{ font-size:36px; }
	.basePro .ibd{ margin-top:50px}
	.basePro .ibd .item .pic{ border-radius:25px}
	.basePro .ibd .item .title{ height:66px;  font-size:20px; line-height:60px; }
	.basePro .ibd .item .intro{ font-size:14px; }
}
@media (max-width: 1200px){
	.basePro{ padding:40px 0}
	.basePro .ihd{ font-size:28px; }
	.basePro .ibd{ margin-top:40px}
	.basePro .ibd .item .pic{ border-radius:20px}
	.basePro .ibd .item .title{ height:60px;  font-size:18px; line-height:60px; background-size:24px!important }
	.basePro .ibd .item .intro{ font-size:12px; margin-top:15px }
}
@media (max-width: 750px){
	.basePro{ padding:20px 0}
	.basePro .ihd{ font-size:24px; }
	.basePro .ibd{ margin-top:20px}
	.basePro .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:15px}
	.basePro .ibd .item:nth-child(3n){ margin-right:3%}
	.basePro .ibd .item:nth-child(2n){ margin-right:0}
	.basePro .ibd .item .pic{ border-radius:10px}
	.basePro .ibd .item .title{ height:50px;  font-size:16px; line-height:50px; background-size:20px!important }
	.basePro .ibd .item .intro{ margin-top:12px }
}

.pro{ padding:35px 0 45px}
.pro .nr{ display:flex;justify-content: space-between;}
.pro .proNav{ width:415px;}
.pro .proNav .ihd{ box-sizing:border-box; background:#fa0000; padding:38px 0 38px 50px; color:#fff; width:100%; box-shadow:0 0 10px rgba(0,0,0,.1)}
.pro .proNav .ihd .cn{ font-size:30px; line-height:1}
.pro .proNav .ihd .en{ font-size:18px; margin-top:12px; font-family:Arial; opacity:0.6; line-height:1; text-transform:uppercase}
.pro .proNav .ibd .item{ background:#fff; border-top:1px solid #f4f4f4; }
.pro .proNav .ibd .item a{ display:flex; align-items: center; background:url(g_26.png) calc(100% - 30px) center no-repeat; background-size:29px!important; }
.pro .proNav .ibd .item a .ico img{ height:76px; display:block}
.pro .proNav .ibd .item a .title{  font-size:21px; color:#010000; }
.pro .proNav .ibd .item.on a,.pro .proNav .ibd .item:hover a{ background:url(g_22.png) calc(100% - 30px) center no-repeat; background-size:29px!important;}
@media (max-width: 1600px){
	.pro .proNav{ width:300px;}
	.pro .proNav .ihd{ padding:25px 0 25px 30px; }
	.pro .proNav .ihd .cn{ font-size:24px; }
	.pro .proNav .ihd .en{ font-size:14px;}
	.pro .proNav .ibd .item a{ background:url(g_26.png) calc(100% - 20px) center no-repeat;background-size:24px!important; }
	.pro .proNav .ibd .item a .ico img{ height:65px;}
	.pro .proNav .ibd .item a .title{  font-size:18px;  }
	.pro .proNav .ibd .item.on a,.pro .proNav .ibd .item:hover a{ background:url(g_22.png) calc(100% - 20px) center no-repeat; background-size:24px!important;}
}
@media (max-width: 1200px){
	.pro{ padding:20px 0 30px}
	.pro .nr{ display:block}
	.pro .proNav{ width:100%;}
	.pro .proNav .ihd{ padding:20px 0 20px 25px; }
	.pro .proNav .ihd .cn{ font-size:20px; }
	.pro .proNav .ihd .en{ font-size:12px; margin-top:10px}
	.pro .proNav .ibd .item a{ background:url(g_26.png) calc(100% - 15px) center no-repeat;background-size:20px!important; }
	.pro .proNav .ibd .item a .ico img{ height:60px;}
	.pro .proNav .ibd .item a .title{  font-size:16px;  }
	.pro .proNav .ibd .item.on a,.pro .proNav .ibd .item:hover a{ background:url(g_22.png) calc(100% - 15px) center no-repeat; background-size:20px!important;}
}
@media (max-width: 750px){
	.pro{ padding:20px 0 30px}
	.pro .nr{ display:block}
	.pro .proNav{ width:100%;}
	.pro .proNav .ihd{ padding:15px; }
	.pro .proNav .ibd .item a .ico img{ height:50px;}
	.pro .proNav .ibd .item a .title{  font-size:14px; margin-left:10px  }
}

.proMain{ width:1065px;}
.proMain .ihd{ font-size:48px; color:#333333; font-weight:bold; line-height:1}
.proMain .ibd{ display:flex; flex-wrap: wrap; padding:45px 0 10px}
.proMain .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:35px; border-radius:30px; overflow:hidden; background:#fff}
.proMain .ibd .item:nth-child(2n){ margin-right:0}
.proMain .ibd .item .pic{ width:100%; overflow:hidden}
.proMain .ibd .item .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;}
.proMain .ibd .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);}
.proMain .ibd .item .cont{ padding:10px 35px 30px;}
.proMain .ibd .item .cont .title a{ display:block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:24px; color:#333333}
.proMain .ibd .item .cont .intro{ font-size:16px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:5px}
.proMain .ibd .item .cont .more a{ display:block; margin-top:15px; background:#ff0000; width:fit-content; padding:10px 20px; border-radius:30px}
.proMain .ibd .item .cont .more a i{ display:inline-block; background:url(g_28.png) right center no-repeat; padding-right:24px; font-size:16px; color:#fff}
.proMain .ibd .item:hover .cont .title a{ color:#ff0000; font-weight:bold}
.proMain .ibd .item:hover{ box-shadow: 0 0 10px rgba(0,0,0,.1)}
@media (max-width: 1600px){
	.proMain{ width:860px;}
	.proMain .ihd{ font-size:36px; }
	.proMain .ibd{ padding:35px 0 10px}
	.proMain .ibd .item{ margin-bottom:25px; border-radius:20px }
	.proMain .ibd .item .cont{ padding:10px 25px 25px;}
	.proMain .ibd .item .cont .title a{ font-size:20px; }
	.proMain .ibd .item .cont .intro{ font-size:14px; }
	.proMain .ibd .item .cont .more a i{ background-size:14px; padding-right:20px; font-size:14px; }
}
@media (max-width: 1200px){
	.proMain{ width:100%; margin-top:40px}
	.proMain .ihd{ font-size:24px; }
	.proMain .ibd{ padding:20px 0 10px}
	.proMain .ibd .item{ border-radius:15px }
	.proMain .ibd .item .cont{ padding:5px 20px 20px;}
	.proMain .ibd .item .cont .title a{ font-size:18px; }
	.proMain .ibd .item .cont .intro{ font-size:12px; }
	.proMain .ibd .item .cont .more a{ padding:8px 15px}
	.proMain .ibd .item .cont .more a i{ background-size:12px; padding-right:18px; font-size:12px; }
}
@media (max-width: 750px){
	.proMain{ margin-top:30px}
	.proMain .ihd{ font-size:20px; }
	.proMain .ibd{ padding:20px 0 10px; display:block}
	.proMain .ibd .item{ width:100%; margin-right:0; border-radius:10px; margin-bottom:20px }
	.proMain .ibd .item .cont .title a{ font-size:16px; }
}
.proMain .ibd2 .aitem{ background:#fff; margin-top:45px; box-sizing:border-box; padding:40px; border-radius:30px; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items: center; justify-content: space-between; }
.proMain .ibd2 .aitem .lt{ width:490px; overflow:hidden; position:relative}
.proMain .ibd2 .aitem .lt .swipers{ width:100%; overflow:hidden; position:relative}
.proMain .ibd2 .aitem .lt .swipers  .swiper-slide{ width:100%; overflow:hidden}
.proMain .ibd2 .aitem .lt .swipers  .swiper-slide img{ width:100%}
.proMain .ibd2 .aitem .lt .swipers  .paginations{ width:100%; text-align:center; position:absolute; left:0; bottom:0; z-index:9}
.proMain .ibd2 .aitem .lt .swipers  .paginations .swiper-pagination-bullet-active{ background:#fa0000}
.proMain .ibd2 .aitem .rt{ width: 450px}
.proMain .ibd2 .aitem .rt .intro{ font-size:18px; color:#666666; text-align:justify; line-height:2; margin-bottom:40px}
.proMain .ibd2 .aitem .rt .link{ display:flex; align-items: center; }
.proMain .ibd2 .aitem .rt .link .a1{ display:block; background:#ff0000; width:fit-content; padding:5px 20px; border-radius:30px}
.proMain .ibd2 .aitem .rt .link .a1 i{ display:block; background:url(g_28.png) right center no-repeat; padding-right:24px; font-size:16px; color:#fff}
.proMain .ibd2 .aitem .rt .link .a2{ display:block; width:fit-content; padding:5px 20px; border-radius:30px; box-sizing:border-box; border:1px solid #666666; margin-left:15px}
.proMain .ibd2 .aitem .rt .link .a2 i{ display:block; background:url(g_30.png) right center no-repeat; padding-right:50px; font-size:16px; color:#666666}
.proMain .ibd2 .bitem{ background:#fff; margin-top:50px}
.proMain .ibd2 .bitem .hd{ display:flex; border-bottom:1px solid #e8e8e8}
.proMain .ibd2 .bitem .hd a{ display:block; padding:20px 55px; font-size:18px; color:#333333}
.proMain .ibd2 .bitem .hd a.on,.proMain .ibd2 .bitem .hd a:hover{ background:#ff0000; color:#fff}
.proMain .ibd2 .bitem .bd{ padding:20px 40px 80px;}
.proMain .ibd2 .bitem .bd .cont{ margin-top:50px}
.proMain .ibd2 .bitem .bd .ahd{ text-align:center; font-size:24px; color:#333; font-weight:bold}
.proMain .ibd2 .bitem .bd .abd{ font-size:18px; color:#666666; text-align:justify; line-height:2; margin-top:20px}
.proMain .ibd2 .bitem .bd .abd img{ max-width:100%; height:auto}
.proMain .ttt{ text-align:center; font-size:24px; color:#333; font-weight:bold; margin-top:60px}
@media (max-width: 1600px){
	.proMain .ibd2 .aitem{ margin-top:40px; padding:30px; border-radius:20px; }
	.proMain .ibd2 .aitem .lt{ width:385px; }
	.proMain .ibd2 .aitem .rt{ width: 385px}
	.proMain .ibd2 .aitem .rt .intro{ font-size:16px; margin-bottom:30px}
	.proMain .ibd2 .aitem .rt .link .a1 i{ background-size:14px; padding-right:20px; font-size:14px; }
	.proMain .ibd2 .aitem .rt .link .a2 i{ background-size:16px; padding-right:40px; font-size:14px; }
	.proMain .ibd2 .bitem{ margin-top:40px}
	.proMain .ibd2 .bitem .hd a{ padding:15px 50px; font-size:16px; }
	.proMain .ibd2 .bitem .bd{ padding:10px 30px 60px;}
	.proMain .ibd2 .bitem .bd .ahd{ font-size:20px; }
	.proMain .ibd2 .bitem .bd .abd{ font-size:16px; }
	.proMain .ttt{ font-size:20px; margin-top:40px}
}
@media (max-width: 1200px){
	.proMain .ibd2 .aitem{ margin-top:30px; padding:20px; border-radius:10px; }
	.proMain .ibd2 .aitem .lt{ width:48%; }
	.proMain .ibd2 .aitem .rt{ width: 48%}
	.proMain .ibd2 .aitem .rt .intro{ font-size:14px; margin-bottom:20px}
	
	.proMain .ibd2 .aitem .rt .link .a1{ padding:8px 15px}
	.proMain .ibd2 .aitem .rt .link .a1 i{ background-size:12px; padding-right:18px; font-size:12px; }
	.proMain .ibd2 .aitem .rt .link .a2{ padding:8px 15px}
	.proMain .ibd2 .aitem .rt .link .a2 i{ background-size:12px; padding-right:18px; font-size:12px; }
	
	.proMain .ibd2 .bitem{ margin-top:30px}
	.proMain .ibd2 .bitem .hd a{ padding:10px 40px; font-size:16px; }
	.proMain .ibd2 .bitem .bd{ padding:10px 30px 60px;}
	.proMain .ibd2 .bitem .bd .cont{ margin-top:30px}
	.proMain .ibd2 .bitem .bd .ahd{ font-size:18px; }
	.proMain .ibd2 .bitem .bd .abd{ font-size:14px; }
	.proMain .ttt{ font-size:18px; margin-top:30px}
}
@media (max-width: 750px){
	.proMain .ibd2 .aitem{ margin-top:20px; padding:20px; border-radius:10px; display:block }
	.proMain .ibd2 .aitem .lt{ width:100%; }
	.proMain .ibd2 .aitem .rt{ width: 100%}
	.proMain .ibd2 .aitem .rt .intro{ font-size:14px; margin:15px 0}	
	.proMain .ibd2 .bitem{ margin-top:20px}
	.proMain .ibd2 .bitem .hd a{ padding:8px 20px; font-size:16px; }
	.proMain .ibd2 .bitem .bd{ padding:10px 20px 60px;}
	.proMain .ibd2 .bitem .bd .cont{ margin-top:20px}
	.proMain .ibd2 .bitem .bd .ahd{ font-size:18px; }
	.proMain .ibd2 .bitem .bd .abd{ font-size:14px; margin-top:15px }
	.proMain .ttt{ font-size:18px; margin-top:30px}
}





















/* 分页 */
.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 #e5e5e5; background:#none; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #ff0000; background:#ff0000; 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}
}
.iihd{ position:relative}
.iihd .en{ background:url(g_20.png) left center no-repeat; padding-left:65px; font-size:16px; color:#999999; line-height:1}
.iihd .cn{ font-size:48px; color:#333333; font-weight:bold; line-height:1; margin-top:25px}
.iihd .logo{ position:absolute; right:0; bottom:0; z-index:2}
@media (max-width: 1600px){
	.iihd .en{ background-size:45px 3px; padding-left:55px; font-size:14px; }
	.iihd .cn{ font-size:36px; margin-top:20px}
}
@media (max-width: 1200px){
	.iihd .en{ background-size:35px 2px; padding-left:45px; font-size:12px; }
	.iihd .cn{ font-size:28px; margin-top:16px}
	.iihd .logo img{ height:30px}
}
@media (max-width: 750px){
	.iihd .en{ background-size:30px 2px; padding-left:40px;  }
	.iihd .cn{ font-size:20px; margin-top:12px}
	.iihd .logo img{ height:20px}
}

.container2 .nr{ padding:40px; background:#fff; box-sizing:border-box; margin-top:40px}
.case .ibd{ margin-top:60px; display:flex; flex-wrap: wrap; padding-bottom:10px}
.case .ibd .item{ margin-bottom:30px; width:32%; margin-right:2%; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.case .ibd .item:nth-child(3n){ margin-right:0}
.case .ibd .item a{ display:block; box-sizing:border-box; padding:0 25px 25px}
.case .ibd .item a .title{ font-size:16px; color:#333333; line-height:1; padding:30px 0}
.case .ibd .item a .pic{ width:100%; overflow:hidden; border-radius:10px; position:relative}
.case .ibd .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;}
.case .ibd .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:scale(1.1);}
.case .ibd .item a .pic span{display:flex; align-items: center; justify-content: center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; visibility:hidden; opacity:0; transition:all 0.3s}
.case .ibd .item:hover a .pic span{ visibility:visible; opacity:1}
.case .ibd .item:hover a .title{ color:#fa0000; font-weight:bold}
@media (max-width: 1600px){
	.container2 .nr{ padding:30px; margin-top:30px}
	.case .ibd{ margin-top:50px;  padding-bottom:10px}
	.case .ibd .item{ margin-bottom:20px; }
	.case .ibd .item a{ padding:0 20px 20px}
	.case .ibd .item a .title{ font-size:14px; padding:20px 0}
	.case .ibd .item a .pic span{ font-size:14px; }
}
@media (max-width: 1200px){
	.container2 .nr{ padding:20px; margin-top:20px}
	.case .ibd{ margin-top:30px;  padding-bottom:5px}
	.case .ibd .item{ margin-bottom:15px; }
}
@media (max-width: 750px){
	.container2 .nr{ padding:0 0 20px 0; background:none; margin-top:20px}
	.case .ibd{ margin-top:20px;  padding-bottom:5px}
	.case .ibd .item{ margin-bottom:15px; }
	.case .ibd .item{ width:48.5%; margin-right:3%; box-shadow:0 0 10px rgba(0,0,0,0.1)}
	.case .ibd .item:nth-child(3n){ margin-right:3%}
	.case .ibd .item:nth-child(2n){ margin-right:0}
	.case .ibd .item a .pic{ border-radius:5px}
	.case .ibd .item a{ padding:0 10px 10px}
	.case .ibd .item a .title{ padding:15px 0}
}
.about .ibd{ padding:60px 0}
.about .ibd .intro{ font-size:16px; color:#666666; line-height:2}
.about .ibd .play{ margin-top:50px; width:100%; overflow:hidden; position:relative}
.about .ibd .play img{ width:100%}
.about .ibd .play  span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(g_34.png) center center no-repeat; background-size:126px; cursor:pointer}
.about .ibd .play 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;}
.about .ibd .play: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);}
@media (max-width: 1200px){
	.about .ibd{ padding:30px 0}
	.about .ibd .intro{ font-size:14px; }
	.about .ibd .play{ margin-top:20px; }
	.about .ibd .play  span{   background-size:60px; }
}
@media (max-width: 1200px){
	.about .ibd{ padding:20px 0}
	.about .ibd .play  span{   background-size:40px; }
}

.about .ibd .tab .hd ul{ display:flex; border-radius:20px; overflow:hidden}
.about .ibd .tab .hd ul li{ width:100px; overflow:hidden; transition:all 0.3s; position:relative}
.about .ibd .tab .hd ul li.on{ width:calc(100% - 200px)}
.about .ibd .tab .hd ul li .cont1{ width:100%; height:100%; position:absolute; left:0; top:0; background:#f8f8f8; opacity:1; transition:all 0.5s}
.about .ibd .tab .hd ul li .cont1 .con{ height:100%; width:36px; position:absolute; left:50%; margin-left:-18px; top:0; z-index:2; text-align:center; font-size:24px; color:#333333; font-weight:bold; box-sizing:border-box; line-height:1.2; padding:45px 0}
.about .ibd .tab .hd ul li .cont1 .con .ico{ position:absolute; width:100%; left:0; bottom:45px; z-index:2}
.about .ibd .tab .hd ul li .cont1 .con .ico img{ width:100%}
.about .ibd .tab .hd ul li.on .cont1{ opacity:0}
.about .ibd .tab .hd ul li .cont2{ width:1260px; position:relative; opacity:0; transition:all 0.5s}
.about .ibd .tab .hd ul li .cont2 .pic{ width:100%}
.about .ibd .tab .hd ul li .cont2 .pic img{ width:100%}
.about .ibd .tab .hd ul li .cont2 .con{ position:absolute; left:0; top:0; z-index:2; color:#fff; padding:75px 80px; box-sizing:border-box; width:100%; height:100%}
.about .ibd .tab .hd ul li.on .cont2{ opacity:1}
.about .ibd .tab .hd ul li .cont2 .con .title{ font-size:36px; font-weight:bold; line-height:1}
.about .ibd .tab .hd ul li .cont2 .con .content{ font-size:24px;  line-height:1.4; margin-top:25px}
@media (max-width: 1600px){
	.about .ibd .tab .hd ul{ border-radius:15px; }
	.about .ibd .tab .hd ul li{ width:80px;}
	.about .ibd .tab .hd ul li.on{ width:calc(100% - 160px)}
	.about .ibd .tab .hd ul li .cont1 .con{ width:32px; margin-left:-16px; font-size:20px; padding:40px 0}
	.about .ibd .tab .hd ul li .cont1 .con .ico{ bottom:40px; }
	.about .ibd .tab .hd ul li .cont2{ width:980px; }
	.about .ibd .tab .hd ul li .cont2 .con{ padding:60px; }
	.about .ibd .tab .hd ul li .cont2 .con .title{ font-size:30px;}
	.about .ibd .tab .hd ul li .cont2 .con .content{ font-size:20px; margin-top:20px}
}
@media (max-width: 1200px){
	.about .ibd .tab .hd ul{ border-radius:10px; }
	.about .ibd .tab .hd ul li{ width:70px;}
	.about .ibd .tab .hd ul li.on{ width:calc(100% - 70px)}
	.about .ibd .tab .hd ul li .cont1 .con{ width:28px; margin-left:-14px; font-size:18px; padding:30px 0}
	.about .ibd .tab .hd ul li .cont1 .con .ico{ bottom:30px; }
	.about .ibd .tab .hd ul li .cont2{ width:calc( 89vw - 70px); }
	.about .ibd .tab .hd ul li .cont2 .con{ padding:30px; }
	.about .ibd .tab .hd ul li .cont2 .con .title{ font-size:24px;}
	.about .ibd .tab .hd ul li .cont2 .con .content{ font-size:18px; margin-top:15px}
}
@media (max-width: 750px){
	.about .ibd .tab .hd ul{ border-radius:0; display:block }
	.about .ibd .tab .hd ul li{ width:100%; border-radius:10px; margin-bottom:15px}
	.about .ibd .tab .hd ul li.on{ width:100%}
	.about .ibd .tab .hd ul li .cont1{ opacity:0}
	.about .ibd .tab .hd ul li.on .cont1{ opacity:0}
	.about .ibd .tab .hd ul li .cont2{ opacity:1}
	.about .ibd .tab .hd ul li.on .cont2{ opacity:1}
	.about .ibd .tab .hd ul li .cont2{ width:100%; }
	.about .ibd .tab .hd ul li .cont2 .con{ padding:20px; }
	.about .ibd .tab .hd ul li .cont2 .con .title{ font-size:20px;}
	.about .ibd .tab .hd ul li .cont2 .con .content{ font-size:14px; margin-top:15px}
}


/* 内容模式 */
.article { width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.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 }
.article .bd { line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%;  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:#ff0000}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}

@media all and (max-width:1200px){
	.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}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.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}	
}



.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:#ff0000; 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}
}


.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}
.news .newsCont .item .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;}
.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}
.news .newsCont .item:hover .title{ font-weight:bold; padding:25px 20px 40px}
.news .newsCont .item:hover { background:#f8f9fc; border-bottom:3px solid #ff0000}
@media (max-width: 1600px){
	.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 #ff0000}
}
@media (max-width: 750px){
	.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 }
}







.contacts03{ margin-bottom:90px}
.contacts03 .iintro{ margin-top:40px; font-size:16px; color:#333; text-align:justify; line-height:2}
.contacts03 .ihd{ font-size:48px; width:fit-content; margin:0 auto; padding: 0 10px; line-height:1; }
.contacts03 .ibd{ width:100%; padding-top:40px}


.contacts03 .ibd ul li { float:left; width:48%; margin-right:4%; }
.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:35px; }
.contacts03 .ibd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.contacts03 .ibd ul li .p1 i { color:#e52b26; }
.contacts03 .ibd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; background:#eee }
.contacts03 .ibd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; background:#eee  }
.contacts03 .ibd ul li.li05 { width:100%; margin-right:0; }
.contacts03 .ibd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.contacts03 .ibd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#06b9a5; margin:0 20px; border-radius:35px; cursor:pointer; }
.contacts03 .ibd ul li.li06 .btn01 { background:#1f61af;  }

@media all and (max-width:1200px){

	.contacts03{ margin-bottom:40px}
	.contacts03 .ihd{ font-size:24px;}
	.contacts03 .ibd{ width:100%; padding-top:20px}
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; }
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }
	
	.contacts03 .iintro{ font-size:14px; }

}
@media all and (max-width:750px){

	.contacts03 .ibd ul li { float:none; width:100%; margin-right:0; }
	.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
	.contacts03 .ibd ul li:nth-child(n + 2) { margin-top:10px; }
	.contacts03 .ibd ul li .p1 { line-height:30px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
}



.contact{ padding:40px 0 100px}
.contact01{ width:100%; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.15) }
.contact01 .lt{ width:650px; float:left;display:flex;align-items: center; background:#ff0000; background-size:cover; height:518px; color:#fff; box-sizing:border-box; padding:0 4%}
.contact01 .rt{ width:calc(100% - 650px); float:right; height:518px; box-sizing:border-box;border:7px solid #ff0000; border-left:0}
.contact01 .rt img{ width:100%}
.contact01 .lt .ihd{ line-height:1; font-size:24px; font-weight:bold}
.contact01 .lt .item{ display:flex;align-items: center; margin-top:62px}
.contact01 .lt .item .pic{ width:40px;}
.contact01 .lt .item .pic img{ width:100%}
.contact01 .lt .item .cont{ width:calc(100% - 40px); box-sizing:border-box; padding:0 0 0 20px; font-size:18px}
@media all and (max-width:1600px){
	.contact01 .lt{ width:50%; height:427px}	
	.contact01 .rt{ width:50%; height:427px}
	.contact01 .lt .ihd{ font-size:20px;}
	.contact01 .lt .item{ margin-top:40px}
	.contact01 .lt .item .pic{ width:36px;}
	.contact01 .lt .item .cont{ width:calc(100% - 36px); font-size:16px}		
}
@media all and (max-width:1200px){
	.contact{ padding:0}
	.contact01 .lt{ width:100%; height:auto; padding:8% 5%}	
	.contact01 .rt{ width:100%; height:400px;border:4px solid #ff0000; border-left:4px solid #ff0000; border-top:0}
	.contact01 .lt .ihd{ font-size:18px;}
	.contact01 .lt .item{ margin-top:30px}
	.contact01 .lt .item .pic{ width:28px;}
	.contact01 .lt .item .cont{ width:calc(100% - 28px); padding-left:12px; font-size:14px}
	.contact01 .lt .item .cont .title{ margin-bottom:5px}

}




.conArea02 { margin-top:80px; }
.conArea02 .hd { font-size:34px; font-weight:bold; text-align:center; color:#101010 }
.conArea02 .bd { margin-top:75px; }
.conArea02 .bd ul li { float:left; width:48%; margin-right:4%; }
.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
.conArea02 .bd ul li:nth-child(n + 3) { margin-top:35px; }
.conArea02 .bd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.conArea02 .bd ul li .p1 i { color:#e52b26; }
.conArea02 .bd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; }
.conArea02 .bd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; }
.conArea02 .bd ul li.li05 { width:100%; margin-right:0; }
.conArea02 .bd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.conArea02 .bd ul li.li06 .btn { display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; background:#333; margin:0 20px; border-radius:10px; cursor:pointer; }
.conArea02 .bd ul li.li06 .btn01 { background:#ff0000;  }

@media all and (max-width:1760px){

	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; } 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }

}
@media all and (max-width:1200px){

	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }

}
@media all and (max-width:750px){

	.conArea02 { margin-top:30px; }
	.conArea02 .hd { font-size:18px; }
	.conArea02 .bd { margin-top:30px; }
	.conArea02 .bd ul li { float:none; width:100%; margin-right:0; }
	.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 .bd ul li .p1 { line-height:30px; font-size:14px; }
	.conArea02 .bd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.conArea02 .bd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
	.conArea02 .bd ul li.li06 .btn { width:120px; height:36px; line-height:36px; font-size:14px; margin:0 10px; }
}


.fuwu03 .ibd{}
.fuwu03 .ibd .bd{ }
.fuwu03 .ibd .bd ul{  margin:0 auto}
.fuwu03 .ibd .bd ul li{ width:48%; float:left; border-bottom:1px dashed #8e8f90}
.fuwu03 .ibd .bd ul li a{ display:block; box-sizing:border-box; background:url(ax4.png) 98% center no-repeat; font-size:20px; color:#333333; line-height:80px; padding-right:10%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fuwu03 .ibd .bd ul li:nth-child(2n){ float:right}
.fuwu03 .ibd .bd ul li:hover a{ font-weight:bold; color:#ff0000;background:url(ax5.png) 98% center no-repeat; } 


@media all and (max-width:1600px){

	.fuwu03{ }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{  }
	.fuwu03 .ibd .bd{ padding:40px 0 60px}
	.fuwu03 .ibd .bd ul{ }
	.fuwu03 .ibd .bd ul li{ }
	.fuwu03 .ibd .bd ul li a{ line-height:60px;font-size:16px}

	
}
@media all and (max-width:1200px){

	.fuwu03{ }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{  }
	.fuwu03 .ibd .bd{ padding:0}
	.fuwu03 .ibd .bd ul{ margin:0 auto}
	.fuwu03 .ibd .bd ul li{ width:100%; margin-right:0}
	.fuwu03 .ibd .bd ul li a{ line-height:60px;font-size:16px}

}
@media all and (max-width:750px){
	.fuwu03{  }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{ }
	.fuwu03 .ibd .bd ul{ margin:0 auto}
	.fuwu03 .ibd .bd ul li{ width:100%; margin-right:0}
	.fuwu03 .ibd .bd ul li a{ line-height:50px;font-size:14px}
}