/**
 +------------------------------------------------------------------------------
 * 大卫地板-全局样式
 +------------------------------------------------------------------------------
 * @江苏视宇文化传媒有限公司
 * @全国客服热线：400-666-5906
 +------------------------------------------------------------------------------
 */

/* 共用样式 */
body{ color: #b2b2b2; background-color: #1f2024;}
.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;}

/* 固定头部导航 */
.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,.header .search .bt{ height: 22px; border: none; color: #fff; background: url(../style/keyword_icon.png) 20px 5px no-repeat; background-size: 60%;}
.header .search .keyword{ width: 80%;}
.header .search .bt{ float: right; cursor: pointer; width: 40px; background: url(../style/bt_icon.png) 12px no-repeat; background-size: 50%;}
.header a:hover{ color: #d31717;}

/* 固定尾部 */
.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; overflow: hidden;}
.footer .share dt,.footer .share dd{ float: left; padding: 0;}
.footer .share dt{ padding:0 15px;}
.footer .share dd{ padding-top:15px;}
.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")}
.scrollBox .pageBtn .prev:hover{background:url(../style/scrollBox_left_hover.png) no-repeat;}
.scrollBox .pageBtn .next:hover{background:url(../style/scrollBox_right_hover.png) no-repeat;}

/* 主体内容 */

    /* 单页分页 */
    .paging{ padding-bottom: 50px; 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;}
	
	.about_page{ width:80%; margin:0 auto;}
	.about_page .title{ text-align:center; color:#fff; font-size:26px; padding:60px 0 50px 0;}
	.about_page .pagecontent{ font-size:16px;}
	.about_page .pagecontent p{ padding-bottom:20px;}

    /* 列表分页 */
    .spage ul{ text-align: center;}
    .spage ul li{ display: inline-block; background-color: #000; padding:10px 20px;}
    .spage ul li.active{ background-color: #121315;}
    .spage ul li.active a{ color: #fff;}

/* 新闻中心 */
.news-center{ padding-top:100px;}
.news-center .classification{ overflow: hidden;}
.news-center .classification ul{ float: right;}
.news-center .classification ul li{ float: left; list-style:none;}
.news-center .classification ul li a{ display: block; padding:0 15px; font-size: 16px; border-left:1px solid #7c7d7d; color: #fff;}
.news-center .classification ul li.none a{ border-left:none;}
.news-center .classification ul li a:hover,.news-center .classification ul li.cur a{ color: #fdd000;}
.news-center .list{}
.news-center .list ul{}
.news-center .list ul li.none{ border-top:none;}
.news-center .list ul li{ padding: 40px 0; list-style:none; overflow: hidden; border-top:1px solid #353535;}
.news-center .list ul li .x2{ color: #bbbbbc; border-right: 1px solid #353535;}
.news-center .list ul li .dates{ padding-left: 40px;}
.news-center .list ul li .date-y{ font-size: 35px;}
.news-center .list ul li .date-n{ font-size: 16px;}
.news-center .list ul li .classname{ font-size: 16px;}
.news-center .list ul li .x10{ padding-left: 50px;}
.news-center .list ul li .title{ color: #fff; font-size: 20px;}
.news-center .list ul li .title a{ color: #fff;}
.news-center .list ul li .title a:hover{ color: #fdd000;}
.news-center .list ul li .content{ font-size: 14px; color: #6a6a6a; padding-top:15px;}
.news-center .list ul li:hover *{ color: #fff !important;}
.news-center .list ul li:hover .brief{ color: #fff !important;}
.news-center .list ul li:hover .title a{ color: #fdd000 !important;}
.news-center .list ul li:hover .x10{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news-center .list ul li:hover .x10:hover{transform:translate(20px,0); }

/* 最新新闻促销 */
.return_line{ padding: 22px; 100px; border-bottom:1px solid #535353;}
.return_line .return a{ display: block; width: 50px; height: 50px; background: url("../style/news_return.png") no-repeat; background-size: 100%;}
.return_line .return a span{ display: none;}
.news-center-show{ width: 900px; margin: 0 auto; padding: 50px 0;}
.news-center-show .item{ text-align: center;}
.news-center-show h1{ color: #fff; font-size: 22px; text-align: center; height: 50px; line-height: 50px;}
.news-center-show .date-y{ padding: 15px 0; color: #646465; text-align: center; font-size: 20px;}
.news-center-show .scrollbar{ font-size: 16px;}
.news-center-show .scrollbar img{ max-width: 900px;}
.news-center-show .scrollbar p{ color:#e8e8e8; line-height: 35px;}
.news-center-show .scrollbar a{ color: #fdd000;}
.news-center-show .scrollbar p.pic{ text-align: center; padding: 20px 0;}
.news-center-show .scrollbar p.pic img{ width: 80%;}
.news-center-show .scrollbar p.pic span{ display: block; padding-top: 20px;}
.news-center-show .line_page{ padding: 22px 0;}
.news-center-show .line_page a{ color: #9e9f9f; font-size: 16px;}
.news-center-show .line_page a:hover{ color: #fff;}

/* LOGO解读 */
.logojiedu{ padding: 120px 0; border-bottom: 1px solid #626262;}
.logojiedu .container{ width: 85%;}
.logojiedu .logo{ width: 1200px; margin: 0 auto; height: 47px;}
.logojiedu .logo a span{ display: none;}
.logojiedu .logo a.float-right{  width:79px; height: 59px; background: url("../style/logo_return.png") no-repeat;}

.logojiedu .dwdb .logo{ background: url("../style/logojiedu_1.png") no-repeat;}
.logojiedu .dwamnmm .logo{ background: url("../style/logojiedu_2.png") no-repeat;}
.logojiedu .dwdmdjj .logo{ background: url("../style/logojiedu_3.png") no-repeat;}
.logojiedu .line{ width: 1200px; margin: 0 auto; padding-top: 60px;}
.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:0 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;}

/* 大卫历程表 */
.licheng{ padding:0;}
.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;}

/* 防伪查询 */
.fangwei{}
.fangwei .stitle{ padding-bottom:40px;}
.fangwei .stitle h3{ font-size: 22px; color: #fff;}
.fangwei .stitle span{ color: #989898;}
.fangwei .stitle p{ padding-top: 20px; color: #989898; font-size: 16px;}
.f-layout_1{ padding: 60px 0 80px 0;}
.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{ padding: 80px 0 120px 0;}
.f-layout_2 .line{ background-color: #000; text-align: center;}
.f-layout_2 .line .pic{ padding-top:80px;}

/* 工程案例 */
.gccase{ padding: 90px 0 80px;}
.gccase .stitle{ padding-bottom:40px;}
.gccase .stitle h3{ font-size: 22px; color: #fff;}
.gccase .stitle span{ color: #989898;}
.gccase .stitle p{ padding-top: 20px; color: #989898; font-size: 16px;}
.gccase ul,.gccase li{ list-style: none; padding:0; overflow: hidden;}
.gccase .content li{float: left; width: 24.1%; padding: 0 0.8%;}
.gccase .content li a{color: #989898;}
.gccase .content li a:hover{color: #fff;}
.gccase .content li .title{ padding: 25px 0 50px;}
.gccase .content li .title span{display: block; padding-bottom: 10px; font-size: 16px;}
.gccase .spage{ padding-top:40px;}

/* 招商加盟 */
.jiameng{}
.jiameng .stitle h3{ font-size: 22px; color: #fff;}
.jiameng .stitle span{ font-weight: 800;}
.jiameng .stitle p{ padding-top: 10px; color: #989898; font-size: 16px;}
.jiameng .content{ padding-top: 50px;}
.z-layout_1,.z-layout_2,.z-layout_3{ padding: 120px 0 80px 0;}
/*.z-layout_1 ul,.z-layout_1 li{ list-style: none;}*/
/*.z-layout_1 .slide{width:100%;height:500px;position:relative}*/
/*.z-layout_1 .slide li{position:absolute;left:200px;top:0}*/
/*.z-layout_1 .slide li a{ display: block;}*/
/*.z-layout_1 .slide li img{width:100%;}*/
/*.z-layout_1 .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;}*/
/*.z-layout_1 .arrows{opacity:0;position:absolute;top:50%;z-index:1000;width:100%}*/
/*.z-layout_1 .next,.prev{width:32px;height:61px;position:absolute;z-index:99}*/
/*.z-layout_1 .prev{left:-100px;background:url(../style/scrollBox_left.png) no-repeat;}*/
/*.z-layout_1 .next{right:0;background:url(../style/scrollBox_right.png) no-repeat;}*/



.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;width:1080px;left:100px}
.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:50px;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: 210px;}
.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;}
.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;}

/* 晒图有奖 */
.shaitu  .stitle{ overflow: hidden; padding-bottom: 22px;}
.shaitu  .stitle h3{ font-size: 22px; color: #fff;}
.shaitu  .stitle span{ color: #989898;}
.shaitu  .stitle p{ padding-top: 10px; color: #989898; font-size: 16px;}
.shaitu .pic-list{ padding:100px 50px 20px;}
.shaitu .pic-list .list{ overflow: hidden;}
.shaitu .pic-list .list ul,.shaitu .pic-list .list li,.shaitu .explain ul,.shaitu .explain li{list-style:none; padding: 0; overflow: hidden;}
.shaitu .pic-list .list li{float: left; width: 50%;}
.shaitu .pic-list .list .fill{ width: 98%; margin: 0 auto;}
.shaitu .pic-list .pic{ position: relative;}
.shaitu .pic-list .pic img{ left:0; display: block; width: 100%;}
.shaitu .pic-list .pic span{ position: absolute; top:0; display: block; margin: 10px; border: 1px solid #fed100;}
.shaitu .pic-list .title{padding:15px; font-size: 16px; background-color: #1f2024;}
.shaitu .pic-list .title:hover{ background-color:#fed100;}
.shaitu .pic-list .title:hover a{ color: #000;}
.shaitu .pic-list .title a{ color: #7a7a7b;}
.shaitu .pic-list .title span{display: block; padding-bottom: 10px; font-size: 18px;}
.shaitu .pic-list .spage{ margin-top: 40px; margin-bottom: 40px;}
.shaitu .text-list{ padding: 100px 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: 190px; 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 dd{ padding:5px 0;}

/* 关于我们 */
.about{}
.about .stitle{ padding:122px 0 40px 0;}
.about .stitle h3{ font-size: 22px; color: #fff; text-transform:capitalize;}
.about ul,.about li{ list-style: none; padding: 0; overflow: hidden;}
.about .container{ height: 100%; position: relative;}
.about .content{ width: 90%; position: absolute; bottom:110px; left: 5%;}
.a-layout-1{ background: url("../style/a-layout-1_bg.png") center top no-repeat; background-size:100% auto;}
.a-layout-1 .content{ font-size: 15px;}
.a-layout-1 .content p{line-height: 30px; font-size: 14px;}
.a-layout-1 .content 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 .content{bottom:70px;}
.a-layout-3 li{ padding: 2% 0; cursor: pointer;}
.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: 160px; 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;}
.a-layout-4 .scrollBox{ height: 420px; position:relative;overflow:hidden;zoom:1;}
.a-layout-4 .scrollBox .x7{}
.a-layout-4 .scrollBox .x7 img{ width: 100%; height: 375px;}
.a-layout-4 .scrollBox .x5{ background: #000; height: 375px; overflow: hidden;}
.a-layout-4 .scrollBox .con{ color: #fff; padding:15% 10%; height: 375px; position: relative;}
.a-layout-4 .scrollBox .con h3{ font-size: 22px;}
.a-layout-4 .scrollBox .con h3 a{ color: #fff;}
.a-layout-4 .scrollBox .con h4{ font-size: 20px; padding: 15px 0 40px;}
.a-layout-4 .scrollBox .con p{ font-size: 16px;}
.a-layout-4 .scrollBox .con a.more{ position: absolute; bottom:22px; display:block; width:100px; text-align:center; padding:5px 0; border:1px solid #fdd000; color:#fdd000;}
.a-layout-4 .scrollBox .con a.more:hover{ background-color:#fdd000; color:#000;visibility: visible;
animation-delay: 0.5s;
animation-name: fadeInUp;}
.a-layout-4 .scrollBox .piclist{ overflow:hidden; zoom:1;}
.a-layout-4 .scrollBox .ohbox{overflow:hidden; position:relative;width:950px;left:100px}
.a-layout-4 .scrollBox .piclist li{float:left; display:inline; width: 100%; background-color: #000;}
.a-layout-4 .scrollBox .pageBtn span{ display:block;width:32px;height:61px;position:absolute;top:152px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.a-layout-4 .scrollBox .pageBtn .prev{left:0px;background:url(../style/scrollBox_left.png) no-repeat;}
.a-layout-4 .scrollBox .pageBtn .next{right:50px;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-4 .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:22px 0 0 40%; }
.a-layout-4 .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%;}
.a-layout-4 .scrollBox .pageBtn .list li.on{background: #fdd000; border: none;}
.a-layout-5 .scrollBox{ height: 450px; position:relative;overflow:hidden;zoom:1;}
.a-layout-5 .scrollBox .x4 img{ width: 100%; 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:950px;left:100px}
.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:200px;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:50px;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-5 .scrollBox .pageBtn .list{ display: none;}
.a-layout-6 .slide{width:100%;height:500px;position:relative}
.a-layout-6 .slide ul{ padding-left: 22px;}
.a-layout-6 .slide li{position:absolute;left:200px;top:0}
.a-layout-6 .slide li a{ display: block;}
.a-layout-6 .slide li img{width:100%;}
.a-layout-6 .ohbox{ width: 1080px; margin: 0 auto;}
.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 .next,.prev{width:32px;height:61px;position:absolute;z-index:99;top:40%;}
.a-layout-6 .prev{left:0;background:url(../style/scrollBox_left.png) no-repeat;}
.a-layout-6 .next{right:0;background:url(../style/scrollBox_right.png) no-repeat;}
.a-layout-7 .scrollBox{ height: 450px; 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:950px;left:100px}
.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 .content{ bottom: 70px;}
.a-layout-8 .line{ width:90%; margin:0 auto;height: 450px;}
.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{ width:96%; margin:0 auto;height: 450px;}
.a-layout-9 .line .x4 .con{ height: 350px; 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;}

/* 经销商专区 */
.jingxiaoshang{}
.jingxiaoshang .stitle{ padding:122px 0 40px 0;}
.jingxiaoshang .stitle h3{ font-size: 22px; color: #fff; text-transform:capitalize;}
.jingxiaoshang .stitle h3 span{ color: #b2b2b2;}
.jingxiaoshang ul,.jingxiaoshang li{ list-style: none; padding: 0; overflow: hidden;}
.jingxiaoshang .container{ height: 100%; position: relative;}
.jingxiaoshang .content{ width: 100%; height: 450px; position: absolute; bottom:90px;}
.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 .con{ width: 80%; margin: 0 auto;}
.j-layout-2 .dt,.j-layout-2 .dd{ background: #000; width: 96%; padding: 0 5%; margin-bottom: 5px;}
.j-layout-2 .dt{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 .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 .scon{ height: 237.3999px; position: relative;}
.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); }

/* 客户中心 */
.kehuzhongxin{}
.kehuzhongxin .stitle{ padding:122px 0 40px 0;}
.kehuzhongxin .stitle h3{ font-size: 22px; color: #fff; text-transform:capitalize;}
.kehuzhongxin .stitle h3 span{ color: #b2b2b2;}
.kehuzhongxin ul,.jingxiaoshang li{ list-style: none; padding: 0; overflow: hidden;}
.kehuzhongxin .container{ height: 100%; position: relative;}
.kehuzhongxin .content{ width: 100%; height: 500px; position: absolute; bottom:90px;}
.kehuzhongxin .news-center{ padding: 0;}
.k-layout-1 .content{ height: 450px;}
.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;width:950px;left:100px}
.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:152px;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:50px;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: 16px; 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%;}

/* 联系我们 */
.lianxiwom{}
.lianxiwom .stitle{ padding:122px 0 40px 0;}
.lianxiwom .stitle h3{ font-size: 22px; color: #fff; text-transform:capitalize;}
.lianxiwom .stitle h3 span{ color: #b2b2b2;}
.lianxiwom ul,.jingxiaoshang li{ list-style: none; padding: 0; overflow: hidden;}
.lianxiwom .container{ height: 100%; position: relative;}
.lianxiwom .content{ width: 100%; height: 550px; position: absolute; bottom:90px;}
.x-layout-1 .content{ height: 450px;}
.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:100px}
.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:152px;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:50px;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;}
.x-layout-2 .bt{ display: block; border: none; background: url("../style/bt_s.png") no-repeat; width: 33px; height: 29px;}
.x-layout-2 .add ul{ 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 .map{height: 400px; margin-bottom: 50px; background:url("../style/maps.png") center bottom no-repeat;}
.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;}

/* 首页 */
.index{}
.index ul,.index li,.index dd{ list-style: none; padding: 0; overflow: hidden;}
.index .stitle{ padding:122px 0 40px 0;}
.index .stitle h3{ font-size: 22px; color: #fff; text-transform:capitalize;}
.index .container{ height: 100%; position: relative;}
.index .content{ width: 100%;height: 450px; position: absolute; bottom:90px;}
.i-layout-1 .stitle{ display: none;}
.i-layout-1 .container{ width: 100%;}
.i-layout-1 .content{ height: 560px;}
.i-layout-1 .scrollBox{ height: 560px; 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%;left:100px}
.i-layout-1 .scrollBox .piclist li{float:left; display:inline; width: 100%;}
.i-layout-1 .scrollBox .pageBtn{ position: absolute; left: 0; width: 100%; top:0;}
.i-layout-1 .scrollBox .pageBtn span{ display:block;width:40px;height:50px;position:absolute;top:40%;cursor:pointer;text-indent:-999em;overflow:hidden; }
.i-layout-1 .scrollBox .pageBtn .prev{left:50px;background:url(../style/i-layout-1_left-0.png) no-repeat;}
.i-layout-1 .scrollBox .pageBtn .next{right:30px;background:url(../style/i-layout-1_right-0.png) no-repeat;}
.i-layout-1 .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:522px 0 0 43%;}
.i-layout-1 .scrollBox .pageBtn .list li{ float:left;display:inline;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-1 .nb{ font-size:500px; color: #25262a;}
.i-layout-1 .h1{ color: #fff; font-size: 60px; font-weight: 600;letter-spacing:15px;}
.i-layout-1 .h2{ color: #fdd000; font-size: 50px;}
.i-layout-1 .h3{ color: #fff; font-size: 40px;}
.i-layout-1 .h4{ color: #fff; font-size: 60px;}
.i-animation-1{ position: relative; height: 560px;}
.i-animation-1 *{ position: absolute;}
.i-animation-1 .nb{ right:15%; top:-10%; z-index: 0;}
.i-animation-1 .h1{ left: 25%; top:15%; z-index: 1;}
.i-animation-1 .h2{ left: 25%; top:30%; z-index: 1;}
.i-animation-1 .h3{ left: 12%; top:43%; z-index: 1;}
.i-animation-1 .h4{ left: 22%; top:53%;z-index: 1;}
.i-animation-1 .i-pic-1{ left: 18%; top:70%;z-index: 1;}
.i-animation-1 .pic{ text-align: center; left: 18%; top:13%;}
.i-animation-1 .pic img{}
.i-layout-2 .content{ width:95%; left:5%;height: 410px;}
.i-layout-2 .line,.i-layout-4 .line,.i-layout-5 .list,.i-layout-6 .line,.i-layout-3 .content{ float: right;width:90%; margin-right: 5%;}
.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 .content{ width:85%;height:520px;position:inherit; }
.i-layout-3 .classification{ padding-top:25px; overflow: hidden;}
.i-layout-3 .classification ul{ float: right;}
.i-layout-3 .classification ul li{ float: left; list-style:none;}
.i-layout-3 .classification ul li a{ display: block; padding:0 15px; border-left:1px solid #7c7d7d; color: #fff;}
.i-layout-3 .classification ul li.none a{ border-left:none;}
.i-layout-3 .classification ul li a:hover{ color: #fdd000;}
.i-layout-3 .list{ padding-top:22px;}
.i-layout-3 .list ul{}
.i-layout-3 .list ul li.none{ border-top:none;}
.i-layout-3 .list ul li{ cursor: pointer; padding:20px 0; list-style:none; overflow: hidden; border-top:1px solid #353535;transition: all 0.4s;}
.i-layout-3 .list ul li .x2{ color: #bbbbbc; border-right: 1px solid #353535;}
.i-layout-3 .list ul li .x10{ padding-left: 50px;}
.i-layout-3 .list ul li .dates{ padding-left: 40px;}
.i-layout-3 .list ul li .date-y{ font-size: 35px;}
.i-layout-3 .list ul li .date-n{ font-size: 16px;}
.i-layout-3 .list ul li .classname{ font-size: 16px;}
.i-layout-3 .list ul li .title{ color: #fff; font-size: 20px;}
.i-layout-3 .list ul li .title a{ color: #fff;}
.i-layout-3 .list ul li .brief{ font-size: 14px; color: #6a6a6a; padding-top:15px;}
.i-layout-3 .list ul li:hover *{ color: #fff !important;}
.i-layout-3 .list ul li:hover .brief{ color: #fff !important;}
.i-layout-3 .list ul li:hover .title a{ color: #fdd000 !important;}
.i-layout-3 .list ul li:hover .x10{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-3 .list ul li:hover .x10:hover{transform:translate(20px,0); }
.i-layout-4 .content{ width:85%; left:5%;}
.i-layout-4 .line{  margin-right: 3%;}
.i-layout-4 .x3 .lb{ width: 287px; border: 1px solid #1f2024;}
.i-layout-4 .x3 .lb:hover{ border: 1px solid #fdd000;}
.i-layout-4 .x3 .pic{width: 245px; height: 320px; overflow: hidden;}
.i-layout-4 .x3 .pic img{ display: block; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-4 .x3 .pic img:hover{transform: scale(1.2, 1.2)}
.i-layout-4 .x3 .title{ width: 245px; padding: 22px 0; text-align: center; background-color: #000; font-size: 14px; text-transform: capitalize;}
.i-layout-4 .x3:hover .title{ background-color: #fdd000; color: #000;}
.i-layout-4 .x3 .title span{ display: block; font-size: 18px; color: #fff;}
.i-layout-4 .x3:hover .title *{color: #000;}

.i-layout-4 .list{ width: 90%;}
.i-layout-4 .list ul{ overflow: hidden;}
.i-layout-4 .list ul li.none{ border-top:none;}
.i-layout-4 .list ul li{ float: left; width: 25%; padding-top: 40px;}
.i-layout-4 .list ul li .num,.i-layout-4 .list ul 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 ul li .pic{ width: 286px; height: 310px; overflow: hidden; text-align: center;}
.i-layout-4 .list ul 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 ul li:hover .pic img{transform: scale(1.2, 1.2)}
.i-layout-4 .list ul li .title{ padding:22px 0; text-align: center; background-color: #000; text-transform: capitalize;}
.i-layout-4 .list ul li .title span{ display: block; font-size: 18px; color: #fff;}
.i-layout-4 .list ul li:hover .title *{color: #fdd000;}

.i-layout-5 .content{ height: 540px;}
.i-layout-5 .classification{ overflow: hidden;}
.i-layout-5 .classification ul{ float: right;}
.i-layout-5 .classification ul li{ list-style:none;}
.i-layout-5 .classification ul li a{ display: block; line-height: 22px; font-size: 15px; color: #fff;}
.i-layout-5 .classification ul li a:hover{ color: #fdd000;}
.i-layout-5 .list{ width: 90%;}
.i-layout-5 .list ul{ overflow: hidden;}
.i-layout-5 .list ul li.none{ border-top:none;}
.i-layout-5 .list ul li{ float: left; width: 20%; padding-top: 40px;}
.i-layout-5 .list ul li .num,.i-layout-5 .list ul 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 ul li .pic{ padding:40px 15px 25px; text-align: center;}
.i-layout-5 .list ul li .pic img{ height: 240px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-layout-5 .list ul li:hover .pic img{transform: scale(1.2, 1.2)}
.i-layout-5 .list ul li .title{ padding:22px 0; text-align: center; background-color: #000; text-transform: capitalize;}
.i-layout-5 .list ul li .title span{ display: block; font-size: 18px; color: #fff;}
.i-layout-5 .list ul li:hover .title *{color: #fdd000;}
.i-layout-6 .stitle{}
.i-layout-6 .content{ height:522px;}
.i-layout-6 .line{ width: 75%; margin-right: 10%;}
.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{}
.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;}

.fontfoot ul,.fontfoot li,.fontfoot dd{ list-style: none; padding: 0; overflow: hidden;}
.fontfoot .stitle{ display: none;}
.fontfoot .content{ height: 500px;}
.fontfoot .navs{ width: 96%; margin: 0 auto; 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: 18px; color: #fff; padding-top: 10px;}

/* 产品分类 */
.class-layout{ background: #000; position: absolute; height: 100%;}
.return_class{ padding:22px 0;}
.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 ul{ float: right; height: 52px;}
.return_class ul li{ float: left; padding: 10px 20px; list-style: none;}
.return_class ul li a{ display: block; width: 90px; height: 42px;}
.return_class ul li a.i1{ width: 60px; background: url("../style/i-layout-2_1.png") no-repeat; background-size: auto 100%;}
.return_class ul li a.i2{ background: url("../style/i-layout-2_2.png") no-repeat; background-size: auto 100%;}
.return_class ul li a.i3{ width: 50px; background: url("../style/i-layout-2_3.png") no-repeat; background-size: auto 100%;}
.return_class ul li a.i1:hover{background: url("../style/i-layout-2_1hover.png") no-repeat; background-size: auto 100%;}
.return_class ul li a.i2:hover{ background: url("../style/i-layout-2_2hover.png") no-repeat; background-size: auto 100%;}
.return_class 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;}
.class-layout .classbg{ background: #1f2024;overflow: hidden; height: 100%;}
.class-layout .class_nav .box{ width: 11.11111111%; float: left;  height: 100%;transition: all 1s;overflow: hidden;}
.class-layout .class_nav dl{ float: right; border-left: 1px solid #27282c; padding-right: 10px; width: 100%; height: 100%; cursor:pointer;overflow: hidden;}
.class-layout .class_nav dl.hover{ border: none;}
.class-layout .class_nav dl:hover{ background: #000;}
.class-layout .class_nav dt{padding:20px 0 10px; overflow: hidden;}
.class-layout .class_nav dd{ padding: 7px 10px; font-size: 16px; overflow: hidden;}
.class-layout .class_nav dt span.n{ display: none; float: left; font-size: 35px; padding: 0 15px; color: #fdd100;}
.class-layout .class_nav dt span.t{ float: right; padding: 6px; color: #fff; font-size: 16px; border-bottom: 2px solid #1f2024;}
.class-layout .class_nav dl:hover dt span.n{ display: block;}
.class-layout .class_nav dl:hover dt span.t{ border-bottom: 2px solid #fdd100;}
.class-layout .class_nav dd span{ display: block; text-align: right; height:18px; line-height: 20px; overflow: hidden;}
.class-layout .class_nav dd span.n{ display: none;}
.class-layout .class_nav dd span.t{  color: #b2b2b2; font-size: 14px;}
.class-layout .class_nav dd:hover{ background: #fdd100;}
.class-layout .class_nav dd:hover span.n{ display: block; color: #000;}
.class-layout .class_nav dd:hover span.t{ display: none; color: #000;}
.class-layout .class_nav:hover .box{ width:10%;}
.class-layout .class_nav .box:hover{ width:20%;}
.class-layout .class_nav .box:hover dl{ width: 90%; padding: 0 5%;}

/* 产品内容 */
.productshow .x,.productshow .y{ width: 96%; margin: 0 auto; padding-top: 22px;}
.productshow .x .return a,.productshow .y .colse a{ display: block; width: 50px; height: 50px; background: url("../style/news_return.png") no-repeat; background-size: 100%;}
.productshow .y .colse a{ float: right; background: url("../style/news_colse.png") center no-repeat;}
.productshow .x .return a span,.productshow .y .colse a span{ display: none;}
.productshow .x .content,.productshow .y .content{ width: 90%; margin:0 auto;}
.productshow .x .content .pic img{ width:995px;}
.productshow .x .content .con{ padding-top: 20px;}
.productshow .x .content .con p{ margin: 0; padding: 0 0 10px 0;}
.productshow .y h3{ clear: both; font-size: 22px; color: #fff;}
.productshow .y h4{ font-size: 18px; color: #a3a3a3;}
.productshow .y ul,.productshow .y li{ margin: 0; padding: 0; list-style: none;}
.productshow .y ul{ padding: 22px 0;}
.productshow .y li{ line-height: 35px; font-size: 16px;}
.productshow .y .pas{ overflow: hidden; color: #747474; font-size: 22px; font-weight: 400;}
.productshow .y .pas .title{font-weight: 400; padding: 0 10px;}
.productshow .y .pas a{ color: #fff;}
.productshow .y .pas .pic{ padding: 8px 0;}
.productshow .y .more{ display: block; background-color: #000; width: 100%; line-height: 60px; color: #fff; text-align: center; font-size: 17px;}



/* 案例内页 */
.css3{width:calc(100% + 2em);box-shadow:0 0;font-size:24px}
.focusBox{position:relative;width:995px;height:623px;}
.focusBox ul,.focusBox li{ margin: 0; padding: 0; list-style: none;}
.focusBox .pic{position:relative;z-index:0}
.focusBox .pic img{width:995px;height:623px;display:block}
.focusBox .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}
.focusBox .hd li{margin:0 5px;background:url(images/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;display:inline-block;zoom:1}
.focusBox .hd .on{background-position:0 0}
.focusBox .next,.focusBox .prev{width:60px;height:90px;margin:-60px 0 0;display:none;background:url(../style/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:.2}
.focusBox .prev{left:-100px}
.focusBox .next{background-position:0 -90px;right:-100px;}
.focusBox .next:hover,.focusBox .prev:hover{filter:alpha(opacity=50)!important;opacity:.5!important}


#timeline{width:1120px;height:500px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../style/licbg.png') left 425px repeat-x;}
#dates{width:1120px;overflow:hidden;margin-top:20px;}
#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{width:1120px;height:400px;overflow:hidden;}
#issues li{width:1120px;height:400px;list-style:none;float:left;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#next,#prev{position:absolute;top:165px;width:32px;height:61px;overflow:hidden;}
#next{right:50%;margin-right:-560px; background: url("../style/scrollBox_right.png") no-repeat;}
#prev{left:50%;margin-left:-560px; background: url("../style/scrollBox_left.png") no-repeat;}
#next.disabled,#prev.disabled{opacity:0.2;}
#issues li .line{ width: 86%; height: 400px; margin: 0 auto;}
#issues li .x7 img{ width: 100%; height: 400px;}
#issues li .x5{ height: 400px; background-color: #000;}
#issues li .con{ padding: 50px; height: 400px; 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;}