@charset "utf-8";


.index-com-title {
	padding-top: 3pc;
	width: 100%;
	text-align: center
}

.index-com-title h2 {
	color: #333;
	font-weight: 400;
	font-size: 28px
}

.index-com-title h2 a {
	color: #333
}

.index-com-title p {
	margin-top: 4px;
	color: #666;
	font-size: 1pc
}

.banner {
	width: 100%;
	height: 550px
}

.banner a {
	display: block;
	height: 550px;
	background: url(../images/banner.jpg) no-repeat center
}

#flashs {
	position: relative;
	overflow: hidden;
	height: 600px
}

#flashs .bgitem {
	position: absolute;
	top: 0;
	z-index: 1
}

#flashs .btn {
	position: absolute;
	bottom: 28px;
	left: 0;
	z-index: 15555555;
	overflow: hidden;
	width: 100%;
	text-align: center
}

#flashs .btn span {
	display: inline-block;
	margin: 0 2px;
	margin-right: 25px;
	width: 10px;
	height: 10px;
	height: 11px;
	border-radius: 8px;
	background: #333;
	font-size: 0;
	cursor: pointer
}

#flashs .btn .cur {
	width: 40px;
	background: #dbb966;
	background-position: left
}

.link {
	width: 100%;
	background: #fff
}

.link dt {
	float: left;
	width: 95px;
	height: 5pc;
	background: url(../images/link-xian.png) no-repeat right center
}

.link dt a {
	display: block;
	padding-top: 22px;
	text-decoration: none
}

.link dt p {
	color: #0062c6;
	text-transform: uppercase;
	font-size: 22px
}

.link dt span {
	display: block;
	color: #666;
	font-size: 9pt
}

.link dd {
	float: left;
	overflow: hidden;
	padding-top: 2pc;
	padding-left: 10px;
	width: 1090px
}

.link dd a {
	float: left;
	display: block;
	padding: 0 14px;
	border-right: 1px dotted #d9d9d9;
	color: #666;
	font-size: 14px
}

.link dd a:last-child {
	border-right: none
}

.search {
	width: 100%;
	height: 85px
}

.search .mainCon {
	height: 85px;
	border-bottom: 1px solid #f2f2f2
}

.search .gjc {
	float: left;
	overflow: hidden;
	width: 700px;
	height: 85px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 85px
}

.search .gjc span {
	float: left;
	color: #666;
	font-size: 14px
}

.search .gjc p {
	float: left
}

.search .gjc p.first a {
	border-left: none
}

.search .gjc p a {
	padding: 0 13px;
	border-left: 1px dotted #999;
	color: #666;
	font-weight: 400;
	font-size: 14px
}

.search .Input {
	position: relative;
	float: right;
	margin-top: 20px;
	width: 280px;
	height: 46px;
	background: url(../images/searchBg.png) no-repeat center
}

.search .Input input {
	padding: 0 70px 0 1pc;
	width: 194px;
	height: 46px;
	outline: 0;
	border: none;
	border-right: none;
	background: 0 0;
	color: #999;
	font-size: 14px;
	line-height: 46px
}

.search .submit1 {
	position: absolute;
	top: 0;
	right: 0;
	border:none;
	display: block;
	width: 60px;
	height: 46px;
	background: url(../images/searchBtn.png) no-repeat center;
	line-height: 46px
}

.data {
	width: 100%;
	height: 155px;
	background: url(../images/dataBg01.jpg) no-repeat center
}

.data .index-com-title h2,.data .index-com-title p {
	color: #fff
}

.data .mainCon {
	/*margin-top: 74px*/
	padding-top: 20px;
}

.data .mainCon li {
	float: left;
	width: 300px;
	text-align: center
}

.data .mainCon li span {
	display: block;
	color: #fff;
	font-weight: lighter;
	font-size: 65px;
	font-family: dataNumber
}

.data .mainCon li p {
	margin-top: 6px;
	color: #fff;
	font-size: 14px
}

