.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:85px;}
.xiangxia a{display: inline-block;width: 80px;height:80px;border:1px solid white;text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}


.wrapper{ width:100%; min-width:1300px; overflow:hidden;}
.content > .header_bt { padding-top:50px; }
.content .header_bt p {text-align: center;}
.content .header_bt p.title { color: #444;font-size: 26px}
.content .header_bt p.subtitle {color: #c1c1c1; font-size: 14px; line-height: 30px; text-transform:uppercase;}

/*********品牌故事**********/
.content_list { width: 100%; margin: 0px auto; }
.content_list .serviceitem {float: left; width: 33.33%; margin-right: auto;margin-bottom: 0px; margin-top: 40px; transition: all 0.3s ease-out 0s; height: 340px; padding-top:20px;}
.content_list .serviceitem a {display: block;width: 100%; height: 100%}
.content_list .serviceitem a .service_img { display: block; text-align: center; margin: 0 auto; }
.content_list .serviceitem a img {float: none;width: 170px; height: auto;margin: 0 auto}
.content_list .serviceitem div {text-align: center;margin-top: 15px}
.content_list .serviceitem div p.title {color: #595959;font-size: 18px; margin: 0 0 16px; height: 40px;line-height: 40px;transition: all ease-out .2s}
.content_list .serviceitem div p.description { color: #848484;font-size: 13px; line-height: 24px; height: 50px; overflow: hidden; width: 80%; margin: 0 auto;}

.content_list .serviceitem:hover .title { color: #f7b500}
.serviceitem:hover { background-color: #F6F6F6;}

/*********公司简介*********/
.about_box{ background:url(../images/about_bg.jpg) top center no-repeat; min-width:1300px;}
.about_box .description {width: 720px;text-align: left;margin:0 auto;font-size: 14px;color: #fff;line-height:2;overflow: hidden; margin-top:40px;}

a.more{border: 1px solid rgba(247, 181, 0, 0.7);  width: 220px; height: 38px;display: block;margin: 40px auto 50px;line-height: 38px;font-size: 16px;color: #fff;text-indent: 84px;border-radius: 0px;transition: all ease-out .3s;}
a.more:hover:after { width: 222px; }
a.more:after { content: ''; background: #5b0101; height: 40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; width: 0px; margin: -39px 0px 0px -1px; }


/*********产品展示*********/
.product_box{background: rgba(255, 250, 242, 0.7);}
.product_box .header_bt{ width:95%; margin:0 auto;}
.product_box .header_bt p { text-align:left;}


.product_sec{ margin-top:-25px;}
.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 200000em;position: absolute;}
.slideitems li {float: left;}
.slideGroup{ width:95%; margin:0 auto;}
.slideGroup .parHd{text-align: right;}
.slideGroup .parHd ul{float:left;position:absolute;top:-1px; }
.slideGroup .parHd li {text-align: center; font-size:15px;background: #fff; border:1px solid #313131;height:35px;line-height:35px;width: 120px; border-radius:20px;display: inline-table;margin:0px 4px;cursor:pointer;}
.slideGroup .parHd li.on{background:#FC9B00; color:#fff;border:1px solid #FC9B00;}

.slideGroup .parBd{padding: 50px 0px 0px;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev{ display:none; width:40px; height:76px; float:left;  margin-top:90px; background: url(../images/left.png) center center no-repeat rgba(255, 255, 255, 0.4); position:absolute; margin-left:5px; z-index: 99;}
.slideGroup .sNext{display:none;width: 40px; height:76px; float:right; margin-top:-200px; background: url(../images/right.png) center center no-repeat rgba(255, 255, 255, 0.4); margin-right:5px;z-index: 999; position: relative;}
.slideGroup:hover .sPrev{display:block;}
.slideGroup:hover .sNext{display:block;}

.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .swiper-slide{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .swiper-slide img{ max-width:100%;}
.slideGroup .swiper-slide p{ padding:20px 0px;}

.swiper-wrapper{ margin-bottom:50px;}
.swiper-pagination-bullet { width:16px;height:16px;display: inline-block;border-radius: 100%; background:rgba(0, 0, 0, 0); border:2px solid #ddd;opacity: 1;}
.swiper-pagination-bullet-active {border:2px solid #f7b500;}


/*********新闻中心********/
.new_box{background:url(../images/news_bg.jpg); min-width:1300px; margin-top:40px;padding-bottom: 20px;}
.new_box .header_bt { padding-top:70px;padding-bottom:20px;}
.new_list .newstitem { height: 160px; position: relative; overflow:hidden;}
.new_list .news_wrapper {width: 100%;border-bottom: rgba(0,0,0,0.05) 1px solid;}
.new_list .newsbody { width: 690px; text-align: left; padding: 40px 0px; position: relative; margin:0 auto;vertical-align: middle; overflow:hidden;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
	-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);    
}
.new_list .newsbody .date { width: 180px; float: left; font-family: Arial; position: absolute; font-weight: 100; height: 70px; right: auto; }
.new_list .newsbody .md { color: #929292; font-size: 16px; display: block; position: absolute; top: 60px; right: 0px; }
.new_list .newsbody .year { font-size: 60px; color: #AAA; text-align: left; display: block; position: absolute; top: -5px; right: 0px; }
.new_list .newsbody .title { width: 460px; height: 20px; line-height: 20px; font-size: 16px; color: #464646; margin-left: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.new_list .newsbody .description {float: right; width: 460px; height: 42px; line-height: 22px; font-size: 13px; color: #6a6a6a; text-align: left; margin-top: 16px; overflow: hidden; }
.new_list .newstitem:hover .news_wrapper { background: rgba(63, 63, 63, 0.8); }
.new_list .newstitem:hover .md, .new_list .newstitem:hover .year, .new_list .newstitem:hover .description, .new_list .newstitem:hover .title { color: #fff; }
.new_list .newstitem:hover .newsbody { transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); }

.new_box a.more { display: block; margin: 50px auto 100px;border: 1px solid #C3C3C3; color: #818181; }


.contact_box{height: 452px; position:relative; background:rgba(255, 250, 242, 0.7);}

.consec-content{position: absolute;top:100px;left:9%;z-index: 3;width: 425px;}
.consec-content .rf { display: block; float: right;overflow: hidden;}
.consec-content .lf { display: block; float: left;overflow: hidden;}

.consec-content .ad1{ height:40px; padding:16px 30px;} 
.consec-content .ad2{ height:40px; padding:16px 30px;}
.consec-content .ad12{float:left;padding-left:18px;width: 295px;font-size:14px;color:#333;line-height:1.5;}

.sec8_right{display: inline-block;vertical-align: top;width: 56%;float: right; margin-right:2%; margin-top:90px;}
.sec8_right input{ font-size:15px; padding-left:5px;display: inline-block;vertical-align: top;height:50px;color: black;outline: none;border: none;width:30%; margin-right: 1.5%;border-bottom: 1px solid lightgray;background: rgba(255, 250, 242, 0.7);}
.sec8_right input:first-child{margin-left: 0;}
.sec8_right textarea{color:#777;margin-top:19px;padding-left:5px;outline: none;display: block;width:95%;border: none;font-size: 15px;height: 155px;resize: none;border-bottom: 1px solid lightgray;background: rgba(255, 250, 242, 0.7);}
.sec8_right input[type=submit]{margin-top:35px;width: 110px;height: 37px;text-align: center;cursor: pointer;margin-left: 0;font-size: 15px;background: #5b0101;color: white;}

