body {
	margin: 0px;
	font-family: System-ui, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #efefef;
	color: #858585;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.clear {
	clear: both;
}

.top {
	background: url(../images/top.jpg) repeat-x;
	width: 100%;
	height: 27px;
}

.topbg {
	background: url(../images/menubg.jpg) repeat-x;
	width: 100%;
	height: 75px;
}

.topbg1 {
	background: url(../images/menubg3.jpg) repeat-x;
	width: 100%;
	height: 428px;
}

.topbg .cc {
	width: 1003px;
	height: 75px;
	margin: auto;
}

/* select */
.pro_select {
	width: 100px;
	height: 21px;
	position: absolute;
	right: 0px;
	top: -24px;
}

.pro_select img {
width: 16px; 
height: 11px;
}

.id img {
width: 11px; 
height: 11px;
} 

#pro_qty,
#a1,
#a2,
#a3 {
	float: left;
	height: 18px;
	width: 80px;
	padding-left: 4px;
	line-height: 24px;
	border-radius: 2px;
	color: #fff;
}


#pro_qty_but,
#b1,
#b2,
#b3 {
	float: left;
	width: 28px;
	cursor: pointer;
}

#qty_items,
#c1,
#c2,
#c3 {
	clear: left;
	width: 82px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: absolute;
	z-index: 80;
	top: 22px;
}

.qty_items_out {
	background-color: #FFFFFF;
	padding-left: 2px;
	cursor: pointer;
	line-height: 18px;
	z-index: 1;
}

.qty_items_out img {
width: 16px; 
height: 11px;
}

.qty_items_over {
	background-color: #f2f2f2;
	padding-left: 2px;
	cursor: pointer;
	line-height: 18px;
	color: #777;
}

.qty_items_over img {
width: 16px; 
height: 11px;
}

a.ss {
	color: #777;
	display: block;
}

a.ss:hover {
	color: #333;
}

.cc .logo {
	width: 323px;
	height: 75px;
	float: left;
	position: relative;
}

.cc .logo1 {
	width: 978px;
	height: 173px;
	float: left;
	position: relative;
}

.cc .menu {
	width: 670px;
	float: left;
	height: 74px;
	margin-left: 10px;
	position: relative;
}

.cc .menu li {
	float: left;
	margin-right: 15px;
}

