.nav { height:47px; background:#2E3848; position:relative; z-index: 999; }
.sub_nav {top:46px;}
.nav_line { position:absolute; width:100%; height:1px; background:#a10300; top:1px; left:0; z-index:10 }
.nav { font-size:0; }
.nav li { display:inline-block; position:relative;font-size:18px; font-family:"Microsoft YaHei"; line-height:46px; *display:inline;float:left;
*zoom:1
}
.nav li a { color:#fff; display:block; padding:0 40px; background:none; }
.nav li a:hover, .nav li a.on ,.nav li a.on1{ background:#222A3A; }
.nav .sub_nav a {height: 40px;line-height: 40px;font-size: 14px;}
.nav .sub_nav a:hover, .nav .sub_nav a.active {color: #222A3A;font-weight: 700;}
/* 模板导航 */
#header_home .home,#header_product .product,#header_activity .activity,#header_guide .guide,#header_question .question{background:#222A3A;}

.wrapper {position: relative;height: 878px;}
.inner {width: 1040px; margin: 0 auto}
.main {position: absolute;top:0;left: 0;width: 100%;height: 878px;background:#232532 url(../images/bg.jpg) top center no-repeat;font: 12px/24px SimSun;}
.main .info {float: right;width: 590px;margin: 180px 40px 0 0;color: #FFF;}
.main .info .title {font-size: 36px;font-weight: 700;height: 48px;line-height: 48px;padding-left: 78px;background: url(../images/ico.png) 0 0 no-repeat}
.main .info .desc {font-size: 18px;line-height: 42px;margin-top: 30px}
.main .info .ewm {width: 140px;white-space: nowrap;font-size: 14px;margin-top: 30px;padding-top: 152px;background: url(../images/ewm.jpg) 0 0 no-repeat;text-align: center;line-height: 20px}
.main .inner {height: 802px;position: relative}
.slide {position: absolute;left: 40px;top: 160px;}
.slide .box {position: absolute;left: 0;top: 0;border: none;background: none;float: unset;margin-bottom: 0;}
.active.rightIn { -webkit-animation: r_l 1s ease; -moz-animation: r_l 1s ease; -o-animation: r_l 1s ease; animation: r_l 1s ease; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards;}
@-webkit-keyframes r_l {
    0% {-webkit-transform: translateX(80px); opacity: 0}
    100% {-webkit-transform: translateX(0px); opacity: 1}
}
@-moz-keyframes r_l {
    0% {-moz-transform: translateX(80px); opacity: 0}
    100% {-moz-transform: translateX(0px); opacity: 1}
}
@-o-keyframes r_l {
    0% {-o-transform: translateX(80px); opacity: 0}
    100% {-o-transform: translateX(0px); opacity: 1}
}
@keyframes r_l {
    0% {transform: translateX(80px); opacity: 0}
    100% {transform: translateX(0px); opacity: 1}
}
.slide-bar {width: 240px;margin-top: 534px;text-align: center}
.slide-bar .bar {display: inline-block;width: 24px;height: 4px;background-color: #FFF;border-radius: 3px;opacity: .3;margin-right: 10px;}
.slide-bar .bar:last-child {margin-right: 0}
.slide-bar .bar.active {opacity: .8;transition: .5s}

.guide-title {
    font-size: 48px;
    font-weight: 700;
    color: #2E3848;
    text-align: center;
    line-height: 70px;
    margin: 30px auto 20px;
}
.guide-desc {
	font-size: 18px;
	color: #666;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	width: 850px;
	margin: 0 auto;
}
.card-wrap {
	height: 216px;
	position: relative;
}
.card {
	position: absolute;
	left: 50%;
	top: 32px;
	width: 380px;
	height: 154px;
	background: linear-gradient(180deg, #EEF2F8 0%, #FAFBFC 100%);
	box-shadow: 0px 2px 8px 0px #E7EAED;
	border-radius: 6px;
	margin-left: 30px;
	padding: 20px 50px;
	color: #222A3A;
	box-sizing: border-box;
}
.card:first-child {
	margin-left: -420px;
}
.card .title {
	line-height: 44px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	position: relative;
}
.card .title img {
	width: 44px;
	vertical-align: middle;
	margin-right: 20px;
}
.card .title span {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	font-weight: 300;
}
.card .desc {
	font-size: 14px;
}
.card .tab {
	height: 50px;
	width: 850px;
}
.card .tab span {
	float: left;
}
.card .tab span.s1, .card .tab span.s2 {
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	color: #3969FB;
	border: 1px solid #3969FB;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 14px;
	background-color: #E8F6FF;
}
.card .tab span.s2 {
	color: #FA6400;
	border-color: #FA6400;
	background-color: #FFF4EC;
}
.card .tab span.rarr {
	font-size: 20px;
	line-height: 40px;
	padding: 0 5px;
	color: #3969FB;
	font-weight: 700;
}

.img-wrap {
	height: 486px;
	position: relative;
}
.img-wrap img {
	position: absolute;
	left: 50%;
	top: 0;
}
.img-wrap img.img1 {
	margin-left: -380px;
}
.img-wrap img.img2 {
	margin-left: -100px;
}
.img-wrap img.img3 {
	margin-left: 180px;
}

.cjwt-header {
	width: 1040px;
	margin: 20px auto;
	height: 160px;
	background: url(../images/cjwt_bg.jpg) -40px 0 no-repeat;
}
.cjwt-header .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #333;
	padding: 30px 0 20px 40px;
}
.cjwt-header .desc {
	font-size: 18px;
	color: #666;
	line-height: 28px;
	padding-left: 40px;
}
.cjwt-list {
	width: 1040px;
	padding: 30px 0 10px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
	font-weight: 700;
	line-height: 28px;
}
.cjwt-list .item {
	padding-left: 40px;
	position: relative;
	margin-bottom: 40px;
}
.cjwt-list .item .que {
	color: #3969FB;
	margin-bottom: 10px;
	font-family: sans-serif;
}
.cjwt-list .item .ask {
	font-family: serif;
}
.cjwt-list .item i {
	position: absolute;
	left: 5px;
	width: 28px;
	height: 28px;
	background: linear-gradient(180deg, #73ADFE 0%, #487CFB 100%);
	border-radius: 4px;
	line-height: 28px;
	text-align: center;
	color: #FFF;
}
.cjwt-list .item dt {
	margin: 16px 0 6px 0;
	position: relative;
	padding-left: 20px;
	color: #6387f5;
}
.cjwt-list .item dt:first-child {
	margin-top: 0;
}
.cjwt-list .item dt:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 4px solid #6387f5;
	position: absolute;
	left: 0;
	top: 6px;
}