﻿/**
 +------------------------------------------------------------------------------
 * 大卫地板-全局样式
 +------------------------------------------------------------------------------
 * @江苏视宇文化传媒有限公司
 * @全国客服热线：400-666-5906
 +------------------------------------------------------------------------------
 */

/* 导入样式 */
@import url(pintuer.css); /* 拼图框架 */
@import url(animate.min.css); /* CSS3动画 */
@import url(jquery.fullPage.css); /* 翻页JS样式 */

/* 挂载字体 */
@font-face {
    font-family: DeliciousRoman;
    src: url('SourceHanSans.ttf');
}

/* 共用样式 */
html{ height: 100%; font-family: "DeliciousRoman";}
body{ color: #b2b2b2; background-color: #1f2024; height: 100%;}
ul,li,dd,p{ margin: 0; padding: 0;}
ul,li{ list-style: none;}
.fixed{ position: fixed; width: 100%; z-index: 999;}
.wp-layout{ padding: 80px 0 50px 0;}
.b-t-0{ border-top:0 !important;}
.b-b-0{ border-bottom:0 !important;}
.b-b-1{ border-bottom: 1px solid #626262 !important;}
.b-l-1{ border-left: 1px solid #626262 !important;}
.b-r-1{ border-right: 1px solid #626262 !important;}
a:hover{ color: #fdd000;}
.h{ clear: both; height: 30px;}
.hh{ clear: both; height: 15px;}
.clear{clear:both;}
.text-2{text-indent:29px}

/* 滚动条样式 */
body.scrollbar {
    overflow-y: scroll;
}
/* 公用动画 */
.header{-webkit-animation: fadeInRight 1s both;animation: fadeInRight 1s both;-ms-animation: fadeInRight 1s both;}
.footer{-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;-ms-animation: fadeInLeft 1s both;}
.num{border:2px solid #000;width:100%;height:100%;float:left;margin-right:10px;position:relative}
.num .border_top{position:absolute;height:2px;width:0;font-size:0;background:#fdd000;top:0;left:0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.num .border_right{position:absolute;height:0;width:2px;font-size:0;background:#fdd000;bottom:0;right:0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.num .border_bottom{position:absolute;height:2px;width:0;font-size:0;background:#fdd000;right:0;bottom:0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.num .border_left{position:absolute;height:0;width:2px;font-size:0;background:#fdd000;left:0;top:0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.hover .border_bottom,.hover .border_top{width:100%}
.hover .border_left,.hover .border_right{height:100%}

/* 固定头部导航 */
.header{ top:0; height: 80px; line-height: 80px; background-color: #fff; font-size:16px;}
.header .logo,.header .amadi{ height: 80px; background: #000 url(../style/logo.png) center no-repeat;}
.header .logo a{ display: block; width: 100%;}
.header .amadi{ background: #000 url(../style/amadi.png) center no-repeat;}
.header .amadi a{ display: block; width: 100%; height: 100%;}
.header .dingzhi{ text-align: center;}
/*.header .dingzhi a{ color: #fff;}*/
.header ul{ padding: 0 2% 0 0; margin: 0; overflow: hidden;}
.header ul li{ float: left;  width: 20%; list-style: none; overflow: hidden;}
.header ul li a{ display: block; width:100%; text-align: center; color: #000;}
.header ul li.cur a{ color: #d31717;}
.header ul li.cur a:hover{ color: #d31717 !important;}
.header .search{ width: 90%; border: 1px solid #000; height: 30px; margin-top:27px; line-height: normal;}
.header .search .keyword{ width: 80%; height: 30px; line-height: 30px; border: none; color: #fff; padding: 0 10px;background: url(../style/keyword_icon.png) no-repeat;}
.header .search .bt{ float: right; cursor: pointer; width: 30px; height: 30px; background: url(../style/bt_icon.png)  center no-repeat; border: none;}
.header a:hover{ color: #d31717;}

/* 固定尾部 */
.fontfoot .navs{overflow: hidden;}
.fontfoot .navs dl{ float: left; width: 11.625%; overflow: hidden;}
.fontfoot .navs dl.f{ width: 7%;}
.fontfoot .navs dt{ font-size: 18px; color: #fff; padding-bottom: 20px}
.fontfoot .navs dt a{color: #fff;}
.fontfoot .navs dd a{ display: block; line-height: 30px; color: #bfbfbf; font-size: 16px;}
.fontfoot .navs a:hover{ color:#fdd000;}
.fontfoot .qarcode{ padding-top: 50px;}
.fontfoot .qarcode .con{ padding: 0 22px;}
.fontfoot .qarcode span{ display: block; font-size: 16px; color: #fff; padding-top: 10px;}

.footer{ bottom:0; height: 50px; line-height: 50px; background-color: #000; font-size: 12px;}
.footer .ad{ text-indent: 20px;}
.footer .compy{ text-align: center;}
.footer .share{ border-left: 1px solid #1f2020;}
.footer .share dt,.footer .share dd{ float: left; padding: 0;}
.footer .share dt{ padding:0 15px;}
.footer .share dd{ padding-top:15px; position: relative;}
.footer .share dd a{ display: block; height:20px; line-height: 20px; padding:0 15px; border-left: 1px solid #1f2020;}
.footer .share dd a span{ display:block; width: 22px; line-height: 1000px; background-repeat: no-repeat;}
.footer .share dd a span.tmall{ width: 33px; background-image: url("../style/foo_tmall_icon.png")}
.footer .share dd a span.tmall:hover{ background-image: url("../style/foo_tmall_icon_cur.png")}
.footer .share dd a span.qq{ background-image: url("../style/foo_qq_icon.png")}
.footer .share dd a span.qq:hover{ background-image: url("../style/foo_qq_icon_cur.png")}
.footer .share dd a span.wx{ background-image: url("../style/foo_wx_icon.png")}
.footer .share dd a span.wx:hover{ background-image: url("../style/foo_wx_icon_cur.png")}
.footer .share dd a span.wb{ background-image: url("../style/foo_wb_icon.png")}
.footer .share dd a span.wb:hover{ background-image: url("../style/foo_wb_icon_cur.png")}
.footer .share dd.wxs a i{ display: none;}
.footer .share dd.wxs a:hover i{ display: block; position: absolute; right: -15%; bottom:40px;}

/* 主体内容 */
.flex-center{display: flex;justify-content:center;align-items:center;}
.htmltainer{position:relative; padding: 80px 0 50px 0;height: 100%;}
.bodytainer{position:relative;display: flex;justify-content:center;align-items:center;height: 100%;}
.webtainer{position:relative; width: 1200px; height: 90%;}
.bodyfile{position:relative;display: flex;justify-content:center;align-items:center;height: 100%;}
.h1{ font-size: 22px; height: 80px; line-height: 80px; color: #fff; text-transform:capitalize;}
.h1 span{ color: #989898;}
.webBd{ width:90%; height: 600px; margin: 0 auto; overflow: hidden;}
.line{ width: 100%;}
.wp{ width: 1200px; margin: 0 auto;}
.classification{ overflow: hidden;}
.classification ul{ float: right;}
.classification ul li{ float: left; list-style:none;}
.classification ul li a{ display: block; padding:0 15px; border-left:1px solid #7c7d7d; color: #fff;}
.classification ul li.none a{ border-left:none;}
.classification ul li a:hover,.classification ul li.cur a{ color: #fdd000;}
.paging{ width: 100%; clear: both;text-align: center;}
.paging li{ list-style:none; display:inline;}
.paging a{ font-size: 18px; color: #b2b2b2; border:1px solid #44474f; margin:0 5px; padding: 0 10px;}
.paging a:hover{ color: #fdd000;}
.paging li.active a{ background-color:#000; border:1px solid #000;}
.return_class .x4 a{ display: block; padding-left: 70px; line-height: 59px; overflow: hidden; text-transform: capitalize; color: #fff; font-size: 22px; height: 59px; background: url("../style/news_return.png") no-repeat;}
.return_class .x8{ text-align: right; line-height: 59px; overflow: hidden; font-size:13px;}
.return_class .x8 ul{ float: right; height: 52px;}
.return_class .x8 ul li{ float: left; padding: 10px 20px; list-style: none;}
.return_class .x8 ul li a{ display: block; width: 90px; height: 42px;}
.return_class .x8 ul li a.i1{ width: 60px; background: url("../style/i-layout-2_1.png") no-repeat; background-size: auto 100%;}
.return_class .x8 ul li a.i2{ background: url("../style/i-layout-2_2.png") no-repeat; background-size: auto 100%;}
.return_class .x8 ul li a.i3{ width: 50px; background: url("../style/i-layout-2_3.png") no-repeat; background-size: auto 100%;}
.return_class .x8 ul li a.i1:hover{background: url("../style/i-layout-2_1hover.png") no-repeat; background-size: auto 100%;}
.return_class .x8 ul li a.i2:hover{ background: url("../style/i-layout-2_2hover.png") no-repeat; background-size: auto 100%;}
.return_class .x8 ul li a.i3:hover{ background: url("../style/i-layout-2_3hover.png") no-repeat; background-size: auto 100%;}
.return_class .x8 a{ color: #b2b2b2;}
.return_class .x8 a:hover{ color:#fdd222;}
.return_class .x8 span{ padding: 0 5px; color: #b2b2b2;}
.colse a{ float: right; margin-top: 20px; background: url("../style/news_colse.png") center no-repeat; width: 61px; height: 59px;}
.colse a span{ display: none;}

/* 首页 */
.i-layout-1 .scrollBox{ width:90%; height:90%; position:relative;overflow:hidden;zoom:1;}
.i-layout-1 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.i-layout-1 .scrollBox .ohbox{overflow:hidden; position:relative;width:100%;}
.i-layout-1 .scrollBox .piclist li{float:left; display:inline; text-align: center; width: 100%;}
.i-layout-1 .scrollBox .pageBtn{ position: absolute; left: 0; width: 100%; top:50%;}
.i-layout-1 .scrollBox .pageBtn span{ display:block;width:48px;height:32px;position:absolute;top:-40%;cursor:pointer;text-indent:-999em;overflow:hidden; }
.i-layout-1 .scrollBox .pageBtn .prev{left:0px;background:url(../style/i-layout-1_left-0.png) no-repeat;}
.i-layout-1 .scrollBox .pageBtn .next{right:0px;background:url(../style/i-layout-1_right-0.png) no-repeat;}
.i-layout-1 .scrollBox .pageBtn .list{overflow:hidden;zoom:1; padding-top: 320px;}
.i-layout-1 .scrollBox .pageBtn .list li{ display:block;width:22px;height:5px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;background-color: #292a2f;}
.i-layout-1 .scrollBox .pageBtn .list li.on{width:60px;background: #fdd000;}

.i-layout-2 .con{ cursor: pointer; background-color: #000; border: 1px solid #000; margin: 6px; height: 330px;}
.i-layout-2 .con:hover{ border: 1px solid #fdd000;}
.i-layout-2 .con p{ text-align: center; font-size: 18px; color: #fff; padding-top: 25px;}
.i-layout-2 .con:hover p{ color: #fdd000;}
.i-layout-2 .con .pic{ height: 190px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-2 .con .pic:hover{transform: scale(1.1)}
.i-layout-2 .one .pic{ background: url("../style/i-layout-2_1.png") bottom center no-repeat;}
.i-layout-2 .two .pic{ background: url("../style/i-layout-2_2.png") bottom center no-repeat;}
.i-layout-2 .three .pic{ background: url("../style/i-layout-2_3.png") bottom center no-repeat;}
.i-layout-2 .one:hover .pic{opacity:1; background: url("../style/i-layout-2_1hover.png") bottom center no-repeat;}
.i-layout-2 .two:hover .pic{ background: url("../style/i-layout-2_2hover.png") bottom center no-repeat; }
.i-layout-2 .one:hover,.i-layout-2 .three:hover{ border: 1px solid #4fab34;}
.i-layout-2 .three:hover p,.i-layout-2 .one:hover p{ color: #58aa15;}
.i-layout-2 .three:hover .pic{ background: url("../style/i-layout-2_3hover.png") bottom center no-repeat;}
.i-layout-2 .three .num .border_top,.i-layout-2 .three .num .border_right,.i-layout-2 .three .num .border_bottom,
.i-layout-2 .three .num .border_left{background:#58aa15;}

.i-layout-3 .list li.none{ border-top:none;}
.i-layout-3 .list li{ cursor: pointer; padding:20px 0; list-style:none; overflow: hidden; border-top:1px solid #353535;transition: all 0.4s;}
.i-layout-3 .list li .x2{ color: #bbbbbc; border-right: 1px solid #353535;}
.i-layout-3 .list li .x10{ padding-left: 50px;}
.i-layout-3 .list li .dates{ padding-left: 40px;}
.i-layout-3 .list li .date-y{ font-size: 35px;}
.i-layout-3 .list li .date-n{ font-size: 16px;}
.i-layout-3 .list li .classname{ font-size: 16px;}
.i-layout-3 .list li .title{ color: #fff; font-size: 20px;}
.i-layout-3 .list li .title a{ color: #fff;}
.i-layout-3 .list li .brief{ font-size: 14px; color: #6a6a6a; padding-top:15px;}
.i-layout-3 .list li:hover *{ color: #fff !important;}
.i-layout-3 .list li:hover .brief{ color: #fff !important;}
.i-layout-3 .list li:hover .title a{ color: #fdd000 !important;}
.i-layout-3 .list li:hover .x10{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-3 .list li:hover .x10:hover{transform:translate(20px,0); }

.i-layout-4 .list{ overflow: hidden;}
.i-layout-4 .list li.none{ border-top:none;}
.i-layout-4 .list li{ float: left; width: 25%;}
.i-layout-4 .list li .num,.i-layout-4 .list li .con{background-color: #000; width: 97%;}
.i-layout-4 .con{ border: 1px solid #1f2024;}
.i-layout-4 .con:hover{ border: 1px solid #fdd000;}
.i-layout-4 .list li .pic{ width: 100%; height: 310px; overflow: hidden; text-align: center;}
.i-layout-4 .list li .pic img{ width: 100%; height:310px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-4 .list li:hover .pic img{transform: scale(1.2, 1.2)}
.i-layout-4 .list li .title{ padding:22px 0; text-align: center; background-color: #000; text-transform: capitalize;}
.i-layout-4 .list li .title span{ display: block; font-size: 18px; color: #fff;}
.i-layout-4 .list li:hover .title *{color: #fdd000;}

.i-layout-5 .classification ul li{ float: none; padding: 5px 0;}
.i-layout-5 .classification ul li a{ border: none;}
.i-layout-5 .list{ overflow: hidden;}
.i-layout-5 .list li.none{ border-top:none;}
.i-layout-5 .list li{ float: left; width: 20%; padding-top: 40px;}
.i-layout-5 .list li .num,.i-layout-5 .list li .con{background-color: #000; width: 97%;}
.i-layout-5 .con{ border: 1px solid #1f2024;}
.i-layout-5 .con:hover{ border: 1px solid #fdd000;}
.i-layout-5 .list li .pic{ padding:40px 15px 25px; text-align: center;}
.i-layout-5 .list li .pic img{ height: 240px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-5 .list li:hover .pic img{transform: scale(1.2, 1.2)}
.i-layout-5 .list li .title{ padding:22px 0; text-align: center; background-color: #000; text-transform: capitalize;}
.i-layout-5 .list li .title span{ display: block; font-size: 18px; color: #fff;}
.i-layout-5 .list li:hover .title *{color: #fdd000;}

.i-layout-6 .line .x4{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top: 0px;}
.i-layout-6 .line .x4:hover{top: -10px;}
.i-layout-6 .con{ background: #000; margin:10px;-moz-box-shadow:1px 1px 20px #000000; -webkit-box-shadow:1px 1px 20px #000000; box-shadow:1px 1px 20px #000000;padding:10px; overflow: hidden;}
.i-layout-6 .con{ border: 1px solid #000;}
.i-layout-6 .con:hover{ border: 1px solid #fdd000;}
.i-layout-6 .con a,.i-layout-6 .con a span,.i-layout-6 .con a i{ display: block; text-align: center;}
.i-layout-6 .con a span.pic{ padding-top: 85px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size:20% !important;}
.i-layout-6 .con a:hover span.pic{transform: scale(1.2, 1.2)}
.i-layout-6 .icon-yg a span.pic{ background: url("../style/i-layout-6_1.png") center 15px no-repeat;}
.i-layout-6 .icon-yg a:hover span.pic{background: url("../style/i-layout-6_1_cur.png") center 15px no-repeat;}
.i-layout-6 .icon-cg a span.pic{ background: url("../style/i-layout-6_2.png") center 15px no-repeat;}
.i-layout-6 .icon-cg a:hover span.pic{ background: url("../style/i-layout-6_2_cur.png") center 15px no-repeat;}
.i-layout-6 .icon-jg a span.pic{ background: url("../style/i-layout-6_3.png") center 25px no-repeat;}
.i-layout-6 .icon-jg a:hover span.pic{ background: url("../style/i-layout-6_3_cur.png") center 25px no-repeat;}
.i-layout-6 .icon-lt a span.pic{ background: url("../style/i-layout-6_4.png") center 5px no-repeat;}
.i-layout-6 .icon-lt a:hover span.pic{ background: url("../style/i-layout-6_4_cur.png") center 5px no-repeat;}
.i-layout-6 .icon-sg a span.pic{ background: url("../style/i-layout-6_5.png") center 25px no-repeat;}
.i-layout-6 .icon-sg a:hover span.pic{ background: url("../style/i-layout-6_5_cur.png") center 25px no-repeat;}
.i-layout-6 .icon-dd a span.pic{ background: url("../style/i-layout-6_6.png") center 25px no-repeat;}
.i-layout-6 .icon-dd a:hover span.pic{ background: url("../style/i-layout-6_6_cur.png") center 25px no-repeat;}
.i-layout-6 .icon-tpg a span.pic{ background: url("../style/i-layout-6_7.png") center 15px no-repeat;}
.i-layout-6 .icon-tpg a:hover span.pic{ background: url("../style/i-layout-6_7_cur.png") center 15px no-repeat;}
.i-layout-6 .icon-cg2 a span.pic{ background: url("../style/i-layout-6_8.png") center 15px no-repeat;background-size:15% !important;}
.i-layout-6 .icon-cg2 a:hover span.pic{ background: url("../style/i-layout-6_8_cur.png") center 15px no-repeat;background-size:15% !important;}
.i-layout-6 .icon-msm a span.pic{ background: url("../style/i-layout-6_9.png") center 15px no-repeat;background-size:15% !important;}
.i-layout-6 .icon-msm a:hover span.pic{ background: url("../style/i-layout-6_9_cur.png") center 15px no-repeat;background-size:15% !important;}
.i-layout-6 .con a{background-size:20%; padding:5px 0;}
.i-layout-6 .con a span.title{ font-size: 16px;letter-spacing:10px;}
.i-layout-6 .con a i{ font-style: normal; font-size: 10px;}

/* 关于我们 */
.a-layout-1 .bodytainer{ background: url("../style/a-layout-1_bg.png") center top no-repeat; background-size:100% auto;}
.a-layout-1 p{line-height: 30px; font-size: 14px;}
.a-layout-1 p a{ color: #fff;}

.a-layout-2 dl.b{ border-left: 1px solid #626262; border-right: 1px solid #626262;}
.a-layout-2 dl{ margin: 10%; padding:0 10%;}
.a-layout-2 dl a{ color: #fff;}
.a-layout-2 dt{font-size: 34px; color: #fff; text-align:center; font-weight: 400;}
.a-layout-2 dt i{ font-style: normal;}
.a-layout-2 dt span{ font-weight: 400; color: #b2b2b2; font-size: 14px; padding-left:5px;}
.a-layout-2 dd{ padding: 0; font-size: 16px; text-align:center;}

.a-layout-3 li{ padding: 2% 0; cursor: pointer; overflow: hidden;}
.a-layout-3 li a{ color: #b2b2b2;}
.a-layout-3 li:hover *,.a-layout-3 li a:hover{ color:#fdd000;}
.a-layout-3 .logo{ float: left; width:23%;}
.a-layout-3 .logo .pic{ float: left; }
.a-layout-3 .logo .pic img{ height: 90px;}
.a-layout-3 .logo .title{ float: right; width: 150px; font-size:18px; padding: 15px 40px 0 20px;}
.a-layout-3 .logo .title span{ display: block; font-size: 14px;}
.a-layout-3 .intro{ float: right; width: 75%; padding-top: 15px;}
.a-layout-3 .intro p{ padding: 0 5%; font-size: 15px;}
.a-layout-3 li:hover .intro p a,.a-layout-3 .intro p a:hover{ color: #fff !important;}

#timeline{ width:100%;padding-top:50px;overflow:hidden;position:relative;background:url('../style/licbg.png') left 535px repeat-x;}
#dates{ padding-top:30px;overflow:hidden;}
#dates li{float:left;width:94px;height:80px;font-size:16px;text-align:center;}
#dates a{color:#303233;width:94px;height:70px;line-height:90px;display:block;background:url(../style/licbgt1.png) no-repeat center top;}
#dates .selected{font-size:18px;font-weight:bold;background:url(../style/licbgt.png) no-repeat center top; color: #ffd500;}
#issues{height:450px;overflow:hidden;}
#issues li{ width: 1080px; height:450px;list-style:none;float:left;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#timeline #next,#timeline #prev{position:absolute;top:165px;width:32px;height:61px;overflow:hidden;top:40%;}
#timeline #next{right:50%;margin-right:-540px; background: url("../style/scrollBox_right.png") no-repeat;}
#timeline #prev{left:50%;margin-left:-540px; background: url("../style/scrollBox_left.png") no-repeat;}
#next.disabled,#prev.disabled{opacity:0.2;}
#issues li .line{height: 450px;}
#issues li .x7 img{ width: 100%; height: 450px;}
#issues li .x5{ height: 450px; background-color: #000;}
#issues li .con{ padding: 50px; height: 450px; position: relative;}
#issues li .con h3 a{ font-size: 32px; color: #fff;}
#issues li .con h4{ font-size: 16px; color: #fff;}
#issues li .con .p{ padding-top: 50px; height: 200px; color: #fff; overflow: hidden; color: #b2b2b2;}
#issues li .con a.more{ display: none; width: 100px; text-align: center; border: 1px solid #ffd500; color: #ffd500; padding: 10px;}

.a-layout-5 .scrollBox{ position:relative;overflow:hidden;zoom:1;}
.a-layout-5 .scrollBox .x4 img{ width: 100%; height: 206px; padding: 6px 6px 0 0;}
.a-layout-5 .scrollBox .con{ color: #fff; padding:15% 10%;}
.a-layout-5 .scrollBox .con h3{ font-size: 22px;}
.a-layout-5 .scrollBox .con h4{ font-size: 20px; padding: 15px 0 40px;}
.a-layout-5 .scrollBox .con p{ font-size: 16px;}
.a-layout-5 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.a-layout-5 .scrollBox .ohbox{overflow:hidden; position:relative;width:900px;left:97px}
.a-layout-5 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.a-layout-5 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:183px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.a-layout-5 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.a-layout-5 .scrollBox .pageBtn .next{right:0px;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-5 .scrollBox .pageBtn .list{ display: none;}

.a-layout-6 .scrollBox{ position:relative;overflow:hidden;zoom:1;}
/*.a-layout-6 .scrollBox li img{ max-width: 900px; max-height: 470px;}*/
.a-layout-6 .slide li a span{ display: block; position: absolute; bottom: 0; width: 100%; background-color:rgba(0,0,0,0.8); color: #fff; font-size: 16px; text-align: center; line-height: 40px;}
.a-layout-6 .arrows{opacity:0;position:absolute;top:50%;z-index:1000;width:100%}
.a-layout-6 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:200px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.a-layout-6 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.a-layout-6 .scrollBox .pageBtn .next{right:0px;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-6 .scrollBox .pageBtn .list{ display: none;}

.a-layout-7 .scrollBox{ position:relative;overflow:hidden;zoom:1;}
.a-layout-7 .scrollBox .x6 img{ width: 100%; height: 220px; padding: 5px 5px 0 0;}
.a-layout-7 .scrollBox .con{ color: #fff; padding:15% 10%;}
.a-layout-7 .scrollBox .con h3{ font-size: 22px;}
.a-layout-7 .scrollBox .con h4{ font-size: 20px; padding: 15px 0 40px;}
.a-layout-7 .scrollBox .con p{ font-size: 16px;}
.a-layout-7 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.a-layout-7 .scrollBox .ohbox{overflow:hidden; position:relative;width:890px;left:80px}
.a-layout-7 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.a-layout-7 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:200px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.a-layout-7 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.a-layout-7 .scrollBox .pageBtn .next{right:50px;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-7 .scrollBox .pageBtn .list{ display: none;}

.a-layout-8 .line .x3 .pic{ background: #000; margin:5px; padding: 22px; text-align: center;}
.a-layout-8 .line .x3 .pic img{opacity: 0.2;}
.a-layout-8 .line .x3 .pic:hover img{opacity:1;}

.a-layout-9 .line .x4 .con{ height: 410px; background: #000; border:1px solid #000; margin:10px; padding:22px;}
.a-layout-9 .line .x4 .con:hover{ border:1px solid #fdd000;}
.a-layout-9 .line .x4 .con h3{ font-size: 22px; color: #fff; text-align: center; padding:20px 0 22px;}
.a-layout-9 .line .x4 .con h3 a{ color:#fff;}
.a-layout-9 .line .x4 .con p{ font-size: 13px;}
.a-layout-9 .line .x4 .con:hover h3 a{ color:#fdd000;}
.a-layout-9 .line .x4 .con .text-2{ line-height: 30px;}

/* LOGO解读 */
.logojiedu .logo{ height: 120px; padding-top: 30px; overflow: hidden;}
.logojiedu .logo .dwdb{ background: url("../style/logojiedu_1.png") no-repeat;}
.logojiedu .logo .dwamnmm{ background: url("../style/logojiedu_2.png") no-repeat;}
.logojiedu .logo .dwdmdjj{ background: url("../style/logojiedu_3.png") no-repeat;}
.logojiedu .logo a.float-right{  width:79px; height: 59px; background: url("../style/logo_return.png") no-repeat;}
.logojiedu .logo a span{ display: none;}

.logojiedu .pic-list{ border-right: 1px solid #626262;}
.logojiedu .pic-list .pic{ position: relative; width: 320px; height: 200px;}
.logojiedu .pic-list .pic:first-child{ margin-bottom: 40px;}
.logojiedu .pic-list .pic img,.logojiedu .pic-list .title{ position: absolute; width: 100%; height: 100%;}
.logojiedu .pic-list .title{ background: url("../style/logojiedu_pic_bg.png"); color: #b2b2b2;}
.logojiedu .pic-list .title h3,.logojiedu .pic-list .title p{ width: 70%; margin: 0 auto; padding-top: 13%;}
.logojiedu .pic-list .title p{ padding-top:2%;}
.logojiedu .content{ padding-left:9%;}
.logojiedu .content dl{ overflow: hidden; margin-bottom: 54px;}
.logojiedu .dwamnmm .content dl{margin-bottom: 75px;}
.logojiedu .content dl.four,.logojiedu .dwamnmm .content dl.three{ margin-bottom: 0;}
.logojiedu .content dt{ float: left; width: 10%; padding-top: 10px;}
.logojiedu .content dt span{ display: block; width: 72px; height: 52px; line-height: 1000px; overflow: hidden;}
.logojiedu .content dl.one span{ background: url("../style/logojiedu_1_1.png") no-repeat;}
.logojiedu .content dl.one:hover span{ background: url("../style/logojiedu_1_1hover.png") no-repeat;}
.logojiedu .content dl.two span{ background: url("../style/logojiedu_2_1.png") no-repeat;}
.logojiedu .content dl.two:hover span{ background: url("../style/logojiedu_2_1hover.png") no-repeat;}
.logojiedu .content dl.three span{ background: url("../style/logojiedu_3_1.png") no-repeat;}
.logojiedu .content dl.three:hover span{ background: url("../style/logojiedu_3_1hover.png") no-repeat;}
.logojiedu .content dl.four span{ background: url("../style/logojiedu_4_1.png") no-repeat;}
.logojiedu .content dl.four:hover span{ background: url("../style/logojiedu_4_1hover.png") no-repeat;}
.logojiedu .content dd{ float: right; cursor: pointer; width: 85%; padding: 0; color: #989898; font-size: 15px; line-height: 22px;}
.logojiedu .content dd:hover{ color: #fdd000;}

/* 新闻中心 */
#xinwenzhongxin .classification{ height: 80px;}
.news-center .list li.none{ border-top:none;}
.news-center .list li{ padding: 18px 0; list-style:none; overflow: hidden; border-top:1px solid #353535;}
.news-center .list li .x2{ color: #bbbbbc; border-right: 1px solid #353535;}
.news-center .list li .dates{ padding-left: 40px;}
.news-center .list li .date-y{ font-size: 35px;}
.news-center .list li .date-n{ font-size: 16px;}
.news-center .list li .classname{ font-size: 16px;}
.news-center .list li .x10{ padding-left: 50px;}
.news-center .list li .title{ color: #fff; font-size: 20px;}
.news-center .list li .title a{ color: #fff;}
.news-center .list li .title a:hover{ color: #fdd000;}
.news-center .list li .content{ font-size: 14px; color: #6a6a6a; padding-top:15px; line-height:33px}
.news-center .list li:hover *{ color: #fff !important;}
.news-center .list li:hover .brief{ color: #fff !important;}
.news-center .list li:hover .title a{ color: #fdd000 !important;}
.news-center .list li:hover .x10{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news-center .list li:hover .x10:hover{transform:translate(20px,0); }

/* 大卫历程表 */
.licheng{ width: 90%; margin: 0 auto;}
.licheng ul{ color: #b2b2b2;}
.licheng ul li{ list-style: none; padding: 50px 0; border-top: 1px solid #626262;}
.licheng ul li .line{ width: 86%; margin: 0 auto;}
.licheng ul li .date-y{ font-size: 40px;}
.licheng ul li .date-y span{ font-size: 15px; padding-left: 5px;}
.licheng ul li .title{ font-size: 16px;}
.licheng ul li .x9{ padding-top: 30px;font-size: 16px;}

/* 产品&案例 */
#product{ background-color: #000;}
.product{width: 100%; height: 100%; background-color: #1f2024;}
.class_nav{ height: 100%;}
.class_nav .box{ float: left; width: 11.11111111%; height: 100%;transition: all 1s;overflow: hidden;}
.class_nav dl{ float: right; border-left: 1px solid #27282c; padding-right: 10px; width: 100%; height: 100%; cursor:pointer;overflow: hidden;}
.class_nav dl.hover{ border: none;}
.class_nav dl:hover{ background: #000;}
.class_nav dt{padding:20px 0 10px; overflow: hidden;}
.class_nav dd{ padding: 7px 10px; font-size: 16px; overflow: hidden;}
.class_nav dt span.n{ display: none; float: left; font-size: 35px; padding: 0 15px; color: #fdd100;}
.class_nav dt span.t{ float: right; padding: 6px; color: #fff; font-size: 16px; border-bottom: 2px solid #1f2024;}
.class_nav dl:hover dt span.n{ display: block;}
.class_nav dl:hover dt span.t{ border-bottom: 2px solid #fdd100;}
.class_nav dd span{ display: block; text-align: right; height:18px; line-height: 20px; overflow: hidden;}
.class_nav dd span.n{ display: none;}
.class_nav dd span.t{  color: #b2b2b2; font-size: 14px;}
.class_nav dd:hover{ background: #fdd100;}
.class_nav dd:hover span.n{ display: block; color: #000;}
.class_nav dd:hover span.t{ display: block; color: #000;}
.class_nav:hover .box{ width:10%;}
.class_nav .box:hover{ width:20%;}
.class_nav .box:hover dl{ width: 90%; padding: 0 5%;}
tr.firstRow{ width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
tr.firstRow td{ padding:3px 5px; border-left: 1px solid #ccc; text-align: center; font-size: 11px; border-bottom: 1px solid #ccc;}
tr.firstRow td:first-child{ text-align: left;}

/* 产品内容 */
#productshow .scrollBox{ width:96%; height: 600px; padding-top:50px;position:relative;overflow:hidden;zoom:1;}
#productshow .scrollBox .tempWrap{ height: 100%;}
#productshow .scrollBox .piclist li .flex-center { height: 500px;}
#productshow .scrollBox .piclist{ overflow:hidden; zoom:1; height: 100%;}
#productshow .scrollBox .ohbox{overflow:hidden; position:relative;width:100%; height: 100%;}
#productshow .scrollBox .piclist li{float:left; display:inline; text-align: center; width: 100%; height: 100%; overflow: hidden;}
#productshow .scrollBox .piclist li img{ width: 100%; height: 100%;}
#productshow .scrollBox .pageBtn{ position: absolute; left: 0; width: 100%; bottom:3%;}
#productshow .scrollBox .pageBtn span{ display:none;}
#productshow .scrollBox .pageBtn .list{overflow:hidden;zoom:1; padding-top: 320px;}
#productshow .scrollBox .pageBtn .list li{ display:block;width:22px;height:5px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;background-color: #292a2f;}
#productshow .scrollBox .pageBtn .list li.on{width:60px;background: #fdd000;}
#productshow .ptext{ clear: both; padding-left:40px; padding-top: 20px;}
#productshow .ptext h3{ clear: both; font-size: 22px; color: #fff;}
#productshow .ptext h4{ font-size: 18px; color: #a3a3a3;}
#productshow .ptext .q8{ padding: 10px 0;}
#productshow .ptext ul{ padding: 20px 0; overflow: hidden;}
#productshow .ptext li{ padding: 5px 0;}
#productshow .ptext .pas{ overflow: hidden; color: #747474; font-size: 18px; font-weight: 400;}
#productshow .ptext .pas .title{ display:block; height:40px; line-height:40px; text-align:center; font-weight: 400; padding: 0 10px; overflow: hidden;}
#productshow .ptext .pas a{ color: #fff;}
#productshow .ptext .pas .pic{ padding: 8px 0;}
#productshow .ptext .more{ display: block; background-color: #000; width: 100%; line-height: 50px; color: #fff; text-align: center; font-size: 16px; margin-top: 10px;}

/* 经销商专区 */
.j-layout-1 .con{ width: 80%; padding-bottom: 20%;}
.j-layout-1 .date{ font-size: 22px; padding: 8% 0;}
.j-layout-1 .date span{ display: block; font-size: 18px; color: #fff;}
.j-layout-1 .title span{ display:block; width:6px; height:6px;border-radius: 20px; background:#fff;border:2px solid #fff;}
.j-layout-1 .title a{ display: block; padding: 8% 0; font-size: 22px; color: #fff;}
.j-layout-1 .intro{ font-size: 18px;}
.j-layout-1 .con:hover .title a{ color: #fdd000;}
.j-layout-1 .con{}
.j-layout-1 .con:hover .intro{transform:translate(0,20px);  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.j-layout-2 .boxscroll{ width: 96%; position: relative; height: 400px;}
.j-layout-2 .dt,.j-layout-2 .dd{ background: #000; padding: 0 5%; margin-bottom: 5px;}
.j-layout-2 .dt{width: 96%; height:100px; font-size: 20px; font-weight: 400; padding: 50px 0 0 90px;}
.j-layout-2 .one{ background:#000 url("../style/logojiedu_1_1.png") 25px 22px no-repeat;}
.j-layout-2 .two{ background:#000 url("../style/logojiedu_2_1.png") 25px 22px no-repeat;}
.j-layout-2 .one:hover{ background:#000 url("../style/logojiedu_1_1hover.png") 25px 22px no-repeat;}
.j-layout-2 .two:hover{ background:#000 url("../style/logojiedu_2_1hover.png") 25px 22px no-repeat;}
.j-layout-2 .one:hover a,.j-layout-2 .two:hover a{ color: #fdd000 !important;}
.j-layout-2 .dates{ font-size: 26px; padding: 8% 0;}
.j-layout-2 .dates span{ display: block; font-size: 16px; color: #fff;}
.j-layout-2 .title a{ display: block; padding: 3% 0 1%; font-size:18px; color: #fff;}
.j-layout-2 .intro{ font-size: 14px; color: #636363;}
.j-layout-2 .dd:hover .dates { color: #fff !important;}
.j-layout-2 .dd:hover .x9 a{ color: #fdd000 !important;}
.j-layout-2 .dd:hover .x9{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.j-layout-2 .dd:hover .x9:hover{transform:translate(20px,0); }


/* 工程案例 */
#anli .list li{float: left; width: 24.1%; height: 238px;/ padding: 0 0.8%;}
#anli .list a{ display: block; width:96%; color: #989898;}
#anli .list a img{ width: 100%;}
#anli .list a:hover{color: #fff;}
#anli .list .title{ padding:15px 0 25px;}
#anli .list .title span{display: block; padding-bottom: 10px; font-size: 16px;}

/* 加盟中心 */
.btjiameng{ display: none; height: 65%; position: absolute; top:20%; left:20%; z-index: 9999; background-color: #0d0d0d; width: 60%;  padding:22px 0;}
.btjiameng .stitle{ text-align: center;}
.btjiameng .content{ width: 80%; margin: 0 auto; padding-top: 20px;}
.btjiameng .content input,.btjiameng .content select{ display: block; font-size: 14px; padding: 10px 20px; margin-bottom: 10px; width:100%; color: #fff; border: 1px solid #717171; background-color: #000;}
.btjiameng .content select{ width: 98%;}
.btjiameng .content a.bt{ display: block; background-color: #000; width: 200px; margin: 20px auto 0; line-height: 40px; font-size: 20px; text-align: center;}
.btjiameng .content a.bt:hover{ color: #fff;}
.btjiameng a.close{ position: absolute; top:-20px; right: -20px !important; width: 50px; text-align: center; font-size: 40px; height: 50px; line-height: 50px; background-color: #ff0000;border-radius:50px; color: #fff;}
.btjiameng a.close:hover{ color: #fff;}
.btjiameng .content .x12{ position: relative;}
.btjiameng .content .x12 span.msg-box{ position: absolute; right:200px; top:5px;}


.z-layout_1 .scrollBox{ position:relative;overflow:hidden;zoom:1;}
.z-layout_1 .scrollBox .x7{}
.z-layout_1 .scrollBox .x7 img{ width: 100%; height: 375px;}
.z-layout_1 .scrollBox .x5{ background: #000; height: 375px; overflow: hidden;}
.z-layout_1 .scrollBox .con{ color: #fff; padding:15% 10%; height: 375px; position: relative;}
.z-layout_1 .scrollBox .con h3{ font-size: 22px;}
.z-layout_1 .scrollBox .con h3 a{ color: #fff;}
.z-layout_1 .scrollBox .con h4{ font-size: 20px; padding: 15px 0 40px;}
.z-layout_1 .scrollBox .con p{ font-size: 16px;}
.z-layout_1 .scrollBox .con a.more{ position: absolute; bottom:22px; display:block; width:100px; text-align:center; padding:5px 0; border:1px solid #fdd000; color:#fdd000;}
.z-layout_1 .scrollBox .con a.more:hover{ background-color:#fdd000; color:#000;visibility: visible;
    animation-delay: 0.5s;
    animation-name: fadeInUp;}
.z-layout_1 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.z-layout_1 .scrollBox .ohbox{overflow:hidden; position:relative;}
.z-layout_1 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.z-layout_1 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:250px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.z-layout_1 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.z-layout_1 .scrollBox .pageBtn .next{right:0px;background:url(../style/scrollBox_right.png) no-repeat;}
.z-layout_1 .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:22px 0 0 40%; }
.z-layout_1 .scrollBox .pageBtn .list li{ float:left;display:inline;width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;border:1px solid #777;border-radius: 50%;}
.z-layout_1 .scrollBox .pageBtn .list li.on{background: #fdd000; border: none;}

.z-layout_2 dl{ background-color: #000; margin: 1%; padding:10% 5% 0;}
.z-layout_2 dt{ height: 53px; font-size: 20px; font-weight: 400; padding: 20px 0 0 60px;}
.z-layout_2 dd{ padding: 22px 0; font-size:17px; height: 160px;}
.z-layout_2 dd .text{ font-size: 14px;}
.z-layout_2 dl.one dt{ background: url(../style/logojiedu_1_1.png) no-repeat;}
.z-layout_2 dl.two dt{ background: url(../style/logojiedu_2_1.png) no-repeat;}
.z-layout_2 dl.three dt{ background: url(../style/logojiedu_3_1.png) no-repeat;}
.z-layout_2 dl.four dt{ background: url(../style/logojiedu_4_1.png) no-repeat;}
.z-layout_2 dl.five dt{ background: url(../style/logojiedu_5_1.png) no-repeat;}
.z-layout_2 dl.six dt{ background: url(../style/logojiedu_6_1.png) no-repeat;}

.z-layout_3 table{ width: 100%; border-left:1px solid #626262; border-bottom:1px solid #626262;}
.z-layout_3 td,.z-layout_3 th{ text-align: center; font-size: 14px; padding: 10px 0; border-top:1px solid #626262; border-right:1px solid #626262;}
.z-layout_3 tr:hover td{ color: #fff;}
.z-layout_3 a.bt{ display: block; width: 15%; padding:15px 0; font-size: 20px; margin:80px auto 0; background-color: #000; color: #989898; text-align: center;}

/* 客户中心 */
.k-layout-1 .scrollBox{ height: 450px; position:relative;overflow:hidden;zoom:1;}
.k-layout-1 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.k-layout-1 .scrollBox .ohbox{overflow:hidden; position:relative;}
.k-layout-1 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.k-layout-1 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:180px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.k-layout-1 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.k-layout-1 .scrollBox .pageBtn .next{right:10px;background:url(../style/scrollBox_right.png) no-repeat;}
.k-layout-1 .scrollBox .pageBtn .list{ display:none;overflow:hidden;zoom:1;margin:22px 0 0 43%;}
.k-layout-1 .scrollBox .pageBtn .list li{ float:left;display:inline;width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;border:1px solid #777;border-radius: 50%;}
.k-layout-1 .scrollBox .pageBtn .list li.on{background: #fdd000; border: none;}
.k-layout-1 .h1-pic{ padding-right: 10px;}
.k-layout-1 .h1-pic .pic{ position: relative; height: 420px; background: url("../style/k-layout-1-pic.png") no-repeat;}
.k-layout-1 .h1-pic .intro{ padding: 35px;}
.k-layout-1 .h1-pic .pic h3{ font-size:28px; color: #fff;}
.k-layout-1 .h1-pic .pic p{ padding-top: 22px; font-size: 15px; line-height: 30px; color: #fff;}
.k-layout-1 dl{  background-color: #000; margin: 0 10px 10px 0; height: 205px;}
.k-layout-1 dt{height:60px; font-size: 20px; font-weight: 400; padding:22px 0 0 65px;}
.k-layout-1 dd{ padding: 20px;}
.k-layout-1 dl.one dt{ background:#000 url("../style/logojiedu_1_1.png") 15px 22px no-repeat; background-size:30%;}
.k-layout-1 dl.two dt{ background:#000 url("../style/logojiedu_2_1.png") 15px 22px no-repeat; background-size:30%;}
.k-layout-1 dl.three dt{ background:#000 url("../style/logojiedu_3_1.png") 15px 22px no-repeat; background-size:30%;}
.k-layout-1 dl.four dt{ background:#000 url("../style/logojiedu_4_1.png") 15px 22px no-repeat; background-size:30%;}
.k-layout-1 dl.five dt{ background:#000 url("../style/logojiedu_5_1.png") 15px 22px no-repeat; background-size:30%;}
.k-layout-1 dl.six dt{ background:#000 url("../style/logojiedu_6_1.png") 15px 22px no-repeat; background-size:30%;}

/* 联系我们 */
.x-layout-1 .scrollBox{ height: 450px; position:relative;overflow:hidden;zoom:1;}
.x-layout-1 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.x-layout-1 .scrollBox .ohbox{overflow:hidden; position:relative;width:950px;left:60px}
.x-layout-1 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.x-layout-1 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:160px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.x-layout-1 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.x-layout-1 .scrollBox .pageBtn .next{right:20px;background:url(../style/scrollBox_right.png) no-repeat;}
.x-layout-1 .scrollBox .pageBtn .list{ display:none;overflow:hidden;zoom:1;margin:22px 0 0 43%;}
.x-layout-1 .scrollBox .pageBtn .list li{ float:left;display:inline;width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;border:1px solid #777;border-radius: 50%;}
.x-layout-1 .scrollBox .pageBtn .list li.on{background: #fdd000; border: none;}
.x-layout-1 .job_text{ background: #000; margin: 0 10px 10px 0; padding: 65px 0; color: #b2b2b2; font-size: 18px; text-align: center;}
.x-layout-1 .job_text span{ display: block; color: #fff; font-size: 20px;}

.x-layout-2 .search{ border: 2px solid #b2b2b2; padding:10px; padding-bottom: 5px;}
.x-layout-2 .input{ background: #1f2024; border: none; color: #fff;}
.x-layout-2 .bt{ display: block; border: none; background: url("../style/bt_s.png") no-repeat; width: 33px; height: 29px;}
.x-layout-2 .add{ padding-top: 20px;}
.x-layout-2 .add li{margin-bottom: 10px; padding: 20px; font-size: 18px; color: #fff; background: #000;}
.x-layout-2 .add li span{ display: block; height: 22px; line-height: 22px; font-size: 14px; color: #666; padding-left: 22px;}
.x-layout-2 .add li span.icon-add{ margin-top: 10px; background: url("../style/x-layout-2-1.png") 5px no-repeat;}
.x-layout-2 .add li span.icon-tel{ background: url("../style/x-layout-2-2.png") 5px no-repeat;}

.x-layout-3 .bodytainer{ background: url("../style/maps.png") center top no-repeat; background-size:100% auto;}
.x-layout-3 .x3 h3,.x-layout-3 .x9 dt{ font-size: 20px; color: #fff; font-style: 400; padding-bottom: 20px;}
.x-layout-3 .x9 dt span{ color: #b2b2b2;}
.x-layout-3 .x9 dd{ margin: 0; padding: 0; font-size: 18px;}

/* 防伪查询 */
.f-layout_1 dl{ background-color: #000; color: #989898; padding:5%; padding-bottom:3%; margin-bottom: 10px;}
.f-layout_1 dt{ height: 53px; font-size: 20px; font-weight: 400; padding: 20px 0 0 60px;}
.f-layout_1 dd{ padding: 22px 0; font-size:17px;}
.f-layout_1 dl.one dt{ background: url(../style/logojiedu_1_1.png) no-repeat;}
.f-layout_1 dl.one dd{ background: url(../style/f-layout_1_one_bg.png) right no-repeat;}
.f-layout_1 dl.one dd .text{ width: 40%; font-size: 14px;}
.f-layout_1 dl.two dt{ background: url(../style/logojiedu_2_1.png) no-repeat;}
.f-layout_1 dl.two dd .text{ padding-right: 35%;font-size: 14px;}
.f-layout_1 dl.two dd .text span{ float: left; width:82px; padding-top:72px; margin-right: 15px; text-align: center; font-size: 16px;}
.f-layout_1 dl.two dd .text span.icon-tel{ background: url("../style/layout_1_two_icon_1.png") top center no-repeat;}
.f-layout_1 dl.two dd .text span.icon-bq{ background: url("../style/layout_1_two_icon_2.png") top center no-repeat;}
.f-layout_1 dl.three dt{ background: url(../style/logojiedu_3_1.png) no-repeat;}
.f-layout_1 dl.three dd .text{ font-size: 14px;}
.f-layout_2 .line{ background-color: #000; text-align: center;}
.f-layout_2 .line .pic{ padding-top:80px;}

/* 晒图有奖 */
#shaitu .list{ overflow: hidden;}
#shaitu .list ul,#shaitu .list li,#shaitu .explain ul,#shaitu .explain li{list-style:none; padding: 0; overflow: hidden;}
#shaitu .list li{float: left; width: 50%;}
#shaitu .list .fill{ width: 90%;}
#shaitu .pic{ position: relative;}
#shaitu .pic img{ left:0; display: block; width: 100%;}
#shaitu .pic span{ position: absolute; top:0; display: block; margin: 10px; border: 1px solid #fed100;}
#shaitu .title{padding:15px; font-size: 16px; background-color: #1f2024;}
#shaitu .title:hover{ background-color:#fed100;}
#shaitu .title:hover a{ color: #000;}
#shaitu .title a{ color: #7a7a7b;}
#shaitu .title span{display: block; padding-bottom: 10px; font-size: 18px;}
#shaitu .text-list{ padding: 40px 50px 20px; width: 440px;}
#shaitu .text-list a.bt{ display: block; color: #000; background-color: #fed100; width: 200px; margin-top: 22px; line-height: 40px; font-size: 20px; text-align: center;}
#shaitu .explain dt{font-size: 22px; color: #fff; font-weight: 400; text-align: center;}
#shaitu .explain dd{position: relative; height:235px; margin: 20px 0;}
#shaitu .explain li{ background-color: #000; padding: 10px 20px; margin-bottom: 10px; color: #989898;}
#shaitu .explain li:hover{ color: #fff;}
#shaitu .requirement dt{ color: #fff; font-size: 18px; padding-bottom: 10px; font-weight: 400;}
#shaitu .requirement dr{ color: #ff0000; font-size:15px; font-weight:bold;}
#shaitu .requirement dd{ padding:5px 0;}

/* 产品分类频道 */
#productclass .titl1{ overflow: hidden; padding:130px 0 60px;}
#productclass .titl1 .key{ width: 30%; height: 300px;}
#productclass .titl1 .key h2{ font-size: 40px; color: #fff;}
#productclass .titl1 .key .line{ width: 170px; margin: 10px 0; height: 3px; background-color: #fff; clear: both; overflow: hidden;}
#productclass .titl1 .key h3{ font-size: 24px; color: #fff;}
#productclass .titl1 .desc{ width: 60%; height: 300px;}
#productclass .titl1 .desc ul{ overflow: hidden;}
#productclass .titl1 .desc ul li{ float: left; width: 17.5%;}
#productclass .titl1 .desc ul li a{ display:block; margin: 20px auto; width: 100px; height: 100px; padding-top: 16px; text-align: center; font-size: 25px; border:1px solid #7d7d7d; color:#7d7d7d;border-radius:50%}
#productclass .titl1 .desc ul li a:hover{border:1px solid #fdd100; color: #fdd100;}
#productclass .titl1 .desc ul li.j{ width: 10%; text-align: center; line-height: 140px; font-size: 30px;}
#productclass h1{ font-size: 36px; color: #fff; font-weight: 400; padding-bottom: 30px;}
#productclass .pbox{ background-color:#000; border: 1px solid #1f2024; overflow: hidden;}
#productclass .pbox .title{ width: 45%; height: 365px; overflow: hidden;}
#productclass .pbox .title div{ /*display: flex;justify-content:center;*/ padding: 50px;}
#productclass .pbox .title h4{ color: #fff; font-size: 45px; line-height: 40px; padding-bottom: 20px; text-transform: capitalize;}
#productclass .pbox .title h3{ color: #7d7d7d; font-size: 33px;}
#productclass .pbox .title h5{ color: #7d7d7d; font-size: 14px; padding-bottom: 20px;}
#productclass .pbox .title a { display:block; width: 40px; height: 40px; line-height: 35px; text-align: center; font-size: 20px; border:1px solid #fdd100; color:#fdd100;border-radius:50%}
#productclass .pbox .pic{ width: 55%; height: 365px; overflow: hidden;}
#productclass .pbox .pic a{ display: block; width: 100%; height: 100%;}
#productclass .pbox .pic a span{ display: none;}
#productclass .pbox:hover{border:1px solid #fdd100; }

.anlipic{ padding:0;}
.anlipic li{ padding-top:10px;}
.anlipic li img{ width: 80%; height: 160px;}
.mapindex{ position:relative;width:716px;}
.mapindex a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.mapindex a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }

/* css3 动画插件触发 */
[data-fp]{
    animation-duration: 1s;
    animation-fill-mode: both;
}
