@charset "UTF-8";
body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img div,
legend,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

body {
	font-size: 14px;
	color: #000
}

button,
fieldset,
img,
input {
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none
}

ol,
ul {
	list-style: none
}

input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: SimSun, 宋体
}

input,
select {
	vertical-align: middle
}

input,
select,
textarea {
	font-size: 12px;
	margin: 0
}

textarea {
	resize: none
}

img {
	border: 0;
	vertical-align: middle
}

span {
	
}

table {
	border-collapse: collapse
}

body {
	font: 14px/150% Microsoft Yahei, Arial, Verdana, \\5b8b\4f53;
	color: #000;
	background: #fff;
	width: 100%;
	font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

a {
	color: #000;
	cursor: pointer
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 100%
}

em,
i,
s {
	font-style: normal;
	text-decoration: none
}

.col-red {
	color: #c81623!important
}

.w {
	width: 1120px;
	margin: 0 auto;
	min-width: 1120px
}

.fl {
	float: left
}

.fr {
	float: right
}

.al {
	text-align: left
}

.ac {
	text-align: center
}

.ar {
	text-align: right
}

.bl {
	border-left: 1px solid #ccc
}

.br {
	border-right: 1px solid #ccc
}

.bb {
	border-bottom: 1px solid #ccc
}

.bt {
	border-top: 1px solid #ccc
}

.mt {
	margin-top: 30px
}

.hide {
	display: none
}

section {
	width: 100%;
	height: 100px;
	margin-bottom: 50px;
	background-color: pink
}

.header {
	min-width: 1120px;
	width: 100%
}

.header .topner {
	width: 100%;
	height: 38px;
	background-color: #af4284;
	line-height: 38px;
	font-size: 12px
}

.header .topner .phone-fr,
.header .topner .title {
	color: #fff
}

.header .topner .phone-fr>span,
.header .topner .phone-fr i {
	margin: 0 11px
}

.header .topner .phone-fr>a {
	color: #fff
}

.header .topner .phone-fr .icon-phone {
	display: inline-block;
	width: 22px;
	height: 20px;
	background: url(../images/phone_icon.png) no-repeat;
	vertical-align: middle;
	margin: 0
}

.topnav {
	width: 100%;
	min-width: 1120px;
	height: 97px;
	background: url(../images/nav_bg.jpg)
}

.topnav .logn {
	float: left;
	width: 362px
}

.topnav .logn img {
	width: 100%;
	height: 97px
}

.topnav .nav-item {
	float: right
}

.topnav .nav-item li {
	float: left;
	padding: 0 28px;
	height: 92px;
	line-height: 103px;
	border-bottom: 5px solid transparent;
	font-size: 16px;
	cursor: pointer
}

.topnav .nav-item li:hover {
	border-color: #af4285
}

.topnav .nav-item li:hover a {
	display: inline-block;
	width: 100%;
	height: 92px;
	color: #af4285
}

.topnav .nav-item li.active {
	border-color: #af4285
}

.topnav .nav-item li.active a {
	color: #af4285
}
.topnav .nav-item li {
	position: relative;
	
}

.topnav .nav-item li >.li-list {
	position: absolute;
	top: 95px;
	left:0px;
	width: 174px;
	border: 1px solid #ccc;
	z-index: 100;
	background-color: #fff;
	display: none;
	
}

.topnav .nav-item li >.li-list li {
	height: 53px;
	line-height: 49px;
	border: none;
}
.topnav .nav-item li >.li-list li> a {
	height: 30px;
	line-height: 30px;
	color: #000;

}
.topnav .nav-item li >.li-list li:hover a{
	color: red;
}
.topnav .nav-item li:hover >.li-list {
	display: block;
	
}
.banner {
	min-width: 1120px
}

.banner .swiper-container {
	width: 100%;
	height: 450px;
	color: #fff;
	text-align: center
}

.banner img {
	height: 450px
}

.banner .swiper-slide .title {
	font-style: italic;
	font-size: 42px;
	margin-bottom: 0;
	line-height: 45px
}

.banner .swiper-slide p {
	font-style: italic;
	font-size: 25px
}

.banner .swiper-slide img {
	width: 100%
}

.banner .pagination {
	position: absolute;
	z-index: 1;
	left: 47.5%;
	bottom: 10px
}

.banner .swiper-pagination-switch {
	display: inline-block;
	width: 25px;
	height: 10px;
	background: #fff;
	margin-right: 12px;
	opacity: .8;
	cursor: pointer
}

.banner .swiper-active-switch {
	background: #af4285
}

.banner .swiper-dynamic-links {
	text-align: center
}

.banner .swiper-dynamic-links a {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 5px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	background: #eee
}

.main {
	min-width: 1120px;
	margin: 80px 0
}

.main li {
	float: left;
	position: relative;
	margin-bottom: 20px
}

.main li img {
	width: 100%
}

.main li>.fixed-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s;
	transition: all 1s;
	color: #fff;
	text-align: center;
	padding-top: 45%
}