.need {
	width: 100%
}

.need .mainCon {
	margin-top: 28px
}

.need .mainCon ul {
	width: 104%
}

.need .mainCon li {
	float: left;
	margin-right: 23px;
	margin-bottom: 2pc;
	width: 385px
}

.need .mainCon li span {
	display: block;
	overflow: hidden;
	width: 385px;
	height: 3in
}

.need .mainCon li span img {
	display: block;
	width: 385px;
	height: 288.75px;
	transition: all 1s ease-out
}

.need .mainCon li p {
	margin-top: 14px;
	color: #666;
	text-align: center;
	font-size: 14px
}

.need .mainCon li a {
	display: block;
	text-decoration: none
}

.need .mainCon li:hover img {
	transform: scale(1.1)
}

.need .mainCon li:hover p {
	color: #0062c6;
	font-weight: 700
}

.product {
	width: 100%;
	height: 1100px;
	background: url(../images/productBgavfsbhBshb.jpg) no-repeat center
}

.product .mainCon {
	margin-top: 30px
}

.product .sideBar {
	float: left;
	width: 262px;
	background: #fff
}

.product .sideBar dl {
	background: #fff
}

.product .sideBar dt {
	height: 63px;
	border: 1px solid #ececec;
	background: url(../images/product-icon01.png) no-repeat 230px center;
	color: #333;
	text-indent: 30px;
	font-size: 18px;
	line-height: 63px
}

.product .sideBar dt a {
	display: block;
	color: #333;
	text-decoration: none
}

.product .sideBar dd {
	padding: 30px 10px 10px 18px;
	border-right: 1px solid #e3e1e1;
	border-left: 1px solid #e3e1e1
}

.product .sideBar dd p {
	float: left;
	margin: 0 0 9pt 9pt;
	width: 78pt;
	color: #666;
	font-size: 14px
}

.InpageSidebar01 .classify dl:hover dd {
	display: block
}

.product .sideBar dd p a {
	color: #666
}

.product .sideBar dl:hover {
	background: #f8f5f5
}

.product .sideBar dl:hover dt {
	background: url(../images/product-icon02.png) no-repeat 230px center #0062c6
}

.product .sideBar dl:hover dt a {
	color: #fff
}

.product .sideBar dd a:hover {
	color: #0062c6;
	font-weight: 700
}

.product .section {
	float: right;
	margin-top:2px;
	width: 900px
}

.product .section .top {
	padding: 30px 0;
	border: 1px solid #e3e1e1;
	background: #fff
}

.product .section .top dt {
	float: left;
	padding: 18px 0 0 33px;
	width: 14pc;
	height: 74px;
	border-right: 1px solid #e3e1e1
}

.product .section .top dt h2 {
	color: #333;
	font-size: 26px
}

.product .section .top dt h2 em {
	color: #0062c6;
	font-weight: 700
}

.product .section .top dt p {
	margin-top: 4px;
	color: #333;
	font-size: 1pc
}

.product .section .top dd {
	float: left;
	padding-top: 10px;
	width: 7in
}

.product .section .top dd span {
	float: left;
	margin: 0 36px
}

.product .section .top dd span,.product .section .top dd span img {
	display: block;
	height: 85px
}

.product .section .top dd span:first-child {
	margin-left: 2pc
}

.product .section .conBox {
	overflow: hidden;
	width: 100%
}

.product .section .conBox ul {
	width: 104%
}

.product .section .conBox li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 290px
}

.product .section .conBox li span {
	display: block;
	overflow: hidden;
	width: 290px;
	height: 255px;
}

.product .section .conBox li span img {
	display: block;
	width: 290px;
	height: 255px;
	transition: all 0.6s ease-out
}

