@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* QQ：9490489 */

body {
	background: #fff;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.wrap {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}

.wrap:after,
.wrap:before {
	display: table;
	content: '';
}

.wrap:after {
	clear: both;
}

.textOver {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.over {
	overflow: hidden;
}

.alC {
	text-align: center;
}

.alL {
	text-align: left;
}

.alR {
	text-align: right;
}

.displayT {
	width: 100%;
	height: 100%;
	display: table;
}

.tableC {
	display: table-cell;
}

.inlineB {
	display: inline-block;
}

.displayB {
	display: block;
}

.middle {
	vertical-align: middle;
}

.middleImg img {
	vertical-align: middle;
}

.middleImg span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}

.imgZoom img:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.show_tb {
	display: none !important;
}

.show_tb {
	display: none !important;
}

.show_pc {
	display: block !important;
}

.show_mb {
	display: none !important;
}

@font-face {
	font-family: 'iconfont';
	/* project id 435344 */
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot');
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot') format('embedded-opentype'),
		url('../fonts/font_435344_pihqaadyt1d78pvi.woff') format('woff'),
		url('../fonts/font_435344_pihqaadyt1d78pvi.ttf') format('truetype'),
		url('../fonts/font_435344_pihqaadyt1d78pvi.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont";
	font-style: normal;
	vertical-align: middle;
}

/*@font-face{font-family: 'fzltcxh';src: url(../fonts/2135752bf2cb48bcad107e46ffe6e340.ttf);}*/

body {
	overflow-x: hidden;
}

.w_detail {
	margin-bottom: 3%;
}

.w_detail .rel {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 3%;
}

.w_detail .rel .button {
	position: absolute;
	top: 0;
	height: 100%;
}

.w_detail .rel .button .b {
	font-size: 14px;
	color: #999;
	position: fixed;
	top: 50%;
}

.w_detail .rel .button .b span {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}

.w_detail .rel .button.prev {
	left: 0;
}

.w_detail .rel .button.prev .b span {
	background: url(../images/det1.png) no-repeat center;
	margin-right: 5px;
}

.w_detail .rel .button.prev .b:hover span {
	background: url(../images/det1o.png) no-repeat center;
}

.w_detail .rel .button.next {
	right: 6%;
}

.w_detail .rel .button.next .b {}

.w_detail .rel .button.next .b span {
	background: url(../images/det2.png) no-repeat center;
	margin-left: 5px;
}

.w_detail .rel .button.next .b:hover span {
	background: url(../images/det2o.png) no-repeat center;
}

.w_detail .main {
	width: 1200px;
}

.w_detail .title {
	font-size: 24px;
	color: #333;
	padding: 3% 0 2%;
}

.w_detail .data {}

.w_detail .data .fl {
	font-size: 14px;
	color: #999;
}

.w_detail .data .fl:first-child {
	margin-right: 3%;
}

.w_detail .content {
	padding: 3% 0 4%;
	line-height: 180%;
}

.w_detail .share {}

.recom {
	padding-bottom: 2%;
}

.recom .tit {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 1%;
	margin-bottom: 2%;
}

.iCase.recom .list .box {
	width: 22.7%;
}

.iNews.recom .list .box {
	width: 22.8%;
}

.banner a {
	display: inline-block;
	height: 472px;
	width: 100%;
}

.header {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 100;
}

.header .ps {
	padding-top: 0.7%;
	/*margin-bottom: 1%;*/
}

.header .ps .m_nav_button {
	color: #28166f;
	font-size: 35px;
	display: none;
	cursor: pointer;
}

.header .ps .hSearch {
	position: relative;
	z-index: 55;
}

.header .ps .hSearch img {
	cursor: pointer;
}

.header .ps .hSearch form input {
	position: absolute;
	top: 0;
	display: none;
}

.topForm .text {
	border: 1px solid #d9d9d9;
	border-radius: 100px;
	height: 38px;
	padding: 0 45px 0 0;
	font-size: 15px;
	color: #333;
	width: 140px;
	left: -147px;
	text-indent: 20px;
}

.topForm form .sub {
	width: 40px;
	height: 40px;
	background: url(../images/hd1.png) no-repeat center;
	border: none;
	left: 0px;
	cursor: pointer;
	vertical-align: middle;
}

.header .ps .hPhone {
	border: 1px solid #e4e4e4;
	font-size: 16px;
	color: #28166f;
	font-weight: bold;
	border-radius: 100px;
	padding: 8px 20px;
	margin-left: 10px;
	vertical-align: middle;
}

.header .logo {
	margin-bottom: 2%;
}

.header .nav {
	position: relative;
}

.header .nav .li {
	margin: 0 2.5%;
}

.header .nav .li>a {
	border-bottom: 2px solid transparent;
	padding-bottom: 12px;
	padding-top: 10px;
	font-size: 14px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}

.header .nav .li>a.on {
	border-color: #28166f;
	color: #28166f;
}

.header .nav .li>a:hover {
	border-color: #28166f;
	color: #28166f;
}

.header .nav .li:hover .navBox {
	display: block;
}

.header.headMini {
	padding: 1% 0;
	box-shadow: 0 1px 2px #f3f3f3;
}

.header.headMini .logo {
	width: 21.94%;
	float: left;
	margin-bottom: 0;
}

.header.headMini .nav {
	margin: 1% 22% 0;
}

.header.headMini .ps {
	float: right;
	padding: 0;
	margin: 1% 0 0;
}

.fix_height {}

.header {}

.header .navBox {
	display: none;
	transition: all 3s;
	-webkit-transition: all 3s;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 90;
	background: url(../images/nav_bg.png);
}

.header .navBox .a {
	padding: 15px 0;
}

.header .navBox .a a {
	font-size: 14px;
	color: #595757;
	padding: 0 25px;
	border-left: 1px solid #595757;
}

.header .navBox .a:first-child a {
	border: none;
}

.header .navBox .a:hover a {
	color: #f90;
}

.fadeInDown {
	animation: fadeInDown .5s both;
	-wekit-animation: fadeInDown .5s both;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-37px);
		transform: translateY(-37px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-37px);
		-ms-transform: translateY(-37px);
		transform: translateY(-37px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

#owl-banner {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}

#owl-banner .item {
	background: #fff no-repeat center;
}

#owl-banner .owl-controls {
	margin-top: 0;
}

#owl-banner .owl-controls .owl-page span {
	background: none;
	border: 2px solid #ccc;
	width: 8px;
	height: 8px;
	opacity: 1;
}