.menu .li1 a {
	width: 75px;
	height: 44px;
	padding-top: 30px;
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

.menu .li2 a {
	width: 105px;
	height: 44px;
	padding-top: 30px;
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

.menu .li3 a {
	width: 95px;
	height: 44px;
	padding-top: 30px;
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

.menu li a:hover {
	color: #ffa200;
	text-decoration: none;
	background: #171717;
}

.banner {
	background: #FFFFFF;
	width: 100%;
	height: 482px;
}

img {
	border: 0
}

/*     ͼ */
.focus {
	width: 1003px;
	height: 482px;
	position: relative;
	margin: 0 auto;
}

.f426x240 {
	width: 1003px;
	height: 482px;
	overflow: hidden
}

.f426x240 img {
	width: 1003px;
	height: 482px
}

.rslides {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0
}

.word_banner {
	width: 546px;
	height: 400px;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 9999;
}

.word_banners {
	width: 546px;
	height: 300px;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 9999;
}

.dbt {
	font-family:  System-ui, Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: bold;
	color: #25211c;
	letter-spacing: -3px;
	margin: 0 0 0 0;
}

.dbt1 {
	font-family:  System-ui, Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #25211c;
	letter-spacing: -1px;
	margin: 20px 0 0 0;
}

.dbtss {
	font-family:  System-ui, Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #25211c;
	letter-spacing: -3px;
	margin: 20px 0 0 0;
}

.xxs {
	font-family:  System-ui, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
	line-height: 20px;
}

.rslides_nav {
	height: 51px;
	width: 31px;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 50%;
	left: 0;
	opacity: 0.5;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none
}

.rslides_nav:active {
	opacity: 1.0
}

.rslides_nav.next {
	left: auto;
	background-position: -31px -560px;
	right: 0
}

.rslides_tabs {
	margin: 12px auto;
	clear: both;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 450px;
	width: 100px;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 5px
}

.rslides_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url(../images/ii_off.jpg);
	display: inline-block;
	_display: block;
	*display: block;
	width: 8px;
	height: 8px
}

.rslides_tabs .rslides_here a {
	background: url(../images/ii_on.jpg);
}

.bar {
	width: 963px;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	color: #494949;
	margin: auto;
}

.fl {
	width: 963px;
	margin: auto;
}

.fff {
	width: 963px;
	margin: auto;
}

.fl li {
	float: left;
	width: 230px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.fl li a {
	background: #808080;
	color: #fff;
	font-size: 14px;
	padding: 0 5px;
	text-decoration: none;
}

.fl li a:hover {
	background: #171717;
	color: #fff;
	text-decoration: none;
}

.f2 {
	width: 963px;
	margin: auto;
}

.S_L_Top_C {
	position: absolute;
	top: -3px;
	left: 0;
}

.S_L_Top_C ul {
	margin: 0;
}

.S_L_Top_C ul li {
	width: 26px;
	height: 32px;
	float: left;
	text-align: center;
	padding-top: 5px;
	margin-left: 10px;
	cursor: pointer;
	font-size: 14px;
}

.S_L_Top_C ul li a {
	color: #5b5b5b;
	text-decoration: none;
}

.S_L_Top_C ul li.S_L_Top_Con {
	background: url(../images/on.jpg) no-repeat;
	color: #fff;
}

.S_L_Top_C ul li.S_L_Top_Con a {
	color: #fff;
	text-decoration: none;
}

.S_L_Top_C ul li.S_L_Top_Con a:hover {
	color: #fff;
	text-decoration: none;
}

.tabline {
	background: url(../images/tab_line.jpg) bottom repeat-x;
	width: 963px;
	height: 30px;
	position: relative;
}

.tab_cc {
	width: 963px;
	padding: 20px 0;
}
.tab_cc a:hover {
	color: #0066cc;
	text-decoration: underline;
}

.tab_cc li {
	float: left;
	width: 229px;
	padding-left: 10px;
	padding-bottom: 15px;
	border-right: #CCCCCC solid 1px;
}

.footbg {
	background: #d5d5d5;
	border-top: #aeaeae solid 2px;
	width: 100%;
	height: 90px;
}

.footzi {
	font-size: 12px;
	width: 963px;
	margin: auto;
	line-height: 20px;
	margin-top: 12px;
	color: #868686;
}

.footzi a {
	color: #014e8e;
	text-decoration: none;
}

.footzi a:hover {
	color: #014e8e;
	text-decoration: underline;
}

.bar2 {
	width: 983px;
	height: 40px;
	line-height: 40px;
	background: url(../images/line.jpg) bottom no-repeat;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #adadad;
	margin: 20px auto 0 auto;
}

.bar21 {
	width: 983px;
	height: 3px;
	line-height: 40px;
	background: url(../images/line.jpg) bottom no-repeat;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #adadad;
	margin: 20px auto 0 auto;
}

.bar3 {
	width: 983px;
	height: 50px;
	line-height: 50px;
	background: url(../images/line2.jpg) top no-repeat;
	font-size: 18px;
	color: #5d5d5d;
	margin: 20px auto 0 auto;
}

.bar31 {
	width: 983px;
	height: 50px;
	line-height: 50px;
	background: url(../images/line2.jpg) top no-repeat;
	font-size: 18px;
	color: #5d5d5d;
	margin: 260px auto 0 auto;
}

.bar4 {
	width: 983px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #5d5d5d;
	margin: 20px auto 0 auto;
}

.k {
	width: 983px;
	margin: 10px auto 0 auto;
}

.k_s {
	width: 983px;
	margin: 10px auto 0 auto;
}

.text {
	line-height: 20px;
	width: 420px;
	height: 169px;
	float: left;
}

.texts {
	line-height: 20px;
	width: 420px;
	height: 137px;
	float: left;
}

.title {
	font-size: 18px;
	color: #5d5d5d;
	font-weight: 500;
	letter-spacing: -1px;
	font-family:  System-ui, Verdana;
}

.tu_r {
	float: right;
	width: 516px;
	height: 169px;
}

.tu_rs {
	float: right;
	width: 516px;
	height: 137px;
}

.tu_rs1 {
	float: right;
	width: 516px;
	height: 142px;
}

.pro_cc {
	width: 983px;
	margin: 20px auto 0 auto;
}

.pro_cc li {
	float: left;
	width: 327px;
	height: 256px;
	margin-bottom: 30px;
}

.pro_cc li p {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 20px;
	width: 250px;
	height: 130px;
}

.pro_cc li span {
	font-size: 16px;
	color: #156695;
}

.shotlist {
	margin-top: 20px;
}

.shotlist li {
	float: left;
	width: 327px;
	height: 216px;
	margin-bottom: 20px;
}

.d_top {
	margin-top: 10px;
}

.yy {
	font-size: 14px;
	color: #1c5c8a;
}

.xx {
	line-height: 20px;
	padding-bottom: 10px;
}

.p_left {
	float: left;
	width: 710px;
}

.p_left .p_tu {
	float: left;
	width: 291px;
	height: 306px;
}

.p_r {
	float: left;
	width: 368px;
	height: 360px;
	margin-left: 51px;
}

.p_r1 {
	float: left;
	width: 368px;
	height: 320px;
	margin-left: 51px;
}

.p_tus {
	float: left;
	width: 291px;
	height: 306px;
}

.p_rs {
	float: left;
	width: 641px;
	/*height:306px;*/
	height: 150px;
	margin-left: 51px;
}

.xcxc {
	padding: 0;
	margin: 10px 0 10px 0;
	line-height: 20px;
	width: 600px;
	border-top: #bdbdbd solid 1px;
}

.name {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: 300;
	color: #5d5d5d;
	letter-spacing: -3px;
}

.dd {
	list-style-image: url(../images/dian.jpg);
	list-style-position: inside;
}

.dd li {
	height: 15px;
	padding-top: 5px;
}

.price {
	width: 368px;
	height: 42px;
	border-bottom: #d2480e solid 1px;
	border-top: #d2480e solid 1px;
	margin: 15px 0;
	color: #d2480e;
}

.price1 {
	width: 368px;
	height: 54px;
	border-bottom: #d2480e solid 1px;
	border-top: #d2480e solid 1px;
	margin: 15px 0;
	color: #d2480e;
}

.price2 {
	width: 368px;
	height: 62px;
	border-bottom: #d2480e solid 1px;
	border-top: #d2480e solid 1px;
	margin: 15px 0;
	color: #d2480e;
}

.dl {
	width: 368px;
}

.dl .left_tu {
	width: 181px;
	height: 62px;
	float: left;
}

.dl .xz {
	width: 187px;
	float: left;
	line-height: 24px;
}

.but {
	width: 135px;
	height: 26px;
	float: right;
	margin-top: 10px;
}

.but a {
	width: 135px;
	height: 20px;
	padding-top: 6px;
	display: block;
	background: #a6cd3c;
	text-align: center;
	color: #5d5d5d;
	text-decoration: none;
}

.but a:hover {
	background: #171717;
	color: #fff;
	text-decoration: none;
}

.but1 {
	width: 135px;
	height: 26px;
	float: right;
	display: block;
	background: #a6cd3c;
	text-align: center;
	color: #5d5d5d;
	text-decoration: none;
	border: 0;
}

/*.but1 a {
	width:135px;
	height:20px;
	padding-top:6px;
	display:block;
	background:#a6cd3c;
	text-align:center;
	color:#5d5d5d;
	text-decoration:none;
}*/

.but1 a:hover {
	background: #171717;
	color: #fff;
	text-decoration: none;
}

.p_right {
	width: 253px;
	background: #dedede;
	margin-left: 20px;
	float: left;
}

.r_title {
	font-size: 18px;
	color: #5d5d5d;
	margin: 0;
	padding: 0;
	line-height: 30px;
	text-align: center;
}

.pay_list li {
	padding: 10px 0;
	text-align: center;
}

.p_tt {
	font-size: 18px;
	color: #5d5d5d;
}

.r_m {
	margin-top: 10px;
}

.r_m a {
	float: left;
	width: 103px;
	height: 23px;
	display: block;
	color: #ccc;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	background: #666666;
	margin-right: 20px;
}

.r_m a:hover {
	background: #171717;
	color: #fff;
	text-decoration: none;
}

.bd_input {
	background: #FFFFFF;
	border: #d4d4d4 solid 1px;
	font-family:  System-ui, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.zy {
	line-height: 20px;
	margin: 5px 10px;
	padding: 0px;
}

.sss {
	font-family:  System-ui, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.step_l {
	float: left;
	width: 130px;
}

.step_r {
	float: right;
	width: 842px;
	border-left: #ccc solid 1px;
	padding-left: 10px;
}

.s_name {
	font-size: 18px;
	color: #5d5d5d;
	margin-top: 10px;
	padding: 0px;
	line-height: 40px;
	height: 40px;
	border-bottom: #999999 dashed 1px;
	width: 790px;
}

.cplist li {
	float: left;
	margin-bottom: 20px;
}

.cplist li img {
	border: 0;
}

.cplist .lia a {
	display: block;
	width: 200px;
	height: 30px;
	padding: 5px;
	color: #3a3a3a;
	text-decoration: none;
}

.cplist .lib a {
	display: block;
	width: 410px;
	height: 30px;
	padding: 5px;
	color: #3a3a3a;
	text-decoration: none;
}

.cplist li a:hover {
	background: #171717;
	color: #fff;
	text-decoration: none;
}

.fff li {
	float: left;
	width: 230px;
	padding-left: 10px;
}

.d_title {
	padding: 0;
	font-size: 14px;
	color: #0066cc;
	margin: 10px 0 0 0;
}
.d_title a:hover {
	color: #0066cc;
	text-decoration: none;
}


.d_xx {
	padding: 0;
	line-height: 20px;
	width: 169px;
	margin: 0px;
}

/* order */
.part_2 {
	width: 983px;
	margin-left: 262px;
	/* text-align: center; */

}

.part2_c {
        background: #FFFFFF;
	width: 301px;
	margin-left: 5px;
	padding: 0px 0px 5px 0px;
	float: left;
	margin-top: 15px;
	height: 640px;
	border: 1px solid #d2d2d7;
	position: relative;
	padding-top: 25px;
	text-align: center;
}

.part3_c {
	width: 301px;
	margin-left: 5px;
	padding: 0px 0px 5px 0px;
	float: left;
	margin-top: 15px;
	height: 640px;
	border: 1px solid #d2d2d7;
	position: relative;
	padding-top: 25px;
	text-align: center;
}

.part3_c p {
	font-size: 24px;
	color: #000;
	margin: 0 20px;
	text-align: left;
	text-align: center;
}

.part2_c p {
	font-size: 24px;
	color: #000;
	margin: 0 20px;
	text-align: left;
	text-align: center;
}

.part2_c img {
	width: 175px;
	height: 200px;
	margin-top: 20px;
}


.buy {
	background: #008a00;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: auto;
	margin-top: 30px;
	color: #fff;
}

.buy1 {
	background: #d83b01;
	width: 270px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin: auto;
	margin-top: 30px;
	color: #fff;
}

.buy2 {
	background: #0067b8;
	width: 270px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: auto;
	margin-top: 30px;
	color: #fff;
}

.chose {
	font-size: 18px;
	width: 80%;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	color: #0067b8;
}

.wz {
	font-size: 18px;
	margin-top: 40px;
	color: #000;
	text-align: center;
}

.price-value {
	font-size: 34px;
	width: 100%;
	text-align: center;
	color: #000;
	margin-top: 50px;
	font-weight: 500;
}

.ow-clr-orange {
	position: absolute;
	left: -1px;
	top: 0;
	width: 302px;
}

.ow-clr-orange p {
	background: #d83b01;
	padding: 5px 0px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	margin: auto;
	width: 100%;

}

.part_1 {
	width: 1180px;
	height: 500px;
	background-color: #928483;
	background-image: url(../images/banner.jpg);
	background-size: cover;
	float: left;
	position: relative;
}

.part_1 p {
	font-size: 35px;
	color: #fff;
	text-align: center;
}

.zz {
	width: 1180px;
	height: 500px;
	position: absolute;
	background-color: #000000;
	top: 0;
	left: 0;
	opacity: 0.2;
	z-index: 1;
}

.zz2 {
	width: 1180px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}