﻿* {
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
	font-family: "微软雅黑";
}

body, html {
	height: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .0) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, .4) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

/*js效果样式*/
.jsbox01, .jsbox02, .jsbox03 {
	position: relative;
	opacity: 0;
	top: 70px
}

.pstbox {
	position: relative;
}

.pstbox .img002 {
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	top: 100px
}

.jsbox04 {
	position: relative;
	left: -200px;
	opacity: 0
}

.jsbox05 {
	position: relative;
	left: 200px;
	opacity: 0
}

.sy_mid {
	width: 100%;
	height: 850px;
	background: url(../img/atsy_04.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
	perspective: 500px;
}

.sy_gg {
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

.sy_gg a {
	font-size: 14px;
	line-height: 56px;
	color: #999999;
}

.sy_gg a:hover {
	color: #333333;
}

.sy_gg img {
	width: 6px;
	margin: 0 6px;
}

.sy_ct {
	width: 272px;
	height: 272px;
	background-color: white;
	display: inline-block;
	margin-top: 268px;
	position: relative;
}

.sy_ctpic {
	width: 178px;
	height: 66px;
	margin: 0 auto;
	margin-top: 94px;
}

.sy_ctpic img {
	width: 100%;
	height: 100%;
}

.sy_ct>p {
	color: #e60012;
	text-align: center;
	font-size: 12px;
	padding-top: 22px;
}

.sy_bbox {
	position: absolute;
	perspective: 500px;
}

.sy_bbox>* {
	transform-style: preserve-3d;
}

.a {
	top: -224px;
	width: 132px;
	height: 224px;
	transition: 1s;
	-webkit-transition: 1s
}

.a:hover {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}

.b {
	top: -134px;
	right: -208px;
}

.c {
	top: 66px;
	left: -206px;
}

.d {
	top: 132px;
	right: -308px;
}

.e {
	bottom: -134px;
	left: -317px;
}

.f {
	bottom: -208px;
	left: 65px;
}

.sy_link1 {
	width: 132px;
	height: 224px;
	background-color: #47ade0;
	position: absolute;
}

.sy01box01 {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}

.sy01box02 {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}

.sy_linkpic {
	width: 44px;
	height: 44px;
	margin: 0 auto;
}

.sy_p1 {
	color: white;
	font-size: 12px;
	line-height: 20px;
	padding-top: 12px;
}

.sy_link1 .sy_linkpic {
	padding-top: 80px;
}

.sy_link2 {
	position: relative;
	width: 348px;
	height: 134px;
	background-color: #aaaaaa;
}

.sy_link2 .sy_linkpic {
	padding-top: 24px;
}

.sy_link3 {
	position: relative;
	width: 206px;
	height: 206px;
	background-color: #e60012;
}

.sy_link3 P {
	line-height: 206px;
	color: white;
	font-size: 12px;
}

.sy_link4 {
	width: 308px;
	height: 140px;
	background-color: #e60012;
	position: relative;
}

.sy_link4 .sy_linkpic {
	padding-top: 28px;
}

.sy_link5 {
	width: 382px;
	height: 134px;
	background-color: #aaaaaa;
	position: relative;
}

.sy_link5 .sy_linkpic {
	padding-top: 26px;
}

.sy_link6 {
	width: 208px;
	height: 208px;
	background-color: #47ade0;
	position: relative;
}

.sy_link6 .sy_linkpic {
	padding-top: 56px;
}

.sy_pcc {
	position: absolute;
}

.sy_jy {
	width: 132px;
	height: 132px;
	position: relative;
}

.sy_jy img {
	width: 100%;
	height: 100%;
}

.g {
	top: -66px;
	left: -132px;
}

.h {
	top: 0;
	right: -132px;
}

.i {
	bottom: -131px;
	right: -132px;
}

.sy_jy img {
	position: absolute;
	left: 0;
	top: 0;
}

.gywm_mid {
	background: url(../img/gywm_02.jpg) no-repeat center top;
	background-size: 100% 100%;
	width: 100%;
	height: 850px;
	text-align: center;
	opacity: 0;
}

.gywm_bbox {
	width: 604px;
	height: 564px;
	display: inline-block;
	position: relative;
	margin-top: 100px;
	position: relative;
	overflow: hidden;
}

.star {
	position: absolute;
}

.gywm_a {
	top: -258px;
	left: -324px;
}

.gywm_box1 {
	width: 258px;
	height: 324px;
	background-color: white;
	position: relative;
}

/*.gywm_box1 .odiv {
	width: 48px;
	height: 62px;
	margin: 0 auto;
	padding-top: 78px;
}
.gywm_box1 .odiv img {
	width: 100%;
	height: 100%;
}*/
.gywm_box1 .gywm_longe a {
	display: block;
	width: 78px;
	height: 25px;
	border: 1px solid #e60012;
	line-height: 25px;
	color: #e60012;
	font-size: 14px;
	margin-top: 3px;
	float: left;
	margin-left: 120px;
	transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-ms-transition: 1.5s;
}

.gywm_box1 p {
	color: #e60012;
	font-size: 12px;
	text-align: center;
	padding-top: 16px;
}

.gywm_b {
	left: 276px;
	top: 102px;
}

.gywm_box2 {
	width: 328px;
	height: 222px;
	background-color: #47ade0;
}

/*.gywm_box2 .odiv {
	width: 76px;
	height: 64px;
	margin: 0 auto;
	padding-top: 48px;
}
.gywm_box2 .odiv img {
	width: 100%;
	height: 100%;
}*/
.gywm_box2 a {
	display: block;
	margin: 0 auto;
	width: 78px;
	height: 25px;
	border: 1px solid white;
	line-height: 25px;
	color: white;
	font-size: 14px;
	margin-top: 16px;
}

.gywm_box2 P {
	color: white;
	font-size: 12px;
	text-align: center;
	padding-top: 16px;
}

.gywm_c {
	bottom: 48px;
}

.gywm_box3 {
	width: 258px;
	height: 174px;
	background-color: #e60012;
}

/*.gywm_box3 .odiv {
	width: 66px;
	height: 50px;
	margin: 0 auto;
	padding-top: 24px;
}
.gywm_box3 .odiv img {
	width: 100%;
	height: 100%;
}*/
.gywm_box3 a {
	display: block;
	margin: 0 auto;
	width: 78px;
	height: 25px;
	border: 1px solid white;
	line-height: 25px;
	color: white;
	font-size: 14px;
	margin-top: 16px;
}

.gywm_box3 P {
	color: white;
	font-size: 12px;
	text-align: center;
	padding-top: 16px;
}

.gywm_d {
	bottom: 0;
	left: 276px;
}

.gywm_box4 {
	width: 206px;
	height: 222px;
	background-color: white;
}

.gywm_box4 .odiv {
	width: 108px;
	height: 40px;
	margin: 0 auto;
	padding-top: 92px;
}

.gywm_box4 .odiv img {
	width: 100%;
	height: 100%;
}

.gywm_a {
	left: -258px;
	top: -324px;
}

.gywm_b {
	right: -328px;
	top: -222px;
}

.gywm_c {
	left: -258px;
	bottom: -174px;
}

.gywm_d {
	bottom: -222px;
	right: -206px;
	perspective: 500px;
}

.ov {
	overflow: hidden;
}

.text {
	margin-top: 0;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.tet {
	position: absolute;
	left: 82px;
	top: 188px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.gywm_longe {
	position: absolute;
	width: 700px;
	margin: 0 auto;
	margin-top: 19px;
	left: -130px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	top: 140px;
}

.gywm_longe .gywm_p1 {
	color: #e60012;
	font-size: 25px;
	padding: 0;
	float: left;
	transition: 0.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	-ms-transition: 1.5s;
}

.odiv {
	position: relative;
	top: 0;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.gywm_box1:hover .odiv {
	top: -180px
}

.gywm_box1:hover .text {
	margin-top: -25px;
}

.gywm_box1:hover .gywm_longe {
	top: 108px;
}

.gywm_box1:hover .tet {
	top: 180px;
}

.gywm_box1:hover .gywm_longe .gywm_p1 {
	margin-left: 210px;
}

.gywm_box1:hover .gywm_longe a {
	margin-left: 292px;
}

.gywm_box2:hover .odiv {
	top: -180px
}

.gywm_box2:hover .text {
	margin-top: -45px;
}

.gywm_box3:hover .odiv {
	top: -180px
}

.gywm_box3:hover .text {
	margin-top: -25px;
}

.main_m_6 {
	margin: 20px auto 5px auto;
	padding-top: 30px;
	width: 1250px;
	overflow: hidden;
}

.main_m_6 p {
	line-height: 26px;
	font-size: 14px;
	text-indent: 36px;
}

.main_m_6 h2 {
	font-size: 16px;
	text-indent: 36px;
	line-height: 32px;
}

.rlt {
	position: relative;
	width: 206px;
	height: 222px;
	transform-style: preserve-3d;
	transform-origin: center center -103px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.rlt:hover {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}

.dwbox01 {
	position: absolute;
	top: 0;
	left: 0;
}

.dwbox02 {
	position: absolute;
	top: 0;
	left: -103px;
	transform: rotateY(-90deg) translateX(-103px);
	-webkit-transform: rotateY(-90deg) translateX(-103px);
}

.xg_mid {
	width: 100%;
	text-align: center;
}

.xg_mid .xg_box1 {
	width: 410px;
	height: 280px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0 20px;
}

.xg_mid .xg_box1 img {
	width: 100%;
	height: 100%;
}

.xg_blk {
	width: 410px;
	height: 280px;
	background-color: black;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
}

.xg_line {
	width: 100px;
	height: 1px;
	background-color: white;
	opacity: 0;
	margin: 0 auto;
	margin-top: 120px;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
}

.xg_box1 p {
	position: absolute;
	color: white;
}

.xg_p1 {
	left: 172px;
	top: -50px;
	transition: 1.5s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
}

.xg_p2 {
	left: 160px;
	font-size: 12px;
	bottom: -30px;
	transition: 1.5s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
}

.xg_mid .xg_box1:hover .xg_blk {
	opacity: 0.7;
}

.xg_mid .xg_box1:hover .xg_blk .xg_line {
	opacity: 0.7;
}

.xg_mid .xg_box1:hover .xg_p1 {
	top: 94px;
}

.xg_mid .xg_box1:hover .xg_p2 {
	bottom: 122px;
}

.top_line {
	/* width: 100%; */
	width: 1300px;
	margin: 0 auto;
	/*border-bottom: 1px solid #eee;*/
	overflow: hidden;
}

.top_select {
	width: 96%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.top_sell {
	overflow: hidden;
	float: left;
}

.top_selr {
	width: 500px;
	overflow: hidden;
	float: right;
	text-align: right;
}

.top_line a {
	color: #999999;
	font-size: 14px;
	line-height: 56px;
	padding: 0 14px;
}

.top_line a:hover {
	color: #333333;
}

.top_sell a:first-child {
	padding-left: 0;
}

.top_selr a:first-child {
	padding-left: 0;
}

.xwxqy_mid {
	width: 1000px;
	overflow: hidden;
	/*	background-color: #fafafa;*/
	margin: 0 auto;
}

/*.xwxqy_p1 {
	
}*/
.xwxqy_mid h1 {
	padding-top: 68px;
	color: #333333;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.xwxqy_time {
	width: 300px;
	overflow: hidden;
	margin: 20px auto 30px;
	border-top: 1px solid #d7d7d7;
}

.xwxqy_mid .con {
	margin: 15px 0;
	overflow: hidden;
	text-indent: 15px;
	background: #f4f4f4;
	padding: 10px;
}

.xwxqy_p2 {
	color: #999999;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
}

.xwxqy_text1 {
	width: 1166px;
	overflow: hidden;
	margin: 0 auto;
}

.xwxqy_p3 {
	padding-top: 24px;
	color: #33.xwxqy_bottom3333;
	font-size: 14px;
}

.xwxqy_p4 {
	padding-top: 24px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.xwxqy_pic {
	width: 1166px;
	height: 482px;
	margin: 0 auto;
	mar.xwxqy_bottomgin-top: 42px;
}

.xwxqy_pic img {
	width: 100%;
	height: 100%;
}

.xwxqy_a {
	width: 164px;
	display: block;
	line-height: 42px;
	font-size: 14px;
	color: #333333;
	border: 1px solid #d7d7d7;
	margin-top: 136px;
	text-align: center;
	float: right;
	margin-bottom: 42px;
}

.xwxqy_bottom {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 14px;
	margin-bottom: 68px;
}

.xwxqy_bottom a {
	font-size: 14px;
	color: #333333;
	width: 378px;
	display: block;
	margin-top: 18px;
}

.atxw_pic {
	width: 100%;
	height: 452px;
	position: relative;
}

.atxw_pic img {
	width: 100%;
	height: 100%
}

.atxw_sfg {
	position: absolute;
	width: 257px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	bottom: 58px;
	margin: auto;
	left: 0;
	right: 0
}

.atxw_sfg a {
	display: block;
	width: 128px;
	line-height: 28px;
	color: #999999;
	font-size: 14px;
	text-align: center;
	float: left;
	background-color: white;
}

.atxw_sfg a:first-child {
	border-right: 1px solid #d7d7d7;
}

.atxw_sfg a:hover {
	color: #333333;
}

.atxw_sg {
	width: 1352px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-top: 45px;
	padding-bottom: 72px;
	border-bottom: 1px solid #ccc;
}

.atxw_ltbox {
	width: 447px;
}

.atxw_ltpic {
	width: 406px;
	height: 248px;
	margin: 0 auto;
}

.atxw_ltpic img {
	width: 100%;
	height: 100%;
}

.atxw_text {
	width: 447px;
	overflow: hidden;
	/*border-right: 1px solid #cccccc;*/
	margin-top: 36px;
}

.atxw_p1 {
	text-align: left;
	width: 406px;
	height: 60px;
	margin: 0 auto;
	color: #666;
	font-size: 18px;
	font-weight: bold;
}

.atxw_p2 {
	text-align: left;
	width: 406px;
	margin: 0 auto;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	padding-top: 12px;
}

.atxw_rq {
	width: 406px;
	margin: 0 auto;
	margin-top: 22px;
}

.atxw_rq p {
	font-size: 12px;
	color: #999999;
	width: 76px;
	float: right;
}

.atxw_bigbox {
	width: 447px;
	display: inline-block;
}

.atxw_sg .atxw_bigbox:last-child .atxw_text {
	border: none;
}

.atxw_zs {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 26px;
	border-bottom: 1px solid #ccc;
}

.atxw_zspic {
	width: 328px;
	height: 202px;
	float: left;
	margin-bottom: 26px;
}

.atxw_zspic img {
	width: 100%;
	height: 100%;
}

.atxw_tet {
	width: 900px;
	float: right;
}

.atxw_p3 {
	padding: 22px 0;
	font-size: 18px;
	color: #333333;
	border-bottom: 1px #eee solid;
}

.atxw_p4 {
	font-size: 14px;
	color: #999999;
	line-height: 160%;
	margin-top: 18px;
}

.atxw_nth {
	width: 160px;
	margin: 0 auto;
	margin-top: 44px;
}

.atxw_nth li {
	border: 1px solid #d7d7d7;
	width: 30px;
	font-size: 12px;
	overflow: hidden;
	line-height: 32px;
	color: #666666;
	float: left;
	text-align: center;
	margin-bottom: 60px;
}

.atxw_nth li:hover {
	color: white;
	background-color: #e60012;
	border: 1px solid #e60012;
}

.atxw_ntpic {
	background: url(../img/atxw03.png) no-repeat center center;
	height: 32px;
}

.atyx_sp {
	width: 1291px;
	height: 630px;
	margin: 0 auto;
	margin-top: 32px;
	display: block;
	position: relative;
}

.atyx_sp video {
	width: 100%;
	height: 100%;
}

.atyx_vio {
	position: absolute;
	width: 1300px;
	height: 630px;
	background-color: black;
	opacity: 0.2;
	top: 0;
	left: 0;
}

.atyx_vio img {
	margin: 0 auto;
	display: block;
	margin-top: 264px;
}

.atyx_vio p {
	color: white;
	font-size: 24px;
	padding-top: 236px;
	margin-left: 20px;
}

.atyx_nr {
	margin: 0 auto;
	margin-top: 34px;
	width: 1300px;
	overflow: hidden;
	/*border-top: 1px solid #d7d7d7;*/
}

.atyx_lie {
	width: 1330px;
	overflow: hidden;
	text-align: center;
	margin-top: 48px;
}

.atyx_lie>div {
	display: inline-block;
	overflow: hidden;
	margin: 0 9px;
}

.atyx_lpic {
	width: 422px;
	height: 204px;
	position: relative;
}

.atyx_mb {
	width: 422px;
	height: 204px;
	background-color: black;
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
}

.atyx_lie>div:hover .atyx_mb {
	opacity: 0;
}

.atyx_lie>div p {
	font-size: 14px;
	color: #333333;
	text-align: left;
	padding-top: 14px;
}

.fzlc_pic {
	width: 100%;
	position: relative;
	height: 452px;
}

.fzlc_sfg {
	position: absolute;
	width: 386px;
	border: 1px solid #eee;
	overflow: hidden;
	bottom: 55px;
	margin: auto;
	left: 0;
	right: 0
}

.fzlc_sfg li {
	width: 128px;
	border-right: 1px solid #ddd;
	float: left;
	line-height: 32px;
	color: #999999;
	font-size: 14px;
	text-align: center;
	background-color: white;
}

.fzlc_sfg li:last-child {
	border: none;
}

.fzlc_sfg li:hover {
	color: #333;
	background: #eee;
}

.fzlc_lc {
	width: 1306px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 100px;
}

.fzlc_lc>div {
	width: 224px;
	height: 500px;
	float: left;
}

.fzlc_lc>div:first-child {
	width: 186px;
	background-color: #e60012;
}

.fzlc_p0 {
	font-size: 34px;
	color: white;
	width: 70px;
	margin: 0 auto;
	padding-top: 44px;
	line-height: 44px;
}

.fzlc_ltpic {
	width: 18px;
	height: 30px;
	margin: 58px auto;
}

.fzlc_p1 {
	font-size: 24px;
	color: #4d4d4d;
	padding-top: 38px;
	padding-left: 36px;
}

.fzlc_p2 {
	font-size: 13px;
	color: #4d4d4d;
	line-height: 20px;
	width: 140px;
	margin: 0 auto;
	padding-top: 28px;
}

.fzlc_tline {
	width: 1438px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 26px;
	margin-bottom: 130px;
}

.fzlc_tline>div {
	width: 1292px;
	height: 62px;
	margin-left: 146px;
}

.fzlc_tline>div img {
	width: 100%;
	height: 100%;
}

.fzlc_lc .hidden_box {
	width: 1120px;
	position: relative;
	overflow: hidden;
}

.fzlc_lc .fzlc_box {
	position: relative;
	left: 0
}

.fzlc_box {
	overflow: hidden;
}

.fzlc_box>div {
	float: left;
	width: 224px;
	height: 500px
}

.fzlc_lc .fzlc_box>div:nth-child(2n) {
	background-color: #f0f0f0;
}

.fwzc_pic {
	width: 100%;
	height: 508px;
	background: url(../img/fwzc01.jpg) center no-repeat;
}

@keyframes syi {
	0% {
		opacity: 0;
		top: 30px;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

.fwzc_bt {
	opacity: 0;
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-top: 72px;
	padding-bottom: 12px;
	position: relative;
	/*xg*/
}

.fwzc_bt_cf {
	animation: syi 1s;
	animation-fill-mode: forwards;
}

.fwzc_zc1 {
	opacity: 0;
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 35px;
	border-bottom: 1px dashed #d7d7d7;
	position: relative;
}

.fwzc_tb {
	width: 170px;
	float: left;
	overflow: hidden;
}

.fwzc_ltb {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin: 0 20px;
	box-shadow: 0px 3px 7px #888888;
	margin-top: 2px;
	-moz-box-shadow: 0px 4px 5px #eee;
	-webkit-box-shadow: 0px 4px 5px #eee;
	-ms-box-shadow: 0px 4px 5px #eee;
}

.fwzc_a>div {
	width: 42px;
	height: 42px;
	margin: 0 auto;
	padding-top: 44px;
}

.fwzc_ltb>div img {
	width: 100%;
	height: 100%;
}

.fwzc_tb p {
	color: #666666;
	font-size: 16px;
	padding-top: 28px;
	text-align: center;
	line-height: 30px;
}

.fwzc_text {
	width: 1078px;
	float: right;
	overflow: hidden;
	margin-top: 7px;
	margin-bottom: 24px;
}

.fwzc_p1 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-top: 34px;
}

.fwzc_p2 {
	font-size: 14px;
	color: #666666;
	padding-top: 14px;
	line-height: 200%;
}

.sht {
	padding: 0;
}

.fwzc_zc2 {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px dashed #d7d7d7;
	margin-top: 46px;
	position: relative;
}

.fwzc_b>div {
	width: 46px;
	height: 42px;
	margin: 0 auto;
	padding-top: 44px;
}

.fwzc_ltbox {
	width: 1300px;
	overflow: hidden;
}

.fwzc_ltbox>div {
	float: left;
}

.fwzc_bbox1 {
	width: 150px;
	overflow: hidden;
	margin-top: 46px;
	margin-right: 132px;
}

.fwzc_bbox1 .fwzc_boxpic {
	float: left;
	width: 40px;
	height: 40px;
}

.fwzc_boxtext {
	width: 94px;
	float: right;
	overflow: hidden;
}

.fwzc_boxtext p {
	color: #666666;
	font-size: 14px;
}

.fwzc_boxtext span {
	color: #e60012;
	font-size: 14px;
}

.fwzc_qp {
	margin-right: 78px;
}

.fwzc_bbox2 {
	width: 154px;
	overflow: hidden;
}

.fwzc_bbox2>div {
	width: 134px;
	height: 134px;
	margin: 0 auto;
}

.fwzc_bbox2>div img {
	width: 100%;
	height: 100%;
}

.fwzc_bbox2>p {
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	color: #666666;
}

.fwzc_zc3 {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px dashed #d7d7d7;
	margin-top: 46px;
	position: relative;
}

.fwzc_zc3 .fwzc_tb {
	margin-bottom: 28px;
}

.fwzc_c>div {
	width: 52px;
	height: 40px;
	margin: 0 auto;
	padding-top: 44px;
}

.fwzc_zc4 {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px dashed #d7d7d7;
	margin-top: 46px;
	position: relative;
}

.fwzc_zc4 .fwzc_tb {
	margin-bottom: 42px;
}

.fwzc_d>div {
	width: 42px;
	height: 40px;
	margin: 0 auto;
	padding-top: 44px;
}

.fwzc_zc5 {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 46px;
	margin-bottom: 114px;
	position: relative;
}

.fwzc_e>div {
	width: 44px;
	height: 52px;
	margin: 0 auto;
	padding-top: 44px;
}

.fzlc-sf {
	opacity: 0;
}

.gsry_nr {
	opacity: 0;
	width: 1300px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-bottom: 194px;
	/*position: relative;*/
	overflow: hidden;
	/*height: 1150px;*/
}

.gsry_left {
	width: 294px;
	overflow: hidden;
	float: left;
}

.gsry_bt {
	font-size: 38px;
	color: #444;
}

.gsry_sbt {
	font-size: 20px;
	color: #999;
	padding-top: px;
}

.gsry_text {
	padding-top: 32px;
	line-height: 28px;
	font-size: 15px;
	color: #666666;
}

.gsry_nr a {
	margin-top: 52px;
	width: 188px;
	height: 42px;
	background-color: #e60012;
	border-radius: 20px;
	display: block;
}

.gsry_nr a p {
	color: white;
	line-height: 42px;
	font-size: 14px;
	width: 64px;
	float: left;
	padding-left: 40px;
}

.gsry_nr a img {
	float: right;
	padding-right: 6px;
	padding-top: 6px;
}

.gsry_line {
	width: 34px;
	float: left;
	height: 150px;
	border-right: 2px solid #f2f2f2;
	margin-top: 164px;
}

.gsry_right {
	width: 970px;
	float: right;
}

.gsry_pic {
	margin: 0 auto;
	width: 882px;
	overflow: hidden;
	margin-top: 136px;
	position: relative;
}

.gsry_picture {
	width: 714px;
	height: 356px;
	margin: 0 auto;
}

.gsry_pic .gsry_btn div {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 24%;
}

.gsry_pic .gsry_btn div img {
	width: 100%;
	height: 100%;
}

.gsry_lbox {
	left: 0;
}

.gsry_rbox {
	right: 0;
}

.gsjj_text {
	width: 646px;
	overflow: hidden;
	float: left;
	margin-top: 78px;
}

.gsjj_text p {
	width: 560px;
	margin: 0 auto;
	color: #666666;
	font-size: 15px;
	line-height: 28px;
	/* padding-top: 36px; */
}

.gsjj_pic {
	position: absolute;
	width: 356px;
	height: 342px;
	right: -100px;
	top: 164px;
}

.sycp_pic {
	width: 1300px;
	height: 400px;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px solid #d7d7d7;
}

.sycp_pic img {
	width: 100%;
	height: 100%;
}

.sycp_ld {
	width: 1300px;
	width:960px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 66px;
}

.sycp_ld p {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 40px;
}

.sycp_ld ul {
	width: 234px;
	float: left;
	overflow: hidden;
}

.sycp_ld ul li {
	height: 36px;
	width: 232px;
	border: 1px solid #d7d7d7;
	margin-bottom: 15px;
	border-radius: 0 6px 0 6px;
	font-size: 12px;
	color: #999999;
	line-height: 36px;
	text-align: center;
}

.sycp_ld ul li:hover {
	color: white;
	background-color: #e60012;
	border: 1px solid #e60012;
}

.sycp_ld ul .cur {
	color: white;
	background-color: #e60012;
	border: 1px solid #e60012;
}

.sycp_ld div {
	width: 998px;
	width: 709px;
	height: 536px;
	height: 410px;
	float: right;
}

.sycp_ld div img {
	width: 100%;
	height: 100%;
}

.sycp_ty {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 142px;
	padding-bottom: 61px;
	border-bottom: 1px solid #d7d7d7;
}

.sycp_ty p {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 50px;
}

.sycp_ty div {
	width: 1300px;
	height: 504px;
}

.sycp_ty div img {
	width: 100%;
	height: 100%;
}

.sycp_ty ul {
	width: 50px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}

.sycp_ty ul li {
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 10px;
	background-color: #f0f0f0;
}

.sycp_ty ul li:last-child {
	margin: 0;
}

.sycp_ty ul li:hover {
	background-color: #d7d7d7;
}

.sycp_ty ul .cur {
	background-color: #d7d7d7;
}

.sycp_jsaz {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 52px;
}

.sycp_jsaz p {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 76px;
}

.sycp_xh {
	width: 1300px;
	overflow: hidden;
}

.sycp_bg {
	width: 582px;
	height: 368px;
	float: left;
	margin-top: 6px;
}

.sycp_bg img {
	width: 100%;
	height: 100%;
}

.sycp_xhpic {
	width: 650px;
	height: 378px;
	float: right;
}

.sycp_xhpic img {
	width: 100%;
	height: 100%;
}

.sycp_sjt {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 85px;
	text-align: center;
}

.sycp_sbox {
	width: 252px;
	overflow: hidden;
	margin: 0 34px;
	display: inline-block;
}

.sycp_sbpic {
	width: 198px;
	height: 140px;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
}

.sycp_sbpic div {
	width: 186px;
	height: 128px;
	margin: 0 auto;
	margin-top: 6px;
}

.sycp_sbpic div img {
	width: 100%;
	height: 100%;
}

.sycp_p1 {
	font-size: 18px;
	color: #333333;
	padding-top: 30px;
	text-align: center;
}

.sycp_p2 {
	font-size: 12px;
	color: #999999;
	padding-top: 35px;
	line-height: 18px;
}

.sycp_dp {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 126px;
	text-align: center;
	margin-bottom: 278px;
}

.sycp_dp>p {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 56px;
}

.sycp_nr {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.sycp_nr>div {
	margin: 0 24px;
	width: 272px;
	overflow: hidden;
	display: inline-block;
}

.sycp_nrbox {
	width: 270px;
	height: 270px;
	border: 1px solid #d7d7d7;
}

.sycp_a div {
	width: 222px;
	height: 120px;
	margin: 0 auto;
	margin-top: 76px;
}

.sycp_a div img {
	width: 100%;
	height: 100%;
}

.sycp_nbox p {
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding-top: 20px;
}

.sycp_b div {
	width: 184px;
	height: 184px;
	margin: 0 auto;
	margin-top: 44px;
}

.sycp_b div img {
	width: 100%;
	height: 100%;
}

.sycp_c div {
	width: 242px;
	height: 256px;
	margin: 0 auto;
	margin-top: 6px;
}

.sycp_c div img {
	width: 100%;
	height: 100%;
}

.sycp_d div {
	width: 164px;
	height: 246px;
	margin: 0 auto;
	margin-top: 14px;
}

.sycp_d div img {
	width: 100%;
	height: 100%;
}

.sycp_img {
	position: relative;
	width: 998px;
	height: 536px;
}

.sycp_img img {
	position: absolute;
}

.lunbo_tu {
	position: relative;
	height: 503px;
	width: 1300px;
}

.lunbo_tu img {
	position: absolute;
}

.sycp_pro {
	font-size: 0px;
	perspective: 500px;
}

.sycp_pro .box {
	transform-style: preserve-3d;
	transform-origin: center center -162px;
	font-size: 0;
	text-align: center;
	line-height: 325px;
	border: 1px solid #d7d7d7;
	width: 325px;
	height: 325px;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	margin-left: -1px
}

.sycp_pro .box:nth-child(4n+1) {
	margin-left: 0px
}

.sycp_pro .box img {
	vertical-align: middle;
	display: inline-block;
}

.sycp02_top ul {
	text-align: center;
	padding-top: 40px;
	margin-bottom: 50px
}

.sycp02_top ul li {
	margin: 0 4px;
	text-align: center;
	width: 92px;
	display: inline-block;
}

.sycp02_top .pic {
	width: 84px;
	height: 84px;
	background: #fff;
	border-radius: 50%;
	line-height: 92px;
	font-size: 0
}

.sycp02_top .pic img {
	display: inline-block;
	vertical-align: middle;
}

.sycp02_top p {
	font-size: 14px;
	margin-top: px;
	color: #666;
}

.sycp_pro {
	width: 1300px;
	margin: 0 auto
}

.xfcf_nr {
	width: 1300px;
	overflow: hidden;
	background-color: #f2f2f2;
	margin: 0 auto;
	margin-bottom: 82px;
}

.xfcf_pic {
	width: 1300px;
	height: 680px;
}

.xfcf_pic img {
	width: 100%;
	height: 100%;
}

.xfcf_bt {
	font-size: 30px;
	color: #333333;
	text-align: center;
	padding-top: 110px;
}

.xfcf_xbt {
	font-size: 18px;
	color: #999999;
	text-align: center;
	padding-top: 32px;
}

.xfcf_stb {
	width: 1162px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 106px;
}

.xfcf_box {
	width: 126px;
	overflow: hidden;
	margin: 0 20px;
	float: left;
}

.xfcf_spic {
	width: 120px;
	border: 3px solid #d7d7d7;
	border-radius: 50%;
	height: 120px;
}

.xfcf_a {
	width: 54px;
	height: 50px;
	margin: 0 auto;
	margin-top: 36px;
}

.xfcf_a img {
	width: 100%;
	height: 100%
}

.xfcf_box p {
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding-top: 16px;
	line-height: 24px;
}

.xfcf_b {
	width: 40px;
	height: 50px;
	margin: 0 auto;
	margin-top: 36px;
}

.xfcf_b img {
	width: 100%;
	height: 100%
}

.xfcf_c {
	width: 44px;
	height: 48px;
	margin: 0 auto;
	margin-top: 36px;
}

.xfcf_c img {
	width: 100%;
	height: 100%
}

.xfcf_d {
	width: 98px;
	height: 18px;
	margin: 0 auto;
	margin-top: 52px;
}

.xfcf_d img {
	width: 100%;
	height: 100%
}

.xfcf_e {
	width: 46px;
	height: 46px;
	margin: 0 auto;
	margin-top: 36px;
}

.xfcf_e img {
	width: 100%;
	height: 100%
}

.xfcf_f {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	margin-top: 34px;
}

.xfcf_f img {
	width: 100%;
	height: 100%
}

.xfcf_g {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	margin-top: 34px;
}

.xfcf_g img {
	width: 100%;
	height: 100%
}

.xfcf_pic2 {
	width: 1300px;
	height: 420px;
}

.xfcf_pic2 {
	width: 100%;
	height: 100%;
}

.xfcf_npc {
	width: 1116px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 116px;
}

.xfcf_text {
	width: 512px;
	overflow: hidden;
	float: left;
}

.xfcf_p1 {
	font-size: 24px;
	color: #333333;
	padding-top: 8px;
}

.xfcf_p2 {
	font-size: 12px;
	color: #333333;
	line-height: 24px;
	padding-top: 40px;
}

.xfcf_p3 {
	font-size: 16px;
	color: #333333;
	padding-top: 34px;
}

.xfcf_p4 {
	font-size: 12px;
	color: #333333;
	padding-top: 8px;
	line-height: 34px;
}

.xfcf_pic3 {
	width: 504px;
	height: 432px;
	float: right;
	margin-bottom: 60px;
}

.xfcf_pic3 img {
	width: 100%;
	height: 100%;
}

.yhty_pic {
	width: 100%;
}

.yhty_pic img {
	width: 100%;
	height: 100%;
}

.yhty_yx {
	width: 1336px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	position: relative;
	opacity: 0
}

.yhty_yh {
	width: 410px;
	display: inline-block;
	overflow: hidden;
	padding: 0 16px;
	margin-top: 40px;
}

.yhty_tp {
	width: 410px;
	height: 283px;
	position: relative;
}

.yhty_tp img {
	width: 100%;
	height: 100%;
}

.yhty_bj {
	width: 410px;
	height: 283px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
}

.yhty_bj div {
	width: 74px;
	height: 74px;
	margin: 0 auto;
	margin-top: 110px;
}

.yhty_yh p {
	font-size: 12px;
	color: #333333;
	padding-top: 16px;
	text-align: left;
}

.yhty_bbox {
	width: 1336px;
	overflow: hidden;
}

.zsat_pic {
	width: 100%;
}

.zsat_pic img {
	width: 100%;
	height: 100%;
}

.zsat_ewm {
	width: 870px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 84px;
	margin-bottom: 38px;
}

.zsat_text {
	width: 376px;
	float: left;
	height: 234px;
	border-right: 1px solid #d7d7d7;
}

.zsat_text2{
	clear: both;
	margin-top: 20px;
}

.zsat_p1 {
	font-size: 24px;
	color: #999999;
	padding-top: 4px;
	font-weight: bold;
	padding-bottom: 30px;
}

.zsat_p2 {
	font-size: 14px;
	color: #333333;
	line-height: 34px;
}

.zsat_mpic {
	width: 440px;
	overflow: hidden;
	float: right;
}

.zsat_mpic2{
	margin-top: 20px;
}

.zsat_mpic div {
	margin: 0 6px;
	float: left;
}

.zsat_athouse {
	width: 212px;
	height: 212px;
}

.zsat_athouse img {
	width: 100%;
	height: 100%;
}

.zsat_sjw {
	width: 198px;
	height: 198px;
	padding-top: 8px;
}

.zsat_sjw img {
	width: 100%;
	height: 100%;
}

.jmat_nr {
	width: 100%;
	background: url(../img/jmat01.png) no-repeat center center;
	background-size: 100% 100%;
}

.jmat_p {
	text-align: center;
	font-size: 40px;
	color: white;
	font-weight: bold;
	padding-top: 106px;
}

.jmat_p span {
	color: #e60012;
	font-size: 60px;
	padding: 0 12px;
	font-weight: bold;
}

.jmat_p .jmat_sp {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	padding-right: 0;
	font-weight: normal;
}

.jmat_tp {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 62px;
	background-color: #F2F2F2;
}

.jmat_tpl {
	width: 1300px;
	overflow: hidden;
}

.jmat_tpl>div {
	width: 325px;
	height: 332px;
	float: left;
}

.jmat_ltbox img {
	width: 100%;
	height: 100%;
}

.jmat_p1 {
	font-size: 14px;
	color: #e60012;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 0px;
}

.jmat_p2 {
	font-size: 14px;
	color: #666;
	width: 260px;
	padding-top: 12px;
	line-height: 24px;
	margin: 0 auto;
}

.wlpt_mid {
	width: 1338px;
	overflow: hidden;
	margin: 0 auto;
}

.wlpt_p {
	font-size: 30px;
	color: #333333;
	text-align: center;
	padding-top: 76px;
}

.wlpt_nr {
	width: 1338px;
	overflow: hidden;
	margin-top: 16px;
}

.wlpt_gbl {
	width: 1338px;
	overflow: hidden;
	margin-top: 34px;
}

.wlpt_bao {
	position: relative;
	width: 410px;
	height: 354px;
	float: left;
	margin: 0 18px;
}

.wlpt_grbox {
	width: 410px;
	height: 344px;
	border: 1px solid #d7d7d7;
	background-color: #eaeaea;
}

.wlpt_pic {
	width: 410px;
	height: 280px;
}

.wlpt_pic img {
	width: 100%;
	height: 100%;
}

.wlpt_text {
	width: 410px;
	height: 58px;
	background-color: white;
}

.wlpt_text p {
	font-size: 16px;
	color: #333333;
	line-height: 58px;
	text-align: left;
	padding-left: 15px;
}

.wlpt_jg {
	width: 410px;
	height: 36px;
	position: absolute;
	bottom: 0;
	left: 1px;
	opacity: 0;
}

.wlpt_jg img {
	width: 100%;
	height: 100%;
}

.wlpt_bao:hover .wlpt_grbox {
	border: 1px solid white;
}

.wlpt_bao:hover .wlpt_text {
	background-color: #e60012;
}

.wlpt_bao:hover .wlpt_text p {
	color: white;
}

.wlpt_bao:hover .wlpt_jg {
	opacity: 1;
}

/*===========================*/
.sycp_pross_box {
	width: 1300px;
	font-size: 0;
	margin: 0 auto 100px;
}

.sycp_pross_box h3 {
	line-height: 100px;
	font-size: 16px;
	color: #333;
}

.sycp_pross {
	position: relative;
	margin: 0 auto;
	transition: all 0.3s;
	font-size: 0;
	perspective: 500px;
	width: 325px;
	height: 325px;
	display: inline-block;
	margin-left: -1px;
	margin-top: -1px;
	z-index: 0;
}

.sycp_pross-m {
	position: relative;
	margin: 0 auto;
	transition: all 0.3s;
	font-size: 0;
	perspective: 500px;
	width: 100%;
	height: 325px;
	display: inline-block;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: -1px;
	margin-bottom: 10px;
	z-index: 0;
}

.sycp_pross-m .dyft {
	width: 650px;
	float: left;
	height: 325px;
}

.sycp_pross-m .dycons {
	width: 630px;
	float: right;
	height: 325px;
	margin-left: 20px;
}

.sycp_pross-m .dycons h1 {
	border-left: 5px #f00 solid;
	height: 35px;
	line-height: 35px;
	text-indent: 12px;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 24px;
}

.sycp_pross-m .dycons .cons {
	line-height: 28px;
	overflow: hidden;
	font-size: 14px;
	margin-top: 10px;
}

.sycp_pross:nth-child(5n) {
	margin-left: -1px
}

.dw_pic {
	margin: 16px auto;
}

.sycp_pross .libox {
	width: 325px;
	height: 325px;
	position: relative;
	display: inline-block;
	/*	transform-style: preserve-3d;	
	transition:all 0.5s;
	transform-origin: center center -162px;	*/
}

.sycp_pross .dyft {
	width: 325px;
	height: 325px;
	position: relative;
	display: inline-block;
	transform-style: preserve-3d;
	transition: all 0.5s;
	transform-origin: center center -162px;
}

.dw_pic {
	width: 325px;
	height: 325px;
	position: absolute;
	line-height: 325px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	/*	font-size:0;*/
	margin: 0;
	background: #FFF;
}

.dw_pic img {
	vertical-align: middle;
}

.sycp_pross .dw01 {
	top: 0;
	left: 0;
}

.sycp_pross .dw02 {
	left: -325px;
	transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	transform-origin: right;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	height: 325px;
	transition: all 0.5s;
}

.sycp_pross:hover {
	z-index: 555;
}

.sycp_pross:hover .libox {
	/*	transform: rotateY(90deg);
	transition:all 0.3s;*/
}

.sycp_pross:hover .dw02 {
	box-shadow: 10px 5px 25px #aaa;
}

/*===========================*/


.abo-intro .btns span.hover:nth-child(2) {
	background-position: center bottom;
}

.abo-intro h2,
.abo-intro h3 {
	position: relative;
	opacity: 0;
	top: 50px;
}

.abo-history .wrap .detail .in {
	width: 390px;
}

.abo-history .wrap .detail .in h3 {
	font-size: 42px;
	line-height: 84px;
	color: #dab866;
}

.abo-history .wrap .year-btns .list li.cur {
	color: #fff;
}

.abo-history .wrap .year-btns .list li.cur::after {
	opacity: 1;
}

.abo-honor {
	height: 615px;
	padding-top: 48px;
}

.abo-honor h2 {
	color: #333;
}

.abo-honor .list {
	width: 1188px;
	margin-left: 30px;
}

.abo-honor .list .btn {
	width: 50px;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 26px;
	background: url("http://www.choositon.com/static/web/css/../img/bg_btn07.png") no-repeat left center;
	margin-top: 114px;
	cursor: pointer;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.abo-honor .list .btn.next {
	background-image: url("http://www.choositon.com/static/web/css/../img/bg_btn08.png");
	background-position: right center;
}

.abo-honor .list .btn.hover {
	border-color: #dcb866;
	background-color: #dcb866;
	background-position: right center;
}

.abo-honor .list .btn.hover.next {
	background-position: left center;
}

.abo-honor .list .scroll {
	position: relative;
	width: 842px;
	height: 477px;
	margin: 0 121px;
}

.abo-honor .list .scroll::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 316px;
	width: 893px;
	height: 24px;
	background: url("http://www.choositon.com/static/web/css/../img/bg_shadow01.png") no-repeat center;
	margin-left: -447px;
	opacity: .6;
}

.abo-honor .list .scroll li {
	position: absolute;
	left: 200px;
	top: 0;
	width: 442px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 500px;
	perspective: 500px;
	-webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 70%, rgba(250, 250, 250, 0.3));
	-webkit-filter: url("http://www.choositon.com/static/web/css/../img/blur.svg#blur");
	filter: url("http://www.choositon.com/static/web/css/../img/blur.svg#blur");
}

.abo-honor .list .scroll li:nth-child(1) img {
	-webkit-transform: rotateY(10deg) !important;
	transform: rotateY(10deg) !important;
}

.abo-honor .list .scroll li:nth-child(2) {
	-webkit-filter: none;
	filter: none;
}

.abo-honor .list .scroll li:nth-child(3) img {
	-webkit-transform: rotateY(-10deg) !important;
	transform: rotateY(-10deg) !important;
}

.abo-videos .list li span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 142px;
	width: 100%;
	font-size: 18px;
	line-height: 2;
	color: #fff;
	text-align: center;
}

.abo-videos .list li span::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: -57px;
	width: 50px;
	height: 50px;
	background: url("http://www.choositon.com/static/web/css/../img/bg_play01.png") no-repeat;
	margin-left: -25px;
}

.abo-videos .list li.hover .bg {
	opacity: 1;
}

.abo-videos .list li.hover span::after {
	-webkit-animation: play 0.6s linear;
	animation: play 0.6s linear;
}

.abo-videos .btns {
	height: 2px;
	margin-top: 20px;
	text-align: center;
}

.abo-videos .btns span {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 2px;
	background: #bfbfbf;
	margin: 0 6px;
	cursor: pointer;
}

.abo-videos .btns span::after {
	height: 2px;
	background: #d8b04e;
}

.abo-videos .btns span.cur::after {
	margin-left: -22px;
}

.abo-talent {
	padding: 90px 0 88px;
	background: url("http://www.choositon.com/static/web/css/../img/bg_bg09.jpg") no-repeat center;
}

.abo-talent h2 {
	color: #333;
}

.abo-talent .list {
	width: 1128px;
	height: 380px;
	margin: 55px auto 60px;
}

.abo-talent .list li {
	position: relative;
	float: left;
	width: 250px;
	height: 380px;
	background: #fff;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	margin: 0 16px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.abo-talent .list li .detail {
	padding: 24px 30px;
}

.intkitchen-ajax .notes .main {
	width: 1200px;
	padding-top: 52px;
	margin: 0 auto;
}

.intkitchen-ajax .notes .main img {
	display: block;
	margin: 0 auto;
	max-width: 1200px;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.top {
	height: 70px;
	line-height: 70px;
}

.topbox {
	width: 100%;
	z-index: 5;
	background: #fff;
	border-bottom: 1px #ddd solid;
	/*position:fixed;*/
	/*box-shadow:0px 0px 6px #ccc;*/
}

.header {
	width: 1292px;
	margin: 0 auto;
}

.header {
	/*border-bottom:1px solid #d7d7d7*/
}

.header .centerbox {
	width: 1292px;
	margin: 0 auto;
	height: 70px;
	line-height: 70px;
}

.header .centerbox>* {
	display: inline-block;
	vertical-align: middle;
}

.header .centerbox .ul01 {
	padding-left: 7%;
	padding-right: 3%;
}

.header .centerbox .ul01>li {
	display: inline-block;
	vertical-align: middle;
	line-height: 78px;
	padding: 0 20px
}

.header .centerbox .ul01>li a {
	font-size: 14px;
	color: #666;
}

.header .centerbox .ul01>.active {
	/*background:#f7f7f7;*/
}

.header .centerbox .ul01>.active>a {
	color: #666;
}

.header .rightbox {}

.header .rightbox>* {
	display: inline-block;
	vertical-align: middle;
	line-height: 70px
}

.header .rightbox:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.contentbox {
	position: relative;
	top: 70px;
	opacity: 0;
}

.slidedownbox {
	position: relative;
	top: 70px;
	opacity: 0;
}

.fenlei {
	width: 100%;
	position: absolute;
	top: 70px;
	border-top: 1px #eee solid;
	z-index: 3;
	left: 0;
	background: rgba(238, 238, 238, 0.9);
	display: none;
}

.fenlei ul {
	width: 80%;
	margin: 0 10%;
	background: rgba(238, 238, 238, 0.0);
}

.fenlei ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	padding-top: 10px;
}

.fenlei ul li a {
	color: #333;
	font-size: 14px;
	padding-left: 0;
	line-height: 50px;
	display: block;
	float: right;
}

.overbox {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	cursor: pointer;
}

.hoverbox {
	top: 0;
	position: absolute;
	width: 44px;
	height: 100px;
	background: url(../img/hoverlogo.png) no-repeat top center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.overbox:hover .hoverbox {
	top: -44px
}

.overbox2 {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	cursor: pointer;
}

.hoverbox2 {
	top: 0;
	position: absolute;
	width: 44px;
	height: 100px;
	background: url(../img/hoverlogo2.png) no-repeat top center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.overbox2:hover .hoverbox2 {
	top: -44px;
}

.overbox3 {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	cursor: pointer;
}

.hoverbox3 {
	top: 0;
	position: absolute;
	width: 44px;
	height: 100px;
	background: url(../img/hoverlogo3.png) no-repeat top center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.overbox3:hover .hoverbox3 {
	top: -44px;
}

.footer {
	background: #fafafa;
	padding-top: 35px;
	position: relative
}

.footer dl {
	height: 310px;
	border-lefT: 1px solid #ccc;
	padding-left: 30px;
	padding-right: 30px;
	display: inline-block;
	vertical-align: top;
}

.footer dt {
	color: #333;
	font-size: 14px;
	padding-bottom: 15px;
}

.footer dd {
	color: #999;
	line-height: 26px;
	font-size: 14px;
	width: 90px;
	margin: 0px;
	padding: 0px;
}

.footer dd a {
	color: #999;
	font-size: 12px;
}

.footer dd a:hover {
	color: #333;
}

.footer .centerbox {
	width: 1300px;
	margin: 0 auto
}

.dibubox .centerbox {
	width: 1300px;
	margin: 0 auto;
	padding-bottom: 25px
}

.dibubox .centerbox>* {
	display: inline-block;
}

.dibubox .centerbox .left {
	width: 55%
}

.dibubox .centerbox .left .t {
	padding-bottom: 10px
}

.dibubox .centerbox .left .t>* {
	display: inline-block;
	vertical-align: middle;
	color: #999;
}

.dibubox .centerbox .left .t p {
	margin-left: 5px
}

.dibubox .centerbox .left li {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.dibubox .centerbox .right>* {
	display: inline-block;
}

.dibubox .centerbox .right p {
	color: #666;
	font-size: 14px
}

.dibubox .centerbox .right .p01 {
	margin-right: 20px;
}

i {
	font-style: normal;
	margin: 0 4px
}

/*修改   吴程序员*/
.atxw_pic .banner {
	height: 380px;
	background: url(../img/atxw.jpg) center;
}

.fzlc_pic .banner {
	height: 380px;
	background-image: url(../img/fzjl01.jpg);
}

.bj-12 .banner {
	height: 380px;
	background: url(../img/fzjl01.jpg) center top no-repeat;
	/*background-attachment: fixed;*/
}

.atxw_pic .banner {
	height: 380px;
	background-image: url(../img/atxw.jpg);
}

.bj-13 .banner {
	height: 380px;
	background: url(../img/atxw.jpg) center top no-repeat;
	/*background-attachment: fixed;*/
}

.fzlc_pic .banner-6 {
	height: 508px;
	background-image: url("../img/fzjl01.jpg");
}

@keyframes s-fu {
	0% {
		top: 20px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

@keyframes s-fu-50 {
	0% {
		top: 50px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.jmat_p {
	position: relative;
	top: 20px;
	left: 0;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.jmat_tp {
	position: relative;
	top: 20px;
	left: 0;

}

.jmat_tp-cf {
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.sycp_ld {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.sycp_ty_cf {
	position: relative;
	animation: s-fu-50 1s;
	animation-fill-mode: forwards;
}

.sycp_jsaz-cf {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;

}

.sycp_sjt-cf {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.sycp_dp-cf {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.atxw_sg-cf {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.atxw_tet-cf {
	position: relative;
	animation: s-fu 0.7s;
	animation-fill-mode: forwards;
}

.wlpt_p {
	position: relative;
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.wlpt_nr {
	position: relative;
	top: 20px;
	left: 0;
}

.wlpt_nr-cf {
	animation: s-fu 1s;
	animation-fill-mode: forwards;
}

.touming {
	opacity: 0;
}