#owl-banner .owl-controls .owl-page.active span {
	border-color: #28166f;
	background: #28166f;
}

#owl-banner .owl-pagination {
	margin-top: 1%;
	position: absolute;
	left: 0;
	bottom: 4%;
	width: 100%;
}

#owl-banner .owl-buttons {}

#owl-banner .owl-buttons div {
	display: none;
}

#owl-banner .owl-buttons .owl-prev {
	left: 2%;
	background: url(../images/ib_l.png) no-repeat center;
}

#owl-banner .owl-buttons .owl-next {
	right: 2%;
	background: url(../images/ib_r.png) no-repeat center;
}



.index {}

.iTitle {
	text-align: center;
	padding: 4% 0 3%;
}

.iTitle .t1 {
	font-size: 30px;
	color: #666;
}

.iTitle span {
	display: inline-block;
	width: 33px;
	height: 3px;
	background: #28166f;
	margin: .5% 0;
}

.iTitle .t2 {
	font-size: 20px;
	color: #333;
}

.iCate {
	margin-bottom: 2%;
	text-align: center;
}

.iCate a {
	font-size: 14px;
	color: #333;
	margin: 0 1%;
}

.iCate a.on {
	color: #28166f;
}

.iCate a:hover {
	color: #28166f;
}

.index .iPage {
	text-align: center;
	padding-bottom: 3%;
}