.main li>.fixed-box>h3 {
	font-size: 24px;
	font-weight: 700
}

.main li>.fixed-box>p {
	line-height: 3em
}

.main li>.fixed-box .examine-all {
	display: block;
	width: 90px;
	height: 32px;
	border: 1px solid #fff;
	line-height: 32px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	margin-top: 10px
}

.main li:hover .fixed-box {
	opacity: .5
}

.main li.mr-s1 {
	width: 546px;
	height: 320px;
	overflow: hidden
}

.main li.mr-s1>.fixed-box {
	padding-top: 20%
}

.main li.mr-s2 {
	width: 355px;
	height: 425px;
	overflow: hidden
}

.main .mr-s1+.mr-s1 {
	margin-left: 28px
}

/*.main .mr-s2+.mr-s2 {*/
/*	margin-left: 27px*/
/*}*/

/*.clearfix .mr-s2.special:nth-child(3n+1) {*/

/*  margin-left: 27px;*/
  /* 其他需要重置的样式 */
/*}*/
.clearfix .mr-s2.special:nth-child(3n+1),
.clearfix .mr-s2.special:nth-child(3n+2) {

  margin-left: 27px;

}

.footer {
	width: 100%;
	height: 118px;
	min-width: 1120px;
	background-color: #444;
	font-size: 12px;
	color: #fff
}

.footer .w>ul>li {
	float: left
}

.footer .w>ul>li>h4 {
	font-size: 16px;
	line-height: 40px
}

.footer .w>ul>li li {
	height: 24px
}

.footer .w>ul>li.url-list {
	width: 252px
}

.footer .w>ul>li.url-list li {
	float: left;
	width: 84px;
	font-family: simsun
}

.footer .w>ul>li.url-list li a {
	margin-left: 5px
}

.footer .w>ul>li.search {
	width: 315px;
	margin-left: 155px;
	overflow: hidden
}

.footer .w>ul>li.search #search-keyword {
	width: 227px;
	height: 32px;
	background-color: #333;
	color: #fff;
	padding-left: 10px;
	float: left;
	line-height: 32px
}

.footer .w>ul>li.search #btn {
	float: left;
	width: 75px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-color: #ce8eb5;
	color: #fff;
	font-size: 16px
}

.footer .w>ul>li.search p {
	color: #7b7b7b;
	line-height: 3em
}

.footer .w>ul>li+li {
	margin-left: 180px
}

.footer a {
	color: #fff
}

#product-all,
#product-content {
	min-width: 1120px;
	padding-bottom: 80px;
	min-height: 600px;
}

#product-all>.br,
#product-content>.br {
	width: 99.97%;
	height: 24px;
	background-color: #ededed
}

#product-all>.w>.head,
#product-content>.w>.head {
	height: 93px
}

#product-all>.w>.head>.title,
#product-content>.w>.head>.title {
	float: left;
	padding: 20px 0;
	color: #333
}

#product-all>.w>.head>.title>h3,
#product-content>.w>.head>.title>h3 {
	font-size: 24px;
	height: 28px
}

#product-all>.w>.head>.title>span,
#product-content>.w>.head>.title>span {
	font-size: 14px;
	font-family: arial
}

#product-all>.w>.head>.search,
#product-content>.w>.head>.search {
	padding-top: 25px;
	float: right
}

