@charset "UTF-8";
@import url("form.css");
.header_slide {
	width: 100%;
	height: 717px;
	min-width: 1190px;
	overflow: hidden;
	position: relative;
}

.header_slide ul.header_banner {
	height: 480px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.header_slide ul.header_banner li {
	cursor: pointer;
	position: relative;
}

.header_slide ul.header_banner img {
	width: 1920px;
	height: 717px;
	vertical-align: middle;
	display: inline-block;
}
.header_slide .num_gd {
    display: block;
    position: absolute;
    left: 36%;
    margin: 0 auto;
    bottom: 130px;
    z-index: 30;
    background: url(../images/banner_sj.png) no-repeat;
    width: 540px;
    height: 55px;
    overflow: hidden;
}
.header_slide .num_gd marquee {
	width:60px;
	color:#0774b3;
	font-size: 24px;
	text-align: right;
}
.header_slide ul li a {
	display: block;
	width: 1920px;
	height: 7170px;
}

.slide_nav {
	width: 1190px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}

.slide_nav .prev,.slide_nav .next {
	position: absolute;
	top: 250px;
	z-index: 2;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	opacity: .15;
	background: red;
	text-indent: -9999px;
	background-repeat: no-repeat;
	opacity: 0;
}

.slide_nav .prev {
	width: 18px;
	height: 52px;
	left: 0;
	background: url(../images/index_arrow.png) no-repeat 0 0;
}

.slide_nav .next {
	width: 18px;
	height: 52px;
	right: 0;
	background: url(../images/index_arrow.png) no-repeat -18px 0;
}

.header_slide .slideWrap {
	position: absolute;
	left: 47%;
	bottom: 90px;
	z-index: 30;
}

.header_slide .slideWrap ul {
	height: 20px;
	padding: 0 14px;
	border-radius: 8px;
}

.header_slide .slideWrap ul li {
	float: left;
	height: 12px;
	margin: 4px 10px;
}

.header_slide .slideWrap ul li em {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #fff;
	text-indent: -9999px;
	cursor: pointer;
}

.header_slide .slideWrap ul li.current em {
	background-color: #e31d24;
}

.header_slide .slideWrap ul li em:hover {
	background-color: #e31d24;
}

.header_slide ul li a.hmeca {
	position: absolute;
	bottom: 20.5%;
	left: 49%;
	width: 34px;
	height: 34px;
}

.header_slide ul li a.hmeca img {
	width: 34px;
	height: 34px;
}
.hyweb { width:100%; height:720px; position: relative; overflow:hidden; }
.hyweb li{ width:100%; height:720px;
	background-repeat: no-repeat;
	background-position: center center; text-align:center;
}
.hyweb li img{ border:0px;  width:100%; height:360px}
.hyweb li A{ width:100%;height:720px; display:block; margin:auto; OVERFLOW: hidden;}
/*数字按钮样式*/
.hyweb .num { width:100%; left:0px; bottom:85px; text-align:center; height:20px; line-height:20px; position: absolute; z-index: 10;	}
.hyweb .num li {
	display:inline-block;
	text-align:center;
	width:12px;
	height: 12px;
	line-height:0px;
	overflow:hidden;
	color:#fff;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
	font-size:0px;
	overflow:hidden;
	transition:all 0.3s ease-in-out 0s;
border-radius:14px; background-color:#FFFFFF;transition:all 0.3s ease-in-out 0s;
}
.hyweb .num li.on {
background-color:#E31D24; 
} /*当前项*/

/*上一个  下一个*/
.hyweb .prev,
.hyweb .next {
	width: 50px;
	height:600px;
	position: absolute;
	filter: Alpha(Opacity=60);
-moz-opacity:0.6; 		opacity:0.6;
	background-repeat: no-repeat;
	background-position: left center;
	top:0px;
}
.hyweb .prev:hover,.hyweb .next:hover{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1;}
.hyweb .prev {
	left:-50px;
	background-image: url();
	background-repeat: no-repeat;
}
.hyweb .next {
	right:-50px;
	background-position: right center;
	background-image: url();	
}
.product_r li img {
	width: 300px;
	height: 199px;
}

.slide_sm {
	width: 478px;
	height: 400px;
	overflow: hidden;
}

.slide_sm ul.ck-slide-wrapper img {
	width: 478px;
	height: 400px;
	vertical-align: middle;
	display: inline-block;
}

#J_user_pic {
	position: relative;
	width: 1190px;
	overflow: hidden;
}

