* {
	margin: 0;
	padding: 0
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0
}
a {
	text-decoration: none !important;
	color: #333
}
a: hover {
	color: #333
}
.wrap {
	max-width: 1200px !important;
	margin: 0 auto
}
.img_wrap {
	max-width: 1200px;
	margin: 15px auto
}
.no-margin {
	margin: 0 !important
}
.clear {
	clear: both
}
.website_title {
	margin: 15px 0;
	font-size: 16px;
	text-align: center
}
.website_desc {
	font-size: 12px;
	text-indent: 24px;
	text-align: justify
}
.hot_keywords {
	line-height: 42px;
	background-color: #e3e3e3
}
.hot_keywords b {
	font-size: 16px
}
.hot_keywords strong {
	font-weight: normal
}
.none {
	display: none
}
.img-position-absolute {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	padding: auto
}
.imgAuto {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.wCenter {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}
.overflowHidden {
	overflow: hidden
}
.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more {
	float: left;
	font-size: 12px;
	padding-left: 17px;
	line-height: 16px;
	height: 16px;
	background-image: none !important;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 6px 6px 6px 0
}
header {
	width: 100%;
	font-family: "microsoft yahei";
	position: relative
}
header .headInfo {
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.6);
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
	z-index: 999
}
header .headInfo .left {
	float: left;
	line-height: 40px
}
header .headInfo .right {
	float: right
}
header .headInfo .right .icon {
	float: right
}
header .headInfo .right .icon li {
	float: right;
	color: #fff;
	width: 26px;
	height: 26px;
	margin: 7px 5px 0 5px;
	transition: all .3s
}
header .headInfo .right .icon li: nth-child(1) {
	background: url("../images/head_qq.png") no-repeat center center
}
header .headInfo .right .icon li: nth-child(2) {
	background: url("../images/head_weibo.png") no-repeat center center
}
header .headInfo .right .icon li: nth-child(3) {
	background: url("../images/head_weixin.png") no-repeat center center
}
header .headInfo .right .icon li: nth-child(1): hover {
	background: url("../images/head_qq_h.png") no-repeat center center
}
header .headInfo .right .icon li: nth-child(2): hover {
	background: url("../images/head_weibo_h.png") no-repeat center center
}
header .headInfo .right .icon li: nth-child(3): hover {
	background: url("../images/head_weixin_h.png") no-repeat center center
}
header .headInfo .right .icon li a {
	display: block;
	width: 100%;
	height: 100%
}
header .headInfo .right .phone {
	float: right;
	line-height: 40px;
	background: url("../images/head_phone.png") no-repeat center left;
	padding-left: 25px;
	margin-right: 20px
}
header .head {
	width: 100%;
	height: 70px;
	background-color: rgba(255,255,255,1);
	transition: all .3s
}
header .headAbs {
	position: absolute;
	bottom: -70px;
	z-index: 999
}
header .headFix {
	position: fixed;
	top: 0;
	z-index: 999
}
header .head .logo {
	width: 400px;
	line-height: 70px;
	float: left;
	overflow: hidden
}
header .head .logo img {
	max-width: 120px;
	max-height: 70px;
	line-height: 70px;
	vertical-align: middle
}
header .head .logo {
	font-size: 16px;
	vertical-align: middle
}
header .head .icon-menu {
	width: 35px;
	line-height: 70px;
	overflow: hidden;
	cursor: pointer;
	color: #000
}
header .hNav {
	line-height: 70px;
	float: right;
	width: 900px
}
header .hNav nav {
	width: 100%;
	height: 100%
}
header .hNav nav>ul {
	width: 100%;
	height: 100%
}
header .hNav nav>ul>li {
	float: left;
	width: 100px;
	height: 100%;
	text-align: center;
	transition: all .3s;
	position: relative
}
header .hNav nav>ul>li h1 {
	font-size: 1.2em;
	color: #000;
	line-height: 30px
}
header .hNav nav>ul>li span,header .hNav nav>ul>li a {
	color: #000;
	cursor: pointer;
	font-size: 18px
}
header .hNav nav>ul>li>ul {
	display: none;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 999
}
header .hNav nav>ul>li>ul>li {
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0.5);
	line-height: 40px;
	transition: all .3s;
	overflow: hidden
}
header .hNav nav>ul>li>ul>li a {
	display: block;
	color: #fff
}
header .hNav nav>ul>li>ul>li: hover {
	background-color: #000
}
header .hNav nav>ul>li: hover,header .hNav nav>ul>li.active {
	background-color: #000
}
header .hNav nav>ul>li: hover h1,header .hNav nav>ul>li.active h1 {
	color: #fff
}
header .hNav nav>ul>li: hover a,header .hNav nav>ul>li: hover span,header .hNav nav>ul>li.active a,header .hNav nav>ul>li.active span {
	color: #fff
}
header .hNav nav>ul>.active {
	background-color: #000
}
header .hNav nav>ul>.active h1 {
	color: #fff
}
header .hNav nav>ul>.active span {
	color: #fff
}
header .hNav nav>ul>li: hover ul {
	display: inherit
}
header .roll {
	height: 70px;
	border-bottom: 1px solid #dbdbdb
}
header .roll .logo {
	line-height: 70px
}
header .roll .hNav {
	height: 70px
}
header .roll .hNav nav>ul>li span {
	display: block
}
.banner {
	position: relative;
	margin-top: 70px
}

