@charset "utf-8";/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	font-family: "Microsoft Yahei", "微软雅黑";

	font-size: 14px;

	font-size: 1.4rem;

	height: 100%;

	max-width: 1920px

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.maln {

	margin-left: auto !important

}

input, textarea {

	font-family: "Microsoft Yahei", "微软雅黑";

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

.l {

	float: left;

}

.r {

	float: right;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}















::-webkit-input-placeholder {/* WebKit browsers */

 color:#999999;

}







:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#999999;

}







::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#999999;

}







:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#999999;

}

 @media screen and (min-width:1220px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.wp {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width:999px) {

.wp {

	width: 95%;

	margin: auto;

}

}

 @media screen and (min-width:1392px) {

.wp2 {

	width: 1372px;

	margin: auto;

}

}

 @media screen and (min-width:1000px) and (max-width:1391px) {

.wp2 {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width:999px) {

.wp2 {

	width: 95%;

	margin: auto;

}

}

 @media screen and (min-width:1220px) {

.no_margin {

	margin-left: auto!important;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.no_margin {

	margin-left: auto!important;

}

}

/*********************** search *****************************/







.search {

	width: 33px;

	z-index: 9999;

	background: none;

	margin-top: 7px;

}

.sb-icon-search {

	color: #fff;

	z-index: 99;

	width: 35px;

	height: 35px;

	display: block;

}

.sb-search-submit {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: 99999;

}

.search_1000 {

}

.sb-search {

	position: relative;

	width: 0%;

	min-width: 35px;

	height: 35px;

	float: right;

	display: inline;

	overflow: hidden;

	-webkit-transition: width 0s;

	-moz-transition: width 0s;

	transition: width 0s;

	-webkit-backface-visibility: hidden;

	z-index: 99;

	border: none;

}

.sb-search-input {

	position: absolute;

	top: 0;

	left: 0px;

	outline: none;

	width: 236px;

	height: 35px;

	line-height: 26px;

	padding-left: 10px;

	border: none;

	margin: 0;

	z-index: 190;

	font-family: "Microsoft Yahei", "微软雅黑";

	color: #333;

	border-radius: 4px;

	background: none;

	color: #fff;

}

.sb-icon-search, .sb-search-submit {

	width: 35px;

	height: 35px;

	display: block;

	position: absolute;

	right: 0px;

	top: 0px;

	padding: 0;

	margin: 0;

	cursor: pointer;

	background: url(../images/sousuo.png) no-repeat center;

	border: none;

}

.sb-search.sb-search-open,  .no-js .sb-search {

	width: 236px;

	height: 35px;

	line-height: 26px;

	position: relative;

	right: 0px;

	top: 0px;

	z-index: 999999;

	background: #dd137b;

	border-radius: 17px;

}

.no-js .sb-search .sb-icon-search {

	position: absolute;

	background: url(../images/sousuo.png) no-repeat center;

	z-index: 15;

	right: 0px;

	top: 0px;

}

.no-js .sb-search .sb-search-submit {

	z-index: 91;

}

/*.container*/







.container {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 999999999999999;

	cursor: pointer;

	position: fixed;

	top: -5px;

	right: 0;

	display: block;

}

.container .nav {

	overflow: hidden;

	width: 300px;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	height: auto;

	overflow: scroll;

}

.container .nav form {

	margin: 15px auto;

	width: 258px;

	height: 26px;

	border: 1px solid #fff;

}

.container .nav form .iptc {

	box-sizing: border-box;

	padding-left: 15px;

	background-color: #fff;

	width: 80%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: left;

}

.container .nav form .ipsc {

	width: 20%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: right;

	background: #fff url(../images/h_15.png) no-repeat center center;

}

.container .nav > ul {

	display: none;

	margin-top: 0px;

	margin-bottom: 0px;

	overflow: scroll;

	padding-top: 45px;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.container .nav > ul > li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	text-indent: 20px;

	position: relative;

	color: #fff

}

.container .nav > ul > li .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

	background: url("fonts/shizi.png") no-repeat center center;

}

.container .nav > ul > li .addition.fa:before {

	margin-right: 5px;

	color: #fff;

	text-indent: 0;

}

.container .nav > ul > li > a {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	display: block;

	margin-right: 40px;

}

.container .nav > ul > li > a span {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

}

.container .nav > ul > li .c-show {

	display: none;

	width: 100%;

}

.container .nav > ul > li .c-show1 .c-s1 {

	position: relative;

	padding-left: 15px;

}

.container .nav > ul > li .c-show1 .c-s1 > a {

	position: relative;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

	margin-right: 40px;

}

.container .nav > ul > li .c-show1 .c-s1 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {

	text-indent: 35px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

	margin-right: 40px;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {

	text-indent: 50px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > dl {

	padding: 20px;

}

.container .nav > ul > dl dd {

	float: left;

	margin: 0 2px;

}

.container .menubtn {

	width: 23px;

	height: 18px;

	position: absolute;

	top: 12px;

	right: 12px;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 9999;

}

.container .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #dd137b;

}

 @media screen and (min-width: 1000px) {

.container, .nav {

	display: none!important;

}

}

/*************************************  lunbo  *******************************************/







.slideshow .item img {

	width: 100%;

	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.slideshow .item.slick-active img {

	-webkit-transform: scale(1);

	transform: scale(1);

}

.slick-dots {

	position: absolute;

	width: 100%;

	bottom: 18px;

	text-align: center;

}

.slick-dots li {

	display: inline-block;

}

.slick-dots li button {

	cursor: pointer;

	font-size: 0px;

	margin-left: 8px;

	margin-right: 7px;

	border: none;

	outline: none;

	width: 17px;

	height: 17px;

	border-radius: 50%;

	background: #b9b9b9;

}

.slick-dots li.slick-active button {

	background: #dd137b;

}

.slick-prev, .slick-next {

	width: 77px;

	height: 92px;

	border: 0px;

	font-size: 0px;

	cursor: pointer;



}

.slick-prev {

	position: absolute;

	top: 50%;

	margin-top: -46px;

	left: 0;

	z-index: 999;

	background: url( ../images/prev.png ) no-repeat left center;

}

.slick-next {

	position: absolute;

	top: 50%;

	margin-top: -46px;

	right: 0;

	z-index: 999;

	background: url( ../images/next.png ) no-repeat left center;

}

.slideshow:hover .slick-prev, .slick-next {

	display: block!important;

}

 @media screen and (min-width:1000px) and (max-width:1366px) {

.slideshow {

	padding-top: 95px

}

}

 @media screen and (max-width:999px) {

.slideshow:hover .slick-prev, .slick-next {

	display: none!important;

}

.slick-dots li button {

	cursor: pointer;

	font-size: 0px;

	margin-left: 8px;

	margin-right: 7px;

	border: none;

	outline: none;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #b9b9b9;

}

.slick-dots {

	position: absolute;

	width: 100%;

	bottom: 9px;

	text-align: center;

}

}

/************************************  head  *********************************/







.head {

	position: absolute;

	z-index: 999;

	left: 0;

	top: 0;

	width: 100%;

	background: #fff;

	background: rgba(255,255,255,0.9);

}

.logo {

	padding-top: 6px;

}

.logo img {

	max-width: 100%;

}

.sjjnavss {

	padding-right: 40px;

	padding-top: 9px;

}

.toplx li {

	float: left;

	font-size: 16px;

	font-size: 1.6rem;

}

.toplx li p {

	padding-left: 30px;

}

.toplx li p a:hover {

	color: #dd137b;

}

.toplx li.topli1 p {

	background: url(../images/topi1.png) no-repeat left center;

}

.toplx li.topli1 {

	margin-right: 22px;

}

.toplx li.topli2 p {

	background: url(../images/topi2.png) no-repeat left center;

}

/*.toplx {

	margin-right: 91px;

}*/

.navlist2 {

	display: none;

}

.navlist>li {

	margin-left: 36px;

	float: left;

	padding-bottom: 7px;

	position: relative;

}

.navlist {

	margin-top: 14px;

	margin-right: 15px;

}

.navlist>li>a {

	display: block;

	padding: 0 7px;

	font-size: 18px;

	font-size: 1.8rem;

	padding-bottom: 13px;

}

.navlist>li.currentnav>a {

	color: #dd137b;

	border-bottom: 2px solid #dd137b;

}

.navlist>li:hover>a {

	color: #dd137b;

	border-bottom: 2px solid #dd137b;

}

.shejiao a {

	padding-left: 29px;

}

.shejiao a:hover {

	color: #dd137b;

}

.gq1 {

	background: url(../images/gq1.jpg) no-repeat left center;

	margin-right: 7px;

}

.gq2 {

	background: url(../images/gq2.jpg) no-repeat left center;

}

@font-face {

	font-family: "Microsoft Yahei", "微软雅黑";

	src: url('../fonts/GOTHIC_0.eot');

	src: url('../fonts/GOTHIC_0.eot') format('embedded-opentype'),  url('../fonts/GOTHIC_0.woff2') format('woff2'),  url('../fonts/GOTHIC_0.woff') format('woff'),  url('../fonts/GOTHIC_0.ttf') format('truetype'),  url('../fonts/GOTHIC_0.svg#GOTHIC_0') format('svg');

}

 @media screen and (min-width:1000px) and (max-width:1391px) {

.navlist>li {

	margin-left: 5px;

}

.navlist>li>a {

	font-size: 14px;

	font-size: 1.4rem;

}

.logo {

	width: 220px;

}

.sjjnavss {

	padding-right: 0;

}

}

 @media screen and (max-width:999px) {

.sjjnavss {

	padding-right: 0;

	width: 100%;

	padding-top: 20px;

}

.toplx {

	float: left;

}

.navlist>li {

	margin-left: 0;

	margin-right: 10px;

}

.search {

	position: absolute;

	top: 10px;

	right: 20px;

}

.head {

	position: static;

}

}

 @media screen and (max-width:930px) {

.navlist>li {

	margin-right: 5px;

}

.navlist>li>a {

	font-size: 16px;

	font-size: 1.6rem;

}

}

 @media screen and (max-width:800px) {

.navlist>li>a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width:999px) {

.navlist1 {

	display: none;

}

.navlist2 {

	display: block;

}

.navlist {

	float: none;

	width: 100%;

	margin-right: 0;

}

.navlist>li {

	width: 25%;

	text-align: center;

	margin: 0;

}

.navlist>li>a {

	padding: 0;

	padding-bottom: 10px;

}

.search {

	display: none;

}

.toplx {

	display: none;

}

.logo {

	padding-top: 10px;
	float: none;
	display: inherit;
	margin: 0 auto;
	width: 180px;

}

.shejiao {

	display: none;

}

.sjjnavss {

	padding-top: 5px;

}

.logo img {

	max-width: 100%;

}

}

/***************************  sya  *****************************/







.sya {

	padding-top: 56px;

	padding-bottom: 58px;

	/*background: url(../images/sybg11.jpg) no-repeat center top;*/

}

.syabt {

	text-align: center;

	font-size: 40px;

	font-size: 4rem;

}

.syabt a:hover {

	color: #dd137b;

}

.syap {

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #666666;

	line-height: 30px;

	display: block;

	margin-top: 34px;

}

.syap:hover {

	color: #dd137b;

}

.sya ul {

	text-align: center;

	/*padding-top: 68px;*/
	padding-top: 100px;

}

.sya li {

	text-align: center;

	margin: 0 47px;

	width: 180px;

	display: inline-block;

}

.sya li a {

	display: block;

	padding-top: 115px;

}

.sya li:hover span {

	color: #dd137b;

}

.ali1 a {

	background: url(../images/syi1.png) no-repeat center top;

}

.ali2 a {

	background: url(../images/syi2.png) no-repeat center top;

}

.ali3 a {

	background: url(../images/syi3.png) no-repeat center top;

}

.ali4 a {

	background: url(../images/syi4.png) no-repeat center top;

}

.ali1:hover a {

	background: url(../images/syi5.png) no-repeat center top;

}

.ali2:hover a {

	background: url(../images/syi6.png) no-repeat center top;

}

.ali3:hover a {

	background: url(../images/syi7.png) no-repeat center top;

}

.ali4:hover a {

	background: url(../images/syi8.png) no-repeat center top;

}

.sya li img {

	max-width: 100%;

}

.sya li span {

	display: block;

	font-family: "Microsoft Yahei", "微软雅黑";

	font-size: 19px;

	font-size: 1.9rem;

	margin-top: 28px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.sya li {

	margin: 0 20px;

}

.sya ul {

	padding-top: 40px;

}

.sya {

	padding-top: 40px;

}

}

 @media screen and (max-width:999px) {

.sya {

	background: #eeeff2;

	padding-top: 35px;

}

.syabt {

	font-size: 30px;

	font-size: 3rem;

}

.syap {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 20px;

}

.sya li {

	width: 22%;

	margin: 0 1%;

}

}

 @media screen and (max-width:650px) {

.sya li {

	width: 47%;

	margin: 0 1%;

	margin-bottom: 10px;

}

.sya ul {

	padding-top: 35px;

}

.syabt {

	font-size: 24px;

	font-size: 2.4rem;

}

}

/***********************************************/







.syp {

	padding-top: 50px;

	padding-bottom: 81px;

	background:#000 url(../images/sybg2.jpg) no-repeat center bottom;

}

.sypbt a {

	color: #fff;

}

.syap2 {

	color: #fff;

	margin-top: 29px;

}

.sypbox {

	width: 18.4%;

	float: left;

	margin: 0 0.8%;

	margin-top: 43px;

}

.sypcon {

	position: relative;

	overflow: hidden;

}

.sypcon img {

	width: 100%;

	max-width: 525px;

	max-height: 444px;

	display: block

}

.sypcover {

	position: absolute;

	left: 0;

	top: -100%;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.8);

	color: #fff;

	transition: 0.5s;

}

.sypcover span {

	display: block;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 34px;

	margin-top: 27%;

	text-align: center;

	padding: 0 20px;

}

.sypp {

	display: block;

	line-height: 47px;

	background: #b6b4b3;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 21px;

	font-size: 2.1rem;

	text-align: center;

	transition: 0.5s;

}

.sypbox:hover .sypcover {

	top: 0;

}

.sypbox:hover .sypp {

	background: #a00f56;

	color: #fff;

}

.syppart {

	padding: 0 140px;

}

 @media screen and (max-width:1500px) {

.syppart {

	padding: 0 80px;

}

.sypcover span {

	margin-top: 15%;

	padding: 0 10px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.sypp {

	font-size: 16px;

	font-size: 1.6rem;

}

.syppart {

	padding: 0 20px;

}

}

 @media screen and (max-width:999px) {

.syppart {

	padding: 0 20px;

}

.sypp {

	font-size: 16px;

	font-size: 1.6rem;

}

.sypcover {

	display: none;

}

.sypbox {

	width: 31.333%;

	margin: 0 1%;

	margin-top: 20px;

}

}

 @media screen and (max-width:768px) {

.syp {

	background: #000

}

}

 @media screen and (max-width:500px) {

.sypbox {

	width: 48%;

	margin: 0 1%;

	margin-top: 20px;

}

}

 @media screen and (max-width:380px) {

.sypbox {

	width: 98%;

	margin: 0 1%;

	margin-top: 20px;

}

}

/********************  sypg  ********************/







.sypg {

	padding-top: 58px;

	background: #ededed;

}

.img-scroll {

	position: relative;

	margin: 0 auto;

	width: 100%;

	padding-top: 44px;

	margin-top: 4px;

	margin-bottom: 0px;

}

.img-scroll .prev, .img-scroll .next {

	position: absolute;

	display: block;

	width: 32px;

	height: 31px;

	top: -5%;

	margin-top: -14px;

	color: #fff;

	text-align: center;

	line-height: 100px

}

.img-scroll .prev {

	right: 0;

	margin-right: 51px;

	cursor: pointer;

	background: url("../images/syps.png") no-repeat center center;

}

.img-scroll .next {

	right: 0;

	cursor: pointer;

	background: url("../images/sypx.png") no-repeat center center;

}

.img-scroll .prev:hover {

	background: url("../images/syps2.png") no-repeat center center;

}

.img-scroll .next:hover {

	background: url("../images/sypx2.png") no-repeat center center;

}

.img-list {

	position: relative;

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

}

.img-list ul {

	width: 10000%;

}

.img-list li {

	float: left;

	display: inline;

	width: 1%;

	position: relative;

	margin-right: 10px;

}

.sypzuo {

	width: 370px;

}

.sypyou {

	width: 785px;

}

.pgbox {

	position: relative;

	float: left;

}

.pgbox2 {

	margin-left: 45px;

	margin-bottom: 38px;

}

.sypgcover {

	position: absolute;

}

.pgbox1 .sypgcover {

	left: 0;

	bottom: 0;

	width: 100%;

	background: #000;

	background: rgba(0,0,0,0.6);

	padding-top: 24px;

	padding-bottom: 36px;

}

.pgbox2 .sypgcover {

	left: 0;

	width: 100%;

	bottom: 30px;

	line-height: 38px;

	text-align: center;

	background: #000;

	background: rgba(0,0,0,0.6);

	color: #fff;

	font-size: 18px;

	font-size: 1.8rem;

}

.pgbox1 .sypgcover span, .pgbox1 .sypgcover b {

	display: block;

	color: #fff;

	text-align: center;

}

.pgbox1 .sypgcover b {

	font-size: 18px;

	font-weight: normal;

}

.pgbox1 .sypgcover span {

	line-height: 24px;

	margin-top: 12px;

}

.pgbox1 .sypgcover b a, .pgbox1 .sypgcover span a {

	color: #ffff

}

.pgbox1 .sypgcover span:hover, .pgbox1 .sypgcover b:hover {

	color: #a01056;

}

.pgbox2:hover .sypgcover {

	color: #a01056;

}

.pgbox1 img {

	width: 100%;

	max-width: 370px;

	display: block;

	margin-left: auto;

	margin-right: auto

}

.pgbox2 img {

	width: 100%;

	max-width: 370px;

	display: block;

	margin-left: auto;

	margin-right: auto

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.sypyou {

	width: 655px;

}

.sypzuo {

	width: 300px;

}

.pgbox2 {

	width: 317px;

	margin-left: 20px;

	margin-bottom: 7px;

}

}

 @media screen and (max-width:999px) {

.sypyou {

	width: 67%;

}

.sypzuo {

	width: 32%;

}

.pgbox2 {

	width: 48%;

	margin: 0 1%;

	margin-bottom: 20px;

}

.pgbox1 .sypgcover {

	padding-top: 10px;

	padding-bottom: 10px;

}

.pgbox2 .sypgcover {

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width:767px) {

.sypg {

	padding-top: 35px;

}

.pgbox2 .sypgcover {

	bottom: 10px;

	line-height: 30px;

}

}

 @media screen and (max-width:500px) {

.sypyou {

	width: 100%;

}

.sypzuo {

	width: 100%;

	margin-bottom: 20px;

}

.pgbox1 {

	float: none;

	max-width: 370px;

	margin: 0 auto;

}

.img-scroll .prev, .img-scroll .next {

	top: 2%;

}

}

/****************************  syn  ****************************/







.syn {

	padding-top: 14px;

	padding-bottom: 106px;

	background: #ededed;

}

.synbt {

	text-transform: uppercase;

}

.synbox {

	width: 575px;

	position: relative;

	margin-left: 50px;

	float: left;

	margin-top: 57px;

}

.synzuo {

	position: absolute;

	left: 0;

	top: 0;

}

.synzuo img {

	width: 100%;

	max-width: 275px;

	max-height: 184px;

}

.synzuo span {

	display: block;

	width: 103px;

	height: 26px;

	line-height: 26px;

	text-align: center;

	background: #dd137b;

	color: #fff;

	position: absolute;

	top: -15px;

	right: 20px;

}

.synyou {

	padding-left: 290px;

	padding-top: 10px;

}

.synyou a {

	display: block;

}

.synp1 {

	font-size: 18px;

	font-size: 1.8rem;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.synp2 {

	color: #666666;

	line-height: 28px;

	margin-top: 18px;

	margin-bottom: 23px;

	height: 84px;

	overflow: hidden;

	text-indent: 2em

}

.synp3 {

	font-size: 16px;

	font-size: 1.6rem;

	color: #dd137b;

}

.synp1:hover {

	color: #dd137b;

}

.synp2:hover {

	color: #dd137b;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.synbox {

	width: 475px;

	margin-left: 30px;

}

}

 @media screen and (max-width:999px) {

.synbox {

	width: 100%;

	margin: 0;

	margin-top: 40px;

}

}

 @media screen and (max-width:520px) {

.synyou {

	padding-left: 0;

}

.synzuo {

	position: static;

}

.synzuo span {

	right: auto;

	left: 20px;

}

.synp2 {

	height: auto;

}

}

/***********************   bottom   *************************/







.bottom {

	padding-top: 30px;

	padding-bottom: 3px;

	background: url(../images/bottombg.jpg) no-repeat center top #090909;

}

.bottom a, .bottom p, .bottom li, .bottom span {

	color: #fff;

}

.bottom a:hover {

	color: #dd137b;

}

.div>span, .div>a {

	display: block;

	margin-bottom: 20px;

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "Microsoft Yahei", "微软雅黑";

	text-transform: uppercase;

}

.div li {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 36px;

}

.div2 li {

	line-height: 34px;

}

.div1 {

	width: 345px;

	margin-right: 105px;

}

.bli1 {

	padding-left: 38px;

	background: url(../images/bi1.png) no-repeat left 5px;

}

.bli2 {

	padding-left: 38px;

	background: url(../images/bi2.png) no-repeat left 5px;

}

.bli3 {

	padding-left: 38px;

	background: url(../images/bi3.png) no-repeat left 5px;

}

.bli4 {

	padding-left: 38px;

	background: url(../images/bi4.png) no-repeat left 5px;

	line-height: 26px!important; 

}

.bsjj {

	padding-top: 27px;

}

.bsjj a {

	margin-right: 13px;

}

.for {

	width: 488px;

	float: right;

}

.for .int1 {

	background: url(../images/xing.png) no-repeat left 19px;

	padding-left: 15px;

	margin-top: 15px;

}

.for .int1 input {

	width: 188px;

	height: 44px;

	line-height: 44px;

	padding-left: 36px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

}

.fren {

	background: #fff url(../images/fren.jpg) no-repeat left center;

	float: left;

}

.fdianhua {

	background: #fff url(../images/fdianhua.jpg) no-repeat left center;

	float: right;

}

.fxinfeng {

	background: #fff url(../images/fxinfeng.jpg) no-repeat left center;

	float: left;

}

.ffang {

	background: #fff url(../images/ffang.jpg) no-repeat left center;

	float: right;

}

.for .int2 {

	background: url(../images/xing.png) no-repeat left 19px;

	padding-left: 15px;

	margin-top: 14px;

}

.for textarea {

	width: 437px;

	height: 126px;

	line-height: 42px;

	padding-left: 36px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	background: #fff url(../images/fduihua.jpg) no-repeat left top;

}

.for .int3 {

	background: url(../images/xing.png) no-repeat left 19px;

	padding-left: 15px;

	margin-top: 14px;

}

.for .int4 {

	width: 158px;

	height: 44px;

	line-height: 44px;

	padding-left: 11px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	float: left;

}

.for .yanzheng {

	width: 122px;

	height: 44px;

	float: left;

	margin-left: 11px;

	cursor: pointer

}

.for .int5 {

	width: 160px;

	height: 44px;

	float: right;

	background: #dd137b;

	border: none;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	text-transform: uppercase;

	cursor: pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.for .int5:hover {

	background: transparent;

	color: #dd137b;

	border: 1px solid #dd137b;

}

.copyright {

	margin-top: 39px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.link {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.link a {

	padding-right: 20px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.div1 {

	width: 280px;

	margin-right: 15px;

}

.bsjj a {

	margin-right: 5px;

}

}

 @media screen and (max-width:999px) {

.bottom {

	background: #130d06;

}

.div1 {

	width: 68%;

	margin-right: 2%;

}

.div2 {

	width: 30%;

}

.div3 {

	float: left;

}

.syn {

	padding-bottom: 60px;

}

}

 @media screen and (max-width:767px) {

.div {

	display: none;

}

.copyright {

	margin-top: 0;

}

.bottom {

	padding-bottom: 20px;

}

.link {

	display: none;

}

}

/*****************  bread  *********************/







.bread {

	padding-top: 34px;

	text-transform: uppercase;

}

.bread .wp {

	padding-bottom: 17px;

	border-bottom: 1px solid #cccccc;

}

.bread a {

	color: #353944;

}

.bread a.home {

	padding-left: 30px;

	background: url(../images/home.png) no-repeat left center;

}

.bread a.currentbread {

	color: #dd137b;

}

.bread a:hover {

	color: #dd137b;

}

.fymain {

	padding-top: 46px;

	padding-bottom: 100px;

}

.fymain table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.fymain tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc

}

.coxin {

	padding-top: 15px;

	margin-bottom: 92px;

}

.coxin .int1 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 14px;

}

.mat4 {

	margin-top: 21px;

}

.coxin .int1 input {

	width: 308px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	float: left;

	padding-left: 11px;

	margin-left: 105px;

}

.coxin .int2 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 15px;

	margin-top: 20px;

}

.coxin .int2 textarea {

	width: 1168px;

	height: 131px;

	line-height: 30px;

	border: 1px solid #cccccc;

	padding-left: 11px;

}

.coxin .int3 {

	padding-left: 18px;

	background: url(../images/xing.jpg) no-repeat left 14px;

	margin-top: 21px;

	float: left;

}

.coxin .int3 input {

	width: 363px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	padding-left: 11px;

}

.coxin .yanzheng {

	width: 117px;

	height: 34px;

	float: left;

	margin-left: 50px;

	margin-top: 21px;

	cursor: pointer;

}

.coxin .int4 {

	width: 323px;

	height: 34px;

	float: right;

	margin-top: 21px;

	background: #dd137b;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	text-transform: uppercase;

	cursor: pointer;

	font-family: "Microsoft Yahei", "微软雅黑";

}

.coxin .int4:hover {

	background: #333;

}

.xuanze select {

	width: 321px;

	height: 32px;

	line-height: 32px;

	border: 1px solid #cccccc;

	color: #999999;

	font-size: 14px;

	font-size: 1.4rem;

	text-indent: 5px;

	cursor: pointer;

}

.xuanze select option {

	cursor: pointer;

}

.xuanze {

	padding-left: 21px;

	background: url(../images/xing.jpg) no-repeat left 14px;

	float: left;

	margin-left: 84px;

}

.ditu iframe {

	width: 100%;

	max-width: 1200px;

	max-height: 415px;

}

.ditu {

	padding-top: 45px;

}

.m5 {

	min-height: 75px;

}

.m5add {

	width: 170px;

	float: left;

	background: url(../images/m5tu1.jpg) no-repeat left bottom;

	padding-left: 83px;

}

.m5pho {

	width: 165px;

	float: left;

	margin-left: 35px;

	background: url(../images/m5tu2.jpg) no-repeat left bottom;

	padding-left: 83px;

}

.m5mai {

	width: 170px;

	float: left;

	background: url(../images/m5tu3.jpg) no-repeat left bottom;

	padding-left: 80px;

	margin-left: 43px;

}

.m5fax {

	width: 295px;

	float: right;

	background: url(../images/m5tu4.jpg) no-repeat left 10px;

	padding-left: 68px;

}

.cmain5 a {

	display: block;

	font-size: 26px;

	font-size: 2.6rem;

	line-height: 22px;

}

.m5add p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

.m5pho p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 56px;

}

.m5mai p a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

}

.m5fax p {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

}

.m5>a {

	display: block;

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	text-transform: uppercase

}

.m5>p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 26px;

	margin-top: 19px;

}

.m5>p>a:hover {

	color: #dd137b;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.col {

	width: 440px;

	float: left;

	padding-top: 12px;

}

.cor {

	width: 520px;

	float: right;

	margin-top: 61px;

}

.coxin .int1 input {

	width: 290px;

	margin-left: 25px;

}

.coxin .int2 textarea {

	width: 950px;

}

.xuanze {

	margin-left: 5px;

}

.m5add {

	width: 160px;

}

.m5pho {

	margin-left: 10px;

}

.m5mai {

	margin-left: 10px;

}

.m5fax {

	width: 208px;

}

.m5add {

	padding-left: 65px;

}

.m5pho {

	padding-left: 70px;

	width: 155px;

}

.m5mai {

	padding-left: 65px;

}

.m5fax {

	padding-left: 60px;

}

.contact {

	padding-bottom: 50px;

}

}

 @media screen and (max-width:999px) {

.fymain table {

	width: 800px;

}

.fymain .table {

	overflow: scroll

}

.ditu iframe {

	width: 800px;

}

.ditu .iframe {

	overflow: scroll;

}

.cobiao {

	line-height: 30px;

}

.col {

	width: 100%;

	float: none;

	padding-top: 12px;

}

.cor {

	width: 100%;

	float: none;

	margin: auto;

	margin-top: 61px;

	max-width: 561px;

}

.coxin {

	margin-top: 0px;

}

.coxin .int1 input {

	width: 290px;

	margin-left: 25px;

}

.coxin .int2 textarea {

	width: 950px;

}

.coxin .int1, .coxin .int2 {

	margin-top: auto;

}

.coxin .int1 input {

	width: 92%;

	float: none;

	margin-left: auto;

	margin-bottom: 21px;

}

.coxin .int2 textarea {

	width: 92%;

}

.coxin .int3 {

	float: none;

}

.coxin .int3 input {

	width: 92%;

}

.coxin .yanzheng {

	margin-left: 18px;

}

.coxin .int4 {

	width: 40%;

	float: left;

	margin-left: 11px;

}

.xuanze {

	margin-left: 0;

	position: relative;

	left: -18px;

	padding-left: 18px;

	width: 100%;

}

.contact {

	padding-bottom: 35px;

}

.m5 {

	width: calc(100% - 75px);

	margin: 0 10px;

	float: none;

	padding-left: 75px;

	margin-bottom: 20px;

}

.coxin {

	margin-bottom: 50px;

}

.ditu {

	padding-top: 25px;

}

.dabt {

	padding-top: 80px;

}

.banner2 {

	height: 200px;

}

.fymain {

	padding-bottom: 40px;

	padding-top: 20px;

}

}

 @media screen and (max-width:850px) {

.m5 {

	width: 30%;

}

}

 @media screen and (max-width:800px) {

.love {

	font-size: 20px;

	font-size: 2rem;

}

.xuanze select {

	width: 100%;

}

.cilist li {

	width: 50%;

	margin: 0;

	margin-bottom: 20px;

}

.cilist {

	padding-top: 40px;

}

.ditu {

	margin-top: 0;

}

}

 @media screen and (max-width:639px) {

.dabt {

	font-size: 26px;

	font-size: 2.6rem;

}

.fybt {

	font-size: 26px;

	font-size: 2.6rem;

}

.contact {

	padding-top: 20px;

}

.m5 {

	width: 60%;

}

}

 @media screen and (max-width:400px) {

.cilist li {

	width: 100%;

	margin: 0;

	margin-bottom: 20px;

}

}

/****************************  product1  ******************************/







/*goods*/







.product {

}

.product .xiangqing .goods {

	width: 894px;

}

.product .xiangqing .goods .box1 {

	width: 100%;

}

.product .xiangqing .goods .box1 ul {

	width: 100%;

}

.product .p-title1 {

	font-size: 30px;

	font-size: 3rem;

	color: #dd137b;

	text-transform: uppercase;

	position: relative;

	top: -8px;

	margin-bottom: 20px;

}

.product .p-title2 {

	font-size: 30px;

	font-size: 3rem;

	color: #333333;

	text-transform: uppercase;

	margin-top: 26px;

	margin-bottom: 27px;

}

.product .xiangqing .goods ul li {

	float: left;

	margin-left: 25px;

	margin-bottom: 53px;

	width: 281px;

}

.product .xiangqing .goods ul li:hover {

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

}

.product .liimg {

	width: 100%;

}

.product .liimg a {

	display: block;

}

.product .liimg a img {

	display: block;

	width: 100%;

	max-width: 525px;

	max-height: 444px;

}

.product .liimg a:hover img {

}

.product .litxt {

	padding: 0 14px;

	padding-top: 8px;

	padding-bottom: 32px;

}

.product .litxt .topp {

	text-align: center;

	margin-bottom: 7px;

}

.product .litxt .topp a {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 27px;

	display: block;

	height: 54px;

	overflow: hidden

}

.product .litxt .topp a:hover {

	color: #dd137b;

}

.product .litxt .midd {

	max-height: 84px;

	overflow: hidden;

	margin-bottom: 12px;

}

.product .litxt .midd a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	display: block;

}

