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

@font-face
{
    font-family: 'DINPro';
    src: url(DINPro.ttf);
}

*{margin: 0; padding: 0;}
h1,h2{color: #111111;font-size:30px;}
h3{color: #c21729!important; line-height:25px;}
body {font-family: '微软雅黑'; 
	background-image: url(images/h5-bg.png?v=2004);
	background-size: contain;
	background-repeat: repeat-y; width:100%; overflow-x:hidden;
}

.gg{float:left; width:calc( 100% - 40px ); padding:40px 20px 20px 20px; margin-bottom:70px; border-bottom:1px #c21729 solid;}
.gg span{ padding-right:10px; color:#c21729;}
.gg a{
	color: #c21729;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	text-decoration: none;
}


iframe video{
	position: relative;
	width: 100%;
	height: 196px;
	overflow: hidden;
	background-color: #111111;
	background-image: url(images/v-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.c1 h2 span{
    font-size: 100px;
    font-weight: normal;
    font-family: DINPro;
    position: absolute;
    font-style: italic;
	right:35px;
    color: #b5b5b5;
    letter-spacing: -20px;
	margin-top:-30px;
	text-align:right;
}
.c2 h2 span{
    font-size: 100px;
    font-weight: normal;
    font-family: DINPro;
    position: absolute;
    font-style: italic;
	left:0px;
    color: #b5b5b5;
    letter-spacing: -20px;
	margin-top:-30px;
	text-align:left;
}
.c2-2 h2 span{
    font-size: 100px;
    font-weight: normal;
    font-family: DINPro;
    position: absolute;
    font-style: italic;
	right:50px;
    color: #b5b5b5;
    letter-spacing: -20px;
	margin-top:-30px;
	text-align:right;
}

.banner{ position:relative; width:100%; height: 690px; display:block; z-index:0;}
.h5-logo{ position: absolute; width:100%; z-index:1;}
.h5-tt{ position: absolute; width: calc( 100% - 20px ); z-index:20; text-align:right; padding-right:20px; font-size:17px; font-weight:bold; line-height:25px; padding-top:550px;}
.h5-kv{ position: absolute; width:100%; z-index:3;}
.banner img{ width:100%;}


.en{position:relative; width: 100%;text-align: right;height: 50px; font-size: 14px; color: #111111;line-height: 50px; width: calc( 100% - 70px );padding-left:50px; padding-right:20px; padding-top:30px; background-color: rgba( 255,255,255,0.85 );  z-index:999;}
.en a{
	color: #111111;
	text-decoration: none;
}
.en span{ position:absolute; left:20px;}
.tt h3{ padding-bottom:20px !important;}
.tt h3 span{
	font-size: 25px;
	color: #c21729;
	font-style: italic;
	padding-right:10px;
	font-family: DINPro;
}
.tt h4 span{
	font-size: 20px !important;
	color: #c21729;
	font-style: italic;
	padding-right:10px;
	font-family: DINPro;
	font-weight:normal;
}
.tt p{ text-align:justify; line-height:30px;}
.tt p span{
	font-size: 25px;
	color: #c21729;
	font-style: italic;
	padding-right:10px;
	font-family: DINPro;
}
.c2 .tt p span{ font-size:20px !important;}

.c1{ display:block;}
.c2{ display:block;}
.tt{ position:relative; z-index:-1;}

.c1{width: calc( 100% - 20px ); margin:0px 10px 0 10px; position:relative; z-index:9999; }
.c1 h2{width: calc( 100% - 50px );background-image: url(images/i2.png?v=2001);background-repeat: no-repeat;background-position: left -20px; background-size: 30%; margin-top: 173px; padding-bottom:25px; padding-left:50px;}
.c1 .tt{width: calc( 100% - 70px );color: #111;font-size: 14px;line-height:30px; padding-left:50px; padding-right:20px; padding-top:30px; padding-bottom:30px; background-color: rgba( 255,255,255,0.85 );}
.c1 .tt p{padding-bottom:20px; width: 100%;}

.c2{position:relative; width:calc( 100% - 20px ); margin:0px 10px 0 10px; z-index:0;}
.c2 h2{	width: calc( 100% - 50px ); background-image: url(images/i2-h5.png);background-repeat: no-repeat; text-align:right; padding-right:50px;background-position: right 75px;padding-top: 100px; padding-bottom:25px; background-size: 30%;}
.c2 .tt{width: calc( 100% - 60px ); color: #111111;font-size: 14px;line-height: 18px; padding-right:40px; padding-left:20px; padding-bottom:30px; padding-top:30px; background-color: rgba( 255,255,255,0.85 );}
.c2 .tt p{padding-bottom:20px;width: 100%; font-size:14px;}
.c2 .tt h3{font-size: 16px;padding-bottom: 10px; padding-top:10px;color: #fff;}
.c2 .tt h4{font-size: 14px;padding-bottom: 10px;color: #c21729; width:100%;}

.c2-2{position:relative; width:calc( 100% - 20px ); margin:0px 10px 0 10px; z-index:0;}
.c2-2 h1{width: calc( 100% - 50px ); background-image: url(images/i2-h5.png);background-repeat: no-repeat; text-align:left; padding-right:50px;background-position: right 75px;padding-top: 100px; padding-bottom:25px; background-size: 30%;}
.c2-2 h2{width: calc( 100% - 50px ); background-image: url(images/i2-h5.png);background-repeat: no-repeat; text-align:right; padding-right:50px;background-position: right 75px;padding-top: 100px; padding-bottom:25px; background-size: 30%;}
.c2-2 .tt{width: calc( 100% - 20px ); color: #111111;font-size: 14px;line-height: 18px; margin-right:0px; padding-left:20px; padding-bottom:30px; padding-top:30px; background-color: rgba( 255,255,255,0.85 );}
.c2-2 .tt p{padding-bottom:20px;width: calc( 100% - 20px ); padding-right:20px; font-size:14px;}
.c2-2 .tt h3{font-size: 16px;padding-bottom: 10px; padding-top:10px;color: #fff;}
.c2-2 .tt h4{font-size: 14px;padding-bottom: 10px;color: #c21729; width:100%;}

.cop{ position:relative; width: calc( 100% - 40px );background-color:#f8f8f8;color: #111111;font-size: 14px; margin-top: 100px;padding: 50px 20px;border-top:0px #c21729 solid; z-index:0;}
.cop h2{width: 100%;font-size: 16px; line-height:30px;}
.cop p{padding-bottom:20px;width: 100%;text-align: justify; line-height:24px;}

.wx{position: fixed; width: 100%;height: 40px;background-color: rgba(0,0,0,0.8); border-top:5px #333333 solid; z-index:1000;}
.wx p{font-size: 25px!important; width:100%; text-align:center;}
.wx p a{color: #c21729;text-decoration: none;}

.btn{ width:100%; position:relative; text-align:center;}
.btn a{
	padding: 10px 30px;
	background-color: #c21729;
	color: #FFF;
	font-size: 20px;
	border-radius: 30px;
	font-weight: bold;
	text-decoration: none !important;
}