.product .section .conBox li p {
	overflow: hidden;
	margin-top: 10px;
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.product .section .conBox li a {
	display: block;
	text-decoration: none
}

.product .section .conBox li:hover img {
	transform: scale(1.28)
}

.product .section .conBox li:hover p {
	color: #0062c6;
	font-weight: 700
}

.partner {
	padding-bottom: 30px;
	width: 100%
}

.partner .mainCon {
	margin-top: 30px
}

.partner .mainCon li {
	float: left;
	margin-top: -1px;
	margin-left: -1px;
	width: 199px;
	height: 138px;
	border: 1px solid #e3e1e1
}

.partner .mainCon li a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 199px;
	height: 138px
}

.partner .mainCon li a img {
	display: block;
	width: 199px;
	height: 138px;
	transition: all 1s ease-out
}

.partner .mainCon li i {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 199px;
	height: 138px;
	background: url(../images/partner-kuang.png) no-repeat center
}

.partner .mainCon li:hover i {
	display: block
}

.partner .mainCon li:hover img {
	transform: scale(1.1)
}

.troubles {
	padding-top: 339px;
	width: 100%;
	height: 483px;
	background: url(../images/troublesBg01.jpg) no-repeat center
}

.troubles .mainCon ul {
	width: 822px
}

.troubles .mainCon li {
	float: left;
	padding-top: 40px;
	width: 274px;
	height: 106px;
	text-align: center
}

.troubles .mainCon li p {
	color: #0c0c0c;
	font-size: 24px
}

.troubles .mainCon li span {
	display: block;
	margin-top: 6px;
	color: #0c0c0c;
	font-size: 14px
}

.troubles .mainCon li.last p {
	font-size: 14px
}

.troubles .mainCon li.last span {
	margin-top: 8px;
	font-size: 24px
}

.adv {
	width: 100%;
	height: 776px;
	background: url(../images/advBg01.jpg) no-repeat center
}

.adv .mainCon {
	margin-top: 3pc
}

.adv .conBox {
	height: 468px;
	border: 1px solid #e3e1e1;
	background: #fff
}

.adv .conBox dl {
	padding: 29px 0
}

.adv .conBox dt {
	float: left;
	margin-left: 31px;
	width: 635px;
	height: 410px
}

.adv .conBox dt img {
	display: block;
	width: 635px;
	height: 410px
}

.adv .conBox dd {
	position: relative;
	float: left;
	margin-left: 42px;
	padding-top: 55px;
	padding-left: 87pt;
	width: 326px;
	height: 355px
}

.adv .conBox dd .adv-title {
	position: absolute;
	top: -40px;
	left: 0;
	width: 77px;
	height: 185px;
	background: url(../images/advBg02.png) no-repeat center
}

.adv .conBox dd .adv-title em {
	display: block;
	padding-top: 41px;
	padding-left: 20px;
	width: 26px;
	color: #fff;
	text-align: center;
	font-size: 20px
}

.adv .conBox dd img {
	display: block;
	width: 37px;
	height: 37px
}

.adv .conBox dd h3 {
	margin-top: 14px;
	color: #333;
	font-size: 20px
}

.adv .conBox dd h3 em {
	color: #0062c6
}

.adv .conBox dd span {
	display: block;
	margin-top: 8px;
	color: #333;
	font-size: 1pc
}

.adv .conBox dd i {
	display: block;
	margin: 28px 0 3pc;
	width: 38px;
	height: 1px;
	background: #bbb3b3
}

.adv .conBox dd p {
	color: #666;
	font-size: 14px;
	line-height: 25px
}

.adv .menu {
	margin-top: 20px;
	width: 100%;
	text-align: center
}

.adv .menu ul {
	display: inline-block;
	zoom: 1
}

.adv .menu li {
	float: left;
	margin-left: 7px;
	width: 189px;
	height: 69px;
	background: url(../images/advBg03.png) no-repeat center;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 69px
}

.adv .menu li img {
	position: relative;
	top: 6px;
	margin-right: 1pc
}

.adv .menu li.cur {
	background: url(../images/advBg04.png) no-repeat center
}

.flow {
	width: 100%;
	height: 368px;
	background: url(../images/flowBg01.jpg) no-repeat center;
}