.product .litxt .midd a span {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.product .litxt .midd a:hover span {

	color: #dd137b;

}

.product .litxt .bott {

	position: relative;

}

.product .litxt .bott a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #dd137b;

	display: block;

	width: 114px;

	height: 31px;

	border: 1px solid #dd137b;

	line-height: 31px;

	text-align: center;

	margin: 0 auto;

	border-radius: 16px;

}

.product .litxt .bott input {

	position: absolute;

	left: 8%;

	top: 30%;

	cursor: pointer;

}

.product .litxt .bott a:hover {

	background-color: #dd137b;

	color: #fff;

	border: 1px solid #dd137b;

}

.product ul.ul2 .litxt {

	background-color: #eee;

}

.product .xiangqing .goods ul.ul2 li {

	margin-bottom: 46px;

}

/*list*/







.product .xiangqing .list {

	width: 260px;

	margin-bottom: 75px;

}

.product .xiangqing .list .title1 {

	margin-bottom: 20px;

}

.product .xiangqing .list .title1 a {

	text-align: center;

	text-transform: uppercase;

	display: block;

	height: 45px;

	line-height: 45px;

	background-color: #dd137b;

	color: #fff;

	font-size: 24px;

	font-size: 2.4rem;

}

.product .xiangqing .list .linebar {

	margin-bottom: 20px;

	text-align: center;

	height: 45px;

	line-height: 45px;

	background: #dd137b url(../images/santiao.png) no-repeat 98% center;

	display: none;

}

