@font-face {
	font-family: dataNumber;
	src: url(/font/TUNGSTENROUNDED-BOOK.eot);
}
.index-com-title {
	width: 100%; text-align: center; padding-top: 48px;
}
.index-com-title h2 {
	color: rgb(51, 51, 51); font-size: 36px; font-weight: 汉真广标;
}
.index-com-title h2 a {
	color: rgb(51, 51, 51); text-decoration: none;
}
.index-com-title p {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 4px;
}
.banner {
	width: 100%; height: 680px;
}
.banner a {
	background: url("../images/banner.jpg") no-repeat center; height: 680px; display: block;
}
#flashs {
	height: 680px; overflow: hidden; position: relative;
}
#flashs .bgitem {
	top: 0px; position: absolute; z-index: 1;
}
#flashs .btn {
	left: 0px; width: 100%; text-align: center; bottom: 28px; overflow: hidden; position: absolute; z-index: 15555555;
}
#flashs .btn span {
	background: rgb(51, 51, 51); margin: 0px 25px 0px 2px; border-radius: 8px; width: 10px; height: 11px; font-size: 0px; display: inline-block; cursor: pointer;
}
#flashs .btn span {
	
}
#flashs .btn .cur {
	background: rgb(219, 185, 102); width: 40px;
}
.link {
	background: rgb(255, 255, 255); width: 100%;
}
.link dt {
	background: url("../images/link-xian.png") no-repeat right; width: 95px; height: 80px; float: left;
}
.link dt a {
	padding-top: 22px; text-decoration: none; display: block;
}
.link dt p {
	color: rgb(218, 37, 29); text-transform: uppercase; font-size: 22px;
}
.link dt span {
	color: rgb(102, 102, 102); font-size: 12px; display: block;
}
.link dd {
	width: 1090px; overflow: hidden; padding-top: 32px; padding-left: 10px; float: left;
}
.link dd a {
	padding: 0px 14px; color: rgb(102, 102, 102); font-size: 14px; border-right-color: rgb(217, 217, 217); border-right-width: 1px; border-right-style: dotted; float: left; display: block;
}
.link dd a:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.search {
	width: 100%; height: 85px;
}
.search .mainCon {
	height: 85px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid;
}
.search .gjc {
	width: 700px; height: 85px; color: rgb(153, 153, 153); line-height: 85px; overflow: hidden; font-size: 14px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.search .gjc span {
	color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.search .gjc p {
	float: left;
}
.search .gjc p.first a {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.search .gjc p a {
	padding: 0px 13px; color: rgb(102, 102, 102); font-size: 14px; font-weight: normal; border-left-color: rgb(153, 153, 153); border-left-width: 1px; border-left-style: dotted;
}
.search .Input {
	background: url("../images/searchBg.png") no-repeat center; width: 280px; height: 46px; margin-top: 20px; float: right; position: relative;
}
.search .Input input {
	background: none; padding: 0px 70px 0px 16px; border: currentColor; border-image: none; width: 194px; height: 46px; color: rgb(153, 153, 153); line-height: 46px; font-size: 14px;
}
.search .Input a {
	background: url("../images/searchBtn.png") no-repeat center; top: 0px; width: 60px; height: 46px; right: 0px; line-height: 46px; display: block; position: absolute;
}
.data {
	background: url("../images/dataBg01.jpg") no-repeat center; width: 100%; height: 365px;
}
.data .index-com-title h2 {
	color: rgb(255, 255, 255);
}
.data .index-com-title p {
	color: rgb(255, 255, 255);
}
.data .mainCon {
	margin-top: 74px;
}
.data .mainCon li {
	width: 300px; text-align: center; float: left;
}
.data .mainCon li span {
	color: rgb(255, 255, 255); font-family: "dataNumber"; font-size: 65px; font-weight: lighter; display: block;
}
.data .mainCon li p {
	color: rgb(255, 255, 255); font-size: 14px; margin-top: 6px;
}
.need {
	width: 100%;
}
.need .mainCon {
	margin-top: 28px;
}
.need .mainCon ul {
	width: 104%;
}
.need .mainCon li {
	width: 385px; margin-right: 23px; margin-bottom: 32px; float: left;
}
.need .mainCon li span {
	width: 385px; height: 288px; overflow: hidden; display: block;
}
.need .mainCon li span img {
	transition:1s ease-out; width: 385px; height: 288.75px; display: block;
}
.need .mainCon li p {
	text-align: center; color: rgb(102, 102, 102); font-size: 14px; margin-top: 14px;
}
.need .mainCon li a {
	text-decoration: none; display: block;
}
.need .mainCon li:hover img {
	transform: scale(1.1);
}
.need .mainCon li:hover p {
	color: rgb(218, 37, 29); font-weight: bold;
}
.product {
	 width: 100%;  overflow: hidden; background-color: #eeeeee;
}
.product .mainCon {
	margin-top: 30px;
}
.product .sideBar {
	background: rgb(255, 255, 255); width: 262px; float: left;
}
.product .sideBar dl {
	background: rgb(255, 255, 255);
}
.product .sideBar dt {
	background: url("../images/product-icon01.png") no-repeat 230px; border: 1px solid rgb(236, 236, 236); border-image: none; height: 63px; color: rgb(51, 51, 51); line-height: 63px; text-indent: 30px; font-size: 18px;
}
.product .sideBar dt a {
	color: rgb(51, 51, 51); text-decoration: none; display: block;
}
.product .sideBar dd {
	padding: 30px 20px 30px 28px; border-right-color: rgb(227, 225, 225); border-left-color: rgb(227, 225, 225); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.product .sideBar dd p {
	margin: 0px 0px 12px 12px; width: 94px; color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.classify dl:hover dd {
	display: block;
}
.product .sideBar dd p a {
	color: rgb(102, 102, 102);
}
.product .sideBar dl:hover {
	background: rgb(248, 245, 245);
}
.product .sideBar dl:hover dt {
	background: url("../images/product-icon02.png") no-repeat 230px rgb(218, 37, 29);
}
.product .sideBar dl:hover dt a {
	color: rgb(255, 255, 255);
}
.product .sideBar dd a:hover {
	color: rgb(218, 37, 29); font-weight: bold;
}
.product .section {
	width: 932px; float: right;
}
.product .section .top {
	background: rgb(255, 255, 255); padding: 30px 0px; border: 1px solid rgb(227, 225, 225); border-image: none;
}
.product .section .top dt {
	padding: 18px 0px 0px 33px; width: 224px; height: 74px; border-right-color: rgb(227, 225, 225); border-right-width: 1px; border-right-style: solid; float: left;
}
.product .section .top dt h2 {
	color: rgb(51, 51, 51); font-size: 26px;
}
.product .section .top dt h2 em {
	color: rgb(218, 37, 29); font-weight: bold;
}
.product .section .top dt p {
	color: rgb(51, 51, 51); font-size: 16px; margin-top: 4px;
}
.product .section .top dd {
	width: 672px; padding-top: 10px; float: left;
}
.product .section .top dd span {
	margin: 0px 36px; width: 58px; height: 58px; float: left; display: block;
}
.product .section .top dd span img {
	width: 58px; height: 58px; display: block;
}
.product .section .top dd span:first-child {
	margin-left: 52px;
}
.product .section .conBox {
	width: 100%; overflow: hidden; margin-top: 10px;
}
.product .section .conBox ul {
	width: 104%;
}
.product .section .conBox li {
	width: 300px; margin-right: 15px; margin-bottom: 15px; float: left;
}
.product .section .conBox li span {
	border: 1px solid rgb(227, 225, 225); border-image: none; width: 298px; height: 298px; overflow: hidden; display: block;
}
.product .section .conBox li span img {
	transition:1s ease-out; width: 298px; height: 298px; display: block;
}
.product .section .conBox li p {
	text-align: center; color: rgb(102, 102, 102); overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis; line-height: 50px; background-color: #ffffff;
}
.product .section .conBox li a {
	text-decoration: none; display: block;
}
.product .section .conBox li:hover img {
	transform: scale(1.1);
}
.product .section .conBox li:hover p {
	color: rgb(218, 37, 29); font-weight: bold;
}
.partner {
	width: 100%; padding-bottom: 30px;
}
.partner .mainCon {
	margin-top: 30px;
}
.partner .mainCon li {
	border: 1px solid rgb(227, 225, 225); border-image: none; width: 199px; height: 138px; margin-top: -1px; margin-left: -1px; float: left;
}
.partner .mainCon li a {
	width: 199px; height: 138px; overflow: hidden; display: block; position: relative;
}
.partner .mainCon li a img {
	transition:1s ease-out; width: 199px; height: 138px; display: block;
}
.partner .mainCon li i {
	background: url("../images/partner-kuang.png") no-repeat center; left: 0px; top: 0px; width: 199px; height: 138px; display: none; position: absolute;
}
.partner .mainCon li:hover i {
	display: block;
}
.partner .mainCon li:hover img {
	transform: scale(1.1);
}
.troubles {
	background: url("../images/troublesBg01.jpg") no-repeat center; width: 100%; height: 483px; padding-top: 339px;
}
.troubles .mainCon ul {
	width: 822px;
}
.troubles .mainCon li {
	width: 274px; height: 106px; text-align: center; padding-top: 40px; float: left;
}
.troubles .mainCon li p {
	color: rgb(255, 255, 255); font-size: 24px;
}
.troubles .mainCon li span {
	color: rgb(255, 255, 255); font-size: 14px; margin-top: 6px; display: block;
}
.troubles .mainCon li.last p {
	font-size: 14px;
}
.troubles .mainCon li.last span {
	font-size: 24px; margin-top: 8px;
}
.adv {
	background: url("../images/advBg01.jpg") no-repeat center; width: 100%; height: 776px;
}
.adv .mainCon {
	margin-top: 48px;
}
.adv .conBox {
	background: rgb(255, 255, 255); border: 1px solid rgb(227, 225, 225); border-image: none; height: 468px;
}
.adv .conBox dl {
	padding: 29px 0px;
}
.adv .conBox dt {
	width: 635px; height: 410px; margin-left: 31px; float: left;
}
.adv .conBox dt img {
	width: 635px; height: 410px; display: block;
}
.adv .conBox dd {
	width: 326px; height: 355px; padding-top: 55px; padding-left: 116px; margin-left: 42px; float: left; position: relative;
}
.adv .conBox dd .adv-title {
	background: url("../images/advBg02.png") no-repeat center; left: 0px; top: -40px; width: 77px; height: 185px; position: absolute;
}
.adv .conBox dd .adv-title em {
	width: 26px; text-align: center; color: rgb(255, 255, 255); padding-top: 41px; padding-left: 20px; font-size: 20px; display: block;
}
.adv .conBox dd img {
	width: 37px; height: 37px; display: block;
}
.adv .conBox dd h3 {
	color: rgb(51, 51, 51); font-size: 20px; margin-top: 14px;
}
.adv .conBox dd h3 em {
	color: rgb(218, 37, 29);
}
.adv .conBox dd span {
	color: rgb(51, 51, 51); font-size: 16px; margin-top: 8px; display: block;
}
.adv .conBox dd i {
	background: rgb(187, 179, 179); margin: 28px 0px 48px; width: 38px; height: 1px; display: block;
}
.adv .conBox dd p {
	color: rgb(102, 102, 102); line-height: 25px; font-size: 14px;
}
.adv .menu {
	width: 100%; text-align: center; margin-top: 20px;
}
.adv .menu ul {
	display: inline-block; -ms-zoom: 1;
}
.adv .menu li {
	background: url("../images/advBg03.png") no-repeat center; width: 189px; height: 69px; text-align: center; color: rgb(255, 255, 255); line-height: 69px; font-size: 20px; margin-left: 7px; float: left;
}
.adv .menu li img {
	top: 6px; margin-right: 16px; position: relative;
}
.adv .menu li.cur {
	background: url("../images/advBg04.png") no-repeat center;
}
.flow {
	background: url("../images/flowBg01.jpg") no-repeat center; width: 100%; height: 707px;
}
.flow .index-com-title {
	padding-top: 38px;
}
.flow .index-com-title h2 {
	color: rgb(255, 255, 255);
}
.flow .index-com-title p {
	color: rgb(255, 255, 255);
}
.flow .conBox1 {
	width: 100%; margin-top: 58px;
}
.flow .conBox1 li {
	background: url("../images/flowBg02.png") no-repeat center; width: 158px; height: 120px; text-align: center; padding-top: 38px; margin-left: 35px; float: left;
}
.flow .conBox1 li:first-child {
	margin-left: 38px;
}
.flow .conBox1 li img {
	margin: 0px auto; width: 34px; height: 34px; display: block;
}
.flow .conBox1 li span {
	color: rgb(51, 51, 51); font-size: 16px; margin-top: 16px; display: block;
}
.flow .conBox1 li.even {
	background: url("../images/flowBg03.png") no-repeat center;
}
.flow .conBox1 li.even span {
	color: rgb(255, 255, 255);
}
.flow .conBox2 {
	background: url("../images/liuyBg01.jpg") no-repeat center; height: 274px; margin-top: 52px; position: relative;
}
.flow .conBox2 .boxL {
	padding: 38px 0px 0px 134px; width: 387px; height: 236px; float: left;
}
.flow .conBox2 .boxL span {
	color: rgb(51, 51, 51); font-size: 30px; display: block;
}
.flow .conBox2 .boxL h3 {
	color: rgb(51, 51, 51); font-size: 40px;
}
.flow .conBox2 .boxL p {
	color: rgb(51, 51, 51); font-size: 19px; margin-top: 28px;
}
.flow .conBox2 .boxL em {
	color: rgb(242, 1, 0); font-size: 16px; margin-top: 4px; display: block;
}
.flow .conBox2 .boxR {
	margin: 38px 0px 0px 43px; float: left;
}
.flow .conBox2 .boxR dt {
	width: 261px; float: left;
}
.flow .conBox2 .boxR dt input {
	padding: 0px 10px; border: 1px solid rgb(207, 202, 202); border-image: none; width: 239px; height: 40px; color: rgb(102, 102, 102); line-height: 40px; font-size: 14px; margin-top: 8px; display: block; box-shadow: inset 1px 1px 10px 1px #e0e0e0;
}
.flow .conBox2 .boxR dt input:first-child {
	margin-top: 0px;
}
.flow .conBox2 .boxR dd {
	width: 349px; margin-left: 6px; float: left;
}
.flow .conBox2 .boxR dd textarea {
	padding: 10px 10px 0px; border: 1px solid rgb(207, 202, 202); border-image: none; width: 327px; height: 80px; color: rgb(102, 102, 102); font-size: 14px; box-shadow: inset 1px 1px 10px 1px #e0e0e0; resize: none;
}
.flow .conBox2 .boxR a {
	background: rgb(218, 37, 29); height: 42px; text-align: center; color: rgb(255, 255, 255); line-height: 42px; font-size: 14px; text-decoration: none; margin-top: 10px; display: block;
}
.flow .conBox2 .boxR a img {
	top: 4px; margin-right: 20px; position: relative;
}
.flow .conBox2 .boxR p {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 22px; margin-left: 16px;
}
.flow .conBox2 .liuy-people {
	left: -93px; top: -40px; display: block; position: absolute;
}
.flow .conBox2 .liuy-book {
	left: 435px; top: 183px; display: block; position: absolute;
}

.ad {
	background: url("../images/adBg01.jpg") no-repeat center; width: 100%; height: 230px;
}
.ad dl {
	width: 492px; padding-top: 145px;
}
.ad dt {
	background: url("../images/ad-phone.png") no-repeat left; padding-left: 56px; float: left;
}
.ad dt p {
	color: rgb(255, 255, 255); font-size: 14px;
}
.ad dt span {
	color: rgb(255, 255, 255); font-size: 24px; margin-top: 6px; display: block;
}
.ad dd {
	width: 138px; height: 50px; float: right;
}
.ad dd img {
	width: 138px; height: 50px; display: block;
}
.news {
	background: url("../images/newsBg01.jpg") no-repeat center; height: 712px;
}
.news .index-com-title {
	padding-top: 38px;
}
.news .mainCon {
	margin-top: 28px;
}
.news .newsL {
	width: 832px; float: left;
}
.news .newsL .menu {
	height: 71px;
}
.news .newsL .menu ul {
	
}
.news .newsL .menu li {
	background: rgb(255, 255, 255); width: 416px; height: 70px; text-align: center; line-height: 70px; border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative;
}
.news .newsL .menu li a {
	color: rgb(51, 51, 51); font-size: 18px; text-decoration: none; display: block;
}
.news .newsL .menu li span {
	top: 6px; width: 24px; height: 24px; overflow: hidden; margin-right: 8px; display: inline-block; position: relative; -ms-zoom: 1;
}
.news .newsL .menu li span img {
	width: 24px; height: 48px; display: block; position: relative;
}
.news .newsL .menu li i {
	left: 50%; width: 15px; height: 6px; bottom: -6px; margin-left: -7px; display: none; position: absolute;
}
.news .newsL .menu li i img {
	width: 15px; height: 6px; display: block;
}
.news .newsL .menu li.cur i {
	display: block;
}
.news .newsL .menu li.cur {
	background: rgb(242, 1, 0); border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .newsL .menu li.cur a {
	color: rgb(255, 255, 255);
}
.news .newsL .menu li.cur span img {
	top: -24px;
}
.news .newsL .conBox {
	background: rgb(255, 255, 255); height: 448px; overflow: hidden; padding-top: 30px; position: relative;
}
.news .newsL .conBox .box {
	height: 448px;
}
.news .newsL .conBox .boxL {
	width: 400px; margin-left: 32px; float: left;
}
.news .newsL .conBox .boxL .newsL-pic {
	width: 400px; height: 298px; overflow: hidden; display: block;
}
.news .newsL .conBox .boxL img {
	transition:1s ease-out; width: 400px; height: 297.6px; display: block;
}
.news .newsL .conBox .boxL h3 {
	margin: 20px 0px 12px; color: rgb(51, 51, 51); overflow: hidden; font-size: 18px; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news .newsL .conBox .boxL h3 a {
	color: rgb(51, 51, 51);
}
.news .newsL .conBox .boxL p {
	height: 50px; color: rgb(102, 102, 102); line-height: 25px; overflow: hidden; font-size: 14px; -ms-text-overflow: ellipsis;
}
.news .newsL .conBox .boxL:hover img {
	transform: scale(1.1);
}
.news .newsL .conBox .boxL:hover h3 a {
	color: rgb(242, 1, 0); font-weight: bold;
}
.news .newsL .conBox .boxR {
	width: 344px; margin-left: 42px; float: left;
}
.news .newsL .conBox .boxR li {
	background: url("../images/news-icon04.png") no-repeat left; height: 51px; color: rgb(102, 102, 102); line-height: 51px; overflow: hidden; padding-left: 24px; font-size: 14px; border-bottom-color: rgb(212, 209, 209); border-bottom-width: 1px; border-bottom-style: dotted; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news .newsL .conBox .boxR li a {
	color: rgb(102, 102, 102);
}
.news .newsL .conBox .boxR li a:hover {
	color: rgb(242, 1, 0);
}
.news .newsR {
	background: rgb(255, 255, 255); width: 360px; height: 550px; float: right;
}
.news .newsR .top {
	background: rgb(255, 255, 255); height: 70px; line-height: 70px; border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .newsR .top h3 {
	background: url("../images/news-icon05.png") no-repeat 22px; color: rgb(102, 102, 102); padding-left: 56px; font-size: 18px; font-weight: normal; float: left;
}
.news .newsR .top a {
	color: rgb(153, 153, 153); text-transform: uppercase; font-family: arial; font-size: 12px; margin-right: 26px; float: right; display: block;
}
.news .newsR .conBox {
	height: 473px; overflow: hidden; margin-top: 2px; position: relative;
}
.news .newsR .conBox li {
	background: url("../images/wenda01.png") no-repeat left 30px; height: 127px; padding-top: 30px; padding-left: 50px; border-bottom-color: rgb(239, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .newsR .conBox ul {
	padding: 0px 20px; left: 0px; top: 0px; position: absolute;
}
.news .newsR .conBox li h3 {
	color: rgb(51, 51, 51); overflow: hidden; padding-top: 12px; font-size: 14px; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news .newsR .conBox li h3 a {
	color: rgb(51, 51, 51); text-decoration: none;
}
.news .newsR .conBox li p {
	height: 44px; color: rgb(102, 102, 102); line-height: 22px; overflow: hidden; font-size: 14px; margin-top: 12px; -ms-text-overflow: ellipsis;
}
.news .newsR .conBox li:hover h3 a {
	color: rgb(242, 1, 0);
}
.news .newsR .conBox li:hover {
	background: url("../images/wenda02.png") no-repeat left 30px;
}
.videobf {
	background: url("../images/bg01.png"); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 97;
}
.videobf .video_con {
	background: rgb(255, 255, 255); border-radius: 10px; transition:1s; left: 50%; top: -600px; width: 1000px; height: 600px; margin-top: -300px; margin-left: -500px; position: fixed; z-index: 98;
}
.videobf .video_con.cur {
	top: 50%;
}
.videobf .video_con .closeVideo {
	background: url("../images/closeImg.png") no-repeat center; top: -34px; width: 69px; height: 69px; right: -34px; display: block; position: absolute; z-index: 99; cursor: pointer;
}
.video-frame {
	background: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 9999999;
}
.video-frame .box {
	border-radius: 5px; border: 5px solid rgb(233, 207, 143); border-image: none; left: 50%; top: 50px; width: 1100px; height: 500px; margin-left: -555px; position: absolute; z-index: 99; background-color: rgb(0, 0, 0);
}
.video-frame .box .close {
	top: -5px; right: -30px; display: block; position: absolute; cursor: pointer;
}
.khjz {
	padding-bottom: 56px;
}
.khjz h2 {
	text-align: center; color: rgb(51, 51, 51); padding-top: 30px; font-size: 28px; font-weight: normal; margin-bottom: 20px;
}
.khjz h2 a {
	color: rgb(51, 51, 51);
}
.khjz h2 p {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 4px;
}
.khjz .khjzCon {
	position: relative;
}
.khjz .khjzCon .khjzBtnl {
	background: url("../images/khjzjtl01.png") no-repeat center; left: -48px; top: 118px; width: 27px; height: 50px; display: block; position: absolute; cursor: pointer;
}
.khjz .khjzCon .khjzBtnr {
	background: url("../images/khjzjtr01.png") no-repeat center; top: 118px; width: 27px; height: 50px; right: -48px; display: block; position: absolute; cursor: pointer;
}
.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 {
	overflow: hidden; position: relative;
}
.khjz .khjzCon .conbox ul {
	position: relative;
}
.khjz .khjzCon .conbox ul li {
	width: 385px; text-align: center; margin-left: 22px; float: left;
}
.khjz .khjzCon .conbox ul li:first-child {
	margin-left: 0px;
}
.khjz .khjzCon .conbox ul li dt {
	overflow: hidden; margin-bottom: 16px;
}
.khjz .khjzCon .conbox ul li dt img {
	width: 385px; height: 288px; display: block;
}
.khjz .khjzCon .conbox ul li dd.dd1 {
	text-align: center; overflow: hidden; font-size: 16px; margin-bottom: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.khjz .khjzCon .conbox ul li dd.dd1 a {
	color: rgb(51, 51, 51);
}
.khjz .khjzCon .conbox ul li dd.dd2 {
	height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 25px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.khjz .khjzCon .conbox ul li dd.dd3 {
	margin: 0px auto; border-radius: 27px; border: 1px solid rgb(231, 229, 229); border-image: none; width: 126px; height: 46px; text-align: left; line-height: 46px; text-indent: 48px;
}
.khjz .khjzCon .conbox ul li dd.dd3 a {
	background: url("../images/khjzicon01.png") no-repeat 22px; height: 46px; display: block;
}
.khjz .khjzCon .conbox ul li:hover dd.dd3 {
	background: rgb(225, 8, 59); border-color: rgb(225, 8, 59);
}
.khjz .khjzCon .conbox ul li:hover dd.dd3 a {
	background: url("../images/khjzicon02.png") no-repeat 22px; color: rgb(255, 255, 255);
}
.sidebarLinkUs {
	MARGIN-BOTTOM: 20px; BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; PADDING-LEFT: 19px; BORDER-LEFT: #e4e4e4 1px solid; PADDING-RIGHT: 19px
}
.sidebarLinkUs H3 {
	FONT-SIZE: 18px; MARGIN-BOTTOM: 18px; HEIGHT: 59px; BORDER-BOTTOM: #e4e4e4 1px solid; FONT-WEIGHT: normal; COLOR: #da241c; LINE-HEIGHT: 59px; TEXT-INDENT: 10px
}
.sidebarLinkUs P {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 12px; COLOR: #333333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; LINE-HEIGHT: 20px; PADDING-RIGHT: 10px
}
.sidebarLinkUs .zxzx {
	OVERFLOW: hidden; TEXT-DECORATION: none; HEIGHT: 50px; WIDTH: 160px; BACKGROUND: #da241c; MARGIN-TOP: 20px; DISPLAY: block
}
.sidebarLinkUs .zxzx SPAN {
	HEIGHT: 50px; BORDER-RIGHT: #fff 1px solid; WIDTH: 50px; BACKGROUND: url(../images/zxzx_icon01.png) no-repeat center 50%; FLOAT: left; DISPLAY: block
}
.sidebarLinkUs .zxzx EM {
	FONT-SIZE: 16px; HEIGHT: 50px; WIDTH: 109px; FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 50px
}
.sidebarLinkUs .zxzx EM IMG {
	POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px
}



/*use*/
.use{background: url(../images/hg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding-bottom: 60px;}
.use h2{margin-bottom: 10px;}
.use ul {
    margin-top: 40px;
}
.use li{float: left;width: 375px;margin-right: 25px;position: relative;overflow: hidden;}
.use li:last-child{margin-right: 0;}
.use li img{display:block;width: 380px;height: 273px;}
.use li b{display:block;font-size: 18px;color: #333;height:63px;padding-top:30px;line-height: 18px;text-align: center;border-bottom:2px solid #ededed;position: relative; background-color: #e0e0e0; }
.use li b:after{position:absolute;width: 14px;height: 2px;background: rgb(218, 37, 29);content: "";left: 50%;margin-left: -7px;top: 60px;}
.use li .hv{position: absolute;width:100%;height: 0;background:rgb(218, 37, 29);bottom: 0;left: 0;text-align: center;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.use li .hv a{display:block;font-size: 20px;color: #fff;font-weight:bold;margin-top:90px;height:32px;line-height: 20px;position: relative;}
.use li .hv a:after{position:absolute;width: 14px;height: 2px;background: #fff;content: "";left: 50%;margin-left: -7px;bottom: 0;}
.use li .hv p{font-size: 16px;color: #fff;opacity: 0.7;line-height: 24px;margin:17px 50px 0;}
.use li:hover .hv{height: 100%;}
/*pro*/

.m-auto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.about-wrap { width: 100%; padding-bottom: 60px; position: relative; z-index: 2; }
.about-box { margin-top: 15px; }
.about-box .img-box { width: 668px; height: 485px; }
.about-box .img-box a img { width: 668px; height: 485px; }
.about-infos { width: 490px; height: 470px; padding-top: 15px; position: relative;}
.about-infos a.us { display: inline-block; color: #333; font-size: 18px; }
.about-infos a.us b { font-size: 50px; font-family: "us"; }
.about-infos em.line { display: block; width: 1px; height: 68px; background-color: #d3d4d4; margin: 25px 0 20px 5px; }
.about-infos p { line-height: 30px; }
.about-infos a.more { bottom: 42px; }












.footer-fix {
    display: none;
}
.m_header {
    display: none;
}
.m_banner {
	display: none;
}
@media screen and (max-width: 1020px)
{
	.header {
		display: none;
	}
	.headerCenter {
		display: none;
	}
	.headerNav {
		display: none;
	}

	.mner {
		display: none;
	}
	.index-com-title h2 {
		font-size: 25px;
	}
	.index-com-title p {
		font-size: 14px;
	}
	.use li {
		width: 31.3%;
		margin: 1%;
	}
	.use li img {
		width: 100%;
		height: auto;
	}
	.use li .hv p {
		display: none;
	}

	.use {
		padding-bottom: 20px;
	}
	.index-com-title {
		padding-top: 28px;
	}
	.product .sideBar {
		width: 100%;
	}
	.product .sideBar dl {
		float: left; width: 48%; margin: 1%;
	}
	.product .sideBar dt {
		background: 0;
		height: 53px;
		line-height: 53px;
		text-indent: 0;
		font-size: 14px;
		text-align: center;
	}

	.sidebarLinkUs {
		display: none;
	}

	.product .section {
		width: 100%;
	}
	.product .section .top {
		display: none;
	}
	.product .section .conBox li {
		width: 48%;
		margin: 1%;
	}
	.product .section .conBox li span {
		width: 100%;
		height: 168px;
	}
	.product .section .conBox li span img {
		width: 100%;
		height: 168px;
	}
	.data {
		height: 365px;
	}
	.data .mainCon {
		margin-top: 40px;
	}
	.data .mainCon li {
		width: 50%;
	}
	.adv {
		height: auto;
	}
	.adv .mainCon {
		margin-top: 28px;
	}
	.adv .conBox dt {
		width: 99%;
		height: auto;
		margin: 1%;
	}
	.adv .conBox dt img {
		width: 100%;
		height: auto;
		display: block;
	}
	.adv .conBox dd {
		width: 77%;
		height: auto;
		padding-top: 0;
		padding-left: 22%;
		margin-left: 1%;

	}
	.adv .conBox dd img {
		display: none;
	}
	.adv .conBox dd i {
		margin: 5px 0px 5px;

	}
	.adv .menu li {
		width: 48%;
		height: 69px;
		margin: 1%;
	}
	.m-auto {
		width: 100%;
	}
	.about-box .img-box {
		width: 100%;
		height: auto;
	}
	.about-box .img-box a img {
		width: 100%;
		height: auto;
	}
	.about-infos {
		width: 100%;
		height: auto;
	}
	.about-infos em.line {
		height: auto;
	}
	.about-infos p {
		padding: 1%;
	}
	.ad {
		display: none;
	}
	.news {
		height: auto;
	}

	.news .newsL .menu li {
		width: 50%;
		height: 45px;

		line-height: 45px;

	}

	.news .newsL {
		width: 100%;
		float: left;
	}
	.news .newsL .conBox {
		height: auto;
		padding-top: 10px;
	}
	.news .newsL .conBox .box {
		height: auto;
	}
	.news .newsL .conBox .boxL {
		width: 99%;
		margin: 1%;
	}
	.news .newsL .conBox .boxL .newsL-pic {
		width: 100%;
		height: auto;
	}

	.news .newsL .conBox .boxL img {
		width: 100%;
		height: auto;
	}
	.news .newsL .conBox .boxR {
		width: 100%;
		margin-left: 2px;
		float: left;
	}
	.news .newsR {
		display: none;
	}

	.footer .footerTop {
		display: none;
	}
	.link {
		display: none;
	}

	.footer .footerCenter .box3 {
		display: none;
	}
	.footer .footerCenter .box1 {
		display: none;
	}
	.footer {
		padding-top: 0px;
	}
	.about-wrap {
		padding-bottom: 0px;
	}












	.mtbanner {
		padding-top: 60px;
	}
	.m_banner {
		display: block;
	}
	.m_banner {
		margin: 0px auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.m_banner .mbanner ul li {
		line-height: 0;
	}
	.m_banner .mbanner ul li img {
		width: 100%;
		height: auto;
	}
	.banner_btn {
		width: 100%;
		text-align: center;
		bottom: 10px;
		overflow: hidden;
		position: absolute;
		z-index: 9;
	}
	.banner_btn {
		text-align: center;
	}
	.banner_btn a.in {
		background: #b91226;
		opacity: 1;
	}
	.banner_btn a {
		background: rgb(249, 201, 211); margin: 0px 5px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 12px; height: 12px; text-indent: -999px; overflow: hidden; display: inline-block; cursor: pointer; opacity: 0.4;
	}

	.com-title {
		padding-top: 30px;
	}
.container {
    width: 100%;
}



	.m_header {
		display: block;
	}
	.m_header {
		width: 100%;
		overflow: hidden;
	}
	.m_header .m_head_content {
		background: #e1e1e1;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 60px;
		position: fixed;
		z-index: 99;
		box-shadow: 0px 5px 10px 1px #999;
	}
	.m_header .m_head_content .m_head_logo {
		width: 80%;
	}
	.m_header .m_head_content .m_head_logo {
		height: 60px;
		margin-left: 0.05rem;
		float: left;
	}
	.m_header .m_head_content .m_head_logo img {
		height: 36px;
		width: 80%;
		margin-top: 10px;
		float: left;
		max-height: 100%;
	}
	.m_header .m_head_content .menu {
		width: 60px;
		height: 60px;
		float: right;
	}
	.m_header .m_head_content .menu img {
		width: 30px;
		margin-top: 18px;
		margin-right: 15px;
		float: right;
		display: block;
	}
	.app_menu {
		background: rgba(0, 0, 0, 0.5);
		top: 60px;
		width: 40%;
		height: 100%;
		right: 0px;
		display: none;
		position: fixed;
		z-index: 99;
	}
	.app_menu ul {
		background: #515151;
		margin: 0px;
        padding: 0px;
	}
	.app_menu ul li {
		width: 100%;
		border-bottom-color: rgb(68, 68, 68);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.app_menu ul li > a {
		width: 50%;
		display: block;
	}
	.app_menu ul li > a span {
		width: 100%;
		height: 42px;
		color: rgb(255, 255, 255);
		line-height: 42px;
		padding-left: 18px;
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.app_menu ul li.on {
		background: url("../images/bottom.png") no-repeat 95% 15px / 16px;
	}
	.app_menu ul .v_list {
		width: 100%;
	}
	.app_menu ul .v_list a {
		width: 100%;
		color: rgb(255, 255, 255);
		line-height: 36px;
		padding-left: 0.4rem;
		font-size: 14px;
		border-bottom-color: rgb(68, 68, 68);
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		float: none;
		display: block;
	}
	.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #d0d0d0;z-index: 10; display: block;}
	.footer-fix li {float: left;width: 25%;}
	.footer-fix li a {display: block;text-align: center;padding: 15px 0;font-size: 12px;line-height: 1;}
	.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
	.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
	.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
	.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
	.footer-fix li i.i4 {background-image: url(../images/f_04.png);}


	
}