﻿/* FAQ */
.bd_kd {

    width: 1200px;
    height:560px;
    margin: 0 auto;

}
.bd5_bt{background:url(../images/bd_wdbtbg.jpg) no-repeat left center; padding-top:105px; height:64px; font-size:30px; color:#033d97; padding-left:606px;}
.bd_5{padding-bottom:0px;height: 800px;background: url("../images/lteal.jpg") no-repeat center;}
.bd5_nav{width:200px; margin:auto;margin-top: 50px;}
.bd5_nav a{text-decoration:none;width:20px; height:20px; text-align:center; display:block; float:left; color:#00d5ff; cursor:pointer; margin:0 10px; background:url(../images/bd_5bg.png) no-repeat; font-size:24px; line-height:20px; padding-top:0px;}
.bd5_nav a:hover{text-decoration:none;}
.bnr5_nr{padding:10px 0;  color:#fff;}
.bnr5_nr h1{font-size:24px; width:960px; margin:0 auto; padding-bottom:5px;color: #fff; text-align:left ;}
.bnr5_nr h2 p{font-size:14px; width:960px; margin:0 auto; font-weight:normal; line-height:26px;color: #fff;}

/* ���� */
.LTEfw {width:1200px;height:830px;margin:0 auto;overflow:hidden;}
.LTEfw_con {margin-top:38px;border:1px solid #dcdcdc;width:1200px;height:570px;}
.LTEfw_left {float:left;margin:13px 8px 0 12px;width:356px;height:544px;position:relative;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;}
.LTEfw_left:hover {transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);}
.LTEfw_left a {display:block;position:absolute;bottom:38px;left:83px;border:2px solid #dcdcdc;width:150px;height:46px;padding-left:30px;border-radius:50px;line-height:46px;font-size:22px;color:#fff;}
.LTEfw_left a i {display:inline-block;background-position:-128px -74px;width:23px;height:23px;position:absolute;top:11px;left:122px;}
.LTEfw_left a:hover {border:2px solid #3364b2;background:#3364b2;}
.title h3 {letter-spacing: 2px;margin-bottom: 18px;font-size: 38px;Helvetica;Arial;sans-serif;font-weight: 400;color: #000;text-align: center;}
.title h3 span {    color:#5868fe;font-size: 38px;}
.title p {    font-size: 18px;    color: #515151;}
.title em {    display: block;   margin: 20px auto;   width: 65px;   height: 4px;  background: #5868fe;}
.LTEfw_right {float:left;width:822px;}
.LTEfw_right_shade {float:left;width:265px;height:268px;margin:12px 8px 0 0;display:inline}
.LTEfw_right_shade a {display:block;width:100%;height:220px;position:relative}
.LTEfw_right_shade a .bg {width:100%;height:100%;position:absolute;left:0;top:0px;z-index:2;background:rgba(0,0,0,.5) none scroll 0 0 !important;filter:alpha(opacity=50);background:#000000;transition:all .3s linear 0s;opacity:0}
.LTEfw_right_shade a:hover .bg {opacity:1}
.LTEfw_right_shade a .txt {width:265px;text-align:center;display:block;font-size:16px;line-height:24px;color:#fff;position:absolute;z-index:3;left:0;top:70px;opacity:0;filter:alpha(opacity=0);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;}
.LTEfw_right_shade a:hover .txt {opacity:1;filter:alpha(opacity=100);animation:orangeIn 0.3s ease;}
.LTEfw_right_shade .tit p {width:265px;height:46px;line-height:46px;text-align:center;color:#000; background:#f7f7f7;font-size:18px;}


.div1 {
	width: 400px;
	height: 330px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	float: right;
	padding-left: 50px;
}

@keyframes anis { 100% {
	transform: translateY(-200px)
}

}
.div2 {
	animation: anis 10s linear infinite;
}

.div2:hover {
	animation-play-state: paused;
}