.product .xiangqing .list .linebar a {

	text-transform: uppercase;

	color: #fff;

	font-size: 24px;

	font-size: 2.4rem;

}

.product .xiangqing .list .subNavBox {

}

.product .xiangqing .list .subNav {

	cursor: pointer;

	margin-bottom: 0px;

	border: 1px solid #d2d2d2;

	margin-top: 8px;

	padding-top: 0px;

	background: #eee url(../images/probg.png) no-repeat 13px center;

}

.product .xiangqing .list .subNav a {

	line-height: 40px;

	padding-left: 47px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	transition: 0s;

}

.product .xiangqing .list .subNav:hover {

	background: #dd137b url(../images/probgon.png) no-repeat 13px center;

}

.product .xiangqing .list .subNav:hover a {

	color: #fff;

}

.product .xiangqing .list .currentDd {

	background: #dd137b url(../images/probgon.png) no-repeat 13px center;

}

.product .xiangqing .list .currentDd a {

	color: #fff;

}

.product .xiangqing .list .navContent {

	display: none;

	background: #fff;

	position: relative;

	padding-top: 8px;

	padding-bottom: 10px;

	border: 1px solid #d2d2d2;

	border-top: 0;

}

.product .xiangqing .list .navContent>li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 0;

	padding-bottom: 0px;

	color: #333;

	padding-left: 47px;

	line-height: 30px;

}