#J_user_pic .prev,#J_user_pic .next {
	width: 18px;
	height: 52px;
	position: absolute;
	top: 40%;
	z-index: 10;
	opacity: 0;
}

#J_user_pic:hover .prev {
	opacity: .8;
}

#J_user_pic:hover .next {
	opacity: .8;
}

#J_user_pic .prev {
	left: 10px;
	background: url(../../img/index_arrow.png) no-repeat 0 0;
}

#J_user_pic .next {
	right: 10px;
	background: url(../../img/index_arrow.png) no-repeat -18px 0;
}

#J_user_pic img {
	display: block;
	width: 590px;
	height: 300px;
}

div#index_dialog {
	border: none;
	border-radius: 0;
}

#index_dialog .dialog-header {
	height: 0;
	line-height: 0;
}

#index_dialog .dialog-title {
	height: 0;
}

#index_dialog .dialog-close {
	display: block;
	margin: 0;
	width: 20px;
	height: 20px;
	z-index: 11111;
	position: absolute;
	top: 42px;
	right: 27px;
	background: url(../../img/activity/activity2018/sep2018/pic_colse.png);
	background-size: 100%;
}

#index_dialog .dialog-content {
	padding: 0;
	background: transparent;
}

.header_right_img {
	background: url("../../img/activity/activity2018/sep2018/pic_colse.png") no-repeat;
	width: 792px;
	height: 58px;
}

.step_cart {
	background-position: 0 0;
}

.step_checkout {
	background-position: 0 -58px;
}

.step_pay {
	background-position: 0 -116px;
}

.step_paid {
	background-position: 0 -174px;
}

.msg_box {
	margin-top: 20px;
}

.header_slide .mother_tip {
	width: 1190px;
	height: 400px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -595px;
}

.header_slide .header_banner .mother_tip img {
	display: block;
	width: 255px;
	height: 180px;
	position: absolute;
	top: 190px;
	left: 880px;
}


.index-qgwd,.index-case,.index-qgdr,.index-brand {
	clear: both;
	float: none;
	padding-top: 60px;
	padding-bottom: 20px;
	display: inline-block;
}