.main .mTitle {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background: url("../images/title_line.png") no-repeat center center;
	overflow: hidden
}
.main .mTitle .big {
	display: inline-block;
	font-size: 4em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase
}
.main .mTitle .text {
	display: inline-block;
	text-align: left
}
.main .mTitle .text h1 {
	font-size: 2em;
	color: #000
}
.main .mTitle .text span {
	font-size: 1.2em;
	color: #000
}
.main .content {
	padding: 20px 0
}
.main .content p img {
	max-width: 100%
}
.main .product .swiper-container {
	padding: 10px
}
.main .pItem {
	overflow: hidden;
	height: 307px;
	position: relative;
	transition: all .3s;
	border: 1px solid #dcdcdc
}
.main .pItem .img {
	width: 100%;
	height: 100%;
	transition: all .3s
}
.main .pItem .text {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	transition: all .3s;
	position: absolute;
	bottom: 0
}
.main .pItem .hover {
	width: 100%;
	height: 100%;
	background-color: rgba(1,122,195,0.6);
	position: absolute;
	top: 307px;
	left: 0;
	color: #fff;
	font-size: 1.2em;
	transition: all .5s ease-in-out
}
.main .pItem: hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	border-color: #000
}
.main .pItem: hover .img {
	transform: scale(1.1)
}
.main .pItem: hover .text {
	bottom: -40px
}
.main .pItem: hover .hover {
	top: 0
}
.main .about {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	background: url("../images/about_bg.jpg") no-repeat center center;
	background-size: cover
}
.main .about .left {
	float: left;
	width: 40%;
	height: 320px;
	transition: all .3s
}
.main .about .left .img {
	width: 100%;
	height: 100%
}
.main .about .right {
	float: right;
	width: 58%;
	height: 320px;
	transition: all .3s;
	background: url("../images/about_more.png") no-repeat center left;
	background-size: auto 100%;
	padding: 30px 10px 30px 120px;
	position: relative
}
.main .about .right .title {
	color: #fff;
	font-size: 1.8em;
	font-weight: 800
}
.main .about .right .text {
	margin: 10px 0;
	line-height: 25px;
	color: #fff;
	height: 200px;
	overflow: hidden
}
.main .about .right .more {
	width: 35px;
	height: 76px;
	background-color: #000;
	position: absolute;
	bottom: 63px;
	left: 66px;
	transition: all .3s;
	border: 1px solid #000
}
.main .about .right .more a {
	display: block;
	width: 100%;
	height: 100%;
	writing-mode: tb-rl;
	color: #fff;
	text-align: center;
	line-height: 35px
}
.main .about .right .more: hover {
	background-color: #fff
}
.main .about .right .more: hover a {
	color: #000
}
.main .news {
	width: 100%;
	overflow: hidden;
	background: url("../images/news_bg.jpg") repeat
}
.main .news .left {
	float: left;
	width: 50%;
	padding: 0 10px;
	transition: all .3s
}
.main .news .left .img {
	width: 100%;
	height: 280px;
	transition: all .3s
}
.main .news .left .title {
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 10px;
	color: #000;
	position: relative;
	padding-right: 80px;
	overflow: hidden
}
.main .news .left .title span {
	font-size: 1em;
	color: #000;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 500
}
.main .news .left .text {
	margin: 10px 0;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	color: #000;
	transition: all .3s
}
.main .news .left: hover .text {
	color: #000
}
.main .news .left: hover .img {
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
	transform: scale(1.05)
}
.main .news .right .list: after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both
}
.main .news .right .nItem {
	width: 46%;
	height: 80px;
	border: 2px solid #fff;
	overflow: hidden;
	transition: all .3s;
	margin: 5px 2%;
	float: left
}
.main .news .right .nItem .date {
	float: left;
	width: 80px;
	height: 100%;
	background-color: #fff;
	transition: all .3s;
	color: #000
}
.main .news .right .nItem .date .day {
	font-size: 2.2em;
	font-weight: bold
}
.main .news .right .nItem .info {
	overflow: hidden;
	padding: 5px
}
.main .news .right .nItem .info .title {
	color: #000;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 60px;
	overflow: hidden
}
.main .news .right .nItem .info .text {
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	color: #000
}
.main .news .right .nItem: hover .date {
	background-color: #000;
	color: #fff;
	width: 100px
}
.main .news .right .nItem: hover {
	border-color: #000
}
.honor-info {
	width: 90%;
	margin: 0 5%;
	background-color: white
}
.honor-info td {
	height: 44px;
	line-height: 44px;
	border: 1px solid #eaeaea
}
.honor-info .u-inforName {
	padding: 0 20px;
	width: 100px;
	text-align: left
}
.honor-info .u-inforText {
	padding-left: 20px
}
.main .partner .list {
	height: 180px
}
.main .partner .list li {
	float: left;
	width: 14.66%;
	margin: 10px 1%;
	height: 75px;
	border: 1px solid #ccc;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	transition: all .3s
}
.main .partner .list li img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%
}
.main .partner .list li {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}
.main .partner .list li: hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.5)
}
.main .partner .more {
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 1.2em;
	margin: 20px auto;
	cursor: pointer;
	transition: all .3s
}
.main .partner span {
	transition: all .3s
}
.main .rotate180 {
	transform: rotate(180deg)
}
.main .other {
	width: 100%;
	height: 250px;
	padding: 20px 0;
	background-color: #292929;
	overflow: hidden;
	border-bottom: 1px solid #bdbdbd
}
.main .other .wrap {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.main .other .contact {
	width: 48%;
	float: left;
	height: 100%
}
.main .other .oTitle {
	width: 150px;
	float: left;
	height: 100%
}
.main .other .oTitle h2 {
	font-size: 1.6em;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 0
}
.main .other .oTitle span {
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	text-align: left
}
.main .other .content {
	overflow: hidden;
	color: #fff
}
.main .other .fadeInRight .content {
	text-align: center
}
.main .other .content img {
	height: 190px
}
.main .other .contact .content li {
	line-height: 25px;
	color: #fff
}
.main .other .message {
	width: 48%;
	float: right;
	height: 100%
}
.main .other .message input[type="text"] {
	width: 49%;
	float: left;
	height: 50px;
	padding: 10px;
	background: 0;
	border: 0;
	border-bottom: 1px solid #000;
	outline: 0;
	color: #fff
}
.main .other .message input[type="text"]: nth-of-type(2) {
	margin-left: 2%
}
.main .other .message textarea {
	width: 100%;
	height: 80px;
	margin-top: 10px;
	padding: 10px;
	display: block;
	resize: none;
	outline: 0;
	border: 0;
	border-bottom: 1px solid #000;
	background: 0;
	color: #fff
}
.main .other .message input[type="submit"] {
	width: 100px;
	height: 40px;
	background-color: #000;
	line-height: 40px;
	text-align: center;
	margin-top: 10px;
	border: 0;
	color: #fff
}
footer {
	width: 100%;
	background-color: #282828;
	padding: 10px 0;
	text-align: center;
	color: #bdbdbd;
	overflow: hidden
}
footer .link {
	overflow: hidden;
	width: 100%;
	text-align: center
}
footer .link li {
	display: inline-block;
	color: #fff
}
footer .link li a {
	margin: 0 20px
}
footer a {
	color: #bdbdbd
}
footer a: hover {
	color: #000;
	text-decoration: underline !important
}
#myCarousel {
	margin-top: 70px
}
.page {
	padding: 30px 0
}
.page .left {
	float: left;
	width: 21%;
	transition: all .3s
}
.page .right {
	float: right;
	width: 77%;
	transition: all .3s
}
.page .left .navMenu {
	width: 100%;
	overflow: hidden
}
.page .left .navMenu .navTitle {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
	background-color: #000;
	color: #fff;
	text-align: center;
	overflow: hidden
}
.page .left .navMenu .navTitle h1 {
	font-size: 1.5em;
	display: inline-block
}
.page .left .navMenu .navTitle span {
	font-size: 1em
}
.page .left .navMenu .navUl li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 5px;
	background-color: #f4f4f4;
	transition: all .3s;
	font-size: 1.1em
}
.page .left .navMenu .navUl li a {
	color: #000;
	display: block;
	transition: all .3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.page .left .navMenu .navUl li: hover {
	background-color: #000
}
.page .left .navMenu .navUl li: hover a {
	color: #fff
}
.page .left .navMenu .navUl .act {
	background-color: #000
}
.page .left .navMenu .navUl .act a {
	color: #fff
}
.page .left .navMenu .navUl .active {
	background-color: #000
}
.page .left .navMenu .navUl .active a {
	color: #fff
}
.page .left .navMenu .navContact {
	width: 100%;
	background-color: #f4f4f4
}
.page .left .navMenu .navContact .title {
	width: 100%;
	height: 90px;
	background: #000;
	text-align: center;
	color: #fff
}
.page .left .navMenu .navContact .title h1 {
	font-size: 1.5em
}
.page .left .navMenu .navContact .title span {
	font-size: 1em
}
.page .left .navMenu .navContact .img {
	width: 100%;
	height: 100px;
	margin: 10px 0
}
.page .left .navMenu .navContact .info {
	width: 100%;
	padding: 10px
}
.page .left .navMenu .navContact .info li {
	line-height: 25px
}
.page .navMenu2 {
	overflow: hidden;
	padding-top: 10px
}
.page .navMenu2 .tlt {
	width: 100%;
	line-height: 50px;
	padding: 0 15px;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	cursor: pointer
}
.page .navMenu2 .tlt span {
	position: absolute;
	right: 25px;
	line-height: 50px
}
.page .navMenu2 .sjdnav2 ul {
	padding: 0;
	margin: auto
}
.page .navMenu2 .sjdnav2 li {
	width: 100%;
	height: 40px;
	text-align: center;
	background: #fff;
	border-bottom: 2px solid #000;
	transition: all .3s
}
.page .navMenu2 .sjdnav2 li: hover {
	color: #fff;
	background: #000
}
.page .navMenu2 .sjdnav2 li a {
	display: block;
	color: #000;
	line-height: 40px;
	transition: all .3s
}
.page .navMenu2 .sjdnav2 li: hover a {
	color: #fff
}
.page .navMenu2 .sjdnavhide2 {
	height: 0;
	overflow: hidden
}
.page .right .rTitle {
	width: 100%;
	border-bottom: 3px double #d3d3d3;
	height: 40px;
	line-height: 40px;
	position: relative;
	overflow: hidden
}
.page .right .rTitle h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000
}
.page .right .rTitle span {
	position: absolute;
	right: 0;
	top: 0
}
.page .aboutHtml .img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	text-align: center
}
.page .aboutHtml .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.page .aboutHtml .text {
	line-height: 25px;
	color: #000
}
.page .aboutHtml .text p {
	text-indent: 28px;
	text-align: justify
}
.page .caseHtml .pItem {
	width: 31.33%;
	margin: 10px 1%;
	float: left
}
.page .productShowHtml {
	text-align: center
}
.page .productShowHtml .title {
	padding: 0 10px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 1.3em
}
.page .productShowHtml .img {
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 100%;
	text-align: center;
	margin: 20px auto;
	overflow: hidden
}
.page .productShowHtml .img img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}
.page .productShowHtml .text {
	text-align: left;
	line-height: 25px;
	color: #000
}
.page .productShowHtml .line {
	border-bottom: 1px dashed #666;
	margin: 10px 0
}
.page .contactHtml li {
	line-height: 25px
}
.page .contactHtml .map {
	width: 100%;
	margin-top: 20px;
	height: 350px
}
#map,#dituContent {
	width: 100%;
	height: 100%
}
.page .newsHtml .list {
	padding: 0 10px
}
.page .newsHtml .nItem {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	overflow: hidden;
	background-color: #f3f3f4;
	transition: all .3s
}
.page .newsHtml .nItem .img {
	float: left;
	width: 180px;
	height: 100%;
	margin-right: 10px
}
.page .newsHtml .nItem .tlt {
	overflow: hidden;
	height: 100%
}
.page .newsHtml .nItem .tlt .title {
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	transition: all .3s;
	line-height: 30px;
	height: 30px;
	overflow: hidden
}
.page .newsHtml .nItem .tlt .text {
	color: #999;
	margin-top: 10px;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	ransition: all .3s
}
.page .newsHtml .nItem: hover {
	background-color: #000;
	box-shadow: 0 0 20px rgba(0,0,0,0.5)
}
.page .newsHtml .nItem: hover .title {
	color: #fff
}
.page .newsHtml .nItem: hover .text {
	color: #fff
}
.page .newsShowHtml .tlt {
	width: 100%;
	text-align: center;
	padding: 5px 0;
	border-bottom: 1px solid #d3d3d3
}
.page .newsShowHtml .tlt .title {
	font-size: 1.2em;
	font-weight: bold;
	color: #000
}
.page .newsShowHtml .tlt .date {
	color: #d3d3d3;
	font-size: 1em;
	margin-top: 10px
}
.page .newsShowHtml .img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	text-align: center;
	margin: 10px 0
}
.page .newsShowHtml .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.page .newsShowHtml .text {
	line-height: 22px;
	color: #000
}
.page .cooperationHtml .list li {
	float: left;
	width: 14.66%;
	margin: 10px 1%;
	height: 75px;
	border: 1px solid #ccc;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	transition: all .3s
}
.page .cooperationHtml .list li img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%
}
.page .cooperationHtml .list li {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}
.page .cooperationHtml .list li: hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.5)
}
.page .messageHtml table {
	margin: auto
}
.page .messageHtml table td: nth-of-type(2) {
	width: 300px;
	height: 50px;
	padding: 5px 0
}
.page .messageHtml table td input[type='text'] {
	width: 100%;
	height: 40px;
	outline: 0;
	padding: 10px
}
.page .messageHtml table td textarea {
	width: 100%;
	height: 150px;
	resize: none;
	padding: 10px;
	outline: 0
}
.page .messageHtml input[type="submit"] {
	width: 200px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #000;
	color: #fff;
	border: 0;
	margin: auto;
	display: block
}
@media(max-width: 1199px) {
	header .headInfo {
	padding: 0 15px
}
header .head {
	padding-left: 15px;
	padding-right: 15px
}
.banner {
	margin-top: 0
}
header .head .right {
	width: auto
}
.main .content {
	padding: 20px 15px
}
.page {
	padding: 20px 15px
}
}@media(max-width: 991px) {
	header .roll {
	height: auto
}
header .roll .logo {
	line-height: 90px
}
header .roll .hNav {
	height: auto
}
header .headAbs {
	position: absolute;
	bottom: auto;
	z-index: 999
}
header .head {
	padding: 0 15px;
	position: fixed;
	top: 0;
	z-index: 999;
	background-color: rgba(255,255,255,1)
}
header .head .logo {
	width: 80%;
	line-height: 90px;
	margin-right: 0
}
header .sjdnav {
	width: 150px;
	height: auto;
	position: absolute;
	right: 10px;
	top: 100px;
	z-index: 5
}
header .sjdnav ul {
	padding: 0;
	margin: 0
}
header .sjdnav li {
	height: 39px;
	display: block;
	padding: 0;
	background-color: #000;
	text-align: center;
	margin-bottom: 1px
}
header .sjdnav li: hover {
	background-color: #000
}
header .sjdnav li a {
	display: block;
	color: #fff;
	line-height: 39px
}
header .sjdnavhide {
	height: 0;
	overflow: hidden
}
.main .pItem {
	height: 200px
}
.page .left {
	float: none;
	width: 100%
}
.page .right {
	float: none;
	width: 100%
}
.page .newsHtml .list {
	padding: 0
}
}@media(max-width: 767px) {
	body {
	margin-bottom: 76px
}
header .head .logo {
	line-height: 60px
}
header .head .logo img {
	max-width: 240px
}
header .head .icon-menu {
	width: 30px;
	line-height: 80px;
	margin-top: 20px;
	font-size: 22px
}
header .sjdnav {
	left: 0;
	top: 70px;
	width: 100%;
	box-shadow: 0 2px 5px rgba(245,245,245,0.2)
}
header .sjdnav li {
	text-align: right;
	margin-bottom: 0;
	padding: 0 3%;
	line-height: 40px;
	background: rgba(255,255,255,1);
	border-bottom: solid 1px #000;
	transition: all .3s
}
header .sjdnav li: hover {
	color: #f5f5f5;
	background: #000
}
header .sjdnav li a {
	color: #000;
	line-height: 40px;
	transition: all .3s
}
header .sjdnav li: hover a {
	color: #fff
}
.banner img {
	margin-top: 80px
}
.banner .swiper-button-prev,.banner .swiper-button-next {
	display: none !important
}
.main .pItem {
	height: 160px
}
.main .pItem .hover {
	font-size: 1em
}
.main .mTitle .big {
	font-size: 2em
}
.main .mTitle .text h1 {
	font-size: 1.2em
}
.main .mTitle .text span {
	font-size: 1em
}
.main .about .left {
	float: none;
	width: 100%;
	height: 200px
}
.main .about .right {
	float: none;
	width: 100%;
	margin-top: 10px
}
.main .news .left {
	float: none;
	width: 100%
}
.main .news .right {
	float: none;
	width: 100%
}
.main .partner .list li {
	width: 23%
}
.main .other {
	height: auto
}
.main .other .contact {
	float: none;
	width: 100%
}
.main .other .message {
	float: none;
	width: 100%
}
.main .other .oTitle {
	width: 100%;
	float: none
}
.main .other .message input[type="submit"] {
	width: 100%
}
footer {
	height: 50px;
	padding: 10px;
	line-height: 30px
}
.page .aboutHtml .text {
	line-height: 22px
}
.page .caseHtml .pItem {
	width: 48%;
	height: 220px
}
.page .newsHtml .nItem {
	height: 130px
}
.page .newsHtml .nItem .img {
	width: 130px
}
.page .messageHtml table {
	width: 100%
}
.page .messageHtml table td: nth-of-type(2) {
	width: auto
}
.page .messageHtml input[type="submit"] {
	width: 100%
}
.page .cooperationHtml .list li {
	width: 23%
}
}@media(max-width: 480px) {
	.main .about .right .title {
	font-size: 1.1em
}
.main .news .left .img {
	height: 160px
}
.page .caseHtml .pItem {
	height: 160px
}
}.dock {
	position: fixed;
	right: 0;
	width: 50px;
	-moz-opacity: .9;
	opacity: .9;
	z-index: 200;
	font-size: 14px;
	font-family: '寰蒋闆呴粦'
}
.dock.close {
	z-index: 50
}
.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0;
	padding: 0;
	width: 50px;
	border: 1px solid #000;
	border-right: 0;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0;
	-moz-transition: all .3s ease-in-out 0;
	-ms-transition: all .3s ease-in-out 0;
	-o-transition: all .3s ease-in-out 0;
	transition: all .3s ease-in-out 0
}
.dock.close ul.icons {
	right: -70px
}
.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0;
	-moz-transition: all .3s ease-in-out 0;
	-ms-transition: all .3s ease-in-out 0;
	-o-transition: all .3s ease-in-out 0;
	transition: all .3s ease-in-out 0;
	z-index: 210
}
.dock ul.icons li.active i {
	-moz-opacity: .4;
	opacity: .4
}
.dock ul.icons li.up i {
	background-position: -63px -150px
}
.dock ul.icons li.tel i {
	background-position: -62px -108px
}
.dock ul.icons li.im i {
	background-position: -63px -20px
}
.dock ul.icons li.wechat i {
	background-position: -59px -66px
}
.dock ul.icons li.down i {
	background-position: -63px -190px
}
.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #000;
	border-right: 0;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201
}
.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100)
}
.dock ul.icons li.tel p {
	width: 140px;
	height: 130px;
	line-height: 30px
}
.dock ul.icons li.im p {
	width: 140px;
	height: 130px;
	line-height: 30px
}
.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #000;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0;
	-moz-transition: all .3s ease-in-out 0;
	-ms-transition: all .3s ease-in-out 0;
	-o-transition: all .3s ease-in-out 0;
	transition: all .3s ease-in-out 0
}
.dock ul.icons li.im p a: hover {
	color: White;
	background: #000;
	border: 1px solid #000
}
.dock ul.icons li.wechat p {
	width: 170px;
	height: 160px;
	line-height: 30px
}
.dock ul.icons li.wechat p img {
	border: 2px solid #000
}
.dock a.switch {
	position: absolute;
	display: block;
	top: 252px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0 -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s
}
.dock a.switch.off {
	background-position: -32px -640px
}
.diy_page,.diy_page2 {
	font: 12px/21px Arial;
	clear: both;
	margin: 0 auto;
	text-align: center;
	color: #999
}
.diy_page a img {
	border: 0
}
.diy_page a {
	text-decoration: none;
	color: #333;
	border: 1px solid #000;
	padding: 0 4px;
	margin-right: 1px
}
.diy_page a: hover {
	color: #000;
	background: #000;
	text-decoration: none
}
.diy_page a.current {
	color: #000;
	border: 1px solid #000;
	background: #000
}
.diy_page a.p_n {
	border: 0
}
.diy_page a.p_n: hover {
	border: 0;
	background: 0;
	color: #000;
	text-decoration: underline
}
.diy_page a.nob {
	border: 0;
	padding: 0 3px
}
.diy_page a.p_n2 {
	border: 0;
	text-decoration: none;
	border: 1px solid #FFF
}
.diy_page a.p_n2: hover {
	border: 0;
	background: 0;
	border: 1px solid #000
}
.bottomNav {
	display: none;
	width: 100%;
	height: 76px;
	background-color: #282828;
	position: fixed;
	bottom: 0;
	z-index: 20
}
.bottomNav .bottomNav-menu {
	width: 100%;
	height: 100%;
	position: relative
}
.bottomNav a {
	text-decoration: none
}
.bottomNav .bN-btn,.bNItem {
	width: 33.33%;
	height: 100%;
	text-align: center;
	float: left;
	position: relative;
	cursor: pointer;
	transition: all .5s
}
.bottomNav .bN-btn: hover {
	background-color: #000
}
.bottomNav .bottomNav-share .bNItem: hover {
	background-color: rgba(0,0,0,0.08)
}
.bottomNav .img-phone {
	background: url(../images/phone.png) no-repeat center 12px
}
.bottomNav .img-qq {
	background: url(../images/qq.png) no-repeat center 12px
}
.bottomNav .img-qr {
	background: url(../images/qr.png) no-repeat center 12px
}
.bottomNav .img-share {
	background: url(../images/share.png) no-repeat center 12px
}
.bottomNav .bN-btn span {
	display: block;
	width: 100%;
	margin-top: 48px;
	color: #e6e6e6;
	font-size: .9em
}
.bottomNav .bottomNav-qr {
	display: none;
	position: absolute;
	width: 100%;
	margin-top: -320px
}
.bottomNav .qr-img {
	width: 200px;
	height: 200px;
	background-color: #fff;
	margin: auto;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
	padding: 5px
}
.bottomNav .qr-img img {
	width: 100%
}
.bottomNav .bottomNav-share {
	display: none;
	width: 100%;
	position: absolute;
	margin-top: -170px
}
.bottomNav .share-menu {
	width: 95%;
	height: 70px;
	background-color: #fff;
	margin: auto;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	padding: 5px
}
.bottomNav .share-qzone {
	background: url(../images/qzone.png) no-repeat center center
}
.bottomNav .share-weibo {
	background: url(../images/weibo.png) no-repeat center center
}
.bottomNav .share-renren {
	background: url(../images/renren.png) no-repeat center center
}
.bottomNav .share-weixin {
	background: url(../images/weixin.png) no-repeat center center
}
.mainPage {
	margin: 30px 0
}
.mainPage ul {
	width: 680px;
	height: 32px;
	display: block;
	margin: 0 auto
}
.mainPage ul li {
	float: left;
	display: inline;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #000;
	font-size: 15px;
	margin: 0 4px;
	border: 1px solid #dedede;
	font-size: 15px
}
.mainPage ul li a {
	color: #000;
	font-size: 15px
}
.mainPage ul li.thisclass {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	font-size: 15px
}
.mainPage ul li.thisclass a {
	color: #fff
}
.mainPage ul li a: hover,a: focus {
	color: #000;
	text-decoration: none
}
#map {
	width: 100%;
	height: 350px;
	margin-top: 15px
}
.map_img {
	width: 180px;
	float: left
}
.map_contact {
	width: 50%;
	float: left;
	padding-left: 10px
}
.map_contact p {
	margin: 0
}
.bottom_company_info {
	line-height: 2
}
.line {
	padding: 10px 0
}

.article_text p {
	margin: 10px 0;
	font-size: 14px;
	text-indent: 28px;
	line-height: 25px;
	text-align: justify
}
.article_text img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}
@media(max-width: 768px) {
	header .head .logo img {
	display: none;
}
.main .news .right .nItem,.img_wrap {
	width: 100%
}
.bottomNav {
	display: inherit
}
video {
	width: 100% !important;
	height: auto;
	background-color: black
}
}