.product .xiangqing .list .navContent>li a:hover {

	color: #dd137b;

}

.active2 {

	color: #dd137b !important

}

.product .xiangqing .list .title2 {

	width: 100%;

	margin-bottom: 20px;

	margin-top: 124px;

}

.product .xiangqing .list .title2 a {

	font-size: 24px;

	font-size: 2.4rem;

	display: block;

	height: 45px;

	line-height: 45px;

	background-color: #dd137b;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

}

.product .xiangqing .list dl {

	border: 1px solid #ccc;

	background-color: #eeeeee;

}

.product .xiangqing .list dl dd {

	background-color: #eeeeee;

	padding-bottom: 26px;

	border-bottom: 1px solid #ccc;

	padding-left: 20px;

	padding-top: 19px;

}

.product .xiangqing .list dl dd .top a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	padding-left: 26px;

	display: block;

	background: url(../images/newslist.png) no-repeat left 5px;

	line-height: 26px;

}

.product .xiangqing .list dl dd .bottom22 a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 24px;

	display: block;

}

.product .xiangqing .list dl dd a:hover {

	color: #dd137b;

}

.product .xiangqing .list dl dd .bottom22 {

	margin-top: 9px;

}

.product .xiangqing .list dl dd.dd2 {

	border-bottom: 0px;

}