.flow .index-com-title {
	padding-top: 38px
}

.flow .index-com-title h2,.flow .index-com-title p {
	color: #fff
}

.flow .conBox1 {
	/* margin-top: 58px; */
	/* width: 100%; */
}

.flow .conBox1 li {
	float: left;
	margin-left: 35px;
	padding-top: 38px;
	width: 158px;
	height: 90pt;
	background: url(../images/flowBg02.png) no-repeat center;
	text-align: center
}

.flow .conBox1 li:first-child {
	margin-left: 38px
}

.flow .conBox1 li img {
	display: block;
	margin: 0 auto;
	width: 34px;
	height: 34px
}

.flow .conBox1 li span {
	display: block;
	margin-top: 1pc;
	color: #333;
	font-size: 1pc
}

.flow .conBox1 li.even {
	background: url(../images/flowBg03.png) no-repeat center
}

.flow .conBox1 li.even span {
	color: #fff
}

.flow .conBox2 {
	position: relative;
	/* margin-top: 62px; */
	height: 359px;
	background: url(../images/liuyBg01.jpg) no-repeat center;
}

.flow .conBox2 .boxL {
	float: left;
	padding: 68px 0 0 134px;
	width: 387px;
	height: 236px;
}

.flow .conBox2 .boxL span {
	display: block;
	color: #333;
	font-size: 30px
}

.flow .conBox2 .boxL h3 {
	color: #333;
	font-size: 40px
}

.flow .conBox2 .boxL p {
	margin-top: 28px;
	color: #333;
	font-size: 17px;
	line-height: 2em
}

.flow .conBox2 .boxL em {
	display: block;
	margin-top: 4px;
	color: #0062c6;
	font-size: 1pc
}

.flow .conBox2 .boxR {
	float: left;
	margin: 87px 0 0 43px;
}

.flow .conBox2 .boxR dt {
	float: left;
	width: 261px
}

.flow .conBox2 .boxR dt input {
	display: block;
	margin-top: 8px;
	padding: 0 10px;
	width: 239px;
	height: 40px;
	outline: 0;
	border: 1px solid #cfcaca;
	box-shadow: 1px 1px 10px 1px #e0e0e0 inset;
	color: #666;
	font-size: 14px;
	line-height: 40px
}

.flow .conBox2 .boxR dt input:first-child {
	margin-top: 0
}

.flow .conBox2 .boxR dd {
	float: left;
	margin-left: 6px;
	width: 349px
}

.flow .conBox2 .boxR dd textarea {
	padding: 10px 10px 0;
	width: 327px;
	height: 5pc;
	outline: 0;
	border: 1px solid #cfcaca;
	box-shadow: 1px 1px 10px 1px #e0e0e0 inset;
	color: #666;
	font-size: 14px;
	resize: none
}

.flow .conBox2 .boxR a {
	display: block;
	margin-top: 10px;
	height: 42px;
	background: #0062c6;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 42px
}

.flow .conBox2 .boxR a img {
	position: relative;
	top: 4px;
	margin-right: 20px
}

.flow .conBox2 .boxR p {
	margin-top: 22px;
	margin-left: 1pc;
	color: #666;
	font-size: 14px
}

.flow .conBox2 .liuy-people {
	position: absolute;
	top: 173px;
	left: -93px;
	display: block;
}

.flow .conBox2 .liuy-book {
	position: absolute;
	top: 183px;
	left: 435px;
	display: block
}

.about {
	padding: 62px 0 90px;
	width: 100%
}

.about .aboutL {
	width:100%;
}

.about .aboutL h3 {
	color: #333;
	font-weight: 400;
	font-size: 28px
}

.about .aboutL h3 em {
	color: #0062c6;
	font-weight: 700
}

.about .aboutL h3 span {
	margin-left: 8px;
	color: #999;
	font-size: 1pc
}

.about .aboutL .about-pic {
	position: relative;
	overflow: hidden;
	margin-top: 22px;
	width: 589px;
	height: 295px
}

