@charset "utf-8";
body{margin:0px; padding:0px; background-color:#FFFFFF}
body,tr,td{font-size:14px;color: #545454; line-height:24px; font-family:"微软雅黑";}
form{margin:0px; padding:0px;}
img{border:0px;}
section{width:100%;}
ul,li{list-style:none; margin:0px; padding:0px;}
a:link {color: #545454;text-decoration: none;}
a:visited {color: #545454;text-decoration: none;}
a:hover {color: #E77518;text-decoration: none;}
a:active {color: #545454;text-decoration: none;}
.blank1{height:1px; float:none; clear:both; overflow:hidden;width:100%; }
.blank5{height:5px; float:none; clear:both; overflow:hidden;width:100%; }
.blank10{height:10px; float:none; clear:both; overflow:hidden;width:100%;}
.blank20{height:20px; float:none; clear:both; overflow:hidden;width:100%;}
.blank30{height:30px; float:none; clear:both; overflow:hidden;width:100%;}
.blank40{height:40px; float:none; clear:both; overflow:hidden;width:100%;}
.blank60{height:60px; float:none; clear:both; overflow:hidden;width:100%;}
.blank80{height:80px; float:none; clear:both; overflow:hidden;width:100%;}
.padding10{padding:10px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
a.f12{ color:#888888}
.line{ width:98%;height:1px; overflow:hidden; float:none; clear:both; border-bottom:1px dashed #b09964; margin-top:5px; margin-bottom:5px;}
.sline{ width:98%;height:1px; overflow:hidden; float:none; clear:both; border-bottom:1px solid #dddddd; margin-top:5px; margin-bottom:5px;}
.hui{color:#9C9E9C;}
.on{display:block;}
.off{display:none;}
.w100{width:100%; height:auto; margin-left:auto; margin-right:auto;}
.w1400{width:1400px; height:auto; margin-left:auto; margin-right:auto; }
.w1200{width:1200px; height:auto; margin-left:auto; margin-right:auto; }
.center{margin-left:auto; margin-right:auto; width:1200px; text-align:center}
.red{color:#FF0000;}
.topbg{width:100%; height:120px; border-bottom:1px solid #cccccc}
.topbg ul{margin:auto; width:300px; text-align:center;}
.topbg li{float:left; font-size:18px; height:120px; line-height:120px; margin:0px 10px;}
.topbg .top_left{float:left; height:120px; width:455px; text-align:center; }
.topbg .top_center{float:left; height:120px; width:490px; text-align:center;}
.topbg .top_right{float:left; height:120px; width:455px; text-align:center;}
#h_fenlei{ width:1200px;}
#h_fenlei .flall{float:left; margin:5px 5px;width:290px; height:auto; position:relative; cursor:pointer;}
#h_fenlei .flimg{width:290px; height:290px;border:1px solid #CCCCCC; border-bottom:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#h_fenlei .flnoimg{width:290px; height:290px; line-height:290px; vertical-align:middle;border:1px solid #CCCCCC; border-bottom:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background-color:#E6F2F9; font-size:18px; text-align:center;}
#h_fenlei .flimg img{width:288px;height:288px; display:block;}
#h_fenlei .flname{width:290px; height:40px; line-height:40px; text-align:center; vertical-align:middle; border:1px solid #CCCCCC; border-top:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#h_fenlei .fenlei_text{width:290px; height:290px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8); margin:0px; line-height:230px; vertical-align:middle; text-align:center; color:#FFFFFF; font-size:14px; display:none;}
.readmore{width:253px; height:43px; border:2px solid #000000; display:block; margin:auto; line-height:43px; vertical-align:middle; text-align:center}
.readmore2{width:253px; height:43px; border:2px solid #ffffff; color:#FFFFFF; display:block; margin:auto; line-height:43px; vertical-align:middle; text-align:center}
a.readmore2{color:#FFFFFF;}
.bigtitle{font-size:18px; font-weight:bold}
.main_left{width:553px; height:368px; float:left; margin-right:5px;}
.main_right{width:637px; height:368px; float:left;}
.main_right div{float:left; width:300px; height:180px; overflow:hidden; margin:0px 0px 10px 10px; position:relative;}
.main_right div img{width:300px; height:180px;}
.main_right .main_text{position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.8); margin:0px; height:45px; line-height:45px; width:300px; vertical-align:middle; text-align:center; color:#FFFFFF; font-size:14px;}
.main2_left{width:553px; height:410px; float:right; margin-right:5px;}
.main2_right{width:637px; height:410px; float:left;}
.main2_right div{float:left; width:200px; height:200px; overflow:hidden; margin:0px 0px 10px 10px; position:relative;}
.main2_right div img{width:200px; height:200px;}
.main2_right .main_text{position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.8); margin:0px; height:45px; line-height:45px; width:200px; vertical-align:middle; text-align:center; color:#FFFFFF; font-size:14px;}
.neititle{text-align:center; font-size:32px;}
.neititle2{text-align:center; font-size:32px; color:#FFFFFF}
.bigbox{float:left; margin-right:0px; margin-left:18px; margin-right:8px; margin-bottom:15px; text-align:center}
.pic_border{border:1px solid #E6E6E6; width:200px; margin-bottom:3px; overflow:hidden;}
.pic_box{width:200px; height:200px;overflow:hidden; margin:3px;display:table-cell;vertical-align:middle; text-align:center; background-color:#FFFFFF}
.pic_box img{max-width:200px; max-height:200px;}
.pic_text{text-align:center; width:200px; overflow:hidden;}
.pic_text .price{float:left; color:#FF0000; font-weight:bold;}
.pic_text .addtocart{float:right; font-size:12px; background-color:#222222; padding:0px 10px; color:#FFFFFF; cursor:pointer}
.product_top{width:100%; height:80px; background-color:#255572; line-height:80px; vertical-align:middle; color:#FFFFFF; font-size:30px;}
.nei_nav{width:100%; height:45px; background-color:#FFFFFF; line-height:45px; vertical-align:middle;box-shadow:0px 2px 2px #CCCCCC;}
.nei_nav .nei_nav_left{float:left;}
.nei_nav .nei_nav_right{float:right;}
.nav_links select{border:1px solid #999999; font-size:16px; margin-top:25px; margin-right:20px;}
.floor_cart{width:70px; height:70px; position:fixed; right:10px; top:400px;; z-index:10001}
.floor_cart img{width:70px; height:70px;}
.floor_cart .floor_num{position:absolute; top:10px; right:15px; color:#FFFFFF; font-size:18px}
.news_show_content {
	overflow: hidden;
	padding: 50px 0;
	line-height: 35px;
	color: #555;
	font-size: 13px;
}

.news_show_content ul li {
	float: left;
	width: 218px;
	height: 258px;
	overflow: hidden;
	position: relative;
	margin-left: 25px;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid #eee;
	background-size: cover;
	background-position: center;
}

.news_show_content ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.news_show_content ul {
	width: 1225px;
	height: auto;
	margin-left: -25px;
}
.cart_box{ float:none; clear:both; margin-left:auto; margin-right:auto;}
.cart_box .tr td{ background-color:#F6F6F6; font-weight:bold; height:30px;}
.cart_box .bianhao td div{padding:5px;}
.cart_box .bianhao td .bleft{ float:left;}
.cart_box .bianhao td .bright{ float:right; cursor:pointer;}
.cart_box .bianhao td .bright:hover{ color:#FF0000}
.cart_box td{border:1px solid #C2C2C2; background-color:#FFFFFF}
.cart_box td .cart_img{width:70px;padding:5px; border-right:none; text-align:center}
.cart_box td .cart_img img{ height:70px; width:auto;}
.cart_box td .cart_content{width:585px; float:left; padding:5px; border-right:none; text-align:left}
.cart_box td .cart_content input{ text-align:center;width:50px; border:1px solid #CECECE;}
.cart_box td .cart_del{}
.cart_box td .cart_del img{ width:20px; margin-top:20px;}
.cart_box td .shuliang{width:40px;}
.heji{float:none; clear:both;width: fit-content;width: -webkit-fit-content;width: -moz-fit-content; margin:10px auto 20px auto;}
.other_box{ padding:10px; width:720px;border:1px solid #C2C2C2; margin-left:auto; margin-right:auto; text-align:left}
.order_content{display:none;}
.other_box select{border:1px solid #CECECE;}
.other_box input{width:calc(100% - 10px); border:1px solid #CECECE; padding:5px;}
.other_box textarea{width:100%; height:40px;}
.order_on{display:block}
.submit{background-color:#000000;color:#FFFFFF; height:40px; line-height:40px; text-align:center; font-size:larger; width:720px; margin-left:auto; margin-right:auto;}
.xiaoji{color:#FF0000;}
.container {
	margin: 0 auto;
	position: relative;
}
.container h1{font-family:"微软雅黑"; display:block; margin:30px auto;text-align:center;}
.container h2{text-align: center;}
.sltall{float:left; margin-right:5px; width:92px;}
.slt{width:90px;height:90px;border:1px solid #E6E6E6; float:none; overflow:hidden; margin-bottom:5px;}
.slt img{width:90px; height:90px; border:0px;}
.picbox{width:480px; height:480px; overflow:hidden;border:1px solid #E6E6E6; text-align:center; float:left;}
.picbox img{max-height:480px; max-width:480px;}
.cpleft{float:left; margin-right:20px;}
.cpright{font-size:16px;}
.cpright .c_title{font-weight:bold;font-size:18px;}
.cpright span{font-weight:bold;}
.buy{width:325px; float:left;color:#FFFFFF; height:40px; line-height:40px; text-align:center; font-size:larger;background-color:#000000; cursor:pointer; margin-left:auto; margin-right:auto}
.cp_buy{width:50%;color:#FFFFFF; height:40px; line-height:40px; text-align:center; font-size:larger;background-color:#000000; cursor:pointer; margin-left:auto; margin-right:auto}
.news_nav{width:100%; height:55px; line-height:55px; background-color:#333333; text-align:center}
.news_nav ul{margin:auto; width: -moz-fit-content;width: fit-content;}
.news_nav li{float:left; font-size:18px; margin:0 20px; color:#FFFFFF}
.news_nav li a{color:#FFFFFF;}
.huibg{width:100%; height:auto; background-color:#333333; padding:60px 0px;}
.news_box{width:590px; height:230px; border:1px solid #C8C8C8; margin-right:8px; float:left; position:relative;}
.news_box .news_img{width:200px; height:150px; position:absolute; top:10px; left:10px; border:1px solid #D8D8D8; }
.news_box .news_img img{width:200px; height:150px;}
.news_box .news_content{width:370px; height:150px;position:absolute; top:10px; left:220px; line-height:31px;}
.news_box .news_content a{font-size:14px; color:#333333}
.news_box .news_content .tit{width:280px; overflow:hidden;white-space:nowrap; float:left;}
.news_box .news_content .time{width:50px; float:right; font-size:12px; }
.news_box .news_bottom{position:absolute; width:590px; height:50px; line-height:50px; text-align:center; vertical-align:middle; background-color:#000000; color:#FFFFFF; bottom:0px; left:0px; cursor:pointer}
.zmd{position:relative;}
.zmd .ss{position:absolute; left:0px; top:80px; width:240px; height:37px; text-align:left; padding:0px; margin:0px; line-height:20px; display:none;}
.zmd .city{width:175px; height:26px; line-height:26px; text-indent:10px; padding:0px; border:1px solid #C8C8C8}
.zmd .seabtn{padding:0px; width:50px; height:26px; border:1px solid #C8C8C8;}
.news_ul{width:925px; line-height:32px;}
.news_ul .news_tit{ width:840px; float:left; text-align:left;}
.news_ul .news_time{ width:80px; float:right; text-align:right}
.order_title{width:732px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; padding:5px;border-radius:5px 5px 0px 0px; position:relative; border:1px solid #A8A8A8; margin-bottom:2px;}
.order_title img{ position:absolute; right:10px; top:40%; height:30%; width:auto;}
.home_about{width:100%; height:1206px; background:url(about.jpg); background-position:center center;background-repeat:no-repeat;}
.home_about .home_about_center{width:1250px; height:695px; position:relative; margin:auto;}
.home_about .home_about_center .seka{width:483px; height:483px;position:absolute; bottom:5px; left:5px;display:block}

.type div{width:383px; height:548px; float:left; margin-right:25px; margin-bottom:25px; cursor:pointer;}
.nav .pro .sub{position:absolute; left:-34px; top:101px; width:130px; z-index:10000; display:none;}
.nav .pro .sub div{width:100%; height:50px; line-height:50px; display:block; clear:both; float:none; border-top:1px solid #D9D9D9; background-color:#FFFFFF}
.nav .pro .sub div:hover{background-color:#FFC20A; color:#FFFFFF}
.nav .pro .sub div a{font-size:12px;}
.nav li .search{position:absolute; z-index:10000; margin:0px; padding:0px; width:230px;right:0px; top:70px;line-height:normal}
.nav li .search .ss{ width:170px;}
.nav li .search .submit{ width:55px;}

#demo{overflow:hidden;width: 1180px; height:220px; margin-left:auto; margin-right:auto;overflow:hidden;}
#demo #indemo{float: left;width: 800%;}
#demo #indemo #demo1{float:left}
#demo #indemo #demo1 div,#demo #indemo #demo2 div{float:left; text-align:center; margin-right:10px;}
#demo #indemo #demo1 div img,#demo #indemo #demo2 div img{ width:270px;height:180px;padding:3px;border:1px solid #C3C3C3; margin-right:5px;}

.ueeshop_responsive_case_list{margin:30px 0; overflow:hidden;}
.ueeshop_responsive_case_list .item{overflow:hidden; margin-bottom:35px; border-bottom:1px solid #ddd; padding-bottom:35px;}
.ueeshop_responsive_case_list .item:last-child{margin:0;}
.ueeshop_responsive_case_list .item .img{width:200px; float:left;text-align: center;}
.ueeshop_responsive_case_list .item .img img{max-height:300px; width:198px; height:128px;}
.ueeshop_responsive_case_list .item .info{width:720px; float:left; padding-left:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ueeshop_responsive_case_list .item .info .name{margin-bottom: 10px;}
.ueeshop_responsive_case_list .item .info .name a{font-size:24px; color:#333;}
.ueeshop_responsive_case_list .item .info .desc{text-align:left; overflow:hidden; padding-top:10px; font-size:14px; color:#888; line-height:150%;}

.hnews{width:560px;float:left;}
.hnews .himg{width:308px; height:190px; float:left;}
.hnews .himg img{width:298px; height:190px;}
.hnews .hcontent{ width:232px;float:left; overflow:hidden}
.hnews .hcontent span{display:block; float:none; clear:both;}
.hnews .hcontent .htime{font-size:16px; color:#FF9900;}
.hnews .hcontent .hname{font-size:14px; font-weight:bold;white-space: nowrap}
.hnews .hcontent .htxt{width:232px; height:120px; overflow:hidden;}

.our{ background-color:#222430; height:490px; width:100%; text-align:center;}
.our .about{width:1400px; height:490px; position:relative; background:url(our.jpg); background-position:center center; margin:auto;}
.our .text{width:590px; height:100px; overflow:hidden; position:absolute; left:45px; top:185px; color:#98a0a1; font-size:14px; line-height:30px;}
.our .more{width:140px; height:50px;  position:absolute; left:269px; bottom:128px; color:#98a0a1; display:block;}

.left_title{width:243px; height:34px; border:1px solid #222222; background-color:#222222; overflow:hidden; position:relative;}
.left_title .l_font{ color:#FFFFFF; font-size:14px; font-weight:bold; position:absolute; left:15px; top:4px;}
.left_content{width:243px; border:1px solid #c4c4c4;background-color:#f7f7f7; line-height:24px; font-size:12px; color:#5a5a5a; text-align:left;}
.left_content a{font-size:14px; color:#5a5a5a}

.right_title{ width:945px; height:34px; background-color:#222222; overflow:hidden; position:relative;}
.right_title .r_font{ color:#FFFFFF; font-size:12px; position:absolute; left:15px; top:4px;}
.right_content{font-size:14px; line-height:26px;background-color:#fff; padding:10px; width:925px; color:#5a5a5a; text-align:left;}
.right_content a{font-size:14px; color:#5a5a5a}
.right_content ul,li{list-style:none; padding:0px; margin:0px;}
.right_content img{max-width:925px;}


.news_date{color:#aaa;}
.news_hits{color:#aaa; width:300px; height:25px; float:right; text-align:right; margin:0px 0px 15px 0px;}

.float_img{position:fixed; left:10px; top:25%;}
.float_img img{width:100px; height:auto; display:block; border:1px solid #CCCCCC; margin-bottom:3px;}

.foot {
	width: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	overflow:hidden;
}

.foot_m {
	width: 1200px;
	padding:10px 40px;
	overflow: hidden;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

.final_cnp {
	width: 1200px;
	margin: 0 auto;
	line-height: 50px;
	text-align: left;
}
.final_cnp a{}

.foot_right {
	float: right;
	text-align: left;
}

.foot_right p {
	margin-top: 6px;
	font-size: 12px;
	text-align: center;
}

.foot_link {
	float: left;
}

.foot_link a {
	display: inline-block;
	font-size: 12px;
	float: left;
	width: 100%;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.foot_link b {
	font-size: 14px;
	float: left;
	line-height: 1;
	margin-bottom: 15px;
}

.foot_link a:first-child {
	padding-left: 0;
}

.foot_link ul li {
	width: 132px;
	float: left;
}

.foot_link a:hover {
}

.foot_left {
	float: left;
}

.foot_left .foot_logo {
	width: 240px;
	height: 54px;
}

.foot_logo img {
	display: block;
}

.foot_left .qrcode {
	margin-top: 30px;
}

.foot_left .qrcode img {
	display: block;
	float: left;
	width: 115px;
}

.foot_left .qrcode p {
	display: block;
	float: left;
	width: 150px;
	line-height: 25px;
	margin: 65px 0 0 15px;
}
.foot_right .foot_info {
	float: left;
	width: 200px;
	line-height: 40px;
}
.email{width:223px; height:37px; border:1px solid #cccccc; text-indent:10px;}
.emailsubmit{width:60px; height:37px;border:1px solid #000000; padding:0px; margin:0px; margin-left:5px;}

.p_str_box{text-align:center;}
.p_str{ text-align:center; margin-top:50px; height:33px;display:inline-block;}
.p_str{font-size:14px;}
.p_str select{border:1px solid #D0D0D0; height:33px; line-height:33px; float:left; padding:0px; width:80px; text-indent:10px; margin-left:3px;}
.p_str span{border:1px solid #D0D0D0; height:30px; line-height:30px; display:block; width:80px; float:left; padding:0px; margin:0 3px;}
.p_str span:hover{background-color:#F3F3F3;}

.news .title{float:left; width:700px;}
.news .title a:hover{ color:#FF0000}
.news .time{float:right; width:50px; text-align:right}

.customer_brand_we-love {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

.customer_brand_we-love h1 {
	text-align: center;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size:32px;
}

.customer_brand_we-love .we-love-customer_images-container {
	overflow: auto;
	padding: 1em 1em 5em;
	text-align:center;
	width:1200px;
	margin:auto;
}

.customer_brand_we-love .we-love-customer_images-container>* {
	float: left;
	margin: 0.75em;
	width: calc(18% - (0.75em * 2))
}


.customer_brand_we-love .we-love-customer_images-container .image-card_polaroid {
	background: white;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
	font-family: 'Open Sans', sans-serif;
	transform-origin: 50% 50%;
	width:200px;
	overflow:hidden;
}

.customer_brand_we-love .we-love-customer_images-container .image-card_polaroid:nth-child(odd) {
	transform: rotateZ(2.5deg)
}

.customer_brand_we-love .we-love-customer_images-container .image-card_polaroid:nth-child(odd):hover {
	transform: rotateZ(2.5deg) scale(1.1);
	z-index: 1
}

.customer_brand_we-love .we-love-customer_images-container .image-card_polaroid:nth-child(even) {
	transform: rotateZ(-2.5deg) translate(0, 25px)
}

.customer_brand_we-love .we-love-customer_images-container .image-card_polaroid:nth-child(even):hover {
	transform: rotateZ(-2.5deg) translate(0, 25px) scale(1.1);
	z-index: 1
}


.image-card_text-overlay {
	position: relative;
	overflow: hidden
}

.image-card_text-overlay img {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.image-card_text-overlay p {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	color: white;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	z-index: 1;
	opacity: 0;
	font-size: 1.2em;
	transition: opacity 0.35s ease-in-out;
	text-transform: uppercase;
	font-weight: bolder;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.image-card_text-overlay:hover p {
	opacity: 1
}

.image-card_text-banner {
	position: relative
}

.image-card_text-banner p {
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 100%;
	background: rgba(0,0,0,0.65);
	color: white;
	padding: 0.75em;
	transition: background 0.4s ease-in-out
}

.image-card_text-banner:hover p {
	background: black
}

.image-card_polaroid {
	max-width: 215px;
	padding: 0.5em;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}

.image-card_polaroid::after {
	content: '';
	display: table;
	clear: both
}

.image-card_polaroid .polaroid_image::after {
	content: "";
	display: table;
	clear: both
}

.image-card_polaroid .polaroid_image .polaroid_image_shadow {
	position: relative;
	max-width: 100%;
	float: left
}

.image-card_polaroid .polaroid_image .polaroid_image_shadow::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.35)
}

.image-card_polaroid .polaroid_image .polaroid_image_shadow img {
	float: left;
	max-width: 100%;
	height: auto
}

.image-card_polaroid p {
	text-align: center;
	padding-top: 0.5em
}