.ms_ye {

	text-align: center;

}

.ms_ye a, .ms_ye span {

	display: inline-block;

	width: 33px;

	line-height: 28px;

	border: 1px solid #e5e5e5;

	background: #fff;

	text-align: center;

	margin: 0 2px;

	font-size: 12px;

	font-size: 1.2rem;

}

.ms_sx {

	width: 59px!important;

}

.ms_ye .ms_current_ye {

	border: 1px solid #dd137b;

	color: #fff;

	background: #dd137b;

}

.ms_ye a:hover {

	border: 1px solid #dd137b;

	color: #fff;

	background: #dd137b;

}

.xiangshang {

	display: inline-block;

}

.xiangshang input {

	width: 150px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	background: #dd137b;

	cursor: pointer;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.product .xiangqing .goods {

	width: 690px;

}

.product .xiangqing .goods ul li {

	margin-left: 15px;

	width: 220px;

}

.product .litxt .midd {

	max-height: 112px;

}

}

 @media screen and (max-width:999px) {

.product .xiangqing .goods {

	width: 100%;

}

.product .xiangqing .list {

	width: 100%;

	margin-top: 30px;

}

.product .xiangqing .list .title2 {

	margin-top: 45px;

}

.product .xiangqing .list {

	margin-bottom: 0;

}

.product .xiangqing .goods ul li {

	width: 31.333%;

	margin: 0 1%;

	margin-bottom: 20px;

}

.ms_ye a, .ms_ye span {

	margin-bottom: 10px;

}

}

 @media screen and (max-width:768px) {

.product .xiangqing .list .linebar {

	display: block;

}

.title1 {

	display: none;

}

.subNavBox {

	display: none;

}

}

 @media screen and (max-width:700px) {

.product .xiangqing .goods ul li {

	width: 48%;

}

}

 @media screen and (max-width:450px) {

.product .xiangqing .goods ul li {

	width: 98%;

}

}

/***********************  product2  *************************/







#showArea {

	margin-top: 27px;

	margin-bottom: 27px;

}

#showArea img {

	cursor: pointer;

	display: block;

	width: 122px;

	height: 103px;

	margin-bottom: 20px;

	border: 1px solid #cccccc;

}

#showArea a {

	display: block;

}

#main_img {

	cursor: pointer;

	display: block;

}

#gotop {

	cursor: pointer;

	display: block;

	margin: auto;

	width: 35px;

	height: 18px;

	background: url(../images/top.png) no-repeat;

}

#gobottom {

	cursor: pointer;

	display: block;

	margin: auto;

	width: 35px;

	height: 18px;

	background: url(../images/bottom.png) no-repeat;

}

#gotop:hover {

	background: url(../images/topon.png) no-repeat;

}

#gobottom:hover {

	background: url(../images/bottomon.png) no-repeat;

}

#showArea {

	height: 355px;

	overflow: hidden;

}

.MagicZoomBigImageCont {

	background: #FFF;

}

.MagicZoomBigImageCont img {

	width: 832px!important;

	height: 708px!important;

	display: block;

}

.MagicZoomPup {

	border: 0px solid #aaa;

	background: #ffffff;

}

.left-pro {

	width: 685px;

	text-align: left;

	margin: 0px auto;

	padding-top: 9px;

}

.left-pro .t1 {

	width: 124px;

	float: right;

}

.left-pro .t2 {

	width: 525px;

	text-indent: 0;

	float: left;

	border: 1px solid #cccccc;

}

.left-pro .t2 a {

	display: block;

	margin-bottom: 0px;

}

.left-pro .t2 img {

	text-indent: 0;

	display: block;

}

.goods1 .content .title {

	padding-top: 2px;

}

.goods1 .content .title h1 {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	text-align: center;

	font-weight: bold;

}

.goods1 .content .btn {

	width: 381px;

	margin: 0 auto;

	margin-top: 23px;

	margin-bottom: 33px;

}

.goods1 .content .btn a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #014899;

	width: 168px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	border: 1px solid #014899;

}

.goods1 .content .btn a:hover {

	color: #fff;

	background-color: #014899;

}

.goods1 .content .btn span {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #014899;

	width: 168px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	border: 1px solid #014899;

}

.goods1 .content .share1 {

	width: 228px;

	margin: 0 auto;

	padding-bottom: 27px;

}

.goods1 .content .share1 .span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #1e8bc3;

	height: 26px;

	line-height: 26px;

}

.img980 {

	display: none;

}

.title {

}

.title h1 {

	font-size: 30px;

	font-size: 3rem;

}

.content {

	width: 453px;

}

.btn {

	margin-top: 53px;

	margin-bottom: 20px;

}

.btn a, .btn span {

	display: inline-block;

	width: 114px;

	height: 31px;

	line-height: 31px;

	text-align: center;

	border: 1px solid #dd137b;

	border-radius: 16px;

	color: #dd137b;

	margin-right: 32px;

}

.btn a:hover {

	background: #dd137b;

	color: #fff;

}

.cpxx {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 34px;

}

.cpxx p {

	padding-left: 12px;

	background: url(../images/huidian.jpg) no-repeat left 14px;

}

.share {

	padding-top: 26px;

	margin-bottom: 18px;

}

.share1 {

	color: #dd137b;

	display: inline-block;

	position: relative;

	top: -8px;

}

.share2 {

	display: inline-block;

}

#outer {

	padding-top: 55px;

}

#tab {

	margin-bottom: 45px;

}

#tab li {

	float: left;

	height: 54px;

	line-height: 54px;

	font-size: 20px;

	font-size: 2rem;

	cursor: pointer;

	background: #dddddd;

	text-transform: uppercase;

	font-family: "Microsoft Yahei", "微软雅黑";

	width: 398px;

	text-align: center;

	margin-right: 2px;

	transition: 0.5s;

}

#tab li:hover {

	background: #dd137b;

}

#tab li:hover span {

	color: #fff;

}

#tab li.current {

	background: #dd137b;

}

#tab li.current span {

	color: #fff;

}

#content .ul {

	display: none;

}

.downbg {

	padding-left: 41px;

	background: url(../images/down.png) no-repeat left center;

}

.appp {

	font-size: 20px;

	font-size: 2rem;

	font-family: "Microsoft Yahei", "微软雅黑";

	line-height: 24px;

	margin-bottom: 18px;

}

.commer {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

.appbox {

	max-width: 100%;

	margin-top: 46px;

}

.appbox img {

	width: 100%;

	max-width: 100%;

}

.downbox {

	position: relative;

	padding-bottom: 50px;

	background: url("../images/downxu.png") repeat-x left bottom;

	margin-bottom: 30px;

}

.dtu {

	position: absolute;

	left: 0;

	top: 8px;

}

.dnr {

	padding-left: 83px;

	padding-right: 200px;

}

.da1 {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

}

.da2 {

	display: block;

	line-height: 30px;

	margin-top: 3px;

	height: 60px;

	overflow: hidden;

	text-indent: 2em

}

.dbtn {

	display: block;

	width: 111px;

	height: 40px;

	line-height: 40px;

	padding-left: 29px;

	text-align: center;

	border: 1px solid #dd137b;

	background: #dd137b url("../images/down1.png") no-repeat 21px center;

	position: absolute;

	right: 0;

	bottom: 73px;

	color: #fff;

}

.da1:hover {

	color: #dd137b;

}

.da2:hover {

	color: #dd137b;

}

.dbtn:hover {

	background: #fff url("../images/down2.png") no-repeat 21px center;

	color: #dd137b;

}

.relate {

	background: url(../images/desbg.jpg) no-repeat left bottom;

	padding-bottom: 12px;

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 65px;

	margin-top: 82px;

}

.relate a {

	color: #dd137b;

}

.fyptu {

	display: block;

}

.fyptu img {

	display: block;

	width: 100%;

	max-width: 548px;

	max-height: 469px;

}

.fypbox {

	width: 281px;

	float: left;

	margin-left: 25px;

}

.fypp {

	display: block;

	text-align: center;

	height: 44px;

	line-height: 44px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 18px;

	font-size: 1.8rem;

}

.fypbox:hover {

	box-shadow: 0px 3px 20px 0px #f7afd4;

}

.fypbox:hover .fypp {

	background: #dd137b;

	color: #fff;

}

.chanpinx {

	line-height: 30px;

	padding-top: 20px;

	font-size: 16px;

	font-size: 1.6rem;

}

.chanpinx a {

	color: #0086d0;

}
.chanpinx p{ text-indent:2em}
.chanpinx img, .aftersale img {

	max-width: 100%;

}

.chanpinx iframe {

	max-width: 100%;

}

.chanpinx table, .nex table, .aftersale table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.chanpinx tr td, .nex tr td, .aftersale tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc

}

.img-scroll7 {

	position: relative;

	margin: 0 auto;

	width: 100%;

}

.img-scroll7 .prev7, .img-scroll7 .next7 {

	position: absolute;

	display: block;

	width: 12px;

	height: 20px;

	top: 50%;

	color: #fff;

	text-align: center;

	line-height: 100px

}

.img-scroll7 .prev7 {

	left: 0;

	cursor: pointer;

	background: url("../images/zjs.png") no-repeat;

}

.img-scroll7 .next7 {

	right: 0;

	cursor: pointer;

	background: url("../images/zjx.png") no-repeat;

}