.index .iPage .prev {}

.index .iPage .next {}

.index .iPage .mid {
	margin: 0 .5%;
}

.index .maod_rel {
	position: relative;
}

.index .maod_rel .maod {
	position: absolute;
	top: -20%;
	left: 0;
}

.iCase .list {
	/*display: none;*/
}

/*.iCase .list_box .list:first-child{display: block;}*/
.iCase .list .box {
	width: 31%;
	/*margin-left: 2.3%;*/
	margin: 0 1.15% 3%;
}

.iCase .list .box .pic {
	background: url(../images/loading.gif) no-repeat center;
}

.iCase .list .box .pic img {
	transition: all 1.2s;
	-webkit-transition: all 1.2s;
}

.iCase .list .box .pic:hover img {}

/*.iCase .list .box.noml{margin-left: 0;}*/
.iCase .list .box .t {
	margin-top: 2%;
	width: 100%;
}

.iCase .list .box .t a {
	font-size: 16px;
	color: #333;
}

.iCase .list .box .t span {
	font-size: 14px;
	color: #999;
}

#owl-iCase {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 5%;
}

#owl-iCase .item {
	background: #fff no-repeat center;
}

#owl-iCase .owl-controls {
	margin-top: 0;
}

#owl-iCase .owl-controls .owl-page span {
	display: none;
}

#owl-iCase .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}

#owl-iCase .owl-buttons {
	background: url(../images/ip2.png) no-repeat center;
	;
}

#owl-iCase .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}

#owl-iCase .owl-buttons .owl-prev {
	background: #f1f1f1 url(../images/ipj1.png) no-repeat center;
}

#owl-iCase .owl-buttons .owl-prev:hover {
	background: #28166f url(../images/ipj10.png) no-repeat center;
}

#owl-iCase .owl-buttons .owl-next {
	background: #f1f1f1 url(../images/ipj2.png) no-repeat center;
}

#owl-iCase .owl-buttons .owl-next:hover {
	background: #28166f url(../images/ipj20.png) no-repeat center;
}

#owl-iNews {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 5%;
}

#owl-iNews .item {
	background: #fff no-repeat center;
}

#owl-iNews .owl-controls {
	margin-top: 0;
}

#owl-iNews .owl-controls .owl-page span {
	display: none;
}

#owl-iNews .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}

#owl-iNews .owl-buttons {
	background: url(../images/ip2.png) no-repeat center;
	margin-top: 2%;
}

#owl-iNews .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}

#owl-iNews .owl-buttons .owl-prev {
	background: #f1f1f1 url(../images/ip1.png) no-repeat center;
}

#owl-iNews .owl-buttons .owl-prev:hover {
	background: #28166f url(../images/ipj10.png) no-repeat center;
}

#owl-iNews .owl-buttons .owl-next {
	background: #f1f1f1 url(../images/ip3.png) no-repeat center;
}

#owl-iNews .owl-buttons .owl-next:hover {
	background: #28166f url(../images/ipj20.png) no-repeat center;
}

.index .iAbout .wrap {
	position: relative;
	background: #f6f6f6;
}

.index .iAbout .pic {
	width: 50%;
	position: relative;
}

/*.index .iAbout .pic .visn{visibility: hidden;}*/
.index .iAbout .pic .ivdo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}

.index .iAbout .pic .ivdo iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}

.index .iAbout .pic .ivdo video {
	width: 100%;
	background: #f6f6f6;
}

.index .iAbout .pic .button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/iab2.png) no-repeat center;
	cursor: pointer;
	display: none;
}

.index .iAbout .words {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}

.index .iAbout .words .bf {
	width: 85%;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
	line-height: 180%;
}

.index .iAbout .words .m {
	margin-top: 5%;
}

.index .iAbout .words .m a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 1.5% 4%;
	border: 1px solid #999;
}

.iNews {}

.iNews .list {
	margin-bottom: 1%;
}

