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

* { margin:0; padding:0; list-style:none;}
html { font-size:16px;}
body { margin: 0; padding: 0;}
a { text-decoration:none;}
img { border:0;}

@media (max-width: 1400px) {
	html { font-size:14px;}
}


/*.banner ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.banner { width:100%!important; height:41.51041666666667vw!important;/*797px*/ position:relative; background-color:#1a1a1a;}
.banner .hd { position:absolute; bottom:3.125rem;/*50px*/ left:0; right:0; margin:auto; z-index:8;}
.banner .hd ul { zoom:1; text-align:center; font-size:0;}
.banner .hd ul li { width:0.875rem;/*14px*/ height:0.875rem;/*14px*/ border-radius:50%; cursor:pointer; display:inline-block; margin:0 0.5rem;/*8px*/ background-color:#fff; background-size:100% 100%; 
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.banner .hd ul li.on { background:#c6252c;}

.banner .bd { width:100%!important; }
.banner .bd ul { width:100%!important;}
.banner .bd ul li { width:100%!important; text-align:center; }
.banner .bd ul li img { width:100%;}
@media (max-width: 1400px) {
	.banner { width:100%!important; /*height:56.92857142857143vw;797px*/ position:relative; }
	.banner .bd ul li { height:56.92857142857143vw;/*797px*/  width:100%!important;}
}
@media (max-width: 750px) {
	.banner { width:100%!important; height:48vw!important;/*360px*/ position:relative; }
	.banner .hd { position:absolute; bottom:4vw;/*30px*/ left:0; right:0; margin:auto; z-index:8;}
	.banner .bd ul li { height:48vw!important;/*360px*/  width:100%!important;}
}

/*.content ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.biaotilan { max-width:1400px; margin:0 auto; overflow:hidden; position:relative; padding-top:5.625rem;/*90px*/}
.biaotilan .biaoti { float:left;}
.biaotilan .biaoti .t1 { color:#fff; font-size:2.25rem;/*36px*/ font-weight:bold; line-height:1;}
.biaotilan .biaoti .t2 { color:#c6252c; font-size:1.25rem;/*20px*/ position:relative; height:2.875rem;/*46px*/ line-height:2.875rem;/*46px*/ padding-top:1rem;/*16px*/ text-transform:capitalize;}
.biaotilan .biaoti .t2:before { width:2.875rem;/*46px*/ height:0.5rem;/*8px*/ position:absolute; bottom:0; left:0; content:""; background-color:#c6252c; border-radius:0.25rem;/*4px*/}
.biaotilan .biaoti .t2:after { width:0.8125rem;/*13px*/ height:0.5rem;/*8px*/ position:absolute; bottom:0; left:0; content:""; background-color:#233d98; border-radius:0.25rem;/*4px*/}

.biaotilan .more1 { position:absolute; bottom:0; right:0;}
.biaotilan .more1 a { display:block; padding:0 2.5rem;/*40px*/ height:3.125rem;/*50px*/ line-height:3.125rem;/*50px*/ background-color:#233d98; color:#fff; font-size:1rem;/*16px*/ border-radius:1.5625rem;/*25px*/ text-align:center; transition: all .3s cubic-bezier(.25,.5,.55,.95);}
.biaotilan .more1 a:hover { background-color:#fff; color:#df0008;}


.biaotilan.s2 { padding-top:7.5rem;/*120px*/}
.biaotilan.s2 .biaoti .t1 { color:#000;}

.biaotilan.s3 { padding-top:10rem;/*160px*/}


@media (max-width: 750px) {
	.biaotilan { max-width:inherit; margin:0 6.666666666666667vw;/*50px*/ overflow:hidden; position:relative; padding-top:12vw;/*90px*/}
	.biaotilan .biaoti { float:left;}
	.biaotilan .biaoti .t1 { color:#fff; font-size:5.866666666666667vw;/*44px*/ font-weight:bold; line-height:1;}
	.biaotilan .biaoti .t2 { color:#c6252c; font-size:3.2vw;/*24px*/ position:relative; height:7.466666666666667vw;/*56px*/ line-height:6.133333333333333vw;/*46px*/ padding-top:2.133333333333333vw;/*16px*/ text-transform:capitalize;}
	.biaotilan .biaoti .t2:before { width:10.66666666666667vw;/*80px*/ height:1.066666666666667vw;/*8px*/ position:absolute; bottom:0; left:0; content:""; background-color:#c6252c; border-radius:0.5333333333333333vw;/*4px*/}
	.biaotilan .biaoti .t2:after { width:2.666666666666667vw;/*20px*/ height:1.066666666666667vw;/*8px*/ position:absolute; bottom:0; left:0; content:""; background-color:#233d98; border-radius:0.5333333333333333vw;/*4px*/}
	
	.biaotilan .more1 { position:absolute; bottom:0; right:0;}
	.biaotilan .more1 a { display:block; padding:0 5.333333333333333vw;/*40px*/ height:6.666666666666667vw;/*50px*/ line-height:6.666666666666667vw;/*50px*/ background-color:#233d98; color:#fff; font-size:3.2vw;/*24px*/ border-radius:323.3333333333333vw;/*25px*/ text-align:center; }
	.biaotilan .more1 a:hover { background-color:#fff; color:#000;}

	.biaotilan.s2 { padding-top:12vw;/*90px*/}
	.biaotilan.s3 { padding-top:12vw;/*90px*/}
}

/*row1 ````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````*/
.row1box { background:url(../images/005.jpg) no-repeat center bottom; width:100%; max-width:1920px; margin:0 auto; overflow:hidden; height:51.875rem;/*830px*/ position:relative;}
.row1box .guajian { position:absolute; left:0; bottom:1.5rem;/*24px*/ z-index:9999; width:40.8125rem;/*653px*/ height:16.75rem;/*268px*/ background:url(../images/006.png) no-repeat left bottom; background-size:cover;}


.row1 { width:100%; max-width:1400px; margin:0 auto; clear:both; padding-top:1.875rem;/*30px*/}
.row1 .tubox { width:51.45%; height:29.375rem;/*470px*/ float:left; background-color:#fff; position:relative; border-radius:1.25rem;/*20px*/}
.row1 .tubox img { width:calc(100% - 2.5rem);/*40px*/ height:calc(100% - 2.5rem);/*40px*/ position:absolute; left:0; right:0; top:0; bottom:0; margin: auto; }

.row1 .t1 { width:45.7%; float:right; color:#fff; font-size:1.0625rem;/*17px*/ line-height:2.125rem;/*34px*/ margin-top:1.875rem;/*30px*/ 
word-break:break-all; 
text-overflow:ellipsis; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:13;
height:27.625rem;/*442px*/ overflow:hidden; } /*(溢出文字省略号、多行)*/


@media (max-width: 750px) {
	.row1box { background:url(../images/005.jpg) no-repeat center bottom #000; width:100%; overflow:hidden; height:auto; position:relative;}
	.row1box .guajian { display:none;}
	
	
	.row1 { width:100%; max-width:inherit; margin:0 auto; clear:both; padding-top:4vw;/*30px*/ padding-bottom:12vw;/*90px*/}
	.row1 .tubox { width:calc(100% - 7.466666666666667vw);/*56px*/ margin:0 auto; height:62.66666666666667vw;/*470px*/ float:inherit; background-color:#fff; position:relative; border-radius:2.666666666666667vw;/*20px*/}
	.row1 .tubox img { width:calc(100% - 5.333333333333333vw);/*40px*/ height:calc(100% - 5.333333333333333vw);/*40px*/ position:absolute; left:0; right:0; top:0; bottom:0; margin: auto; }
	
	.row1 .t1 { width:calc(100% - 7.466666666666667vw);/*56px*/ margin:0 auto; float:inherit; color:#fff; font-size:3.466666666666667vw;/*26px*/ line-height:7.466666666666667vw;/*56px*/ margin-top:4vw;/*30px*/ 
	word-break:break-all; 
	text-overflow:ellipsis; 
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:13;
	height:auto; overflow:hidden; } /*(溢出文字省略号、多行)*/
}



/*row2 ````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````*/
.row2box { width:100%; overflow:hidden; min-height:68.75rem;/*1100px*/ position:relative; background:url(../images/007.jpg) no-repeat center top ;}
.row2 { width:100%; max-width:1400px; margin:0 auto; padding-top:1.875rem;/*30px*/}
.row2 ul li { }
.row2 ul.hang1 { width:101.45%; overflow:hidden; }
.row2 ul.hang1 li { width:23.6%; margin-right:1.4%; background-color:#fff; height:21.875rem;/*350px*/ float:left; border-radius:1.25rem;/*20px*/ margin-bottom:1.875rem;/*30px*/}

.row2 ul li .t1 { color:#233d98; font-size:1.3125rem;/*21px*/ font-weight:bold; height:4.375rem;/*70px*/ line-height:5rem;/*80px*/ padding-left:1.25rem;/*20px*/
overflow:hidden;
white-space:nowrap; /*不换行*/
text-overflow:ellipsis; /*省略号*/}
.row2 ul li .tu { width:calc(100% - 2.5rem);/*40px*/ margin:0 auto; height:13.75rem;/*220px*/ overflow:hidden;}
.row2 ul li .tu img { width:100%; height:100%;}
.row2 ul li .t2 { height:3.75rem;/*60px*/ line-height:3.25rem;/*52px*/ color:#464646; font-size:0.9375rem;/*15px*/ text-align:right; padding-right:1.875rem;/*30px*/}

.row2 ul.hang2 { width:101.55%; overflow:hidden;}
.row2 ul.hang2 li { width:31.83%; margin-right:1.5%; background-color:#fff; height:19.375rem;/*310px*/ float:left; border-radius:1.25rem;/*20px*/ margin-bottom:1.875rem;/*30px*/}
.row2 ul.hang2 li .tu { height:11.25rem;/*180px*/}

.row2 ul li a .t2 { color:#464646; transition: all .3s cubic-bezier(.25,.5,.55,.95);}
.row2 ul li a:hover .t2 { color:#df0008;}

@media (max-width: 750px) {
	.row2box { width:100%; overflow:hidden; min-height:inherit; position:relative; background:url(../images/007.jpg) no-repeat center top #f6f6f6; background-size:cover;}
	.row2 { width:calc(100% - 7.466666666666667vw);/*56px*/ max-width:inherit; margin:0 3.733333333333333vw;/*28px*/ padding-top:4vw;/*30px*/ padding-bottom:12vw;/*90px*/ }
	.row2 ul li { }
	.row2 ul.hang1 { width:103%; overflow:hidden; }
	.row2 ul.hang1 li { width:47%; margin-right:3%; background-color:#fff; height:46.66666666666667vw;/*350px*/ float:left; border-radius:2.666666666666667vw;/*20px*/ margin-bottom:4vw;/*30px*/}
	
	.row2 ul li .t1 { color:#233d98; font-size:3.733333333333333vw;/*28px*/ font-weight:bold; height:9.333333333333333vw;/*70px*/ line-height:10.66666666666667vw;/*80px*/ padding-left:2.666666666666667vw;/*20px*/
	overflow:hidden;
	white-space:nowrap; /*不换行*/
	text-overflow:ellipsis; /*省略号*/}
	.row2 ul li .tu { width:calc(100% - 5.333333333333333vw);/*40px*/ margin:0 auto; height:29.33333333333333vw;/*220px*/ overflow:hidden;}
	.row2 ul li .tu img { width:100%; height:100%;}
	.row2 ul li .t2 { height:8vw;/*60px*/ line-height:6.933333333333333vw;/*52px*/ color:#464646; font-size:3.2vw;/*24px*/ text-align:right; padding-right:2.666666666666667vw;/*20px*/}
	
	.row2 ul.hang2 { width:103%; overflow:hidden;}
	.row2 ul.hang2 li { width:47%; margin-right:3%; background-color:#fff; height:46.66666666666667vw;/*350px*/ float:left; border-radius:2.666666666666667vw;/*20px*/ margin-bottom:4vw;/*30px*/}
	.row2 ul.hang2 li:last-child { width:97%; }
	.row2 ul.hang2 li .tu { height:29.33333333333333vw;/*220px*/}
	
	.row2 ul li a .t2 { color:#464646;}
	.row2 ul li a:hover .t2 { color:#ff0e0e;}
}


/*row3 ````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````*/
.row3box { width:100%; overflow:hidden; min-height:63.125rem;/*1010px*/ position:relative; background:url(../images/008.jpg) no-repeat center top;}
.row3 { width:100%; max-width:1400px; margin:0 auto; padding-top:1.875rem;/*30px*/ overflow:hidden;}
.row3 ul { width:101.45%; overflow:hidden; }
.row3 ul li { width:23.6%; margin-right:1.4%; float:left; border-radius:1.25rem;/*20px*/ margin-bottom:1.875rem;/*30px*/ }
.row3 ul li .tu { width:100%; height:20.9375rem;/*335px*/ border-radius:1.875rem;/*30px*/ overflow:hidden;}
.row3 ul li .tu img { width:100%; height:100%;}
.row3 ul li .t1 { color:#fff; font-size:1.5rem;/*24px*/ font-weight:bold; line-height:1; padding:2.375rem 1.25rem 0 1.25rem ;/*38px 20px 0 20px*/
overflow:hidden;
white-space:nowrap; /*不换行*/
text-overflow:ellipsis; /*省略号*/}
.row3 ul li .t1 span.t12 { font-size:1.1875rem;/*19px*/}
.row3 ul li .t2 { color:#bdbdbd; font-size:0.875rem;/*14px*/ line-height:1.75rem;/*28px*/ padding:1.25rem 1.25rem 0 1.25rem;/*20px 20px 0 20px*/}

.row3 ul li a .t1 { color:#fff; transition: all .3s cubic-bezier(.25,.5,.55,.95);}
.row3 ul li a:hover .t1 { color:#c6252c;}


@media (max-width: 750px) {
	.row3box { width:100%; overflow:hidden; min-height:inherit; position:relative; background:url(../images/008.jpg) no-repeat center bottom #1a1a1a;}
	.row3 { width:calc(100% - 7.466666666666667vw);/*56px*/ max-width:inherit; margin:0 3.733333333333333vw;/*28px*/ padding-top:4vw;/*30px*/ padding-bottom:8vw;/*60px*/ overflow:hidden;}
	.row3 ul { width:103%; overflow:hidden; }
	.row3 ul li { width:47%; margin-right:3%; float:left; border-radius:2.666666666666667vw;/*20px*/ margin-bottom:4vw;/*30px*/ }
	.row3 ul li a {}
	.row3 ul li .tu { width:100%; height:43.6vw;/*327px*/ border-radius:4vw;/*30px*/ overflow:hidden;}
	.row3 ul li .tu img { width:100%; height:100%;}
	.row3 ul li .t1 { color:#fff; font-size:4.266666666666667vw;/*32px*/ font-weight:bold; line-height:1; height:5.333333333333333vw;/*40px*/ padding:5.066666666666667vw 2.666666666666667vw 0 2.666666666666667vw;/*38px 20px 0 20px*/
	overflow:hidden;
	white-space:nowrap; /*不换行*/
	text-overflow:ellipsis; /*省略号*/}
	.row3 ul li .t1 span.t12 { font-size:2.666666666666667vw;/*20px*/}
	.row3 ul li .t2 { color:#bdbdbd; font-size:3.2vw;/*24px*/ line-height:1.6; padding:2.666666666666667vw 2.666666666666667vw 0 2.666666666666667vw;/*20px 20px 0 20px*/ min-height:33.33333333333333vw;/*250px*/}
}





/*footer ````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````*/
.footerbox { background-color:#000; overflow:hidden; min-height:29.375rem;/*470px*/ max-width:1920px; margin:0 auto; clear:both;}
.footer { width:100%; max-width:1400px; margin:0 auto; overflow:hidden; padding-top:2.5rem;/*40px*/}
.footer .pisu { width:calc(33.3333% - 1px); border-left:1px solid #4d4d4d; float:left; overflow:hidden; min-height:24.375rem;/*390px*/ position:relative;}
.footer .pisu1 { color:#c3c3c3; font-size:1rem;/*16px*/ padding-top:40px;}
.footer .pisu1logo { width:5.25rem;/*84px*/ height:3.75rem;/*60px*/ background:url(../images/023.jpg) no-repeat left; background-size:100% 100%; margin-left:2.5rem;/*40px*/ margin-bottom:2.5rem;/*40px*/}
.footer .pisu1 ul li { padding-bottom:2.8125rem;/*45px*/ line-height:1;}
.footer .pisu1 .t1 { padding-left:2.5rem;/*40px*/ font-weight:bold; padding-bottom:0.9375rem;/*15px*/}
.footer .pisu1 .t2 { padding-left:2.5rem;/*40px*/}

.footer .pisu1 .t11 { font-size:1.25rem;/*20px*/ padding-left:2.5rem;/*40px*/ font-weight:bold; padding-bottom:0.3125rem;/*5px*/ padding-top:0.25rem;/*4px*/ position:absolute; top:0; left:6.25rem;/*100px*/}
.footer .pisu1 .t12 { font-size:1rem;/*16px*/ padding-left:2.5rem;/*40px*/ position:absolute; top:2.25rem;/*36px*/ left:6.25rem;/*100px*/}

.footer .pisu2 { color:#c3c3c3; font-size:1rem;/*16px*/ }
.footer .pisu2 ul { padding-top:6.25rem;/*100px*/}
.footer .pisu2 ul li { width:calc(50% - 2.5rem);/*40px*/ padding-left:2.5rem;/*40px*/ float:left; height:3.75rem;/*60px*/ color:#c3c3c3;}
.footer .pisu2 ul li a { color:#c3c3c3; transition: all .3s cubic-bezier(.25,.5,.55,.95);}
.footer .pisu2 ul li a:hover { color:#c6252c;}

.footer .pisu3 { color:#c3c3c3; line-height:1; width:calc(33.3333%); border-left:none; }


.footer .pisu3 .t3 { font-size:1.125rem;/*18px*/ text-align:center; font-weight:bold; padding-bottom:0.9375rem;/*15px*/}
.footer .pisu3 .t4 { font-size:0.875rem;/*14px*/ text-align:center;}
.footer .pisu3 .qrtu { width:11rem;/*176px*/ height:11rem;/*176px*/ margin:2.5rem auto ;/*40px*/}
.footer .pisu3 .qrtu img { width:100%; height:100%;}

.footer .pisu4 { color:#c3c3c3; font-size:1rem;/*16px*/ line-height:1.5;}
.footer .pisu4 ul { }
.footer .pisu4 ul li { padding-bottom:2.1875rem;/*35px*/ padding-left:2.5rem;/*40px*/ padding-right:1.25rem;/*20px*/}


.footer2box { border-top:1px solid #4d4d4d; height:4.9375rem;/*79px*/ background-color:#000; overflow:hidden;  max-width:1920px; margin:0 auto;}
.footer2 { width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.footer2 .z1 { padding-left:1.25rem;/*20px*/ line-height:5rem;/*80px*/ color:#c3c3c3; font-size:1.125rem;/*18px*/ }


@media (max-width: 750px) {
	.footerbox { min-height:inherit;}
	.footer { padding-top:10.66666666666667vw;/*80px*/}
	.footer .pisu { width:100%; min-height:inherit; float:none; border-left:none;}
	.footer .pisu1 { color:#c3c3c3; font-size:3.733333333333333vw;/*28px*/ position:relative; }
	.footer .pisu1logo { width:17.6vw;/*132px*/ height:12.53333333333333vw;/*94px*/ background:url(../images/023.jpg) no-repeat left; background-size:100% 100%; position:absolute; top:0; right:8vw;/*60px*/}
	.footer .pisu1 ul li { padding-bottom:6vw;/*45px*/ line-height:1;}
	.footer .pisu1 .t1 { padding-left:8vw;/*60px*/ font-weight:bold; padding-bottom:2vw;/*15px*/}
	.footer .pisu1 .t2 { padding-left:8vw;/*60px*/}
	
	.footer .pisu1 .t11 { display:none;}
	.footer .pisu1 .t12 { display:none;}
	
	.footer .pisu2 { color:#c3c3c3; font-size:3.733333333333333vw;/*28px*/ }
	.footer .pisu2 ul { padding:2.666666666666667vw 0;/*20px*/ margin:0 5.333333333333333vw;/*40px*/ border-top:1px solid #4c4c4c; overflow:hidden;}
	.footer .pisu2 ul li { width:33.333%; padding-left:inherit; float:left; height:10.66666666666667vw;/*80px*/ line-height:10.66666666666667vw;/*80px*/ color:#c3c3c3; text-align:center;}
	.footer .pisu2 ul li a { color:#c3c3c3;}
	.footer .pisu2 ul li a:hover { color:#ff0e0e;}
	
	
	.footer .pisu3 { display:none;}
	.footer .pisu4 { display:none;}
	
	
	.footer2box { height:15.86666666666667vw;/*119px*/ }
	.footer2 { width:100%; max-width:inherit; margin:0 auto; overflow:hidden; }
	.footer2 .z1 { padding-left:inherit; line-height:16vw;/*120px*/ font-size:3.733333333333333vw;/*28px*/ text-align:center;}
}