.img-list7 {

	position: relative;

	width: 90%;

	overflow: hidden;

	margin: 0 auto;

}

.img-list7 ul {

	width: 10000%;

}

.img-list7 li {

	float: left;

	display: inline;

	width: 0.31%;

	margin: 0 0.01%;

	position: relative;

	position: relative;

	text-align: center;

}

.img-list7 li span, .img-list7 li a {

	color: #fff;

	display: block;

	border: 1px solid #e6e6e6;

}

.img-list7 li img {

	width: 100%;

	max-width: 525px;

	max-height: 444px;

	display: block

}

 @media screen and (max-width:1219px) {

.appbox {

	max-width: 100%;

	margin-top: 46px;

	float: left

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.fypbox {

	width: 226px;

}

.content {

	width: 270px;

}

.btn a, .btn span {

	margin-right: 10px;

}

#tab li {

	width: 323px;

}

}

 @media screen and (max-width:999px) {

.fypbox {

	width: 23%;

	margin: 0 1%;

}

.relate {

	margin-bottom: 20px;

}

.product2 {

	padding-bottom: 40px;

	padding-top: 30px;

}

.product2 #tab li {

	padding: 0;

	width: 47%;

	margin: 0 1%;

	text-align: center;

	margin-bottom: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	height: 38px;

	line-height: 38px;

}

.share {

	margin-bottom: 30px;

}

.left-pro {

	display: none;

}

.content {

	width: 100%;

	margin-top: 30px;

}

#tab li {

	width: 31.333%;

	margin: 0 1%;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	font-size: 1.6rem;

}

.fypp {

	font-size: 14px;

	font-size: 1.4rem;

}

.chanpinx table, .nex table, .aftersale table {

	width: 800px;

}

.chanpinx .table, .nex .table, .aftersale .table {

	overflow: scroll

}

}

@media screen and (max-width:767px){
	.img980 {

		display: block;
	
	}
}

 @media screen and (max-width:750px) {

.relate {

	font-size: 20px;

	font-size: 2rem;

	margin-top: 40px;

}

.fypbox {

	width: 48%;

	margin-bottom: 20px;

}

}

 @media screen and (max-width:639px) {

.product2 #tab li {

	padding: 0;

	width: 100%;

	margin: 0;

	text-align: center;

	margin-bottom: 10px;

}

.btn a, .btn span {

	margin-bottom: 10px;

	margin: 0 5px;

}

.product2 #tab {

	margin-bottom: 20px;

}

.product2 .dnr {

	padding-right: 0px;

	padding-left: 0;

	padding-top: 90px;

}

.product2 .dbtn {

	bottom: 85px;

}

.product2 .downbox {

	padding-bottom: 10px;

}

.pzuo {

	margin-top: 10px;

}

.fypbox {

	width: 48%;

	margin: 0 1%;

	margin-bottom: 20px;

}

.img-list7 li {

	width: 0.48%;

}

}

 @media screen and (max-width:500px) {

.btn a, .btn span {

	width: 51%;

	display: block;

	margin: 0 auto;

	margin-bottom: 5px;

}

.zlbt a {

	font-size: 20px;

	font-size: 2rem;

}

.relate {

	background: none;

}

#tab li {

	width: 100%;

	margin: 0;

	margin-bottom: 10px;

}

#outer {

	padding-top: 20px;

}

.title h1 {

	font-size: 20px;

	font-size: 2rem;

}

}

 @media screen and (max-width:350px) {

.img-list7 li {

	width: 0.98%;

}

}

/************* cover *************/







.cover {

	background: rgba(0,0,0,0.5);

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 99999999999999999;

	display: none;

}

.covern {

	background: #fff;

	width: 520px;

	border-radius: 10px;

	margin: 0 auto;

	position: relative;

	padding-top: 58px;

	padding-bottom: 34px;

	top: 200px;

}

.guanbi {

	position: absolute;

	top: 13px;

	right: 14px;

	cursor: pointer;

}

.covernr {

	padding-left: 97px;

	padding-right: 97px;

}

.if {

	font-size: 14px;

	font-size: 1.4rem;

	color: #666666;

	line-height: 24px;

	padding: 0 10px;

	text-align: center;

	margin-bottom: 27px;

}

.mima {

	width: 282px;

	height: 50px;

	line-height: 50px;

	padding-left: 44px;

	background: #eeeeee url(../images/password.png) no-repeat left center;

	font-size: 16px;

}

.xzbtn {

	width: 142px;

	height: 42px;

	line-height: 40px;

	background: #e14394;

	color: #fff;

	border: 1px solid #e14394;

	text-align: center;

	margin: 0 auto;

	display: block;

	margin-top: 33px;

	cursor: pointer;

}

.xzbtn:hover {

	background: #fff;

	color: #e14394;

}

 @media screen and (max-width:639px) {

.covern {

	width: 90%;

}

.covernr {

	padding-left: 30px;

	padding-right: 30px;

}

.mima {

	width: calc(100% - 44px);

}

}

 @media screen and (max-width:450px) {

.covern {

	width: 98%;

}

.covernr {

	padding-left: 20px;

	padding-right: 20px;

}

.if {

	padding: 0;

}

}

/***************************  news1  ***************************/















.xwtu img {

	width: 100%;

	max-width: 450px;

	max-height: 301px;

}

.xwwen {

	width: 697px;

	margin-top: 10px;

}

.xwsj {

	color: #999;

	font-size: 18px;

	font-size: 1.8rem;

}

.xwsj span {

	font-size: 72px;

	font-size: 7.2rem;

	color: rgba(153,153,153,0.5);

	padding-right: 13px;

}

.xwa1 {

	font-size: 18px;

	font-size: 1.8rem;

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-top: 32px;

	margin-bottom: 16px;

}

.xwa2 {

	line-height: 28px;

	display: block;

	height: 56px;

	overflow: hidden;

	text-indent: 2em

}

.xwa1:hover {

	color: #dd137b;

}

.xwa2:hover {

	color: #dd137b;

}

.xwlm {

	display: block;

	width: 141px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	border: 1px solid #dd137b;

	border-radius: 21px;

	color: #dd137b;

	margin-top: 28px;

	text-transform: uppercase;

}

.xwlm:hover {

	background: #dd137b;

	color: #fff;

}

.xwwen.l {

	padding-left: 114px;

	width: 580px;

	margin-top: 5px;

}

.xwtu {

	margin-bottom: 104px;

}

.xwwen {

	margin-bottom: 104px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.xwwen {

	width: 505px;

}

.xwwen.l {

	width: 490px;

	padding-left: 30px;

}

}

 @media screen and (max-width:999px) {

.xwtu {

	width: 100%;

	margin-bottom: 0px;

}

.xwwen {

	width: 100%;

	margin-bottom: 25px;

}

.xwwen.l {

	padding: 0;

	width: 100%;

}

.xwa1 {

	margin-top: 10px;

	margin-bottom: 10px;

}

.news1 .ms_ye {

	margin-top: 15px;

}

}

 @media screen and (max-width:600px) {

.news1 {

	padding-top: 20px;

}

.xwlm {

	margin-top: 10px;

}

.news1 {

	padding-bottom: 60px;

}

}

/*****************  news2  ********************/







.nzuo {

	width: 807px;

	border-right: 1px solid #e5e5e5;

	padding-right: 28px;

}

.nyou {

	width: 304px;

	padding-right: 30px;

}

.xwh1 {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	text-transform: uppercase;

}

.nxsj {

	margin-top: 18px;

	color: #666666;

	padding-bottom: 26px;

	border-bottom: 1px solid #e5e5e5;

}

.nex2 {

	color: #666666;

	line-height: 30px;

	padding-top: 13px;

	padding-bottom: 50px;

	border-bottom: 1px solid #a9a9a9;

	margin-bottom: 30px;

}

.nex2 p, .nex li, .nex span, .nex b {

	color: #666666;

}

.nex2 p {

	text-indent: 2em

}

.nex2 img, .nex iframe {

	max-width: 100%;

}

.back {

	width: 237px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	background: #dd137b;

	border-radius: 5px;

	font-size: 18px;

	font-size: 1.8rem;

	display: block;

	margin-top: 5px;

	text-transform: uppercase;

	color: #fff;

}

.back:hover {

	background: #333;

	color: #fff;

}

.share3 {

	padding-right: 10px;

	position: relative;

	top: 3px;

	color: #dd137b;

	font-size: 14px;

	font-size: 1.4rem;

	font-family: "Microsoft Yahei", "微软雅黑";

}

.share22 {

	padding-top: 56px;

	margin-bottom: 50px;

}

.cenlist li {

	width: 300px;

	margin-bottom: 33px;

}

.centu img {

	width: 100%;

	max-width: 357px;

	max-height: 257px;

}

.centu {

	display: block;

}

.cenlist li a.cewen {

	display: block;

	line-height: 28px;

	margin-top: 18px;

}

.cenlist li a.cewen:hover {

	text-decoration: underline;

}

.zjn {

	font-size: 26px;

	font-size: 2.6rem;

	text-transform: uppercase;

	display: block;

	margin-bottom: 27px;

	font-family: "Microsoft Yahei", "微软雅黑";

}

.zjn:hover {

	text-decoration: underline;

}

.xwsx {

	line-height: 28PX;

	margin-top: 13px;

	font-size: 16px;

	font-size: 1.6rem;

}

.xwsx span {

	padding-left: 36px;

	display: inline-block;

}