#product-all>.w>.head>.search #search-keyword,
#product-content>.w>.head>.search #search-keyword {
	float: left;
	width: 225px;
	height: 30px;
	border: 1px solid #ccc;
	padding-left: 10px;
	line-height: 30px;
	font-size: 12px
}

#product-all>.w>.head>.search #search-btn,
#product-content>.w>.head>.search #search-btn {
	float: left;
	width: 76px;
	height: 32px;
	line-height: 32px;
	background-color: #ce8eb5;
	color: #fff;
	font-size: 16px
}
#product-all>.w>.product {
	width: 100%;
	overflow: hidden;
}
#product-all>.w>.product>ul,
#product-content>.w>.product>ul {
	width: 110%
}

#product-all>.w>.product>ul>li,
#product-content>.w>.product>ul>li {
	float: left;
	width: 358px;
	height: 418px;
	border: 1px solid #ccc;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 28px
}

#product-all>.w>.product>ul>li>a,
#product-content>.w>.product>ul>li>a {
	display: block
}

#product-all>.w>.product>ul>li>a>.img,
#product-content>.w>.product>ul>li>a>.img {
	width: 358px;
	height: 358px;
	overflow: hidden;
	position: relative
}

#product-all>.w>.product>ul>li>a>.img>.fours-img,
#product-content>.w>.product>ul>li>a>.img>.fours-img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 358px;
	height: 358px;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	filter: alpha(opacity=0)
}

#product-all>.w>.product>ul>li>a>.img:hover>.fours-img,
#product-content>.w>.product>ul>li>a>.img:hover>.fours-img {
	opacity: 1;
	filter: alpha(opacity=100)
}

#product-all>.w>.product>ul>li>a>.img img,
#product-content>.w>.product>ul>li>a>.img img {
	width: 358px;
	height: 358px
}

#product-all>.w>.product>ul>li>a>.introduce,
#product-content>.w>.product>ul>li>a>.introduce {
	padding: 0 20px
}

#product-all>.w>.product>ul>li>a>.introduce>.title,
#product-content>.w>.product>ul>li>a>.introduce>.title {
	float: left
}

#product-all>.w>.product>ul>li>a>.introduce>.title>h3,
#product-content>.w>.product>ul>li>a>.introduce>.title>h3 {
	font-size: 16px;
	color: gray
}

#product-all>.w>.product>ul>li>a>.introduce>.title>span,
#product-content>.w>.product>ul>li>a>.introduce>.title>span {
	font-size: 12px;
	color: #666
}

#product-all>.w>.product>ul>li>a>.introduce>.more,
#product-content>.w>.product>ul>li>a>.introduce>.more {
	display: inline-block;
	float: right;
	line-height: 50px;
	font-size: 12px;
	color: #666
}

#product-all>.w>.product>ul>li>a>.introduce>.more>i,
#product-content>.w>.product>ul>li>a>.introduce>.more>i {
	font-family: simsun;
	margin: 0 5px
}

#product-all>.w>.page,
#product-content>.w>.page {
	margin-left: 380px
}

#product-all>.w>.page li,
#product-content>.w>.page li {
	float: left;
	width: 34px;
	height: 34px;
	border: 2px solid #ccc;
	line-height: 32px;
	text-align: center;
	margin-right: 8px;
	cursor: pointer
}
#product-all>.w>.page li.active {
	background-color: #bb6097;
    border-color:#bb6097 ;
}
#product-all>.w>.page li.active a{
	color: #fff
}


#product-all>.w>.page li:hover,
#product-content>.w>.page li:hover {
	background-color: #bb6097;
	border-color: #bb6097
}

#product-all>.w>.page li:hover>a,
#product-content>.w>.page li:hover>a {
	color: #fff
}

#product-all>.w>.page li>a,
#product-content>.w>.page li>a {
	color: #cfcfcf
}

#product-content {
	min-width: 1120px
}

#product-content .product>.content {
	width: 470px
}

#product-content .product>.content>.title {
	height: 60px;
	padding: 30px 0
}

#product-content .product>.content>.title>h2 {
	font-size: 36px;
	color: #666;
	line-height: 45px
}

#product-content .product>.content>.title>span {
	font-size: 20px;
	color: #999;
	font-family: arial
}

#product-content .product>.content>.text {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 20px
}

