@charset "utf-8";
/* CSS Document */

/*banner*/
.ibanner{ height:746px;}
.ibanner .swiper-slide a{ display:block; height:100%; background:#fff center no-repeat; background-size:cover;}
.ibanner .swiper-pagination{ height:3px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:64px; height:3px; background:#fff; margin:0 4px !important; border-radius:0; vertical-align:top; opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:#cf2f2f; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:60px; height:60px; margin-top:-30px;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; background-size:contain;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; background-size:contain;}

.main{ width:auto;}
.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2.title{ display:block; line-height:1.625; color:#333; font-size:42px; text-align:center; overflow:hidden; padding:1.0625em 0 0;}
.ibox h2.title span{ display:block; line-height:2.45; font-size:0.375em; font-weight:normal; text-transform:uppercase; opacity:0.5;}
.ibox{ overflow:hidden;}

.box1::after{ content:''; display:block; width:50%; height:100%; background:#f6f8fa; position:absolute; right:0; top:0; z-index:0;}
.box1 .con{ position:relative; z-index:3;}
.box1 dl{ display:block; width:50%; font-size:16px; float:left; padding:5% 0 8%;}
.box1 dl dt{ display:block; line-height:2.4; color:#333; font-size:1.875em; font-weight:bold; text-align:center;}
.box1 dl dt i{ display:block; width:1.8em; height:4px; background:#cf2f2f; margin:0 auto;}
.box1 dl dd{ display:block; padding:8% 0 0;}
.box1 dl .txt{ height:16em; line-height:2; color:#666; font-size:0.9375em; padding:0 10%;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:8;
}
.box1 ul.ab{ display:block; overflow:hidden; padding:9% 5% 0;}
.box1 ul.ab li{ display:block; width:33.33%; float:left;}
.box1 ul.ab li a{ display:block; line-height:1.5; color:#3460ab; text-align:center; overflow:hidden;}
.box1 ul.ab li a em{ display:block; width:4.625em; height:4.625em; background:transparent center top no-repeat; background-size:100% 200%; border:1px solid #3460ab; border-radius:50%; margin:0 auto 1.5em; transition:transform ease 0.4s;}
.box1 ul.ab li a em.ab11{ background-image:url(../images/icons/ab11.png);}
.box1 ul.ab li a em.ab12{ background-image:url(../images/icons/ab12.png);}
.box1 ul.ab li a em.ab13{ background-image:url(../images/icons/ab13.png);}
.box1 ul.ab li a em.ab21{ background-image:url(../images/icons/ab21.png);}
.box1 ul.ab li a em.ab22{ background-image:url(../images/icons/ab22.png);}
.box1 ul.ab li a em.ab23{ background-image:url(../images/icons/ab23.png);}
.box1 ul.ab li a:hover{ color:#cf2f2f;}
.box1 ul.ab li a:hover em{ background-position:center bottom; border-color:#cf2f2f; transform:rotateY(180deg);}

.box2{ background:linear-gradient(#3460ab, #1853b7);}
.box2::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/box2_bg.png) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.box2 .con{ position:relative; z-index:3;}
.box2 h2.title{ color:#fff; margin-bottom:4%;}
.box2 h2.title span{ color:#fff;}
.box2 p.tab{ display:block; font-size:20px; float:left;}
.box2 p.tab a{ display:block; width:1em; line-height:1.2; padding:23.5px 1em; background:#e7ecf1; margin:1px 0 0;}
.box2 p.tab a:first-child{ margin:0;}
.box2 p.tab a.cur{ color:#fff; background:#cf2f2f;}
.box2 .tbox{ display:none; height:431px; line-height:431px; text-align:center; background:#fff; overflow:hidden;}
.box2 .tbox img{ max-width:100%; max-height:100%; vertical-align:middle;}
.box2 .video{ width:50%; max-width:600px; height:431px; position:relative; float:right; margin-bottom:8%;}
.box2 .video video{ display:block; width:100%; height:100%; opacity:0;}
.box2 .video .poster{ width:100%; height:100%; background:url(../images/upload/poster.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:9; cursor:pointer;}

.box3{ position:relative;}
.box3 .con{ position:relative; z-index:3;}
.box3 h2.title{ margin-bottom:4%;}
.box3 .video{ width:50%; height:432px; position:relative; float:left; margin-bottom:8%;}
.box3 .video video{ display:block; width:100%; height:100%; opacity:0;}
.box3 .video .poster{ width:100%; height:100%; background:url(../images/upload/poster.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:9; cursor:pointer;}
.box3 ul{ display:block; overflow:hidden;}
.box3 ul li{ display:block; width:50%; height:216px; background:#f6f8fa; float:left;}
.box3 ul li:nth-child(4n-3),
.box3 ul li:nth-child(4n){ background:#e9f0f6;}
.box3 ul li a{ display:block; height:100%; font-size:12px; text-align:center; overflow:hidden;}
.box3 ul li img{ display:block; height:4.4em; margin:4em auto 0; transition:transform ease 0.4s;}
.box3 ul li em{ display:block; line-height:1.5; color:#333; font-size:2em; padding:1em 0 0;}
.box3 ul li span{ display:block; line-height:2; color:#999; text-transform:uppercase;}
.box3 ul li a:hover img{ transform:rotateY(180deg);}

.box4{ background:url(../images/icons/box4_bg.jpg) center top no-repeat; background-size:cover;}
.box4 .con{ overflow:visible;}
.box4 p.tab{ display:block; width:18.4em; font-size:20px; overflow:hidden; border:2px solid #cf2f2f; margin:2% auto 0;}
.box4 p.tab a{ display:block; width:50%; line-height:2; color:#cf2f2f; text-align:center; float:left;}
.box4 p.tab a.cur{ color:#fff; background:#cf2f2f;}
.box4 ul.news{ display:none; overflow:hidden; padding:3% 0 6%; margin:0 -14px;}
.box4 ul.news li{ display:block; width:50%; overflow:hidden; float:left;}
.box4 ul.news li .box{ background:#fff; overflow:hidden; padding:20px; margin:14px; transition:all ease 0.4s;}
.box4 ul.news li span{ display:block; width:58px; height:52px; line-height:18px; color:#fff; font-size:12px; text-align:center; background:#3460ab; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s;}
.box4 ul.news li span em{ display:block; line-height:22px; font-size:16px; font-weight:bold; padding:6px 0 0;}
.box4 ul.news li a.pic{ display:block; overflow:hidden; float:left; position:relative; margin-right:8%;}
.box4 ul.news li a.pic img{ display:block; height:170px; transition:all ease 0.4s;}
.box4 ul.news li a.title{ display:block; height:72px; line-height:24px; color:#333; font-size:17px; margin:8px 0 0 4px; transition:all ease 0.2s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box4 ul.news li .txt{ display:block; height:72px; line-height:24px; color:#999; font-size:13px; margin:16px 0 0 4px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box4 ul.news li:hover .box{ box-shadow:rgba(0,0,0,0.18) 0 0 10px;}
.box4 ul.news li a.title:hover{ color:#cf2f2f;}
.box4 ul.news li a.pic:hover img{ transform:scale(1.12);}
.box4 ul.news li a.pic:hover span{ background:#cf2f2f;}


/*pc适配*/
@media only screen and (max-width:1366px){
.ibanner{ height:700px;}
}

@media only screen and (max-width:1240px){
.ibanner{ height:54vw;}
.ibanner .swiper-pagination{ bottom:2vw;}
.ibox .con{ width:auto; margin:0 20px;}
}

@media only screen and (max-width:1024px){
.ibanner{ height:58vw;}
.ibanner .swiper-pagination{ bottom:2vw;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:40px; height:40px; margin-top:-20px;}
.ibox .con{ width:auto; margin:0 20px;}
.ibox h2.title{ font-size:36px; padding:1em 0 0;}

.box2 p.tab{ font-size:16px;}
.box2 .tbox{ height:371px; line-height:371px;}
.box2 .video{ height:371px;}

.box4 p.tab{ font-size:16px; margin-top:4%;}
.box4 ul.news li{ width:100%;}
.box4 ul.news li a.pic{ margin-right:28px;}
.box4 ul.news li a.pic img{ width:192px; height:128px;}
.box4 ul.news li a.title{ height:48px; -webkit-line-clamp:2;}
.box4 ul.news li .txt{ height:48px; -webkit-line-clamp:2;}
}

@media only screen and (max-width:767px){
.ibanner .swiper-pagination{ height:10px; bottom:3vw;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; margin:0 4px !important;}
.ibox .con{ margin:0 12px;}
.ibox h2.title{ font-size:24px;}

.box1::after{ display:none;}
.box1 .con{ margin:0;}
.box1 dl{ width:100%; font-size:14px;}
.box1 dl:nth-child(2){ background:#f6f8fa;}
.box1 dl dt{ font-size:24px;}
.box1 dl .txt{ padding:0 16px;}
.box1 ul.ab{ padding:6% 10px 0;}
.box1 ul.ab li a em{ width:3.6em; height:3.6em; margin-bottom:1em;}
.box1 ul.ab li a{ margin:0 1em;}

.box2{ padding-bottom:10%;}
.box2 .video{ width:auto; height:64vw; max-width:none; float:none; margin-bottom:10px;}
.box2 p.tab{ overflow:hidden; float:none; padding:0 0 1px;}
.box2 p.tab a{ width:33.33%; line-height:2.8; text-align:center; padding:0; background-clip:padding-box; border-left:1px solid transparent; box-sizing:border-box; float:left; margin:0;}
.box2 p.tab a:first-child{ border:0;}
.box2 .tbox{ height:auto; line-height:normal;}
.box2 .tbox img{ display:block; margin:0 auto;}

.box3 .video{ width:auto; height:64vw; max-width:none; float:none; margin-bottom:10px;}
.box3 ul li{ height:auto;}
.box3 ul li a{ font-size:8px; padding:0 0 16px;}
.box3 ul li img{ height:36px; margin-top:20px;}
.box3 ul li span{ font-size:12px;}

.box4 p.tab{ width:14.4em; font-size:14px; border-width:1px;}
.box4 ul.news li .box{ padding:10px; margin:6px 16px;}
.box4 ul.news li a.pic{ margin-right:16px;}
.box4 ul.news li a.pic img{ width:138px; height:92px;}
.box4 ul.news li a.title{ height:24px; font-size:16px; -webkit-line-clamp:1;}
.box4 ul.news li .txt{ height:40px; line-height:20px; -webkit-line-clamp:1; margin-top:12px;}
}




/**/