.xwsx a {

}

.xws {

	background: url(../images/msxws.jpg) no-repeat left center;

}

.xwx {

	background: url(../images/msxwx.jpg) no-repeat left center;

}

.xwsx:hover a {

	color: #dd137b;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.nzuo {

	width: 580px;

}

}

 @media screen and (max-width:999px) {

.xwh1 {

	font-size: 18px;

	font-size: 1.8rem;

}

.nzuo {

	width: 58%;

	padding-right: 2%;

}

.nyou {

	width: 38%;

	padding-right: 0;

}

}

 @media screen and (max-width:767px) {

.nzuo {

	width: 100%;

	padding-right: 0;

	border-right: none;

}

.nyou {

	width: 100%;

	padding-right: 0;

	margin-top: 30px;

}

.cenlist li {

	width: 100%;

}

}

/**********************  about1  ************************/







.a1p1 {

	font-family: "Microsoft Yahei", "微软雅黑";

	font-size: 30px;

	font-size: 3rem;

	text-transform: uppercase;

	padding-left: 27px;

	background: url(../images/a1bg.jpg) no-repeat left center;

	float: left;

}

.a1zuo img {

	width: 100%;

	max-width: 510px;

	max-height: 312px;

}

.a1p2 {

	font-size: 38px;

	font-size: 3.8rem;

	margin-top: 22px;

	margin-bottom: 10px;

}

.a1p3 {

	color: #666666;

	line-height: 30px;

	text-indent: 2em

}

.a1p4 {

	margin-bottom: 40px;

}

.a1you {

	width: 645px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.a1zuo {

	width: 400px;

	margin-top: 30px;

}

.a1you {

	width: 550px;

}

.a1p2 {

	font-size: 30px;

	font-size: 3rem;

	margin-top: 10px;

}

.a1p4 {

	margin-bottom: 10px;

}

}

 @media screen and (max-width:999px) {

.a1zuo {

	width: 100%;

	text-align: center;

}

.a1you {

	width: 100%;

	margin-top: 20px;

}

.a1p2 {

	font-size: 30px;

	font-size: 3rem;

	margin-top: 10px;

}

.a1p4 {

	margin-bottom: 0;

}

}

 @media screen and (max-width:550px) {

.a1p2 {

	font-size: 20px;

	font-size: 2rem;

}

}

/*****************************  about2  *******************************/















.ablie {

	width: 370px;

	float: left;

	margin-left: 45px;

	margin-bottom: 63px;

}

.abtu {

	position: relative;

	overflow: hidden;

	display: block;

}

.abtu>img {

	width: 100%;

	max-width: 370px;

	max-height: 282px;

	display: block;

}

.fangda {

	background: #000;

	background: rgba(0,0,0,0.6);

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 100%;

	left: 0px;

	transition: 0.5s;

}

.fangda img {

	width: 30px;

	height: 30px;

	position: absolute;

	left: 50%;

	margin-left: -15px;

	top: 50%;

	margin-top: -15px;

}

.ablie p {

	line-height: 24px;

	text-align: center;

	margin-top: 11px;

	overflow: hidden;

	font-size: 18px;

	font-size: 1.8rem;

	color: #666666;

}

.ablie:hover .fangda {

	top: 0px;

}

/*********************fangdaxiaoguo**********************/







#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #222;

	background-color: rgba(0,0,0,.8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease;

	z-index: 99999999999999999999999999999999999999;

}

#baguetteBox-overlay.visible {

	opacity: 1

}

#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center;

}

#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%

}

#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);

	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);

	box-shadow: 0 0 8px rgba(0,0,0,.6);

}

#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0,0,0,.6);

	font-family: "Microsoft Yahei", "微软雅黑";

}

#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}

#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -moz-transform .4s ease;

	transition: left .4s ease, transform .4s ease

}

#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out

}

#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px

}

.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	-moz-border-radius: 15%;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50,50,50,.5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease;

}

.baguetteBox-button:hover {

	background-color: rgba(50,50,50,.9)

}

.baguetteBox-button#next-button {

	right: 2%

}

.baguetteBox-button#previous-button {

	left: 2%

}

.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px

}

.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0

}

.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out

}