.iNews .list .box {
	position: relative;
	width: 23%;
	margin: 0 1%;
	border-bottom: 2px solid #ddd;
	cursor: pointer;
}

/*.iNews .list .box.noml{margin-left: 2%;}*/
.iNews .list .box:after {
	width: 0;
	height: 2px;
	background: #28166f;
	transition: all .7s;
	-webkit-transition: all .7s;
	position: absolute;
	bottom: -2px;
	left: 0;
	content: "";
}

.iNews .list .box .pic.img {
	background-size: auto !important;
}

.iNews .list .box .pic.img {
	background-size: auto !important;
}

.iNews .list .box .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.iNews .list .box .t {
	margin: 4% 0;
}

.iNews .list .box .t a {
	font-size: 16px;
	color: #333;
	width: 95%;
	height: 22px;
}

.iNews .list .box .bf {
	font-size: 14px;
	color: #777;
	line-height: 25px;
	word-break: break-all;
	text-align: left;
	height: 50px;
	overflow: hidden;
}

.iNews .list .box .date {
	font-size: 14px;
	color: #999;
	padding: 5% 0;
	text-align: left;
}

.iNews .list .box .date img {
	margin-left: 3%;
}

.iNews .list .box:hover .t a {
	color: #28166f;
}

.iNews .list .box:hover:after {
	width: 100%;
}

.foot {
	overflow: hidden;
}

.foot .list {
	background: #333;
	padding: 2% 0 3%;
}

.foot .list .box {
	width: 10%;
	margin-right: 10%;
}

.foot .list .box .tt {}

.foot .list .box .tt a {
	font-size: 16px;
	color: #888;
	display: block;
	border-bottom: 1px solid #484848;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.foot .list .box ul {}

.foot .list .box ul li {
	line-height: 200%;
}

.foot .list .box ul li a {
	font-size: 14px;
	color: #ccc;
}

.foot .list .box.last {
	width: 37%;
	margin-right: 0;
}

.foot .list .box.last .fContact {}

.foot .list .box.last .fContact .p {
	font-size: 25px;
	color: #28166f;
}

.foot .list .box.last .fContact .d {
	font-size: 14px;
	color: #666;
	padding: 4% 0 20%;
}

.foot .list .box.last .fContact .ol {
	background: #3f3f3f;
	border-radius: 6px;
	padding: 4% 0;
}

.foot .list .box.last .fContact .ol a {
	color: #fff;
	font-size: 17px;
}

.foot .list .box.last .fContact .ol img {
	margin-right: 10px;
}

.foot .list .box.last .ewm {}

.foot .list .box.last .ewm div {}

.foot .list .box.last .ewm .fl {
	/*margin-right: 20px;*/
}

.foot .cpr {
	background: #222;
	padding: 1% 0;
}

.foot .cpr .w {
	font-size: 14px;
	color: #666;
}

.foot .cpr .w a {
	font-size: 14px;
	color: #666
}

.foot .cpr .share {}

.foot .cpr .share a {
	padding: 0 5px;
	font-size: 14px;
	color: #666
}

.position {}

.position .wrap {
	background: #f0f0f0;
	padding: 1.5% 0;
}

.position .loc {
	font-size: 14px;
	color: #999;
	margin-left: 3%;
}

.position .loc a {
	font-size: 14px;
	color: #999;
}

.position .loc a:last-child {
	color: #28166f;
}

.position .loc span {
	font-size: 14px;
	color: #999;
}

.position .back {
	margin-right: 3%;
}

.position .back a {
	font-size: 14px;
	color: #666;
}

.case {
	padding-bottom: 5%;
}

.case .sear {
	font-size: 24px;
	color: #333;
	text-indent: 20px;
	margin-bottom: 2%;
}

.news {}

.news .list .box {
	width: 23%;
}

.iNews.news .list .box {
	margin-bottom: 1%;
}

.iNews.news .list .box .pic {
	background: url(../images/loading.gif) no-repeat center;
}

.img.noPic {
	background: url(../images/nopic.png) no-repeat center !important;
	background-size: 30% auto !important;
}


.contact .main {
	max-width: 1500px;
	width: 98%;
	margin: 0 auto;
}

.contact .c_tit {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #757575;
}

.contact .c_tit_en {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #757575;
	text-align: center;
}

.contact .c_cup {
	margin-top: 52px;
	padding-bottom: 48px;
	border-bottom: 1px solid #e5e5e5;
}

.contact .c_cup .c_li {
	width: 25%;
	background: url(../images/c_li.jpg) no-repeat left center;
	margin-bottom: 50px;
}

.contact .c_cup .bgn {
	background: none;
}

.contact .c_cup .c_li .c_pic {
	height: 70px;
	width: 100%;
}

.contact .c_cup .c_li .c1 {
	background: url(../images/c1.jpg) no-repeat center top;
}

.contact .c_cup .c_li .c2 {
	background: url(../images/c2.jpg) no-repeat center top;
}

.contact .c_cup .c_li .c3 {
	background: url(../images/c3.jpg) no-repeat center top;
}

.contact .c_cup .c_li .c4 {
	background: url(../images/c4.jpg) no-repeat center top;
}

.contact .c_cup .c_li .one {
	line-height: 24px;
	text-align: center;
	color: #757575;
	font-size: 14px;
}

.contact .form {
	padding: 0 0 5%;
}

.contact .c_row {
	width: 32%;
	margin-left: 2%;
	margin-bottom: 30px;
}

.contact .c_row.noml {
	margin-left: 0;
}

.contact .c_row .user {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/pie/pie.htc);
	position: relative;
	padding: 0 18px;
	height: 48px;
	line-height: 48px;
	color: #999;
	font-size: 14px;
}

