@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:12px; }
body{font: 12px "Microsoft Yahei,Arial,Verdana";min-width: 1200px;  background-size: cover;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}
.wid1200{ width: 1200px; margin: 0 auto;}
* {    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;box-sizing: border-box;}
.zt{width:100%; float:left;}


.banner{ height:850px; overflow:hidden; background:url(images/banner.jpg) no-repeat center center;}

.nav{width:100%;height:60px;margin:0 auto;background: #dca77c;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.nav ul{height:60px; width:1200px; margin:0 auto;overflow:hidden;}
.nav ul li{float:left;}
.nav ul li a{display:block;height:60px;line-height:60px;color:#fff;padding:0 29px;font-size:17px;}
.nav ul li a:hover{background:#ffffff;color:#b80506;text-decoration:none;font-weight:bold;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.nav ul li.on a{background: #ffffff;color: #b80506;text-decoration:none;font-weight:bold;}
.fixedSubNav {POSITION: fixed; margin-bottom:120px;margin-top:0; Z-INDEX: 1000; TOP: 0px;background:#dca77c;}



.gq{background:#dca77c; padding:80px 0;}
.gq_tittle{ text-align:center;}
.gq_tittle p{font-size:40px; color:#fff;}
.gq_tittle span{font-size: 25px;
    color: #fff;
    text-transform: uppercase;
}
.gy{width:100%; float:left; background:#fff; padding:40px 40px;}
.gy_right{float:left; width:45%;}
.gy_right p{font-size:16px; color:#333; line-height:30px; text-indent:2em;}
.gy_right2{ width:50%; float:right;}
.gy_right2 img{max-height:100%; max-width:100%;}
.cx{background:#fff8f2; padding:80px 0;}
.cx_tittle{ width:100%; float:left; text-align:center;}
.cx_tittle p{font-size:40px; color:#333; margin-bottom:5px;}
.cx_tittle span{font-size:25px; color:#bbafa6; text-transform:uppercase;}

/*促销产品 star*/
.cxcp{ overflow: hidden; width:100%; float:left; margin-top:50px}
.cxcp ul li{width:50%;float: left;padding:10px; box-sizing:border-box;}
.cxcp ul li dt{width:100%; float:left; background:#fff; padding:20px; box-sizing:border-box;}



.Promotional{width:100%; float:left; background:#dca77c; padding:40px;}
.Promotional2{width:49%; float:left; background:#fff; padding:20px;}
.Promotional2 dt{width:45%; float:left;}
.Promotional2 dt img{ max-height:100%; max-width:100%;}
.Promotional2 p{width:50%; float:right;}
.Promotional2 p span.bt{width:100%; float:left; font-size:20px; color:#333;}
.Promotional2 p span.bt2{width:100%; float:left; font-size:14px; color:#999; line-height:25px; margin-top:20px; margin-bottom:20px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;}
.Promotional2 p i.jg1{float:left; font-size:20px; color:#f00; font-weight:bold; font-style:normal;}
.Promotional2 p i.jg2{float:left; font-size:14px; color:#999; font-style:normal; margin-top:5px; margin-left:10px;text-decoration: line-through;}
.Promotional3{width:100%; float:left; padding:30px 20px 30px 20px; box-sizing:border-box; background:#fff;}






.floor1_left{ position: relative; text-align: center;}
.floor1_left{ float:left;     width: 40%;height: 189px;background-color:#ffffff;}
.cxcp ul li:nth-child(even) .floor1_left,.floor1_right{float:right;}
.floor1_left img{ max-width:100%; max-height:100%; position: absolute; top: 0;left: 0; bottom: 0; right: 0; margin: auto;}
.floor1_right{ background-color:#ffffff; width:55%; }
.floor1_right_text,.floor2_bottom_text{ width:100%;margin-top: 10px; margin-bottom:10px;}
.floor1_right_title{ font-size:22px; font-weight:400; border-bottom:1px dashed #dedede; line-height: 30px;margin: 14px 0;padding-bottom: 10px;}
.floor1_right_news{ font-size:14px; font-weight:400; color:#a9a9a9; margin:20px 0 0 0; line-height: 22px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;}
.floor1_time{ margin-top:20px; margin-bottom:30px;line-height:23px;overflow: hidden; }
.floor1_time div{ float:left;  font-size:14px; font-weight:400; color:#726f6f;}
.floor1_time .time_tb{ padding:3px; margin-right:15px;}
.floor1_time  #countdown-timer div { float:left; }
.floor1_time .has{ margin-left:40px; padding:3px;}
.floor1_time .te{ margin-left:5px;}
.floor1_three{ width:100%;  line-height:68px; }
.floor1_price  div{ float:left; font-weight:400;}
.floor1_three_fh{ font-size:25px;color:#cf2a24;}
.floor1_three_size{ font-size:50px; line-height:50px;color:#cf2a24;}
.yh{text-decoration: line-through; font-size:14px; color:#999999; margin-left:10px;}

.floor1_right_title a{font-size:22px;}
.floor1_right_title a:hover{color:#dca77c;}
.subnow{ float:right; background-color:#dca77c; color:white; font-size:16px; width:150px; height:40px; text-align:center; line-height:40px; margin-top:10px;}
.bptj_bg {background: url(images/cx.png) no-repeat;height: 100px;
	width: 44px;position: absolute;
	-webkit-animation:tj 3s linear infinite backwards;
	animation: tj 3s linear infinite backwards;
	-moz-animation: tj 3s linear infinite backwards;
	-ms-animation: tj 3s linear infinite backwards;
	-o-animation: tj 3s linear infinite backwards;cursor: pointer;}
.bptj_bg span {font-size: 14px;font-weight: bold;color: #fff070;text-align: center;float: left;
	width: 100%;margin-top: 38px;}
@keyframes tj{
	0%{top:20px;}
	50%{top:40px;}
	100%{top:20px;}
 }
 @-webkit-keyframes tj{
	0%{top:20px}
	50%{top:40px}
	100%{top:20px}
 }
/*end*/


/*相关*/

.xgcp{background:#dca77c; padding:80px 0;}

.product_list{width:100%; float:left; margin-top:30px;}
.product_list ul li{width:23%; float:left; margin:1%;border: 1px solid #f5f5f5;}
.product_list ul li img{max-height:100%; max-width:100%; }

.product_list ul li p{width:100%; float:left; font-size:16px; color:#fff; line-height:18px; overflow:hidden; background:rgb(220, 167, 124); padding:15px 0 15px 10px; box-sizing:border-box;text-overflow: ellipsis;  white-space: nowrap;}


.product_list ul li:hover p{ font-weight:bold;}


/*特别厂商*/


.tbcs{ background:#fff8f2; padding:80px 0;}

.tbtj_1{width:100%; float:left; margin-top:45px;}
.tbtj_1 ul li{width:33.33%; float:left; padding:1%; box-sizing:border-box;}
.tbtj_1 ul li .da_1{ width:100%; float:left; background:#fff; padding:25px;}
.tbtj_1 ul li .da_1 .tb{width:100%; float:left;}
.tbtj_1 ul li .da_1 .tb img{max-height:100%; max-width:100%;}
.tbtj_1 ul li .da_1 .s_1{width:100%; float:left;}
.tbtj_1 ul li .da_1 .s_1 dt.right_1{width:25%; float:left; height:95px;}
.tbtj_1 ul li .da_1 .s_1 dt.right_1 img{max-height:100%; max-width:100%;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.tbtj_1 ul li .da_1 .s_1 dt.right_1 img:hover{transform: scale(1.1);}
.tbtj_1 ul li .da_1 .s_1 dt.right_2{width:70%; float:right;}
.tbtj_1 ul li .da_1 .s_1 dt.right_2 h1{width:100%; float:left; font-size:18px; margin-bottom:15px; margin-top:15px;    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.tbtj_1 ul li .da_1 .s_1 dt.right_2 p{ float:left; width:100%; font-size:18px; color:#333333;}
.tbtj_1 ul li .da_1 .s_1 dt.right_2 p i{float:left; margin-top:2px; margin-right:10px;}
.tbtj_1 ul li .da_1 .s_1 dt.right_2 p img{max-height:100%; max-width:100%; }
.tbtj_1 ul li .da_1 .s_1 dt.right_2 p span{color:#db0005; font-size:18px; font-weight:bold;}
.tbtj_1 ul li .da_1 .s_2{width:100%; float:left;}
.tbtj_1 ul li .da_1 .s_2 p{font-size:14px; color:#333333; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.tbtj_1 ul li .da_1 .s_3{width:100%; float:left;}
.tbtj_1 ul li .da_1 .s_3 dt{width:33.33%; float:left; padding:10px; box-sizing:border-box; }
.tbtj_1 ul li .da_1 .s_3 dt img{ max-height:100%; max-width:100%; border:1px solid #dcdcdc;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}

.tbtj_1 ul li .da_1 .s_3 dt img:hover{transform: scale(1.1);}

.tbtj_1 ul li .da_1 .s_4{width:100%; float:left;    margin-top: 5px;}
.tbtj_1 ul li .da_1 .s_4 p{font-weight:bold; font-size:14px; color:#d6a764;}






/*新闻*/


.article_left{width:48%; float:left; background:#f4f4f4; margin-top:50px; border:1px solid #f4f4f4;}
.article_left dt{width:100%; float:left; height:340px;}
.article_left img{height:100%; width:100%;object-fit: cover;}
.article_left p{width:100%; float:left; padding:15px; box-sizing: border-box; font-size:16px; color:#333333;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden;}
.article_left span{width:100%; float:left; font-size:14px; color:#7a7a7a; padding:0 15px; box-sizing:border-box; height:42px; line-height:22px; overflow:hidden;}
.article_left i{ float:left; font-size:14px; color:#b5b5b5; font-style:normal; padding:15px; box-sizing:border-box;}
.article_left p:hover{color:#1b88e3;}

.article_right{width:50%; float:right; margin-top:50px;}
.article_right ul li{width:100%; float:left; background:#f4f4f4; padding:10.5px; box-sizing:border-box; margin-bottom:30px;}
.article_right ul li .n_1{width:25%; float:left;}
.article_right ul li .n_1 dt{width:100%; height:120px; float:left;}
.article_right ul li .n_1 img{height:100%;width:100%;object-fit: cover;}
.article_right ul li .n_2{width:75%; float:right;}
.article_right ul li .n_2 p{width:100%; float:left; font-size:16px; color:#333333;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden;padding:0 15px 15px 15px; box-sizing: border-box;}
.article_right ul li .n_2  span{width:100%; float:left; font-size:14px; color:#7a7a7a; padding:0 15px; box-sizing:border-box; height:42px; line-height:22px; overflow:hidden;}
.article_right ul li .n_2  i{ float:left; font-size:14px;  color:#b5b5b5; font-style:normal; padding:15px 15px 0 15px; box-sizing:border-box;}
.article_right ul li .n_2 p:hover{color:#1b88e3;}



/*科普*/

.gqkp{ background:#fff8f2; padding:80px 0;}

.gqkp_nr{width:1200px;background:#dca77c; float:left; margin-top:50px; padding:40px; box-sizing:border-box;}
.gqkp_left{ width:100%; float:left;}
.gqkp_left p{font-size:16px; color:#fff; line-height:35px; text-indent:2em;}
.gqt{width:100%; float:left; margin-top:30px;}
.gqt ul li{width:25%; float:left; padding:10px; box-sizing:border-box;}
.gqt ul li dt{width:100%; float:left;}
.gqt ul li dt img{max-height:100%; max-width:100%;}




/*历史*/

.ls{background:#dca77c; padding:80px 0 30px 0;}

#history{width:1180px;position:relative;margin: 0px auto;/* background: #a006069e; */padding: 10px;/* box-shadow: 2px 6px #00000029; */ margin-top:40px;}
.title{height: 72px;}
.title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
#circle{/* width: 253px; */height: 82px;position:absolute;padding: 0 20px;top:0;/* left: 35px; */border-bottom: 6px solid rgba(255,229, 203, 0.42);
	/* border-radius:95px; */text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;transition:all 0.3s linear;}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
.clock{display:block;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
	background:url(../images/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	border-radius:0;
}
#circle:hover .clock{border-radius:83px;}
.timeyear{color: #ffffff;font-size:18px;line-height: 90px;float: right;padding-left: 10px;}
.timeblock{/* height:28px; *//* margin-top: 10px; */font-size: 30px;/* margin-bottom: 9px; */color: #ffffff;font-weight: bold;float: left;line-height: 73px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{/* width:1180px; */overflow:hidden;background: url(images/vertical.png) repeat-y 104px 2px;padding-top:50px;}
.list{overflow:hidden;position:relative;}
.list li{height:110px;vertical-align:bottom;overflow:hidden;position:relative;}
.liwrap{height:55px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height:55px;width:400px;line-height:55px;/* text-align:right; */}
.liright{position:absolute;top:0;right: 0px;height:55px;width: 1030px;}
.histt{height:35px;line-height:35px;margin-bottom: 6px;}
.hisct{font-size:14px;color: #ffffff;}
.md{font-size:18px;color: #ffffff;}
.year{font-size:12px;color: #ffffff;margin-right:6px;}
.point{width:55px;height:55px;position:absolute;top:0;left: 80px;background:url(images/point.png) no-repeat 0px 18px;overflow:hidden;}
.point b{height:16px;width:16px;background: #fff;display:block;margin:17px 0 0 19px;border-radius:18px;border: 2px solid #9e0100;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	position:absolute;top:0;left:0;}
.thiscur .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
.thiscur .histt a{color:#ffffff;}
.histt a{font-size:24px;color: #ffffff;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;transition:all 0.3s linear;    text-shadow: 1px 1px 0 #650001;}
#arrow{position:fixed;top:50%;right:30px;}
#arrow ul li{display:block;height:20px;width:20px;background:url(images/icons.png) no-repeat 0 0;cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#arrow ul li:active{background-color:#000;}
#arrow ul .arrow_active{background-color:#000;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;	transition:all 0.1s ease-in;}
#arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
#arrow ul .arrowdown{background-position:0px 0px;}








.searchbg{ width:700px; height:40px; overflow:hidden; float:right;margin-top: 30px;margin-right: 30px;}
.search_txt .text{width:474px; height:40px; line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px; line-height:40px; width:100px; background:#f5180c; color:#fff; cursor:pointer; font-size:14px;border: none;}
.search_txt { float:left; width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}

.foot{/* background:#e6e6e6 url(../images/footbg.png) no-repeat center top*/padding-top:30px;/* margin-top:25px;*/}
.foot .footbox{ width:1200px; overflow:hidden; margin:0px auto; padding:15px 0px;}
.foot .footbox p{height:30px;line-height:30px;overflow:hidden;font-size:14px;color: #ffffff;}
.foot .footbox p a{font-size:14px;color: #ffffff;margin: 14px;}
.foot .footbox p a:hover{ color:red;}