.about .aboutL .about-pic img {
	display: block;
	width: 589px;
	height: 295px
}

.about .aboutL .about-pic span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	background: url(../images/aboutBg01.png);
	color: #fff;
	text-indent: 14px;
	font-size: 18px;
	line-height: 50px
}

.about .aboutL p {
	overflow: hidden;
	margin-top: 28px;
	color: #666;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 25px
}

.about .aboutL .more {
	margin-top: 50px
}

.about .aboutL .more a {
	color: #9d9b9b;
	text-transform: uppercase;
	font-size: 14px
}

.about .aboutL .more img {
	position: relative;
	top: 2px;
	margin-left: 10px
}

.about .aboutL .more a:hover {
	color: #0062c6
}

.about .aboutR {
	position: relative;
	float: right;
	width: 536px
}

.about .aboutR .aboutBtn {
	position: absolute;
	top: 0;
	display: block;
	width: 40px;
	height: 29px;
	border: 1px solid #eaeaea;
	cursor: pointer
}

.about .aboutR .aboutBtn.prev {
	right: 41px
}

.about .aboutR .aboutBtn.next {
	right: 0
}

.about .aboutR .aboutBtn img {
	display: block;
	width: 40px;
	height: 29px
}

.about .aboutR .menu li {
	float: left;
	padding: 0 24px;
	border-left: 1px solid #e5e1e1;
	color: #666;
	font-size: 18px
}

.about .aboutR .menu li:first-child {
	padding-left: 0;
	border-left: none
}

.about .aboutR .menu li.cur a {
	color: #0062c6;
	font-weight: 700
}

.about .aboutR .conBox {
	margin-top: 2pc
}

.about .aboutR .conBox,.about .aboutR .conBox .box {
	position: relative;
	overflow: hidden;
	height: 478px
}

.about .aboutR .conBox .box ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.about .aboutR .conBox li {
	float: left;
	width: 554px;
	height: 478px
}

.about .aboutR .conBox li dl {
	float: left;
	margin-right: 18px;
	margin-bottom: 2pc;
	width: 259px
}

.about .aboutR .conBox li img {
	display: block;
	width: 259px;
	height: 194px;
	transition: all 1s ease-out
}

.about .aboutR .conBox li span {
	display: block;
	overflow: hidden;
	width: 257px;
	height: 194px;
	border: 1px solid #e4e4e4
}

.about .aboutR .conBox li p {
	overflow: hidden;
	margin-top: 7px;
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.about .aboutR .conBox li a {
	text-decoration: none
}

.about .aboutR .conBox li dl:hover img {
	transform: scale(1.1)
}

.about .aboutR .conBox li dl:hover p {
	color: #0062c6;
	font-weight: 700
}

.ad {
	width: 100%;
	height: 230px;
	background: url(../images/adBg01.jpg) no-repeat center
}

.ad dl {
	padding-top: 145px;
	width: 492px
}

.ad dt {
	float: left;
	padding-left: 56px;
	background: url(../images/ad-phone.png) no-repeat left center
}

.ad dt p {
	color: #fff;
	font-size: 14px
}

.ad dt span {
	display: block;
	margin-top: 6px;
	color: #fff;
	font-size: 24px
}

.ad dd {
	float: right
}

.ad dd,.ad dd img {
	width: 138px;
	height: 50px
}

.ad dd img {
	display: block
}

.news {
	height: 712px;
	background: url(../images/newsBg01.jpg) no-repeat center
}

.news .index-com-title {
	padding-top: 38px
}

.news .mainCon {
	margin-top: 28px
}

.news .newsL {
	float: left;
	width: 52pc
}

.news .newsL .menu {
	height: 71px
}

.news .newsL .menu li {
	position: relative;
	float: left;
	width: 26pc;
	height: 70px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	text-align: center;
	line-height: 70px
}

.news .newsL .menu li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 18px
}

