@font-face { 

  	font-family: DINMED; 

  	src: url('en_Din/DIN-MediumItalic.otf'); 

} 

#brand{

	width: 100%;

	height: 650px;

}

.brand{

	width: 1200px;

	height: 650px;

	margin: 0 auto;

	position: relative;

}

.brand_01{

	width: 480px;

	height: auto;

	float: left;

	margin-left: 100px;

}

.brand_01 div{

	width: 64px;

	height: 8px;

	background: #337dff;

	margin-top: 175px;

}

.brand_01 h5{

	font-size: 36px;

	color: #222;

	font-weight: bold;

	line-height: 50px;

	margin-top: 35px;

}

.brand_01 span{

	font-size: 28px;

	color: #222;

	line-height: 50px;

	display: block;

	margin-bottom: 35px;

}

.brand_01 p{

	font-size: 16px;

	color: #707070;

	line-height: 30px;

}

.brand_01 button{

	width: 180px;

	height: 42px;

	display: block;

	font-size: 16px;

	background: #337dff;

	text-align: center;

	line-height: 42px;

	color: #fff;

	margin-top: 70px;

	border: none;

	outline: none;

	transition: all 0.6s;

	float: left;

}

.brand_01 button:hover{

	background: #1849C6;

	color: #fff;

}

.brand_02{

	width: 316px;

	/* height: 665px; */

	position: absolute;

	right: 100px;

	top: 100px;

}









#bring,#mailbox{

	width: 100%;

	height: auto;

}

.bring,.mailbox{

	width: 1200px;

	height: auto;

	margin: 0 auto;

	overflow: hidden;

}

.bring_01,.mailbox_01{

	width: 100%;

	text-align: center;

	margin-top: 140px;

}

.bring_01 div,.mailbox_01 div{

	width: 64px;

	height: 8px;

	background: #337dff;

	margin: 0 auto;

}

.bring_01 span,.mailbox_01 span{

	font-size: 32px;

	font-weight: bold;

	color: #222;

	line-height: 100px;

}

.bring_01 p{

	font-size: 16px;

	color: #666;

	line-height: 32px;

	margin-top: -10px;

}

.bring_02{

	width: 1200px;

	height: auto;

	display: flex;

	justify-content: space-around;

	align-items: center;

	flex-wrap: wrap;

	margin-top: 100px;

}

.bring_02 li{

	width: 240px;

	height: 200px;

	position: relative;

	overflow: hidden;

	text-align: center;

	/*border: 1px black solid;*/

	border-bottom: 2px #fff solid;

}

.bring_02 .active{

	border-bottom: 2px #337DFF solid;

}

.bring_02_01,.bring_02_01s{

	width: 70px;

	height: 69px;

	display: block;

	/*margin: 15px auto;*/

	left: 85px;

	position: absolute;

	z-index: 5;

	transition: all 0.6s;

}

.bring_02_01s{

	opacity: 0;

}

.bring_02 .active div .bring_02_01{

	opacity: 0;

}

.bring_02 .active div .bring_02_01s{

	opacity: 1;

}

.bring_02 div{

	width: 120px;

	height: 135px;

	display: block;

	margin: 0 auto;

	overflow: hidden;

}

.bring_02 p{

	width: 48px;

	height: 48px;

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	margin: auto;

	transition:all 1s linear;

	-moz-transition:all 1s linear; /* Firefox 4 */

	-webkit-transition:all 1s linear; /* Safari and Chrome */

	-o-transition:all 1s linear; /* Opera */

}

.bring_02 p{

	/*background: #fff;*/

	z-index: 4;

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);		/* IE 9 */

	-webkit-transform: rotate(45deg);	/* Safari and Chrome */

	-o-transform: rotate(45deg);		/* Opera */

	-moz-transform: rotate(45deg);

	transition:all 1s linear;

	-moz-transition:all 1s linear; /* Firefox 4 */

	-webkit-transition:all 1s linear; /* Safari and Chrome */

	-o-transition:all 1s linear; /* Opera */

	/*background: red;*/

}

/*.bring_02 li:hover div p{

	left: -75px;

	bottom: -75px;	

	background: red;

}*/

.bring_02 h5{

	font-size: 18px;

	font-weight: bold;

	color: #222;

	line-height: 36px;

	margin-top: 100px;

	transition: all 1s;

}

.bring_02 .active h5{

	color: #3e81ef;

}

.bring_02 span{

	font-size: 14px;

	color: #666;

	line-height: 28px;

}











#telephone{

	width: 100%;

	min-width: 1200px;

	height: 360px;

	background: #f7f8fa;

}

.telephone{

	width: 1200px;

	height: 360px;

	margin: 0 auto;

}

.telephone ul{

	width: 1200px;

	height: 360px;

	align-items: center;

	justify-content: space-between;

	display: none;

	/*transition: all 1s;*/

}

.telephone .active{

	display: block;

}

.telephone li{

	width: 260px;

	height: 254px;

	padding: 0 60px;

	text-align: center;

	overflow: hidden;	

	cursor: pointer;

	transition: all 1s;

	float: left;

	margin-top: 53px;

}

.telephone li:nth-of-type(2){

	margin: 0 30px;

	margin-top: 53px;

}

.telephone li:hover{

	background: #fff;

	box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.1);

}

.telephone li div{

	font-size: 48px;

	font-family: DIN;

	color: #337dff;

	line-height: 110px;

	margin-top: 10px;

}

.telephone li span{

	color: #666;

	line-height: 24px;

	font-size: 14px;

}







#playKing{

	width: 100%;

	min-width: 1200px;

	height: auto;

}

.playKing{

	width: 1200px;

	height: auto;

	margin: 0 auto;

	overflow: hidden;

	margin-bottom: 50px;

}

.playKing_01{

	width: 1180px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	padding: 50px 0px;

}

.playKing_01 li{

	width: 389px;

	height: auto;

	float: left;

	text-align: center;

	border: 1px #ebebeb solid;

}

.playKing_01 li:first-of-type{

	border-right: none;

}

.playKing_01 li:last-of-type{

	border-left: none;

}

.playKing_01 li:nth-of-type(2){

	width: 396px;

	border: 2px #337DFF solid;

	margin-top: -12px;

	box-shadow: 0px 5px 35px 5px rgba(51,125,255,0.2);

}

.playKing_01 li h3{

	width: 100%;

	height: 87px;

	line-height: 87px;

	font-size: 18px;

	color: #222;

	font-weight: bold;

}

.playKing_01 li:nth-of-type(2) h3{

	padding-top: 12px;

}

.playKing_01 li div,.playKing_01 li span{

	width: 100%;

	height: 48px;

	line-height: 48px;

	text-align: center;

	display: block;

	overflow: hidden;

}

.playKing_01 li div{

	background: #f0f5ff;

}

.playKing_01 li div img,.playKing_01 li span img{

	display: block;

	margin: 0 auto;

}

.playKing_01 li:nth-of-type(2) img{

	margin-top: 14px;

}

.playKing_01 li:last-of-type img{

	margin-top: 17.5px;

}

.playKing_01 li button{

	width: 180px;

	height: 42px;

	background: #337DFF;

	display: block;

	color: #fff;

	text-align: center;

	line-height: 42px;

	margin: 20px auto;

	border: none;

	outline: none;

	transition: all 0.6s;

}

.playKing_01 li button:hover{

	color: #fff;

	background: #1849C6;

}

.playKing_01 li:nth-of-type(2) span:last-of-type{

	height: 82px;

}