@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: "微软雅黑";color: #000;/*-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/}
ul,li{list-style-type: none;}
img{vertical-align: middle;}
a,a:hover,a:focus{text-decoration: none;}
p{margin: 0;}
.clear:before,.clear:after{display: block;content: " ";}
.clear:after{clear: both;}


.w1280{width: 1280px;margin: auto;}
.head .cell{display: table-cell;width: 1%;}
.head input[type='search']{width: 450px;/*height: 45px;*/padding: 0 10px;font-size: 20px;border: 1px solid #b0b0b0;vertical-align: middle;}
.head input[type='submit']{width: 50px;height: 30px;background: url(../images/search.png)no-repeat center #fff;background-size: auto 80%;border: 1px solid #b0b0b0;vertical-align: middle;}
.menu{background-color: #e5e5e5;border-bottom: 10px solid #000;}
.menu>li{float: left;font-size: 20px; text-align: center;line-height: 45px;position: relative;}
.menu>li>a{color: #000;padding: 0 30px;display: block;font-weight: bold;width: 173px;text-align: center;}
.menu>li.active>a{background-color: #162b61;color: #fff;}
.menu>li>a:hover{background-color: #162b61;color: #fff;}
.menu>li:hover .sub{display: block;}
.menu>li .sub{position: absolute;top: 100%;left: 0;padding: 10px 30px;border-top: 10px solid #000;width: 220px; z-index: 9;background-color: #eaeaea;text-align: left;box-shadow: 0 10px 20px 5px #333;display: none;}
.menu>li .sub li{line-height: 35px;}
.menu>li .sub li a{font-size: 16px; color: #444;}
.menu>li .sub li a:hover{color: #0089ff;}
.banner_box{ margin-top: 20px;}
.banner{ width:820px; float:left;}
.banner img{width: 100%;}
.banner .slick-prev,.banner .slick-next{width: 40px;height: 40px;margin-top: -20px;}
.banner .slick-prev:before,.banner .slick-next:before{font-size: 30px; color: #d2d2d2;font-family: "Glyphicons Halflings";}
.banner .slick-prev{left: 0;}
.banner .slick-next{right: 0;}
.banner .slick-prev::before{content: "\e079";}
.banner .slick-next::before{content: "\e080";}
.banner2{ width:440px; float:right;}
.banner2 img{width: 100%;}
.banner2 .slick-prev,.banner2 .slick-next{width: 40px;height: 40px;margin-top: -20px;}
.banner2 .slick-prev:before,.banner2 .slick-next:before{font-size: 40px; color: #fcf8e3;}
.banner2 .slick-prev{left: 30px;}
.banner2 .slick-next{right: 30px;}
.dh{/*margin-bottom: 80px;*/padding: 20px 20px 30px;}
.dh a{width: 1%;text-align: center;display: table-cell;padding: 20px 0;position: relative;}
.dh a:not(:last-child)::after{content: '';width: 3px;height: 37px;background-color: #000;display: block;position: absolute;top: 50%;right: -1px;margin-top: -18px;}
.dh a img{max-width: 100%;}
.gywm{padding: 0 20px;color: #808080;float: left;width: 70%;font-family: '735';}
.gywm .f1{font-size: 16px;color: #999;-webkit-text-stroke: 0.2mm;}
.gywm .f1::before{content: url(../images/p13.jpg);vertical-align: middle;margin-right: 5px;}
.lj{padding: 0 20px;color: #808080;float: left;width: 190px;margin-left: 100px;}
.lj .f1{font-size: 16px;}
.lj .f2{font-size: 12px;line-height: 20px;color: #808080;}
.lj .f2 a{color: #808080;}
.foot{background-color: #333;font-size: 12px; color: #fff;text-align: center;padding: 8px 0;}
.foot p{margin: 0;}
.pro{padding-top: 50px;}
.pro .protype{float: left; color: #555;background-color: #eaeaea;width: 260px;border-top: 20px solid #000;padding: 10px 0;}
.pro .protype li{position: relative;}
.pro .protype li .caret{position: absolute;left: 25px;top: 0;bottom: 0;margin: auto;}
.pro .protype li .arrow{position: absolute;left: 20px;top: 0;bottom: 0;margin: auto;padding: 0 5px;z-index: 1;}
.pro .protype li .arrow .caret{position: static;}
.pro .protype li .arrow+.bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pro .protype li .arrow+.bg+.text{position: relative;z-index: 1;}
.pro .protype li .arrow:not(.collapsed){color: #fff;}
.pro .protype li .arrow:not(.collapsed)+.bg+.text{color: #fff;}
.pro .protype .l1>li .arrow:not(.collapsed)+.bg{background-color: #62c8ef;}
.pro .protype .l2>li .arrow:not(.collapsed)+.bg{background-color: #4992e2;}
.pro .protype .l3>li .arrow:not(.collapsed)+.bg{background-color: #7d55c7;}
.pro .protype .l1>li{font-size: 20px; font-weight: bold; line-height: 40px; padding: 0 40px;background-color: #62c8ef;color: #fff;margin-bottom: 5px;}
.pro .protype .l2>li{font-size: 18px;line-height: 30px; padding: 0 10px 0 55px;background-color: #4992e2;color: #fff;margin-bottom: 5px;}
.pro .protype .l3>li{font-size: 16px;padding: 0 10px 0 70px;background-color: #7d55c7;color: #fff;margin-bottom: 5px;}
.pro .protype .l4>li{font-size: 14px;padding: 0 10px 0 85px;margin-bottom: 5px;}
.pro .protype .l4>li a{color: #555;}
.pro .protype .l4>li a:hover,.pro .protype .l4>li a.active{color: #0781c7;}
.pro .protype li.collapsed{background-color:inherit;color: inherit;}
.pro .protype li a{color: inherit;}
.pro .prolist{float: left;width: 975px;margin-left: 45px;}
.pro .prolist .box{float: left;width: 307px;margin-left: 18px;margin-bottom: 50px;text-align: center;}
.pro .prolist .box .img{border: 1px solid #cecece;height: 350px;overflow: hidden;margin-bottom: 20px;position: relative;}
.pro .prolist .box .img img{max-width: 100%;display: block;margin: auto;}
.pro .prolist .box .img img.new{position: absolute;top: 0;left: 0;width: 26.4%;}
.pro .prolist .box .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro .prolist .box .title a{font-size: 18px;color: #000;}
.pro .prolist .box .price{font-size: 20px;color: #0376ff;}
.prod{padding: 0 20px;}
.prod .wz{font-size: 16px;color: #3d3d3d;padding: 20px 0;}
.prod .wz a{color: #3d3d3d;}
.prod .lb{float: left;width: 480px;}

/* tsShopContainer */
.MagicZoomBigImageCont *{max-width: none;}
/*#tsShopContainer li,#tsShopContainer img{vertical-align:top;}*/
#tsShopContainer{margin:0px 0px 20px 0px;position:relative;font-size:12px;padding-bottom:5px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;border:2px solid #8b8b8b;height: 549px;}
#tsShopContainer #tsImgS .fdj{position: absolute;bottom: 0;left: 0;width: 100%;text-align: right;font-size: 30px;padding: 0 15px;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;/*height:70px;*/position:relative;margin-top: 25px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{/*position:absolute;top:10px;left:30px;*//*width:1px;*//*height:70px;*/overflow:hidden;margin: auto;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;max-width: none;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:104.625px;padding: 0 14.625px; float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;border:1px solid  #DDD;display:block;width:100%;height: 77px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F00;margin:0px;}


.MagicZoomBigImageCont {
	border:1px solid #91b817;
	background:#FFF;
	max-width: none;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		0px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}


.prod .js{padding-left: 35px;overflow: hidden;}
.prod .js .li{border-bottom: 1px solid #9f9f9f;padding: 10px 5px;}
.prod .js .li .f1{font-size: 25px;color: #000;}
.prod .js .li .f2{font-size: 25px;color: #727272;}
.prod .js .li .f3{font-size: 20px;color: #000;}
.prod .js .li .f3 span{font-size: 14px;color: #232323;}
.prod .js .li .f4{font-size: 20px;color: #000;line-height: 40px;}
.prod .js .li .f4 span{font-size: 20px;color: #111;}
.pro2{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.pro2 .box{float: left;width: 305px;margin-right: 20px;margin-bottom: 50px;text-align: center;}
.pro2 .box:nth-of-type(4n){margin-right: 0;}
.pro2 .box .img{border: 1px solid #cecece;height: 350px;overflow: hidden;margin-bottom: 20px;position: relative;}
.pro2 .box .img img{max-width: 100%;display: block;margin: auto;}
.pro2 .box .img img.new{position: absolute;top: 0;left: 0;width: 26.4%;}
.pro2 .box .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro2 .box .title a{font-size: 18px;color: #000;}
.pro2 .box .price{font-size: 20px;color: #0376ff;}
.newpro{font-size: 40px;color: #fff;line-height: 80px;text-align: center;margin: 15px 0;}
.hotpro{font-size: 40px;color: #fff;line-height: 80px;text-align: center;margin: 15px 0;}

.db{background-color: #f5f5f5;padding: 30px 0;}
.db .w1280{display: flex;}
.db .w1280 .contact{width: 30%;padding: 0 20px;color: #808080;line-height: 1.8;font-family: '735';}
.db .w1280 .contact .f1{font-size: 16px;color: #999;-webkit-text-stroke: 0.2mm;}
.db .w1280 .contact .f2 .email{font-size: 1.2em;}
.db .w1280 .contact .f1::before{content: url(../images/p13.jpg);vertical-align: middle;margin-right: 5px;}


.login{
	width: 480px; height:271px; 
	margin: auto;position: absolute;
	top: 50%;left: 0;right: 0; 
	background:url("../images/loginbg.png") center / contain;
	-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	}
.login .left{display: table-cell;width: 385px;background-color: #b91e22;vertical-align: middle;}
.login .left .txt{padding: 40px 20px 0;}
.login .left .txt .f1{font-size: 14px;color: #fff;}
.login .right{display: table-cell;width: 615px;background-color: #727272;padding: 30px 0;}
.login .right .f1{font-size: 16px;color: #fff; text-align: center;}
.login .right .f2{font-size: 12px;color: #aaa; text-align: center;}
.login .right form{text-align: center;position: relative;}
/*
.login .right form input[type='password']{width: 90%;height: 30px; margin: auto;border-radius: 15px;border: 1px solid #000;font-size: 16px;background-color: #fff;margin: 20px 0;outline: none;}
.login .right form input[type='submit']{width: 35%;height: 30px; margin: auto;background-color: #b91e22;border: none; font-size: 16px;color: #fff;border-radius: 15px;outline: none;margin-bottom: 20px;}
*/

.dai-password{
	border: none;
    display: block;
    margin-top: 135px;
    width: 76.76%;
    margin: 20% auto 0 auto;
    height: 40px;
    line-height: 40px;
    background: none;
		padding: 0 10px;
}
.dai-password:focus-visible {
	outline: none;
}
.dai-submit{
	border: none;
    font-weight: bold;
    width: 30%;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    border-radius: 5px;
    display: block;
    margin: 4.1% auto 0 auto;
	background-color:#182c5d;
	color: #fff;
}

.newpros .title .f1{overflow: hidden;text-align: center;font-size: 24px;color: #000;font-weight: bold;background: #e4e4e4;padding: 5px 0;border-bottom: 5px solid #000;}
.newpros .title .more{float: right;background-color: #fff;font-size: 16px;color: #0376ff;line-height: 34px;margin-top: 5px;}
.newpros .list{padding: 20px;margin-top: 20px;display: flex;}
.newpros .list .item{width: 10%;}
.newpros .list .item:not(:last-child){margin-right: 14px;}
.newpros .list .item .img{width: 100%;}
.newpros .list .item .img img{width: 100%;}
.newpros .list .item .proname{font-size: 12px;color: #162b6d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px;text-align: center;text-transform: uppercase;font-weight: bold;}
.newpros .list .slick-prev, .newpros .list .slick-next{margin-top: -41px;}
.newpros .list .slick-prev:before, .newpros .list .slick-next:before{color: #000;}
.newpros .list .slick-prev{left: 0;}
.newpros .list .slick-next{right: 0;}

.feedback{ position:fixed; right:50px; bottom:0;}
.feedback-content{ width:274px; height:472px; background-image:url("../images/feedbg.png"); color:#5b5b5b; padding:20px; position:fixed; right:50px; bottom:63px;}
.feedback-content input,.feedback-content textarea{ border:none; background-color:#e5e5e5; width:100%;}
.item-name{ margin-top:10px; color:black; font-weight:bold; height:25px; line-height:25px;}
.item-name img{vertical-align: sub; margin-right:10px;}
.feed-input{ padding:10px;}
@font-face {
	font-family: "735";
	src: url("../fonts/735-CAI978.TTF") format("truetype");
	font-weight: normal;
	font-style: normal;
}