.news .newsL .menu li span {
	position: relative;
	top: 6px;
	display: inline-block;
	overflow: hidden;
	margin-right: 8px;
	width: 24px;
	height: 24px;
	zoom: 1
}

.news .newsL .menu li span img {
	position: relative;
	display: block;
	width: 24px;
	height: 3pc
}

.news .newsL .menu li i {
	position: absolute;
	bottom: -6px;
	left: 50%;
	display: none;
	margin-left: -7px;
	width: 15px;
	height: 6px
}

.news .newsL .menu li i img {
	display: block;
	width: 15px;
	height: 6px
}

.news .newsL .menu li.cur i {
	display: block
}

.news .newsL .menu li.cur {
	border-bottom: 1px solid #000;
	background: #0062c6
}

.news .newsL .menu li.cur a {
	color: #fff
}

.news .newsL .menu li.cur span img {
	top: -24px
}

.news .newsL .conBox {
	position: relative;
	overflow: hidden;
	padding-top: 30px;
	height: 28pc;
	background: #fff
}

.news .newsL .conBox .box {
	height: 28pc
}

.news .newsL .conBox .boxL {
	float: left;
	margin-left: 2pc;
	width: 25pc
}

.news .newsL .conBox .boxL .newsL-pic {
	display: block;
	overflow: hidden;
	width: 25pc;
	height: 225px;
}

.news .newsL .conBox .boxL img {
	display: block;
	width: 393px;
	height: 225px;
	transition: all 1s ease-out;
}

.news .newsL .conBox .boxL h3 {
	overflow: hidden;
	margin: 20px 0 9pt;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 18px
}

.news .newsL .conBox .boxL h3 a {
	color: #333
}

.news .newsL .conBox .boxL p {
	overflow: hidden;
	height: 146px;
	color: #888;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 28px;
}

.news .newsL .conBox .boxL:hover img {
	transform: scale(1.1)
}

.news .newsL .conBox .boxL:hover h3 a {
	color: #0062c6;
	font-weight: 700
}

.news .newsL .conBox .boxR {
	float: left;
	margin-left: 42px;
	width: 344px
}

.news .newsL .conBox .boxR li {
	overflow: hidden;
	padding-left: 24px;
	height: 51px;
	border-bottom: 1px dotted #d4d1d1;
	background: url(../images/news-icon04.png) no-repeat left center;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 51px
}

.news .newsL .conBox .boxR li a {
	color: #666
}

.news .newsL .conBox .boxR li a:hover {
	color: #0062c6
}

.news .newsR {
	float: right;
	width: 360px;
	height: 550px;
	background: #fff
}

.news .newsR .top {
	height: 70px;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	line-height: 70px
}

.news .newsR .top h3 {
	float: left;
	padding-left: 56px;
	background: url(../images/news-icon05.png) no-repeat 22px center;
	color: #666;
	font-weight: 400;
	font-size: 18px
}

.news .newsR .top a {
	float: right;
	display: block;
	margin-right: 26px;
	color: #999;
	text-transform: uppercase;
	font-size: 9pt;
	font-family: arial
}

.news .newsR .conBox {
	position: relative;
	overflow: hidden;
	margin-top: 2px;
	height: 473px
}

.news .newsR .conBox li {
	padding-top: 30px;
	padding-left: 50px;
	height: 127px;
	width:270px;
	border-bottom: 1px solid #efeaea;
	background: url(../images/wenda01.png) no-repeat left 30px
}

.news .newsR .conBox ul {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px
}

.news .newsR .conBox li h3 {
	overflow: hidden;
	padding-top: 9pt;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px
}

.news .newsR .conBox li h3 a {
	color: #333;
	text-decoration: none
}

.news .newsR .conBox li p {
	overflow: hidden;
	margin-top: 9pt;
	height: 44px;
	color: #666;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 22px
}

.news .newsR .conBox li:hover h3 a {
	color: #0062c6
}

.news .newsR .conBox li:hover {
	background: url(../images/wenda02.png) no-repeat left 30px
}

