/*公用样式*/
.bodydiv_parent{overflow: hidden;}
.bodydiv{ width:1200px; margin:auto; overflow-x:hidden;overflow-y:hidden;}
/*头部*/
.header{width:100%;height: 558px;background:url(https://www.v8th.cn/tpl/default/images/banner_06.jpg)no-repeat center;position: relative;}
.header .bodydiv{max-width:1200px;height:566px;margin: 0 auto;position: relative;overflow: inherit;}
.header .bodydiv .text{width:680px;position: relative;top: 94px;}
.header .bodydiv .text .title{height: 78px;line-height: 78px;}
.header .bodydiv .text .title h1{display:block;width:calc(100% - 204px);padding-left:24px;font-size: 78px;float: left;line-height: 69px;height:78px;color: #fff;font-weight: 600;}
.header .bodydiv .text .title .quick{display: inline-block;width: 180px;float: left;}
.header .bodydiv .text .title .quick .self-help{width: 100%;border: 1px solid #fff;height: 24px;box-sizing: border-box;}
.header .bodydiv .text .title .quick .self-help span{display: block;float: left;width: 50%;line-height: 22px;text-align: center;font-weight: 600;}
.header .bodydiv .text .title .quick .self-help span:first-child{background: #fff;color: #bb0f0f;}
.header .bodydiv .text .title .quick .self-help span:last-child{background: #bb0f0f;color: #fff;}
.header .bodydiv .text .title .quick h3{color: #fff;font-size: 45px;font-weight: 600;height: 54px;line-height: 54px;}
.header .bodydiv .text font{color: #FFFFFF;font-size: 16px;line-height: 30px;display: block;margin-top: 26px;}
.header .bodydiv .click{width: 215px;height: 58px;color: #bb0f0f;text-align: center;line-height: 58px;font-size: 30px;position: relative;top: 121px;display: block;}
.header .service{height: 100px;width: 100%;background: rgba(0,0,0,.4);position: absolute;bottom: 0;}
.header .service .bodydiv{height: 100px;}
.header .service ul{height: 100%;display: flex;justify-content: space-between;}
.header .service li{display: block;padding: 0 0 0 35px;color: #fff;}
.header .service li .img{line-height: 100px;display: inline-block;}
.header .service li img{height: 36px;line-height: 100px;}
.header .service li .row_01{padding-left: 15px;display: inline-block;vertical-align: middle;cursor: pointer;}
.header .service li .row_01 h3{font-size: 20px;margin-bottom: 3px;}
.header .service li .row_01 span{font-size: 14px;}

/*系统介绍*/
.aside{height: 540px;}
.top{width:800px;margin: 0 auto;margin-top: 80px;text-align: center;}
.top h3{font-size: 30px;color: #333;font-weight: unset;margin-bottom: 10px;}
.top font{display: block;font-size: 16px;color: #999;line-height: 28px;}
.aside .content{width: 100%;margin-top: 70px;}
.aside .content li{width: 20%;float: left;text-align: center;}
.aside *{transition: all .4s ease;}
.aside .content li:hover{margin-top: -10px;transition: all .3s;}
.aside .content li .img{height: 80px;}
.aside .content li .title{padding: 20px;}
.aside .content li .title h3{font-size: 17px;color: #333;margin-bottom: 10px;}
.aside .content li .title span{font-size: 14px;color: #666;line-height: 24px;}
/*系统介绍结束*/

/*价格套餐*/
.section{background: #f5f5f5 url(https://www.v8th.cn/tpl/default/images/liucheng_bj.png) top center repeat-y;height: 800px;position: relative;}
.section .bodydiv{overflow: unset;}
.section .content{margin-top: 10px;}
.section .content *{transition: all .4s ease;}
.section .content ul{display: flex;justify-content: space-between;}
.section .content ul li{float: left;}
.section .content ul li .img{height: unset;position: relative;}
.section .content ul li .img:hover{margin-top: -15px;transition: all .3s;}
.section .content ul li .img span{position: absolute;bottom: 30px ;left: 50%;transform: translateX(-50%);font-size: 18px;color: #c92015;}
.section .content ul li .title{position:absolute;top:710px;width: 165px;padding: 0 45px; text-align: center;font-size: 16px;color: #333;cursor: pointer;}
.section .content .section_top font{display:block;text-align: center;font-size: 58px;line-height: 180px;color: #FFFFFF;}
.section .content .section_01 .section_top{width: 160px;height:195px;margin: 0 auto;background: url(https://www.v8th.cn/tpl/default/images/select_t01.png)no-repeat center;position:relative;top:70px;z-index: 9;}
.section .content .section_01 .section_content{width: 300px; height: 595px;background:url(https://www.v8th.cn/tpl/default/images/select_s01.png);z-index:0;}

/*套餐的第一个样式*/
.section .section_01 .section_content font{display: block;width: 240px;margin: 0 auto;border-bottom: 3px solid #ff9966;position: relative;top: 100px;line-height: 70px;text-align: center;font-size: 28px;color:#ff9966;}
.section .section_01 .section_content span{display: block;width: 240px;margin: 0 auto;text-align: left;position: relative;top: 130px;}
.section .section_01 .section_content span p{line-height: 30px;font-size: 18px;color:#ff9966;}

/*套餐的第二个样式*/
.section .content .section_02 .section_top{width: 160px;height:195px;margin: 0 auto;background: url(https://www.v8th.cn/tpl/default/images/select_t02.png)no-repeat center;position:relative;top:70px;z-index: 9;}
.section .content .section_top font{display:block;text-align: center;font-size: 60px;line-height: 180px;color: #FFFFFF;}
.section .content .section_02 .section_content{width: 300px;height: 595px;background:url(https://www.v8th.cn/tpl/default/images/select_s02.png);z-index:0;}
.section .content .section_01 .section_content{width: 300px;height: 595px;background:url(https://www.v8th.cn/tpl/default/images/select_s01.png);z-index:0;}
.section .section_02 .section_content font{display: block;width: 240px;margin: 0 auto;border-bottom: 3px solid #fff1af;position: relative;top: 100px;line-height: 70px;text-align: center;font-size: 28px;color:#fff1af;}
.section .section_02 .section_content span{display: block;width: 240px;margin: 0 auto;text-align: left;position: relative;top: 130px;}
.section .section_02 .section_content span p{line-height: 30px;font-size: 18px;color:#fff1af;}
/*价格套餐结束*/

.contact_box02{ width: 600px; padding: 15px; margin: 30px auto; border: 1px solid #eee; background: #fff;-moz-box-shadow:5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}
.contact_box02 .iteam01{ width: 180px; padding: 10px; color: #fff; background:#bb1316;}
.contact_box02 .iteam01 img{ margin: 0 10px 0 5px; height: 48px;}
.contact_box02 .iteam01 b{ display: block; font-weight: normal; font-size: 20px; letter-spacing: 5px;}
.contact_box02 .iteam01 span{ display: block; font-size: 14px;}
.contact_box02 .iteam02{ width: 385px; font-size: 18px;}
.contact_box02 .iteam02 a{ color: #333;}
.contact_box02 .iteam02 a:hover{ color: #BB1316;}
.contact_box02 .iteam02 td{ padding: 5px 0; color: #333;}
.contact_box02 .iteam02 .td_left{ padding-right: 10px;}
.contact_box02 .iteam02 .qq{}
.contact_box02 .iteam02 .qq img{ height: 25px; margin-top: -2px; margin-right: 5px;}

/*提货卡券定制*/
.card{width: 100%;background:#fff;}
.card h2{display: block;width: 100%;text-align: center;margin-top: 20px;font-size: 40px;line-height: 100px;color: #8d5407;}
.card .content{width: 100%;margin-top: 20px;position: relative;}
.card .content .item{width: 120px;height: 120px;border: 1px solid #d3d3d3;position: relative;text-align: center;border-radius: 50%;margin-right: 34px;float:left;box-sizing: border-box;margin-bottom: 34px;}
.card .content .item:hover{border: 1px solid #bb0f0f;}
.card .content .item:hover span{color: #bb0f0f;}
.card .content .item:hover img{transform: scale(1.2);transition: all 0.6s;}
.card .content .item:nth-child(8n+8){margin-right: 0;}
.card .content .item .row_02{position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);}
.card .content .item img{height: 45px;min-height: 45px;}
.card .content .item span{display: block;font-size: 16px;color: #666;margin-top: 10px;}
.card *{transition: all .4s ease;}
.card .content_box03 li{width: 380px;float: left;margin-right: 30px;margin-bottom: 40px;}
.card .content_box03 li:nth-child(3n+3){margin-right: 0px;}
.card .content_box03 li:hover img{transform: scale(1.2);transition: all 0.6s;}
.card .content_box03 .img{min-height: 240px;max-height: 240px;overflow: hidden;border-radius: 5px;}
.card .content_box03 .title{margin-top:20px;display: flex;justify-content: space-between;}
.card .content_box03 .title h3{font-size: 16px;color: #333;}
.card .content_box03 .title span{font-size: 14px;color: #999;}
.card .content_box03 .more{margin-top: 16px;margin-bottom: 100px;}
.card .content_box03 .more a{display: block;text-align: center;width: 380px;height: 50px;line-height: 50px;border: 1px solid #ddd;color: #666;font-size: 16px;margin: auto;cursor: pointer;}
.card .content_box03 .more a:hover{border: 1px solid #bb0f0f;color: #c83d3d;}

.next01{float: left;width: 30px;height: 30px;position: absolute;left: -50px;top: 150px;cursor: pointer;outline: none;}
.prev01{float: right;width: 30px;height: 30px;position: absolute;right: -50px;top: 150px;cursor: pointer;outline: none;}
/*提货卡券定制结束*/
/*我们的客户*/
.Customer{width: 100%;height: 700px;background: #f0f0f0 url("https://www.v8th.cn/tpl/default/images/customer_bj.png") no-repeat center;}
.Customer h2{display: block;width: 100%;text-align: center;margin-top:20px;font-size: 40px;line-height: 100px;color: #8d5407;}
.Customer .content{margin-top: 35px;}
.Customer .content table{border-collapse: collapse;margin-left: 1px;}
/*.Customer .content *{transition: all .5s ease;}*/
.Customer .content table tr td{width: 235px;height:139px;float: left;box-sizing: border-box; border: 1px solid #e5e5e5;margin-left: -1px;margin-top: -1px;padding: 0px;background: #FFFFFF;}
.Customer .content table tr td .item{width: 100%;height: 100%;}
.Customer .content table tr td .flip{-webkit-transition: -webkit-transform 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: -moz-transform 0.6s;-moz-transform-style: preserve-3d;transition: transform 0.6s;transform-style: preserve-3d;position: relative;width: 100%;height: 100%;}
.Customer .content table tr td .item:hover .flip{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
.Customer .content table tr td .item:hover .flip .front{opacity: 0;filter: alpha(opacity=0);}
.Customer .content table tr td .item:hover .flip .back{opacity: 1;filter: alpha(opacity=100);}
.Customer .content table tr td .front{z-index: 2;width: calc(100% - 28px);padding: 23px 14px;}
.Customer .content table tr td .back{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);opacity: 0;width: 100%;height: 100%;background: #b80000;}
.Customer .content table tr td .back .outer{width: 100%;height: 100%;cursor: pointer;}
.Customer .content table tr td .back .inner{vertical-align: middle;color: #fff;font-size: 14px;line-height: 24px;padding: 10px 10px;width: calc(100% - 20px);display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Customer .content table tr td .front, .Customer .content table tr td .back{-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-ms-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;position: absolute;top: 0;left: 0;}
.Customer .content table tr td a{display: block; box-sizing: border-box;height: 100%;}
.Customer .content table tr td img{width: 100%;}
/*我们的客户结束*/


/*价格套餐结束*/


/*提货资讯*/
.news {width: 100%;background: #fff;}
.news *{transition: all .4s ease;}
.news .content{margin-top: 30px;}
.news .content li{width: 580px;margin-right: 40px;margin-bottom: 28px;float: left;}
.news .content li:hover .title h3{color: #bb0f0f;}
.news .content li:hover .img img{transform: scale(1.2);transition: all 0.6s;}
.news .content li:nth-child(2n+2){margin-right: 0;}
.news .content li .img{width: 180px;float: left;overflow: hidden;border-radius: 5px;}
.news .content li .title{width: calc(100% - 200px);float: left;margin-left: 20px;}
.news .content li .title h3{font-size: 16px;color: #333;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.news .content li .title span{display: block;}
.news .content li .title .abstract{font-size: 14px;color: #666;margin-top: 10px;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.news .content li .title .time{font-size: 12px;color: #999;}
.news .content .more{margin-top: 16px;margin-bottom: 60px;}
.news .content .more a{display: block;text-align: center;width: 380px;height: 50px;line-height: 50px;border: 1px solid #ddd;color: #666;font-size: 16px;margin: auto;cursor: pointer;}
.news .content .more a:hover{border: 1px solid #bb0f0f;color: #c83d3d;}

/*友情链接*/
.link{height: 60px;line-height: 60px;width: 100%;background: #f5f5f5;}
.link h3{display: inline-block;font-size: 14px;color: #333;}
.link a{margin-right: 15px;font-size: 14px;color: #666;cursor: pointer;}