/*首页轮播*/

.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index img{ width: 100%;line-height: 0;}
.banner_index .slideBox .tab img{ width: 100%;}
.banner_index .slideBox .tab ul li:first-child{ display: block;}
.banner_index .slideBox .tab ul li{ display: none;}
.slideBox .btn{ height: 22px; overflow: hidden; position: absolute; left: 47%; bottom: 20px; z-index: 1;}
.slideBox .btn ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .btn ul li{ float: left; position: relative; width: 22px; height: 22px; border: 4px solid rgba(255, 255, 255, 0.5); border-radius: 50%; box-sizing: border-box; margin: 0 8px; cursor: pointer; overflow: hidden;}
.slideBox .btn ul li:after{ content: ""; transition: .3s ease; position: absolute; left: 50%; top: 0; z-index: 1; width: 12px; height: 100%; background: #f9a3cb; visibility: hidden; opacity: 0;}
.slideBox .btn ul li.on:after{ left: 0; visibility: visible; opacity: 1; width: 100%;}

/*标题版本*/

.topictitle{ margin: 0 auto; width: 1000px; position: relative; text-align: center;}
.topictitle h4{ color: #252525; font-size: 61px; font-family: 黑体; position: absolute; z-index: 1; left: 50%; top: 30px; transform: translateX(-50%); font-weight: bold;}
.topictitle p{ font-family: 黑体; letter-spacing: 12px; color: #ececec; font-size: 71px; text-transform: uppercase; font-weight: bold;}

/*关于我们*/

.about{ margin-top: 70px;}
.about .general_size{ margin-top: 80px;}
.about .general_size .text{ position: relative; z-index: 6; background: #fff; padding: 35px 25px 0; display: inline-block; vertical-align: middle; width: 572px; height: 273px; box-shadow: 0px 0 7px 3px #e9e9e9;}
.about .general_size .text p{ font-family: arial; color: #5e5e5e; font-size: 15px; text-indent: 35px; margin-bottom: 10px; line-height: 24px;}
.about .general_size .pic{ margin-left: -105px; display: inline-block; vertical-align: middle; width: 423px;}
.about .general_size .pic img{ width: 546px; height: 350px;}
.about .general_size .pic:hover img{ transform: scale(1.1);}
.about .general_size .more_Btn{ display: block; position: relative; width: 120px; height: 38px; border: 1px solid #ccc; text-align: center; line-height: 38px; overflow: hidden;}
.about .general_size .more_Btn .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #f9a3cb; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.about .general_size .more_Btn .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #f9a3cb transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.about .general_size .more_Btn .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 14px; color: #5e5e5e;}
.about .general_size .more_Btn:hover .i1{ color: #fff;}
.about .general_size .more_Btn:hover .i2{ border-width: 120px 0 0 120px;}
.about .general_size .more_Btn:hover .i3{ border-width: 0 120px 120px 0;}

/*产品中心*/

.products{ margin-top: 70px;}
.products .nr{ padding-top: 100px;}
.products .hd{ text-align: center; margin-bottom: 50px;}
.products .hd ul li{ color: #fff; font-size: 18px; display: inline-block; vertical-align: top; width: 100px; height: 34px; text-align: center;line-height: 34px; margin-right: 40px;}
.products .hd ul li a{ display: block; color: #fff; font-size: 18px;}
.products .hd ul li:first-child{ background: #dfa8ab;}
.products .hd ul li:first-child+li{ background: #a3dddf;}
.products .hd ul li:first-child+li+li{ background: #ded7a1;}
.products .hd ul li:first-child+li+li+li{ background: #bddea5;}
.products .hd ul li:first-child+li+li+li+li{ background: #c9c9e8;}
.products .hd ul li:first-child+li+li+li+li+li{ background: #f9a3cb;}
.products .bdnr ul li{ width: 240px; display: inline-block; vertical-align: top; text-align: center; margin: 0 13px 35px 0;}
.products .bdnr ul li .pic{ width: 240px; height: 240px; overflow: hidden;}
.products .bdnr ul li .pic img{ width: 100%;}
.products .bdnr ul li .txt{ margin-top: 10px; color: #252525; font-size: 16px;}
.products .bdnr ul li:last-child{ margin-right: 0;}
.products .bdnr ul li:hover .txt{ color: #f9a3cb;}
.tab-title .title-item.active{ font-weight: bold;}
.tab-wrap .tab-content .content-item{ display: none;}
.tab-wrap .tab-content .content-item.active{ display: block;}

/*品牌优势*/

.advantage{ background: url(../images/advantagebg.png)no-repeat center; width: 100%; height: 905px; overflow: hidden; padding-top: 120px;}
.advantage .topictitle{ margin-bottom: 90px;}
.advantage .nr ul li dt{ color: #252525; font-size: 26px; line-height: 26px; margin-bottom: 10px;}
.advantage .nr ul li p{ display: inline-block; color: #c1c1c1; font-size: 14px; line-height: 14px; text-transform: uppercase;}
.advantage .nr{ position: relative; height: 529px; overflow: hidden;}
.advantage .nr .left{ float: left; width: 320px;}
.advantage .nr .zb{ position: absolute; left: 320px; top: 95px;}
.advantage .nr .right{ float: right; width: 320px;}
.advantage .nr ul li{ width: 320px;margin-bottom: 60px;}
.advantage .nr .left ul li .title-top{ text-align: right;}
.advantage .nr ul li .title-top p:after{ content: ""; display: block; width: 57px; height: 3px; transition: all .3s ease-in; background: #ec56a4; margin: 5px 0 20px;}
.advantage .nr .left ul li:first-child{ margin: 0 0 60px 70px;}
.advantage .nr ul li dd{ color: #252525; font-size: 14px; line-height: 24x; font-family: 黑体; font-weight: bold;}
.advantage .nr .right ul li:first-child+li{ width: 290px; margin-left: 40px;}
.advantage .nr .right ul li:first-child+li+li{ width: 290px; margin-left: 40px;}
.advantage .nr ul li:hover .title-top p:after{ width: 100px;}

/*发展历程*/

.advancement{ background: url(../images/advancementbg.png)no-repeat center; width: 100%; height: 905px; overflow: hidden; padding-top: 80px;}
.advancement .topictitle{ margin-bottom: 110px;}
.advancement .nr{ position: relative; box-sizing: content-box; width: 1134px; height: 493px; background: url(../images/advancementhr.png)no-repeat center;}
.advancement .nr .process ul li{ display: inline-block; vertical-align: top; width: 125px;}
.advancement .nr .process ul li dt{ font-size: 20px; color: #ec56a4;}
.advancement .nr .process ul li dt{ animation: jump 2s linear infinite;}
.advancement .nr .process ul li dd{ font-size: 14px; color: #575757; line-height: 24px;}
.advancement .nr .process ul .li1{ margin: 365px 0 0 30px;}
.advancement .nr .process ul .li2{ margin: 143px 0 0 0;}
.advancement .nr .process ul .li3{ margin: 343px 0 0 -15px;}
.advancement .nr .process ul .li4{ margin: 36px 0 0 0;}
.advancement .nr .process ul .li5{ margin: 339px 0 0 -13px;}
.advancement .nr .process ul .li6{ margin: 13px 0 0 -5px;}
.advancement .nr .process ul .li7{ margin: 210px 0 0 0;}
.advancement .nr .process ul .li8{ margin: -10px 0 0 0;}

/*品牌服务*/

.service{ margin-top: 100px;}
.service .nr{ padding-top: 70px; font-size: 0;}
.service .nr ul li{ text-align: center; display: inline-block; vertical-align: top; width: 333px; height: 224px; overflow: hidden; background: #f4f4f4;}
.service .nr ul li dt{ line-height: 90px; height: 90px;}
.service .nr ul li dt img{ animation: jump 2s linear infinite;}
.service .nr ul li dd{ margin: 5px 0 20px; font-family: 黑体; font-weight: bold; font-size: 26px; color: #252525; line-height: 26px;}
.service .nr ul li p{ padding: 0 15px; font-size: 16px; color: #666; line-height: 24px;}

/*授权证书*/

.certificate{ margin-top: 100px; background: url(../images/zsbg.jpg)no-repeat center; width: 100%; height: 691px; overflow: hidden; padding-top: 100px;}
.certificate .nr{ position: relative; box-sizing: content-box; padding-top: 100px; height: 281px;}
.certificate .nr .btn{ position: absolute; top: 50%;}
.certificate .nr .next{ right: -100px;}
.certificate .nr .prev{ left: -100px;}
.certificate .nr .bd ul li{ display: inline-block; vertical-align: top; margin-right: 70px; width: 185px; height: 281px; overflow: hidden;}
.certificate .nr .bd ul li img{ width: 100%;}
.certificate .nr .bd{ height: 281px; overflow: hidden;}

/*新闻中心*/

.news{ margin-top: 100px;}
.news .nr{ padding-top: 70px;}
.news .nr .newslist dt{ font-size: 26px; color: #252525; font-family: 黑体; line-height: 26px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.news .nr .newslist dt:before{ content: ""; width: 3px; height: 25px; display: inline-block; vertical-align: top; background: #000;}
.news .nr .newslist p{ position: relative; font-size: 18px; color: #252525; line-height: 20px; font-weight: bold; margin-left: 20px; margin-bottom: 30px;}
.news .nr .newslist{ display: inline-block; vertical-align: top; width: 310px;}
.news .nr .newslist p i{ position: absolute; right: 0; top: -20px; font-size: 16px; font-weight: bold; font-family: 黑体;}
.news .nr .newslist p i img{ vertical-align: baseline;}
.news .nr .newslist:first-child+.newslist{ margin: 0 30px;}
.news .nr .newslist ul li{ font-size: 12px; color: #252525; border-bottom: 1px dashed #a7a7a7; padding-bottom: 5px; height: 26px!important; overflow: hidden; margin-bottom: 5px;}
.news .nr .newslist ul li a{ color: #252525;}
.news .nr .newslist ul li a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; width: 215px;}
.news .nr .newslist ul li a em{ background: url(../images/newicon2.png)no-repeat; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.news .nr .newslist ul li a:hover{ color: #f9a3cb;}
.news .nr .newslist ul li a:hover em{ background: url(../images/newicon2on.png)no-repeat;}
.news .nr .newslist .box{ height: 186px; overflow: hidden;}

/*友情链接*/

.Links{ position: relative; z-index: 22; font-size: 0; margin-top: 30px;}
.Links li{ display: inline-block;vertical-align: top; line-height: 14px; color: #252525; font-size: 14px; margin-right: 20px;}
.Links li:first-child{ font-weight: bold; margin-right: 0;}
.Links li a:hover{ text-decoration: underline;color: #f9a3cb;}

/*合作伙伴*/

.partner{ margin-top: 50px; background: url(../images/hzbg.png)no-repeat center; width: 100%; height: 473px; overflow: hidden; padding-top: 70px;}
.partner .nr{ box-sizing: content-box; padding-top: 100px; height: 83px; overflow: hidden;}
.partner .nr ul li{ display: inline-block; vertical-align: top; margin-right: 30px; width: 177px; height: 83px; overflow: hidden;}
.partner .nr ul li img{ width: 100%;}
.partner .nr ul li:hover img{ transform: scale(1.1);}