#product-content .product>.content>.chi-cun {
	width: 100%;
	margin-bottom: 25px
}

#product-content .product>.content>.chi-cun li {
	float: left;
	height: 28px;
	font-size: 12px;
	color: #989898;
	width: 235px
}

#product-content .product>.content>.chi-cun li>.name {
	font-size: 14px;
	font-weight: 700;
	color: #666
}

#product-content .product>.content>.contact {
	width: 265px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #bb6097;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 40px
}

#product-content .product>.content>.prev-left {
	float: left;
	font-size: 16px;
	color: #333
}

#product-content .product>.content>.prev-left>i {
	font-size: 12px;
	font-family: simsun
}

#product-content .product>.content>.next-right {
	float: right;
	font-size: 16px;
	color: #333
}

#product-content .product>.content>.next-right>i {
	font-size: 12px;
	font-family: simsun
}

#product-content .product #preview img {
	width: 592px;
	height: 590px
}

#product-content .product .spec-scroll {
	width: 592px;
	margin-top: 30px
}

#product-content .product .next,
#product-content .product .prev {
	width: 66px;
	height: 67px;
	background-color: #fff;
	line-height: 67px;
	border: none;
	font-size: 38px;
	text-align: center;
	margin: 0;
	color: #b5b5b5
}

#product-content .product .items {
	width: 458px;
	height: 70px
}

#product-content .product .items ul {
	height: 70px
}

#product-content .product .items li {
	width: 77px;
	height: 70px;
	overflow: hidden
}

#product-content .product .items li>img {
	display: inline-block;
	width: 64px;
	height: 64px;
	padding: 2px;
	border: 1px solid #ccc
}

#product-content .product .items li>img:hover {
	border-color: red
}

#about {
	min-width: 1120px;
	padding: 60px 0 80px
}

#about>.w>.title {
	height: 74px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px
}

#about>.w>.title>h3 {
	font-size: 28px;
	color: #383838;
	height: 35px
}

#about>.w>.title>span {
	font-size: 12px;
	font-family: arial;
	color: #ddd
}

#about>.w>.content>.img {
	float: left;
	width: 415px
}

#about>.w>.content>.img>img {
	width: 415px;
	height: 290px
}

#about>.w>.content>.text {
	float: right;
	width: 645px
}

#about>.w>.content>.text>.title {
	font-size: 18px;
	color: #333;
	height: 35px
}

#about>.w>.content>.text>p {
	text-indent: 40px;
	line-height: 29px;
	font-size: 14px;
	color: #7d7d7d
}

#contact {
	min-width: 1120px;
	padding: 60px 0 80px
}

#contact>.w>.title {
	height: 74px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px
}

#contact>.w>.title>h3 {
	font-size: 28px;
	color: #383838;
	height: 35px
}

#contact>.w>.title>span {
	font-size: 12px;
	font-family: arial;
	color: #ddd
}

#contact>.w>.content>.icon-list {
	float: left;
	width: 498px;
	height: 383px;
	border: 1px solid #ccc;
	padding: 45px 30px
}

#contact>.w>.content>.icon-list>.icon-list-item {
	float: left;
	width: 245px;
	height: 172px;
	text-align: center;
	padding-top: 18px
}

#contact>.w>.content>.icon-list>.icon-list-item>.name {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-top: 30px;
	height: 25px
}

#contact>.w>.content>.icon-list>.icon-list-item>.text {
	font-size: 14px;
	color: #666
}

#contact>.w>.content>.main-box {
	float: left;
	width: 488px;
	height: 383px;
	border: 1px solid #ccc;
	margin-left: -1px;
	padding: 45px 35px
}

#contact>.w>.content>.main-box>img {
	width: 490px;
	height: 260px
}

#contact>.w>.content>.main-box>.text {
	margin-top: 35px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-indent: 10px
}

#contact>.w>.content>img {
	width: 100%;
	height: 380px
}

#news {
	min-width: 1120px;
	margin-top: 60px
}

#news>.w>.title {
	height: 74px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px
}

#news>.w>.title>h3 {
	font-size: 28px;
	color: #383838;
	height: 35px
}

#news>.w>.title>span {
	font-size: 12px;
	font-family: arial;
	color: #ddd
}