.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s

}

 @-webkit-keyframes bounceFromRight {

0% {

margin-left:0

}

50% {

margin-left:-30px

}

100% {

margin-left:0

}

}

 @keyframes bounceFromRight {

0% {

margin-left:0

}

50% {

margin-left:-30px

}

100% {

margin-left:0

}

}

 @-webkit-keyframes bounceFromLeft {

0% {

margin-left:0

}

50% {

margin-left:30px

}

100% {

margin-left:0

}

}

 @keyframes bounceFromLeft {

0% {

margin-left:0

}

50% {

margin-left:30px

}

100% {

margin-left:0

}

}

 @-webkit-keyframes bounce {

0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

 @keyframes bounce {

0%, 100% {

-webkit-transform:scale(0);

-moz-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

transform:scale(1)

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.ablie {

	width: 296px;

}

}

 @media screen and (max-width:999px) {

.ablie {

	width: 31.333%;

	margin: 0 1%;

	margin-bottom: 30px;

}

.ablie p {

	font-size: 14px;

	font-size: 1.4rem;

}

.fangda {

	display: none;

}

}

 @media screen and (max-width:639px) {

.ablie {

	width: 48%;

}

}

/**********************  support3-1  support3-2  *********************/















.xzbox {

	font-size: 16px;

	font-size: 1.6rem;

	padding-bottom: 13px;

	background: url(../images/xzxu.jpg) repeat-x center bottom;

	margin-bottom: 32px;

}

.xzbox span, .xzbox a {

	display: inline-block;

}

.span1 {

	padding-left: 32px;

	background: url(../images/xiazai.jpg) no-repeat left top;

	width: 333px;

}

.span2 {

	width: 350px;

}

.span3 {

	color: #999999;

	text-decoration: underline;

}

.a4 {

	width: 90px;

	padding-left: 48px;

	color: #fff;

	background: #dd137b url(../images/yun.png) no-repeat 16px center;

	height: 36px;

	line-height: 36px;

	border-radius: 18px;

}

.a4:hover {

	background: #333 url(../images/yun.png) no-repeat 16px center;

}

.span3 a {

	color: #999999;

	text-decoration: underline

}

.span1 a:hover {

	color: #dd137b;

}

.span2 a:hover {

	color: #dd137b;

}

.span3 a:hover {

	color: #dd137b;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.span1 {

	width: 300px;

}

.span2 {

	width: 275px;

}

}

 @media screen and (max-width:999px) {

.span1 {

	width: 300px;

}

.span1 {

	width: 40%;

}

.span1 {

	width: 50%;

}

.span3 {

	margin-top: 20px;

}

.a4 {

	margin-top: 20px;

}

}

 @media screen and (max-width:600px) {

.span1 {

	width: 80%;

}

.span2 {

	width: 100%;

	margin-top: 10px;

}

.span3 {

	width: 100%;

}

.xzbox {

	font-size: 14px;

	font-size: 1.4rem;

}

}

/**********************  support3-3  *********************/















.ablie2 {

	width: 246px;

	float: left;

	margin-left: 72px;

	margin-bottom: 59px;

}

.abtu {

	position: relative;

	overflow: hidden;

	display: block;

}

.abtu2 {

	padding: 5px;

	background: url(../images/kuang.jpg) no-repeat center center;

}

.abtu2>img {

	width: 100%;

	max-width: 236px;

	max-height: 324px;

	display: block;

}

.fangda2 {

	background: #000;

	background: rgba(0,0,0,0.5);

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 100%;

	left: 0px;

	transition: 0.5s;

}

.fangda2 img {

	width: 32px;

	height: 32px;

	position: absolute;

	left: 50%;

	margin-left: -16px;

	top: 50%;

	margin-top: -16px;

}

.ablie2 p {

	line-height: 30px;

	text-align: center;

	margin-top: 7px;

	overflow: hidden;

	font-size: 16px;

	font-size: 1.6rem;

	color: #666666;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}

.ablie2:hover .fangda2 {

	top: 0px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.ablie2 {

	margin-left: 35px;

	width: 218px;

}

.abtu2 {

	background-size: 100%;

}

}

 @media screen and (max-width:999px) {

.ablie2 {

	width: 23%;

	margin: 0 1%;

	margin-bottom: 20px;

}

.abtu2 {

	background-size: 100%;

}

.ablie2 p {

	font-size: 14px;

	font-size: 1.4rem;

}

.fangda2 {

	display: none;

}

}

 @media screen and (max-width:650px) {

.ablie2 {

	width: 31.333%;

}

}

 @media screen and (max-width:500px) {

.ablie2 {

	width: 48%;

}

}

/**********************  support3-4  *********************/















.s4p {

	line-height: 30px;

	margin-bottom: 30px;

	text-indent: 2em

}

.s4tu {

center;

	margin-top: 98px;

}

.s4tu img {

	max-width: 100%;

}

 @media screen and (max-width:999px) {

.s4tu {

	margin-top: 30px;

}

}

.protu img {

	width: 100%;

	max-width: 370px;

	max-height: 282px;

	display: block

}

.probox {

	width: 370px;

	float: left;

	margin-left: 45px;

	margin-bottom: 60px;

	position: relative;

	overflow: hidden;

}

.procover1 {

	position: absolute;

	left: 0;

	bottom: 0;

	line-height: 38px;

	background: #000;

	background: rgba(0,0,0,0.5);

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	transition: 0.5s;

}

.procover2 {

	position: absolute;

	left: 0;

	top: -100%;

	background: #000;

	background: rgba(0,0,0,0.6);

	width: 100%;

	height: 100%;

	transition: 0.5s;

}

.procover2 span {

	display: block;

	color: #fff;

	font-size: 18px;

	font-size: 1.8rem;

	padding-top: 50px;

	background: url(../images/fangda.png) no-repeat center top;

	text-align: center;

	margin-top: 30%;

}

.probox:hover .procover1 {

	bottom: -100%;

}

.probox:hover .procover2 {

	top: 0;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.probox {

	width: 296px;

}

}

 @media screen and (max-width:999px) {

.probox {

	width: 31.333%;

	margin: 0 1%;

	margin-bottom: 30px;

}

.procover1 {

	font-size: 14px;

	font-size: 1.4rem;

}

.procover2 {

	display: none;

}

.probox:hover .procover1 {

	bottom: 0;

}

}

 @media screen and (max-width:650px) {

.probox {

	width: 48%;

}

}















/************************  download  ***********************/















@media screen and (max-width:639px) {

.dnr {

	padding-right: 0;

}

.downbox {

	padding-bottom: 75px;

}

.dbtn {

	bottom: 15px;

}

.da2 {

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width:400px) {

.dnr {

	padding-left: 0;

	padding-top: 85px;

}

.downbox {

	margin-bottom: 15px;

}

}

.hdtop {

	position: fixed;

	right: 0px;

	bottom: -100px;

	transition: 1s;

	cursor: pointer;

	z-index: 99999px;

}

.yiji {

	position: absolute;

	left: 0;

	top: -99999px;

	z-index: 999999;

	width: 230px;

	background: #000;

	background: rgba(0,0,0,0.7);

	padding-bottom: 30px;

}

.yiji li {

	line-height: 43px;

	padding: 0 15px;

	position: relative;

}

.yiji li a {

	display: block;

	color: #fff;

	font-size: 16px;

	font-size: 1.6rem;

}

.yiji>li:hover {

	background: #dd137b;

}

.erji>li:hover {

	background: #dd137b;

}

.erji {

	position: absolute;

	left: 100%;

	top: -99999px;

	width: 197px;

	background: #000;

	background: rgba(0,0,0,0.7);

	padding-bottom: 30px;

}

.navlist>li:hover .yiji {

	top: 100%;

}

.yiji>li:hover .erji {

	top: 0;

}

 @media screen and (max-width:999px) {

.yiji {

	display: none;

}

}

/**********************  ce  ************************/







.ce {

	position: fixed;

	top: 20%;

	z-index: 99999;

	width: 69px;

	background: #eeeeee;

	right: 0px;

	border-radius: 26px;

	padding-top: 13px;

}

.ce li {

	height: 61px;

	margin: 0 7px;

	border-bottom: 1px solid #aaaaaa;

	text-align: center;

}

.ce li.noborder {

	border: none;

}

.ce li span {

	display: block;

	margin-top: 7px;

	font-size: 12px;

	font-size: 1.2rem;

}

.ce li img {

	margin-top: 4px;

}

.ce li:hover span {

	color: #dd137b;

}

.weixin {

	position: relative;

}

.ewm {

	position: absolute;

	right: 100%;

	bottom: -99999px;

	width: 100px;

}

.weixin:hover .ewm {

	bottom: 0;

}

 @media screen and (max-width:640px) {

.ce {

	bottom: 0;

	top: auto;

	width: 100%;

	padding: 0;

	border-radius: 0;

	right: 0;

}

.ce li {

	border: none;

	float: left;

	width:50%;

	margin: 0;

}

.bottom {

	padding-bottom: 80px;

}

.ewm {

	right: auto;

	left: 50%;
	margin-left: -50px;
}

.weixin:hover .ewm {

	bottom: 100%;

}

}

/******************  xiala  *******************/







.xiala {

	background: rgba(204,204,204,0.9);

	width: 100%;

	position: absolute;

	top: -9999px;

	left: 0;

	padding-top: 18px;

	padding-bottom: 33px;

}

.xiala li {

	width: 222px;

	float: left;

	margin-left: 22px;

	margin-bottom: 15px

}

.xiala li img {

	width: 100%;

	max-width: 530px;

	max-height: 473px;

	display: block;

}

.xiala li span {

	display: block;

	line-height: 36px;

	background: #efeeee;

	text-align: center;

}

.xiala li:hover span {

	background: #d64891;

	color: #fff;

}

.navlist>li:hover .xiala {

	top: 88px;

}

.navlist>li.xialali {

	position: static;

}

 @media screen and (min-width:1000px) and (max-width:1391px) {

.navlist>li:hover .xiala {

	top: 83px;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.xiala li {

	width: 178px;

}

}

 @media screen and (max-width:999px) {

.xiala {

	display: none;

}

}

.listcart {

	width: 100%;

	margin-top: 20px;

	margin-bottom: 20px

}

.listcart a {

	display: inline-block;

	height: 26px;

	width: 220px;

	line-height: 25px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #fff;

	cursor: pointer;

	background: #dd137b;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

	font-family: "Microsoft Yahei", "微软雅黑";

}

 @media screen and (max-width:999px) {

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px;

}

}

 @media screen and (max-width:420px) {

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-bottom: 1rem

}

}

.shuxp_c {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 25px;

	margin-top: 5px;

	margin-bottom: 5px

}

/* product1 */



.at-resp-share-element .at-icon {

	width: 26px!important;

	height: 26px!important;

}

.at-style-responsive .at-share-btn {

	padding: 0!important;

	border-radius: 2px!important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 26px!important;

	height: 26px!important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0!important;

	margin-right: 3px!important;

}

.dibuguaojia img {

	margin-right: 15px;

	margin-top: 15px;

	margin-left: 10px

}
.top20du{}
.dibuerweima{ width:calc(100% - 37px); margin-top:20px; margin-bottom:20px; margin-left:37px}
.dibuerweima img{ display:block; max-width:100%; }
.dibuerweima .erwm{ float:left; margin-right:30px;
}
.dibuerweima .erwm p{width:calc(100% - 2px); line-height:16px; font-size:12px; font-size:1.2rem; text-align:center; color:#fff; border:#fff solid 1px }
 @media screen and (min-width:1000px) and (max-width:1219px) {
	 .dibuerweima .erwm{ float:left; margin-right:10px;
}
 }
.sanjipy{ margin-left:14px;}
.sanjipy a{ font-size:12px !important; font-size:1.2rem !important;} 

/*-------------products2 start-------------------------------------------------------------*/
.m-propic { margin: 0 auto; width: 685px; }

.m-propic .pic-big { position: relative; float: left; width: 527px; }

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; border: 1px solid #ccc; }

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .big-img img { border-radius: 0; max-width: 100%; }

.m-propic .zoomWrapperImage img { max-width: 1200px; }

.m-propic .pic-small { position: relative; float: right; width: 124px; padding-top: 21px; padding-bottom: 21px; overflow: hidden; }

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; height: 21px; line-height: 21px; cursor: pointer; text-align: center; background: #016f9d; }

.m-propic .pic-btn .iconfont { font-size: 28px; font-size: 2.8rem; color: #fff; }

.m-propic .pic-btn .iconfont:hover { color: #016f9d; }

.m-propic .pic-btn.prev { top: 0; }

.m-propic .pic-btn.next { bottom: 0; }

.m-propic .pic-list { height: 355px; margin-top: 22px; margin-bottom: 21px; overflow: hidden; }

.m-propic .pic-list ul { height: 2000px; }

.m-propic .pic-list .list-item { margin-bottom: 20px; overflow: visible; padding-left: 0; position: relative; }

.m-propic .pic-list .list-item .pxjiao { position: absolute; left: -3px; top: 50%; margin-top: -4px; display: none; }

.m-propic .pic-list .item-pics { display: block; border-radius: 0; border: 1px solid #ccc; position: relative; }

.m-propic .pic-list .item-pics img { width: 100%; display: block; }

/*.m-propic .item-pics:hover, .m-propic .item-pics.zoomThumbActive { border-color: #016f9d; }*/

.m-propic .item-pics:hover .pxjiao, .m-propic .item-pics.zoomThumbActive .pxjiao { display: block; }

.m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .m-propic { max-width: 100%; float: none; }
  .m-propic .pic-big { height: auto; }
  /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }

@media screen and (max-width: 767px) { .m-propic1 { display: none; }
  .m-propic2 { position: relative; display: block; overflow: hidden; width: auto; padding-left: 30px; padding-right: 30px; }
  .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
  .m-propic2 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; color: #888; }
  .m-propic2 .box-btn .iconfont:hover { color: #016f9d; }
  .m-propic2 .box-btn.prev { left: 0; }
  .m-propic2 .box-btn.next { right: 0; }
  .m-propic2 .box-list { overflow: hidden; }
  .m-propic2 .box-list ul { width: 1000%; }
  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.12%; border-radius: 0; border: 1px solid #d7d7d7; overflow: hidden; }
  .m-propic2 .list-item img { display: block; max-width: 100%; } }

@media only screen and (max-width: 500px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 4.8%; } }

@media only screen and (max-width: 480px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 9.8%; } }
