@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
	background:#ff99ac;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input,select,textarea{font-family:'Microsoft YaHei';}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;color:#555;}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.txl{text-align:left;}
.txr{text-align:right;}
.txc{text-align:center;}
.imgc{width:100%;display:block;}
.eps{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* ☆ common Class=============================================================*/
.mainwrap{width:1150px;margin:0 auto;position:relative;}
.footer{font-size:0.8rem;text-align:center;line-height:150%;color:#fff;padding:1rem 0;}
/* ☆ 页面模式部分===========================================================*/
.header,.header .themetitle{height:4rem;line-height:4rem;background:#fff;}
.header .themetitle{float:left;}
.header .themetitle .backhome,.header .themetitle .backhome img{display:block;width:4.25rem;height:2rem;float:left;}
.header .themetitle .backhome{margin:1rem 0 0 0;}
.header .themetitle .txt{display:block;float:left;font-size:18px;height:30px;line-height:30px;margin:1rem 0 0 0.5rem;padding:0 0 0 0.5rem;border-left:1px solid #ddd;}
.header .topmenu{font-size:12px;text-align:right;}
.banner{height:420px;background:url(../images/banner.jpg) no-repeat center center;overflow:hidden;}
.goodwrap{width:1128px;height:954px;margin:70px auto 0 auto;position:relative;background:url(../images/goodbg.png) no-repeat center center;}
.goodwrap .gdtitle{width:697px;height:90px;position:absolute;left:50%;top:-50px;margin:0 0 0 -348px;}
.goodwrap .gdtitle1{background:url(../images/good_title_1.png) no-repeat center center;}
.goodwrap .gdtitle2{background:url(../images/good_title_2.png) no-repeat center center;}
.goodwrap .gdtitle3{background:url(../images/good_title_3.png) no-repeat center center;}
.goodwrap .goodlistwrap{width:1000px;margin:0 auto;padding:50px 0 0 0;}
.goodwrap .goodlistwrap .goodmore{display:block;width:300px;height:50px;line-height:50px;text-align:center;border-radius:4px;background:#f25670;color:#fff;margin:10px auto 0 auto;}
.goodwrap .goodlistwrap .goodbox{padding:10px;display:block;}
.goodwrap .goodlistwrap .goodbox .googwrap{width:255px;height:218px;border-radius:12px;background:#ffd4de;margin:0 auto;overflow:hidden;}
.goodwrap .goodlistwrap .goodbox .goodname{font-size:14px;color:#333;text-align:center;margin:10px 0 0 0;}
.telwrap{position:fixed;top:200px;right:10px;z-index:999999999;_position: absolute;_top:250px;width:190px;height:305px;background:url(../images/telbg.png) no-repeat center center;}
.telwrap .rexian{font-size:20px;line-height:150%;text-align:center;padding:20px 0 0 0;color:#f25670;}
.telwrap .qrcode{width:100px;height:100px;margin:10px auto 0 auto;border:2px solid #ff99ac;}
.telwrap .qrcode img{width:100px;}
.telwrap .website{font-size:14px;margin:10px auto 0 auto;text-align:center;color:#f25670;line-height:150%;}
.telh5{display:none;}

[class *= 'col-'] {
    float: left;
}

.col-1{width:8.33333333%;}
.col-2{width:16.66666667%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666667%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666667%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666667%;}
.col-12{width:100%;}

/* 中等屏幕（平板，小于等于 1024px） */
@media screen and (max-width: 1024px) {
.col-md-1 {width:8.33333333%;} 
.col-md-2 {width:16.66666667%;} 
.col-md-3 {width:25%;} 
.col-md-4 {width:33.33333333%;} 
.col-md-5 {width:41.66666667%;} 
.col-md-6 {width:50%;}
.col-md-7 {width:58.33333333%;} 
.col-md-8 {width:66.66666667%;} 
.col-md-9 {width:75%;} 
.col-md-10 {width:83.33333333%;} 
.col-md-11 {width:91.66666667%;} 
.col-md-12 {width:100%;}
.container{width:100%;}
.sm-show{display:block;}
.sm-hide{display:none;}

body{padding:0 0 4rem 0;}
.mainwrap{width:auto;}
.telwrap{display:none}
.header .themetitle{padding:0 0 0 0.5rem;}
.banner{height:14rem;background:url(../images/banner.jpg) no-repeat center center;background-size:auto 14rem;}
.goodwrap{width:auto;height:auto;margin:2rem 1rem 1rem 1rem;background:#fff;box-shadow:-9px -4px 5px 0 rgba(255, 169, 189, 0.28), 1px 4px 10px 0 rgba(255, 40, 90, 0.63);}
.goodwrap .gdtitle{width:17rem;height:2.21rem;position:absolute;left:50%;top:-0.75rem;margin:0 0 0 -8.5rem;}
.goodwrap .gdtitle1,.goodwrap .gdtitle2,.goodwrap .gdtitle3{background-size:17rem 2.21rem;}
.goodwrap .goodlistwrap{width:auto;margin:0 auto;padding:1.5rem 0 1rem 0;}
.goodwrap .goodlistwrap .goodmore{display:block;width:90%;height:2.5rem;line-height:2.5rem;border-radius:0.5rem;font-size:1rem;margin:1rem auto 0 auto;}
.goodwrap .goodlistwrap .goodbox{padding:1rem 0.5rem 0 0.5rem;display:block;}
.goodwrap .goodlistwrap .goodbox .googwrap{width:auto;height:auto;border-radius:1rem;}
.goodwrap .goodlistwrap .goodbox .googwrap img{width:100%;}
.goodwrap .goodlistwrap .goodbox .goodname{font-size:0.8rem;color:#333;margin:0.5rem 0 0 0;line-height:1.2rem;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;word-break: break-all;height:2.3rem;}
.telh5{position:fixed;bottom:1rem;left:50%;display:block;width:20rem;height:3rem;line-height:3rem;text-align:center;background:#f25670;color:#fff;font-size:1.2rem;border-radius:10rem;box-shadow:1px 5px 0px 0 rgba(255,48,91,1), 0 2px 0px 0 rgba(255,48,91,1);transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;margin-left:-10rem;}
.telh5 img{width:1.4rem;vertical-align:sub;}
.telh5:focus,.telh5:active{transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;bottom:0.9;margin-left:-9.9rem;box-shadow:none;}
}
.imgbox{
	width: 773px;
	margin: 0 auto 10px auto;
	text-align: center;
}
.imgbox img {
	width: 100%;
}

/* 小屏幕（手机，小于等于480px） */
@media screen and (max-width:480px){
.col-sm-1 {width:8.33333333%;} 
.col-sm-2 {width:16.66666667%;} 
.col-sm-3 {width:25%;} 
.col-sm-4 {width:33.33333333%;} 
.col-sm-5 {width:41.66666667%;} 
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.33333333%;} 
.col-sm-8 {width:66.66666667%;} 
.col-sm-9 {width:75%;} 
.col-sm-10 {width:83.33333333%;} 
.col-sm-11 {width:91.66666667%;} 
.col-sm-12 {width:100%;}
.sm-show{display:block;}
.sm-hide{display:none;}
.banner{height:8rem;background:url(../images/banner.jpg) no-repeat center center;background-size:auto 8rem;}
}

/* 小屏幕（手机，小于等于 420px） */
@media (max-width: 320px){
.col-xs-1 {width:8.33333333%;} 
.col-xs-2 {width:16.66666667%;} 
.col-xs-3 {width:25%;} 
.col-xs-4 {width:33.33333333%;} 
.col-xs-5 {width:41.66666667%;} 
.col-xs-6 {width:50%;}
.col-xs-7 {width:58.33333333%;} 
.col-xs-8 {width:66.66666667%;} 
.col-xs-9 {width:75%;} 
.col-xs-10 {width:83.33333333%;} 
.col-xs-11 {width:91.66666667%;} 
.col-xs-12 {width:100%;}
.container{width:auto;}
.sm-show{display:block;}
.sm-hide{display:none;}

}