.contact .m_row {
	margin-bottom: 30px;
}

.contact .m_row .mess {
	border-radius: 5px;
	padding: 14px 18px;
	line-height: 28px;
	font-size: 14px;
	color: #999;
	width: 100%;
	border: 1px solid #e3e3e3;
	min-height: 200px;
}

.contact .c_submit {
	width: 150px;
	height: 50px;
	background: #28166f;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(../images/pie.htc);
	position: relative;
	margin: 0 auto;
}

.contact .c_submit .mit {
	height: 50px;
	width: 150px;
	border: none;
	background: none;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

/*.rm_outer{position: fixed;z-index: 90;width: 100%;top: 38%;left: 0;}
.rm_outer .rm_inter{position: relative;}
.right_menu{position: absolute;right: 0;top:0;}*/
.right_menu {
	position: fixed;
	right: -80px;
	top: 38%;
	z-index: 90;
}

.right_menu.show {
	right: 0;
}

.right_menu .relat {
	position: relative;
}

.right_menu .relat .button {
	position: absolute;
	bottom: 44%;
	right: 100%;
	background: url(../images/rp_bg.png);
	cursor: pointer;
	width: 20px;
	padding: 5px 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.right_menu.show .relat .button {}

.right_menu.show .relat .button img {
	transform: rotate(180deg);
}

.right_menu.right {
	position: fixed;
	right: 0;
	top: 25%;
}

.right_menu .box {
	width: 80px;
	padding: 10px 0;
	margin-bottom: 1px;
	background: url(../images/rp_bg.png);
	cursor: pointer;
	font-size: 12px;
	color: #fff;
}

/*.right_menu .box .img{width: 40%;margin: 0 auto;}*/
.right_menu .box img {
	margin-bottom: 5px;
	width: 25px;
}

.right_menu .box a {
	font-size: 12px;
	color: #fff;
}

.right_menu .box.call {
	position: relative;
}

.right_menu .box.call .op0 {}

.right_menu .box.call:hover .op0 {
	opacity: 0;
	visibility: hidden;
}

.right_menu .box.call:hover .form {
	width: 330px;
}

.right_menu .box.hide {
	background: none;
}

.right_menu .box.hide .op0 {
	opacity: 0;
	visibility: hidden;
}

.right_menu .box.call .form {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: url(../images/rp_bg.png);
	width: 0;
}

.right_menu .box.call .form.open {
	width: 330px;
}

.right_menu .box.call .form .width {
	width: 300px;
	margin-left: 15px;
	padding-top: 10px;
}

.right_menu .box.call .form .close {
	font-size: 12px;
	color: #fff;
	display: none;
}

.right_menu .box.call .form .w {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

.right_menu .box.call .form .text {
	width: 207px;
	height: 28px;
	background: #fff;
	color: #28166f;
	text-indent: 10px;
	border: none;
	margin-right: 1px;
}

.right_menu .box.call .form .sub {
	color: #fff;
	background: #28166f;
	width: 86px;
	height: 28px;
	border: none;
}


.mb_nav {
	position: fixed;
	left: -300px;
	top: 0;
	background: #fff;
	z-index: 95;
	width: 300px;
	height: 100%;
	transition: left .5s;
}

.mb_nav .li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #efefef;
}

.mb_nav .li>a {
	margin-bottom: 0;
	display: block;
	font-size: 18px;
	padding: 7% 0;
}

.mb_nav .li>a.on {
	border-color: transparent;
	color: #28166f;
}

.mb_nav .li>a:hover {
	border-color: #28166f;
	color: #28166f;
}

.mb_nav .navBox {
	display: none !important;
}

.mask {
	background: url(../images/mask.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.mask.mask_visible {
	visibility: visible;
	opacity: 1;
}

.mbiCate {
	text-align: center;
	margin-bottom: 3%;
}

.mbiCate select {
	border: solid 1px #d8d8d8;
	text-align: center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrow.png") no-repeat scroll 95% center transparent;
	padding: 5px 25px 5px 15px;
	color: #565656;
	border-radius: 4px;
}

.mbiCate select::-ms-expand {
	display: none;
}


.pub_turn_page {
	margin: 21px 0;
	font-size: 0;
	text-align: center;
}

.pub_turn_page a,
.pub_turn_page font,
.pub_turn_page select {
	display: inline-block;
	margin: 5px;
	padding: 10px 14px;
	font-size: 14px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	outline: 0;
	background: white;
}

.pub_turn_page .page-num-current {
	color: #fff;
	background: #28166f;
	border-color: #28166f;
}


@media only screen and (max-width: 1800px) {
	.header .ps .hPhone {
		margin-right: 10px;
	}

	/*.foot .list .box:first-child{margin-left:10px;}
	.foot .list .box.last{margin-right:10px;}
	.foot .list .box.last .ewm{width:48.3%;}
	.foot .list .box.last .ewm div{width:46.9%;}
	.foot .list .box.last .ewm div:first-child{margin-right:3%;}
	.foot .cpr .w{margin-left:10px;}
	.foot .cpr .share{margin-right:10px;}*/

	.w_detail .main,
	.wrap {
		width: 97%;
	}
}

@media only screen and (max-width: 1680px) {
	.foot .list .box.last .ewm div {
		width: 49%;
		margin: 0 .5%;
	}
}

@media only screen and (max-width: 1440px) {
	.foot .list .box.last .fContact .d {
		padding-bottom: 20px;
	}

	.right_menu {
		top: 20%;
	}

	.header .nav .li {
		margin: 0 1.5%;
	}

	.foot .list .box.last .ewm {
		width: 50%;
	}
}

@media only screen and (max-width: 1280px) {
	.foot .list .box.last .fContact .p {
		font-size: 24px;
	}

	.right_menu {
		display: none;
	}

	.header .ps .hSearch form .text {
		width: 100px;
		left: -107px;
	}

	.header .nav .li {
		margin: 0 1%;
	}
}

@media only screen and (max-width: 1024px) {
	.header .logo {
		float: left;
		margin-bottom: 0;
	}

	.header .ps {
		float: right;
		padding: 0;
		margin-top: 1%;
	}

	.header .ps .hPhone {
		display: none;
	}

	.header .ps .hSearch {
		margin-right: 10px;
	}

	.header .nav {
		display: none;
	}

	.header .ps .m_nav_button {
		display: inline-block;
	}

	.header.trans .logo {
		width: 300px;
	}

	.mb_nav.show {
		left: 0;
	}

	.foot .list .box {
		width: 32%;
		margin-right: 1%;
	}

	.foot .list .box.last {
		width: 100%;
	}

	.clear1024 {
		clear: both;
	}

	.foot .list .box ul {
		display: none;
	}

	.foot .list .box.last {
		display: block;
		width: 98%;
		margin: 0 auto;
		float: none;
	}

	.foot .list .box .tt {
		text-align: center;
	}

	.foot .list .box.last .tt {}

	.foot .cpr .w {
		width: 100%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	.foot .cpr .share {
		width: 100%;
		margin: 3px 0;
		float: none;
		text-align: center;
	}
}


@media only screen and (max-width: 992px) {
	.show_pc {
		display: none !important;
	}

	.show_tb {
		display: block !important;
	}

	.w_detail .content img {
		width: auto !important;
		height: auto !important;
		max-width: 100%;
		max-height: 100%;
	}

	.clear992 {
		clear: both;
	}

	.contact .c_cup .c_li {
		width: 50%;
	}

	.iCase.recom .list .box {
		width: 47.7%;
	}

	.iCate {
		display: none;
	}


	.header.trans {
		padding: 2% 0;
	}

	.index .iAbout .pic {
		width: 100%;
		float: none;
		text-align: center;
		overflow: hidden;
	}

	.index .iAbout .words {
		position: unset;
		width: 100%;
		padding: 0% 0 6%;
	}

	.iNews.recom .list .box,
	.iNews .list .box {
		width: 48%;
	}

	.w_detail .rel .button {
		display: none;
	}

	.iCase .list .box {
		width: 47%;
	}
}

@media only screen and (max-width: 768px) {
	.contact .c_row {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.iTitle .t1 {
		font-size: 23px;
	}

	.iTitle .t2 {
		font-size: 16px;
	}

	#maximg img {
		max-width: 100%;
		height: auto !important
	}
}

@media only screen and (max-width: 640px) {
	.show_tb {
		display: none !important;
	}

	.show_mb {
		display: block !important;
	}

	.clear640 {
		clear: both;
	}

	.contact .c_cup .c_li {
		width: 100%;
		background: none;
	}

	.header.trans {
		padding: 4% 0;
	}

	.header .ps .hSearch {
		display: none;
	}

	.header.trans .logo {
		float: left;
		margin-bottom: 0;
		width: 150px;
	}

	.header .ps {
		float: right;
		padding: 0;
		margin: 1% 0 0;
	}

	.iCase .list .box .t a {
		font-size: 14px;
	}

	.iCase .list .box .t span {
		font-size: 12px;
	}

	.foot .list .box.last .fContact {
		float: none;
		text-align: center;
		margin-bottom: 4%;
	}

	.foot .list .box.last .ewm {
		float: none;
		text-align: center;
		width: 100%;
	}

	.foot .list .box.last .ewm .fl,
	.foot .list .box.last .ewm .fr {
		display: inline-block;
		float: none;
		margin: 0;
		width: 48%;
	}

	.foot .list {
		padding: 6% 0;
	}

	.foot .cpr {
		padding: 3% 0;
	}

	.iTitle {
		padding: 6% 0;
	}

	.index .iAbout .words .bf {
		font-size: 13px;
	}

	.iNews .list .box .bf {
		font-size: 12px;
	}

	.w_detail .title {
		font-size: 20px;
	}

	.w_detail .data {
		text-align: center;
	}

	.w_detail .data .fl {
		float: none;
		display: inline-block;
	}
}

@media only screen and (max-width: 450px) {
	.header.trans .logo {
		width: 150px;
	}
}

@media only screen and (max-width: 375px) {
	/*	.header.trans .logo{width: 210px;}*/
}