.text{ 
	font-size: 28px; 
	height: 78px;
	color: #333;
	line-height: 26px;
}
.text p{
	margin-bottom: 5px;
}
.text .t2{
	font-size: 12px;
	color: #9a9a9a; text-transform:uppercase;
}
.lm_tit li { width: 158px; }
.slideTxtBox .hd{ height:60px; line-height:38px;}
.slideTxtBox .hd ul{ height:38px; margin: 0 auto; }
.slideTxtBox .hd ul li{color: #333; font-size: 14px; float:left; text-align: center; cursor:pointer;transition:all 0.3s ease-in-out 0s; }
.slideTxtBox .hd ul li.on{color: #fff; height:38px; background: url(../images/hd_bg.png) no-repeat ; background-size: 100%;}


.index-fw { width: 100%;display: inline-block; }
.index-fw .hd { display: inline-block;background: #fff;text-align: center;position: relative;top: -65px; border-radius:3px;box-shadow: #fce2e5 0 0 70px 3px;}
.index-fw .hd li { width:275px; height: 190px; float: left; padding-top: 35px;cursor:pointer;transition:all 0.3s ease-in-out 0s;}

.index-fw .hd li .mypng {
	display: block;
    height: 75px;
    width: 100%;
    text-align: center;
}
.index-fw .hd li .pic1 {
	display:none;
}
.index-fw .hd li .pic2 {
	display:block;
}
.index-fw .hd li .mypng em {
	display: inline-block;
    width: 100%;
    height: 103px;
    background-image: url(../images/tubiao.png);
    background-repeat: no-repeat;
	background-size: 103px;
}

.index-fw .hd .fw01 .pic1 em {
	background-position: center -110px;
}
.index-fw .hd .fw01 .pic2 em {
	background-position: center -17px;
}
.index-fw .hd .fw02 .pic1 em {
	background-position: center -309px;
}
.index-fw .hd .fw02 .pic2 em {
	background-position: center -206px;
}
.index-fw .hd .fw03 .pic1 em {
	background-position: center -515px;
}
.index-fw .hd .fw03 .pic2 em {
	background-position: center -412px;
}
.index-fw .hd .fw04 .pic1 em {
	background-position: center -721px;
}
.index-fw .hd .fw04 .pic2 em {
	background-position: center -618px;
}

.index-fw .hd li h2 {font-size: 22px;margin-top: 15px;}
.index-fw .hd li p {color: #b9b9b9;}
.index-fw .hd li.on {background: url(../images/fwbg.png) no-repeat;    background-size: 100%; position: relative;height: 210px;top: -10px; border-radius: 3px;}
.index-fw .hd li.on .pic1 {display:block;}
.index-fw .hd li.on .pic2 {display:none;}

.index-fw .hd li.on h2,.index-fw .hd li.on p {color: #fff;}
.index-fw .bd { display: inline-block; margin:0 0 30px 0;}
.index-fw .bd dt {margin: 14px auto;}

.index-fw .bd b { font-size: 16px;color: #333; }
.index-fw .bd ul li{ width:20%; float:left;}
.index-fw .bd ul dl { width: 140px; margin:  0 50px;float: left;  }
.index-fw .bd ul dl p {padding-top: 12px;}
.index-fw .more {clear: both; width: 158px; height:38px; margin: 0 auto 120px; background: url(../images/hd_bg.png) no-repeat ;background-size: 100%;}
.index-fw .more a { height: 38;line-height: 38px; color: #fff;font-size:15px; font-weight:bold  }


.index-qgwd {
	width: 100%;
	padding: 60px 0 60px;
	background: url(../images/bj.jpg) no-repeat;
	background-image: url(../images/bj.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.index-qgwd .hd {margin-bottom: 30px;}
.index-qgwd .lm_tit { width:316px; margin: 0 auto;  }
.index-qgwd .bd li {width: 280px;float: left;margin-right:25px;padding-bottom: 24px;background: url(../images/ds_bg.png) no-repeat; background-size: 100%;color:#999; transition:all 0.3s ease-in-out 0s;}
.index-qgwd .bd li .ds_img{border-radius:50%; overflow:hidden; width: 150px;margin: 34px auto 24px; }
.index-qgwd .bd li .ds_img img{ width:150px; height:150px; display:block;border-radius:150px; }
.index-qgwd .bd li .ds_nanme{font-size: 20px;color: #666; font-weight: bold;margin-bottom: 0.5rem;}
.index-qgwd .bd li .ds_tag span,.index-qgwd .bd li .ds_tag p {display: block; color: #999; font-size: 14px;    line-height: 22px;}
.index-qgwd .bd li .ds_num {margin-bottom: 14px;}
.index-qgwd .bd li .dsnum {color:#f68992;}
.index-qgwd .bd li .ds_tag { height: 117px;}
.index-qgwd .bd li .reception {position: absolute;width: 50px;height: 50px;color: #fff;margin: 15px;}
.index-qgwd .bd .botton {    width: 158px;height: 37px;line-height: 37px;font-size: 16px;font-weight: bold; border-radius: 25px;border: 1px solid #d7d7d7;margin: 0 auto;color: #333;}
.index-qgwd .bd li:last-child{margin:0;}
.index-qgwd .bd li img {width: 100%;}
.index-qgwd .bd .hover_ewm {display:none;text-align:center;transition:all 0.3s ease-in-out 0s;}
.index-qgwd .bd .hover_ewm h4 {padding-bottom:5px;}
.index-qgwd .bd li .hover_ewm img {width:150px;}

.index-qgwd .bd li:hover{
	height:447px;
	width:280px;
	background-color: #fce2e5;
	box-shadow: #fce2e5 0 0 70px 3px;
    position: relative;
    top: -10px;
}
.index-qgwd .bd li:hover .ds_tag ,.index-qgwd .bd li:hover .botton ,.index-qgwd .bd li:hover .ds_num {
	display:none;
}
.index-qgwd .bd li:hover .hover_ewm {
	display:block;
}

.index-qgdr .hd {margin-bottom: 30px; }
.index-qgdr .lm_tit { width:316px; margin: 0 auto;  }
.morea {clear: both; width: 158px; height:38px; margin:0px auto 60px; background: url(../images/hd_bg.png) no-repeat ;background-size: 100%;  margin-top:25px;}
.morea a { height: 38;line-height: 38px; color: #fff; font-size:15px; font-weight:bold }

.index-qgdr .bd ul li { width: 390px; height: 165px; margin: 0 5px; float: left; box-shadow: #fce2e5 0 0 30px 3px;text-align:left; }
.index-qgdr .hd ul li.on a{ color:#fff;}
.index-qgdr .bd ul li .dr_img img {
	width:55px;
}
.index-qgdr .bd ul li b {
	display: block;
	font-size: 15px;
    margin-bottom: 3px;
}
.index-qgdr .bd ul li .dr_img {
	border-radius: 50%;
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: 35px 5px 25px 12px;
}
.index-qgdr .bd ul li .dr_center {
	width: 320px;
    padding: 8px;
	font-size: 14px;
	color: #555;
}
.index-qgdr .bd ul li .dr_center dt {
    line-height: 30px; margin-top:19px; margin-bottom:15px;
    color: #fe647c;
    font-size: 16px; height:30px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}




.index-case {margin-bottom: 120px;}
.index-case .container {height: auto;margin-right: auto;margin-left: auto;}
.index-case .container .tt {height: 108px;text-align: center;position: relative;padding-top: 10px;padding-bottom: 35px;}
.index-case .container .tt .en-bg {z-index: 1;font-size: 120px;text-transform: uppercase;line-height: 78px;font-weight: bold;color: #f77668;}

.picMarquee-left{ overflow:hidden; position:relative;  }
.picMarquee-left .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
          cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:235px; height:464px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


.index-brand { width: 100%;background: #f7f7f7; }
.index-brand .hd {margin-bottom: 30px;}

.index-brand .lm_tit { width:632px; margin: 0 auto;  }
.index-brand .slideTxtBox .bd ul{ zoom:1; }
.index-brand .slideTxtBox .bd li{ height:400px; line-height:24px;  }
.index-brand .slideTxtBox .bd li .date{ float:right; color:#999;  }
.index-brand .hd ul li.on a{ color:#fff;}
.index-brand h2 { font-size: 22px; margin: 0 0 25px;}
.index-brand .brandpc { width: 640px; margin-right: 40px; padding-bottom:25px; }
.index-brand .brandpc img{ max-width:100%;}
.index-brand .brandtit { width: 520px; text-align: left; padding-bottom:25px;}
.index-brand .brandtit p { font-size: 14px; margin: 0 0 20px;  color: #999; line-height: 28px;}
#case{ width:1200px; float:left;}
#caselist{width:1200px;
	float:left;
	text-align:center;  position:relative; 
}
#caselist .zzd{ width:1200px; float:left; overflow:hidden; margin-top:35px;}
#caselist ul{ list-style-type:none; }
#caselist UL LI { width:275px; border:#FFE9EB solid 5px; float:left; text-align:center;  margin-right:24px;overflow:hidden;  }
#caselist UL LI dd{ width:100%; float:left; overflow:hidden;height:275px; position:relative;}
#caselist ul li dd img{ width:100%; min-height:275px; transition:all 0.4s ease-in-out 0s;   }
#caselist UL LI .zzc{ width:255px; padding:10px 10px;position:absolute;left:0px; bottom:-5px; z-index:10; transition:all 0.4s ease-in-out 0s; background-color:rgba(245,96,116,0.7); text-align:left;
}
#caselist UL LI dd:hover .zzc{ background-color:rgba(245,96,116,0.9); bottom:0px;}
#caselist UL LI:hover{ border:#F56074 5px solid;}
#caselist UL LI .zzc p{ text-align:center; font-size:14px;  height:50px; line-height:25px; overflow:hidden;}

#caselist UL LI A{
	color:#fff;

}

#caselist UL LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#caselist .prev,#caselist .next {
	width: 38px;
	height:285px; display:block;
	top:0px; position:absolute;
}
#caselist .prev i,#caselist .next i{ line-height:325px; color:#60605E}
#caselist .prev:hover i,#caselist .next:hover i{ color:#F56074}
#caselist .prev {left:-50px;
}
#caselist .next {right:-50px;
}
#lmdf{float:left;width:1200px; text-align:center;  margin-top:5px; margin-bottom:5px; overflow:hidden;}
#lmdf A{ width:140px;
	line-height:38px;	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
	font-size:14px;
	display:inline-block;
	 color:#F56074; background-color:#FFE9EB; margin-left:10px; margin-right:10px;border-radius:38px;
}
#lmdf A:hover{
	color:#fff;
	background-image: url(../images/f_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;
}
#newsb{ width:500px;float:left; }
#newsa{ width:670px;float:right; }
#newsa_1{
	width:500px;
	float:left; overflow:hidden; padding-bottom:25px; text-align:left;

	}
#newsa_1 .tp{ width:175px; height:125px; float:left; overflow:hidden; margin-right:18px;}	
#newsa_1 img{ transition:all 0.4s ease-in-out 0s;width:175px; min-height:125px; display:block;}
#newsa_1 dd{ font-size:16px; font-weight:bold; line-height:30px; height:30px; 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; cursor:pointer;}
#newsa_1 span{ width:125px; height:38px; display:block;
	background-image: url(mor3.png);
	background-repeat: no-repeat;
	background-position: center center; float:right; margin-top:10px;
}
#newsa_1 p{ line-height:25px; color:#666;  font-size:13px; height:75px; overflow:hidden;}
#newsa_1 .time{ color:#999; height:20px; font-size:12px; line-height:20px; overflow:hidden;}
#newsa_1  A{ color:#555;}
#newsa_1  A:hover{
	color:#F56074;

}
#newsa_1:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#news-1{width:670px;
	float:left; text-addgn:left;
}

#news-1 dl{ ddst-style-type:none;   font-size:12px;  }
#news-1 dl dd.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-1 dl dd {
	text-align:left;
	WIDTH:330px;
	float:left;
	font-size:14px; line-height:30px; height:32px; overflow:hidden;
	background-image: url(../images/ico03.gif);
	background-repeat: no-repeat;
	background-position: 5px center;	
}
#news-1 dl dd:nth-of-type(2n){float:right; }
#news-1 dl dd.tj{ background-image:none; font-size:16px; font-weight:bold;}
#news-1 dl dd span{ float:right;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#news-1 dl dd.r{ float:right;}
#news-1 dl dd A { width:240px; float:left;line-height:30px; height:32px;
padding-left:16px;
color:#555;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; 
}
#news-1 dl dd.tj A { padding-left:0px;width:330px;
color:#F56074;
}
#news-1 dl dd A:hover {
	color:#F56074;
}

#morea {float:left;width:1200px; text-align:center;  margin-bottom:25px;  overflow:hidden; margin-top:10px;}
#morea A{ 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:38px;
color: #fff; font-size:15px; font-weight:bold ;
	display:inline-block; width: 158px; height:38px;  background: url(../images/hd_bg.png) no-repeat ;background-size: 100%; 
	
}#linkd{ width:1198px;  line-height:25px; text-align:left; color:#F56074; font-size:14px; border:#F56074 solid 1px; margin-bottom:45px;box-shadow: #fce2e5 0 0 70px 3px;background:}

#linkd .lm{ padding:9px;}
#linkd a{ color:#555; margin-left:6px; margin-right:6px;}