.videobf {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 97;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/bg01.png)
}

.videobf .video_con {
	position: fixed;
	top: -600px;
	left: 50%;
	z-index: 98;
	margin-top: -300px;
	margin-left: -500px;
	width: 750pt;
	height: 600px;
	border-radius: 10px;
	background: #fff;
	transition: all 1s
}

.videobf .video_con.cur {
	top: 50%
}

.videobf .video_con .closeVideo {
	position: absolute;
	top: -34px;
	right: -34px;
	z-index: 99;
	display: block;
	width: 69px;
	height: 69px;
	background: url(Img/Common/closeImg.png) no-repeat center;
	cursor: pointer
}

.video-frame {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

.video-frame .box {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 5;
	z-index: 99;
	margin-left: -555px;
	width: 825pt;
	height: 500px;
	border: 5px solid #e9cf8f;
	border-radius: 5px;
	background-color: #000
}

.video-frame .box .close {
	position: absolute;
	top: -5px;
	right: -30px;
	display: block;
	cursor: pointer
}

.khjz {
	padding-bottom: 56px
}

.khjz h2 {
	margin-bottom: 20px;
	padding-top: 30px;
	text-align: center;
	font-weight: 400;
	font-size: 28px
}

.khjz h2,.khjz h2 a {
	color: #333
}

.khjz h2 p {
	margin-top: 4px;
	color: #666;
	font-size: 1pc
}

.khjz .khjzCon {
	position: relative
}

.khjz .khjzCon .khjzBtnl {
	left: -3pc;
	background: url(../images/khjzjtl01.png) no-repeat center
}

.khjz .khjzCon .khjzBtnl,.khjz .khjzCon .khjzBtnr {
	position: absolute;
	top: 118px;
	display: block;
	width: 27px;
	height: 50px;
	cursor: pointer
}

.khjz .khjzCon .khjzBtnr {
	right: -3pc;
	background: url(../images/khjzjtr01.png) no-repeat center
}

.khjz .khjzCon .khjzBtnl:hover {
	background: url(../images/khjzjtl02.png) no-repeat center
}

.khjz .khjzCon .khjzBtnr:hover {
	background: url(../images/khjzjtr02.png) no-repeat center
}

.khjz .khjzCon .conbox {
	position: relative;
	overflow: hidden
}

.khjz .khjzCon .conbox ul {
	position: relative
}

.khjz .khjzCon .conbox ul li {
	float: left;
	margin-left: 22px;
	width: 385px;
	text-align: center
}

.khjz .khjzCon .conbox ul li:first-child {
	margin-left: 0
}

.khjz .khjzCon .conbox ul li dt {
	overflow: hidden;
	margin-bottom: 1pc
}

.khjz .khjzCon .conbox ul li dt img {
	display: block;
	width: 385px;
	height: 385px;
	height: 3in
}

.khjz .khjzCon .conbox ul li dd.dd1 {
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1pc
}

.khjz .khjzCon .conbox ul li dd.dd1 a {
	color: #333
}

.khjz .khjzCon .conbox ul li dd.dd2 {
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 25px;
	height: 3pc;
	text-overflow: ellipsis;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.khjz .khjzCon .conbox ul li dd.dd3 {
	margin: 0 auto;
	width: 126px;
	height: 46px;
	border: 1px solid #e7e5e5;
	border-radius: 27px;
	text-align: left;
	text-indent: 3pc;
	line-height: 46px
}

.khjz .khjzCon .conbox ul li dd.dd3 a {
	display: block;
	height: 46px;
	background: url(../images/khjzicon01.png) no-repeat 22px center
}

.khjz .khjzCon .conbox ul li:hover dd.dd3 {
	border-color: #0057a9;
	background: #0057a9
}

.khjz .khjzCon .conbox ul li:hover dd.dd3 a {
	background: url(../images/khjzicon02.png) no-repeat 22px center;
	color: #fff
}