#news>.w>.content>.news-titleify {
	text-align: center;
	margin-bottom: 20px
}
#news>.w>.content>.news-titleify ul {
	margin-left: 450px;
}
#news>.w>.content>.news-titleify li {
	float: left;
}
#news>.w>.content>.news-titleify li > a{
	display: inline-block;
	width: 117px;
	height: 40px;
	line-height: 40px;
	
}

#news>.w>.content>.news-titleify li.active a{
	color: #fff;
	background-color: #bb6097
}
#news>.w>.content>.news-titleify li:hover a{
	color: #fff;
	background-color: #bb6097
}
#news>.w>.content>.main {
	margin-top: 18px
}

#news>.w>.content>.main>.main-fl {
	float: left;
	width: 755px;
	height: 580px
}

#news>.w>.content>.main>.main-fl>ul>li {
	width: 100%;
	margin-bottom: 20px
}

#news>.w>.content>.main>.main-fl>ul>li .date {
	float: left;
	width: 100px;
	height: 63px;
	background-color: #dd70b2;
	text-align: center;
	color: #fff;
	padding-top: 17px
}

#news>.w>.content>.main>.main-fl>ul>li .date>.day {
	font-size: 36px;
	font-weight: 700
}

#news>.w>.content>.main>.main-fl>ul>li .text {
	width: 625px;
	float: right;
	line-height: 22px
}

#news>.w>.content>.main>.main-fl>ul>li .text>.title {
	font-size: 16px;
	color: #333;
	line-height: 35px
}

#news>.w>.content>.main>.main-fl>ul>li .text>p {
	font-size: 12px;
	color: #989898
}

#news>.w>.content>.main>.main-fl>.page {
	margin-top: 35px;
	margin-left: 280px
}

#news>.w>.content>.main>.main-fl>.page li {
	float: left;
	width: 34px;
	height: 34px;
	border: 2px solid #ccc;
	line-height: 32px;
	text-align: center;
	margin-right: 8px;
	cursor: pointer
}

#news>.w>.content>.main>.main-fl>.page li:hover {
	background-color: #bb6097;
	border-color: #bb6097
}

#news>.w>.content>.main>.main-fl>.page li:hover>a {
	color: #fff
}

#news>.w>.content>.main>.main-fl>.page li>a {
	color: #cfcfcf
}

#news>.w>.content>.main>.main-fl>.page li.active {
	background-color: #bb6097;
	border-color: #bb6097
}

#news>.w>.content>.main>.main-fr {
	float: right;
	width: 310px
}

#news>.w>.content>.main>.main-fr>img {
	width: 310px;
	height: 170px;
	margin-bottom: 33px
}

#message-online {
	padding: 60px 0 80px
}

#message-online>.w>.title {
	height: 74px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px
}

#message-online>.w>.title>h3 {
	font-size: 28px;
	color: #383838;
	height: 35px
}

#message-online>.w>.title>span {
	font-size: 12px;
	font-family: arial;
	color: #ddd
}

#message-online>.w>.content {
	padding: 0 50px
}

#message-online>.w>.content>.img {
	float: left;
	width: 410px;
	height: 455px
}

#message-online>.w>.content>.img img {
	width: 410px;
	height: 455px
}

#message-online>.w>.content>.form {
	float: right;
	width: 570px
}

#message-online>.w>.content>.form>.introduce {
	width: 295px;
	color: #383838;
	line-height: 20px;
	height: 54px
}

#message-online>.w>.content>.form .form-box {
	width: 570px;
	border-top: 1px dashed #ccc
}

#message-online>.w>.content>.form .form-box>label {
	margin-top: 20px
}

#message-online>.w>.content>.form .form-box>label span {
	display: block;
	width: 238px;
	height: 25px
}

#message-online>.w>.content>.form input {
	font-size: 14px
}

#message-online>.w>.content>.form #email,
#message-online>.w>.content>.form #phone,
#message-online>.w>.content>.form #qq,
#message-online>.w>.content>.form #username {
	width: 278px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 4px
}

#message-online>.w>.content>.form #body {
	width: 568px;
	height: 118px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px
}

#message-online>.w>.content>.form #btn {
	margin-top: 20px;
	width: 270px;
	height: 40px;
	background-color: #b06492;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 4px
}