/*轮播大图*/
#indexbox { width: 1200px; margin: 0 auto; clear: both; position: relative; }
.middel_box {width: 986px;overflow: hidden; margin: 0 0 0 214px; height:490px; margin-bottom: 10px; }
.mcenbox{width: 750px; float: left;}
.big_banner { position: relative;width: 750px;}
.pagination { position: absolute; right: 50%; bottom: 15px; margin-right: -39px; padding: 1px 15px; overflow: hidden; z-index: 999; background: #888; background: rgba(0,0,0,0.1); border-radius: 10px; }
.swiper-slide { width: 750px; height: 400px; }
.swiper-slide img, .swiper-slide a { width: 750px; height:330px; display: inline-block; background: #f2f2f2; }
.big_banner .arrow-left { background-image: url('../images/swiper_sprite1.png'); background-position: top left; position: absolute; left: 10px; top: 50%; margin-top: -39px; width: 36px; height: 78px; z-index: 100; }
.big_banner .arrow-right { background-image: url('../images/swiper_sprite1.png'); background-position: bottom left; position: absolute; right: 10px; top: 50%; margin-top: -39px; width: 36px; height: 78px; z-index: 100; }
.big_banner .arrow-left:hover { background-image: url('../images/swiper_sprite1.png'); background-position: top right; }
.big_banner .arrow-right:hover { background-image: url('../images/swiper_sprite1.png'); background-position: bottom right; }
.pagination span { cursor: pointer; height: 13px; background: transparent; display: block; width: 13px; padding: 0 5px; background-position: -14px 0; background-repeat: no-repeat; float: left; overflow: hidden; background-image: url(../images/circle.png); }
.pagination .swiper-active-switch, .pagination .swiper-pagination-switch:hover { background-position: -14px 0 }
.swiper-pagination-switch { opacity: 0.5; }
.swiper-visible-switch, .swiper-active-switch { opacity: 0.9; }

.step_img { width:740px; margin-top:11px; border:1px solid #eee; height:136px; padding:5px;}
.stepl{ width:520px; border-right:1px dashed #d8d8d8;float:left; display:inline; margin-top:10px}
.stepl dt{ width:100%;}
.stepl dt img{ height:96px;}
.stepl dd{ width:130px; float:left; display:inline; text-align:left;color:#666; font-size:15px;}

.stepr{ float:right; width:200px; text-align:center;}
.stepr dt img{ width:110px; height:110px;}
.stepr dd{ color:#48a226; font-size:14px; margin-top:5px;}


/*首页登录*/
.indexRight { width: 224px; background: #fafafa; float: right; }
.userInfor { text-align: center; height: 180px; overflow:hidden; }
.userInfor .advtar_img { margin: 12px auto; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; }
.userInfor .advtar_img img { width: 100%; height: 100%; }
.logined { }
.logined p{ width:90%; margin:2px auto; text-align:left; font-size:14px; color:#333; height:30px; line-height:30px;}
.logined p.autop{ text-align:center; margin:8px auto;}
.logined p strong{ color:#dd0000;}
.logined p a{ width:50%; float:left; text-align:center;}

.logined .advtar_img { width: 70px; height: 70px; }
.userInfor .userNames { color: #000; font-size: 12px; margin-bottom: 8px; }
.userInfor .userCenter { width: 68px; height: 22px; background: #0ab8af; color: #fff; display: inline-block; border-radius: 11px; text-align: center; line-height: 22px; margin-bottom: 10px; }
.userInfor .orderLink { padding: 0 8px; height: 32px; line-height: 16px; }
.orderLink a { float: left; width: 68px; }
.orderLink a em { font-style: normal; color: #f00; }
.orderLink a span, .orderLink a em { display: block; }
.orderLink a:hover { color: #009e96; }
.losBtn { padding: 0 20px; overflow: hidden; margin-top: 20px; }
.linkCenter { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.losBtn a { width:80px; height:32px; line-height:32px; border: 1px solid #48A226; font-weight:bold; font-size:14px; color: #48A226; text-align: center; border-radius:16px; }
.losBtn a:hover { background: #060; border: 1px solid #060; color: #fff; }
.baojiaOrder { height: 58px; margin: 0 3px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
.orderBuyers { float: left; }
.baojiaOrder dl { width: 50%; height: 58px; text-align: center; color: #000; font-size: 12px; line-height: 28px; }
.baojiaOrder dl dd { color: #666; }
.baojiaOrder dl dd span { color: #f00; font-size: 18px; margin-right: 3px; }
#shiSorder { padding: 0 10px; height: 160px; overflow: hidden; }
.shiSorder { padding-top: 5px; }
.orderLi { margin-bottom: 8px; }
.orderLi p { overflow: hidden; line-height: 22px; font-size: 12px; color: #000; }
.orderLi p .orderPrice { color: #f00; float: right; }
/* orderName orderPrice  orderBuyers orderDate */
.notice { margin-top:5px;}
.notice  h4{ height: 28px; line-height:28px; background:#eee; text-align:left; text-indent:12px; font-size:14px; color:060; }
.tabContent { padding:5px 10px; text-align:left; line-height:22px; font-size:12px; color:#333; font-weight:bold; border: 1px solid #eee; }


.fltit{margin:20px auto; height:90px; overflow: hidden; font-size:20px; color:#333; background:url(../images/flline.png) no-repeat left bottom;}
.fltit h3{margin:0px auto;height:30px; line-height:30px; text-align:center; font-size:24px; color:#47A124;}
.fltit p{margin:0px auto;height:20px; line-height:20px; text-align:center; font-size:14px; color: #ccc; }

.fenlist{ width:1200px;margin:20px auto;height:280px;background-color:#fff;}
.fenlist .fflist{float:left;width:239px;height:279px;border-right:1px solid #E0E0E0;border-bottom:1px solid #F7F7F7;}
.fenlist .fflist:nth-child(5n){width:239px;border-right:1px solid #fff;}
.fenlist .fflist .fflist_head{height:120px; border-bottom:1px solid #F8F8F8;}
.fenlist .fflist .fflist_head h2{color:#333; text-align:center; font-size:20px; margin-top:15px;}
.fenlist .fflist:hover .fflist_head h2{color:#46A227;}
.fenlist .fflist .fflist_head p{text-align:center; font-size:15px; color: #999;}
.fenlist .fflist .img{ text-align:center; margin:8px auto; display:block; }
.fenlist .fflist .img img{height:55px;width:203px;overflow:hidden;}
.fenlist .fflist .fflist_content{padding:5px;background:#fff;text-align:left;}
.fenlist .fflist .fflist_content ul{height:100%; margin:5px auto;}
.fenlist .fflist .fflist_content ul li{ width:80%; margin:2px auto; text-align:left; text-indent:20px; height:26px; line-height:26px; background:url(../images/flico.png) no-repeat 5px 9px; font-size: 14px;color:#333;}
.fenlist .fflist .fflist_content ul li.htwo{ width:49%; float:left;text-align:left; text-indent:20px; height:26px; line-height:26px; background:url(../images/flico.png) no-repeat 5px 9px; font-size: 14px;color:#333;}
.fenlist .fflist .fflist_content ul li a { color: #606161; }
.fenlist .fflist .fflist_content ul li a:hover { color: #48A226; text-decoration:underline;}

.ywfllist{width:1240px;margin:20px auto;background-color:#fff;}
.ywfllist dl{width:262px; float:left; margin:18px; height:400px;}
.ywfllist dl dt{width:252px;height:338px; padding:5px;border:1px solid #ccc; margin-bottom:10px; text-align:center;}
.ywfllist dl dt img{ width:250px; height:336px; border:1px solid #CFC3B5;}
.ywfllist dl dd{ font-size:16px; color:#333; text-align:center; height:50px; line-height:24px; font-weight:bold;}
.ywfllist dl dd em{ display:block; color:#48A125; font-size:14px; font-weight:normal;}
.ywfllist dl dd a{ color:#333;}
.ywfllist dl dd a:hover { color: #48A226; text-decoration:underline;}

/*印刷品*/
.iptype { overflow: hidden; }
.iptype h3 {margin: 10px auto; height:30px; line-height:30px; overflow: hidden; font-size:20px; color:#333;}
.iptype h3 i{ float: left; width:16px; height:16px; border-radius:16px; margin:8px 5px 5px 0; background-color:#48A226; }
.iptype h3 em{ font-size: 10px; color: #ccc; padding-left: 5px; }
.scene{width:590px;height:330px; border:1px solid #dedede; margin: 0px 0px 20px 0px;overflow:hidden;}
.iphoto {width:200px; float:left; height:333px; overflow: hidden; border-right: 1px solid #e5e5e5; position: relative; background:#F5F5F5/*FAFAFA*/; }
.iphoto i { display: block; text-align: center; position: absolute; bottom: 120px; left: 0px; right: 0px; width: 215px; max-height: 240px; }
.iphoto i img { max-height: 250px; max-width: 180px; webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.iphoto a:hover i img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.iphoto .txt { position: absolute; font-size: 14px; z-index: 10; bottom:30px; left: 20px; right: 20px; line-height:26px; }
.iphoto .txt .t { font-size: 24px; color: #48A226; font-weight:600; }
.iphoto .txt .tt { color: #444; font-size: 16px; color:#666; }
.iphoto .txt .a { padding-top: 10px; color: #888; }
.iphoto .txt a:hover { color: #dd0000; text-decoration:underline; }
.pc_sub { float: left;width:389px; height:330px;}
.pc_sub h2 { border-bottom: 1px solid #e1dbdc; overflow: hidden; height: 50px; line-height: 50px;font-size: 18px; font-weight: 700; color: #48A226; }
.pc_sub h2 i{ float: left; width:5px; height:18px; background-color: #48A226; margin: 16px 10px; }
.pc_submain {padding:10px; }
.pc_submain dt {font-weight:600; margin-top:10px; text-indent:10px; }
.pc_submain dd { overflow: hidden; width: 365px; border-bottom: 1px dotted #e1dbdc; }
.pc_submain dd:last-child{border-bottom: 1px dotted #fff; }
.pc_submain dd a { float: left; padding: 10px; white-space: nowrap; }
.promotion { color: #fe6a37; }





.vv { margin:10px auto; }
.inews h3 {line-height: 38px; height: 38px;color: #48a226; font-size: 20px; padding-left:36px; background:url(../images/news_header.png) no-repeat 0px center;border-bottom: 3px solid #48a226; }
.inews h3 em { font-size: 10px; color: #ccc; padding-left: 5px; }

.bg_blue { background: #f2f6ff url('../images/hill.png') no-repeat center bottom; padding-bottom:110px }
.inews .iintro { width: 360px; float: left; background:#fafafa; margin-top:10px;  height:400px;}
.inews .iintro dt { margin: 0px; padding: 0px; }
.inews .iintro dt img { width: 360px; height:200px; }
.inews .iintro dd { padding:10px 15px; overflow: hidden; text-indent:2em; }
.inews .iintro dd a { color: #666666; font-size: 14px; line-height: 25px; }
.inews .iintro dd span { background:#48A226; color: #fff; padding:3px 10px; border-radius:5px; font-size: 12px;}
.inews .inewslist { width:380px; float: left; padding:10px; margin:10px 0 10px 20px; background:#fff; display:inline-block; height:380px;}
.inews .inewslist dt { text-align:center; margin-bottom:10px;}
.inews .inewslist dt .img { background: #f2f2f2; padding: 5px; display: block; }
.inews .inewslist dt img { width:370px; height: 100px; }
.inews .inewslist dd { line-height:30px; font-size:14px; min-height:30px;}
.inews .inewslist dd.inecon{ color: #999; font-size:12px; line-height: 20px; height: 60px; overflow: hidden; padding-bottom:10px; }
.inews .inewslist dd a { color: #333; line-height: 22px; }
.inews .inewslist dd a:hover { color: #48a226; text-decoration: underline; }
.inews .inewslist dd ul { border-top: 1px dashed #999; padding:10px 0px; }
.inews .inewslist dd ul li { height:24px; line-height: 24px; background:url(../images/icon-r.png) no-repeat 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:12px; }
.inews .inewslist dd span { float: right; line-height: 18px; font-size:12px; }


.beauty-wrap { width: 1158px; margin:0px auto; height:360px; border: 1px solid #e5e5e5; padding:20px; overflow: hidden; background: url(../images/xueyuan.gif) no-repeat 0 254px }
.beauty-wrap .beauty-l, .beauty-wrap .beauty-r { float: left }

.beauty-wrap .beauty-l { width:380px }
.beauty-wrap .beauty-l  dt { margin: 0px; padding: 0px; }
.beauty-wrap .beauty-l  dt img {width:380px; height:200px; }
.beauty-wrap .beauty-l  dd { padding:10px 0px; overflow: hidden; text-indent:2em; }
.beauty-wrap .beauty-l  dd a { color: #666666; font-size: 14px; line-height: 25px; }
.beauty-wrap .beauty-l  dd span { background:#48A226; color: #fff; padding:3px 10px; border-radius:5px; font-size: 12px;}

.beauty-wrap .beauty-r {width:778px }
.beauty-wrap .beauty-r .item { float: left; margin-left:18px; width:370px; height:360px; overflow: hidden }
.beauty-wrap .beauty-r .item .links { margin-top: 10px }
.beauty-wrap .beauty-r .item .links li{height:26px; line-height: 26px; background:url(../images/icon-r.png) no-repeat 0 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:12px; font-size:14px;}
.beauty-wrap .beauty-r .item em { float: right; line-height: 18px; font-size:12px; }

.beauty-wrap .beauty-r .item .img { display: block; width:370px; height:200px; position: relative }
.beauty-wrap .beauty-r .item .img img { width:370px; height:200px }
.beauty-wrap .beauty-r .item .img .border { z-index: 1; position: absolute; width:368px; height:198px; top: 0; left: 0; border: 0 }
.beauty-wrap .beauty-r .item .img:hover .border { border: 1px solid #48a226 }
.beauty-wrap .beauty-r .item .img .desc-wrap { height: 28px; line-height: 28px; position: absolute; width: 100%; bottom: 0; left: 0; text-align: center }
.beauty-wrap .beauty-r .item .img .desc-wrap .type { width: 50px; height: 28px; display: block; background: #48a226; float: left; color: #fff; font-size: 14px }
.beauty-wrap .beauty-r .item .img .desc-wrap .desc { width:320px; height: 28px; display: block; background: #fff; background: rgba(255,255,255,.8); float: right; font-size: 14px }


.call-us { padding:10px 0; }
.call-us h3 { display: none; }
.call-us .content { text-align: center; }

.ifaq{width:1198px; margin:10px auto; border:1px solid #D8D8D8; position:relative; height:190px;}
.aqa{width:34px; height:95px;background:url(../images/outoprice.png) no-repeat 0 0; text-indent:-999px;display:block; position:absolute; left:-34px; top:-1px; z-index:999;}
.ifaq ul{padding:5px 0px 0 3px; overflow:hidden;}
.ifaq li{ width:580px; display:inline-block; float:left; margin:8px 0 0 8px; height:90px;}
.ifaq li p{color:#333;margin-bottom:7px;padding-left:35px; text-align:left; line-height:22px;}
.ifaq li .question{background:url(../images/qab.gif) no-repeat 0 0;height:25px;line-height:25px;overflow:hidden; font-weight:bold;}
.ifaq li .answer{background:url(../images/qab.gif) no-repeat 0 -100px;overflow:hidden;}
.faq{width:138px; height:32px;background:url(../images/qa.png) no-repeat 0 0; display:block; position:absolute; left:0px; top:-32px; z-index:999;}


.service {width:1200px;margin:30px auto 10px auto; font-size: 12px;   clear:both; }
.service .service-item { padding-left: 15px; overflow: hidden; width:220px; float:left;}
.service .service-item .icon { width: 58px; height: 58px; float: left; }
.service .service-item .info { font-size: 16px; padding-left: 15px; margin-left: 50px; padding-top: 10px; }
.service .service-item h3 { font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; }
.service .service-item:last-child { border-right: none; }


.ilink{width:1200px;margin:10px auto;}
.ilink .ilink-tit {height: 36px; line-height: 36px; background: url("../images/guide-line.png") center repeat-x; text-align: center; }
.ilink h2 { position: relative; display: inline-block; font-size:24px; color: #333; background: #fff; padding: 0 30px; }
.ilink p{ margin:0px auto;text-align:left; line-height:24px;}
.ilink p a{ float:left;margin:2px 15px 2px 0; color:#333; white-space:nowrap;display:inline-block; }

/*body { background-color: #f7f7f7; }*/

.idevice {width:1200px;margin:10px auto; position: relative }
.idevice h3 {line-height: 38px; padding-left:28px; height: 38px; background: url(../images/device.png) no-repeat 0px center; border-bottom: 3px solid #ddd; color: #333; font-size: 20px; }
.idevice h3 em { font-size: 10px; color: #ccc; padding-left: 5px; }


a.abtn{display:block;height:260px;width:17px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-34px 50%;}
a.aright{float:right;background-position:-17px 50%;}
a.agrayright{cursor:default;background-position:-51px 50%;}

.scrolllist{width:1200px;margin:20px auto;}
.scrolllist .imglist_w{width:1160px;height:300px;overflow:hidden;float:left;position:relative;}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:270px;float:left;margin: 0 10px;}
.scrolllist .imglist_w li img{padding:2px;border:solid 1px #eee; width:265px; height:260px;}
.scrolllist .imglist_w li p{height:30px;line-height:28px; text-align:center;overflow:hidden; background:#fafafa; font-size:14px;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;border:solid 1px #48A226;}
.scrolllist .imglist_w li a:hover p{ background:#48A226; color:#fff; font-weight:bold;}






/*.idevice .dtent {border: 1px solid #ddd;}
.idevice .dtent li { display: inline-block; margin:13px 0px 13px 13px; background:#f2f2f2; padding:10px 0; font-size: 14px; text-align: center; width:280px; overflow:hidden;}
.idevice .dtent li img { width:260px; height:220px; -webkit-transition: .6s; transition: .6s; }
.idevice .dtent li img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.idevice .dtent li a { color: #666; font-weight: bold; }
.idevice .dtent li span { line-height: 30px; display:block; height:28px; line-height:28px; width:260px; background:#ddd; border-radius:5px; margin:10px auto 0 auto;}*/


.igoods{ /*display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;*/ margin:20px 0 0 -10px; }
.igoods .goods-item { position: relative; box-sizing: border-box; width:292.5px; float:left; margin:0 0 10px 10px; height: 210px; background-color: #eee; padding: 30px 20px; }
.igoods .goods-item:hover .goods-item-img { left: 106px; }
.igoods .goods-item a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.igoods .goods-item a h2 { color: #201F1F; font-size: 18px; }
.igoods .goods-item a p { color: #9B9B9B; font-size: 14px; }
.igoods .goods-item a img { position: absolute; top: 80px; left: 110px; transition: left 0.5s; -ms-flex-item-align: end; align-self: flex-end; }

.sublist{ width:1200px;margin:20px auto;height:460px;background-color:#fff;}
.sublist .list{float:left;width:238px;height:458px;border:1px solid #CCCCCC;border-left:none; margin-top:-1px;}
.sublist .list_first{width:239px;border-left:1px solid #CCCCCC;}
.sublist .list:hover{position:relative;-webkit-animation:dese 0.5s 1;-moz-animation:dese 0.5s 1;animation:dese 0.5s 1;box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px; margin-left:-1px; border:1px solid #48A226;}
.sublist .list_first:hover{ margin-left:0px;}

@-moz-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@-webkit-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}

.sublist .list .list_head{height:130px;position:relative;background:#f9f9f9;}
.sublist .list .list_head h2{padding-top:20px; font-weight:bold; color:#333; text-align:center; font-size:20px;}
.sublist .list .list_head p{margin-top:10px; text-align:center; font-size:14px;}

.sublist .list:hover .list_head{background-image:-webkit-linear-gradient(top, #449E24, #48A226);background-image:-moz-linear-gradient(top, #449E24, #48A226);background-image:-ms-linear-gradient(top, #449E24, #48A226);}
.sublist .list:hover .list_head h2{color:#fff;}
.sublist .list:hover .list_head p{color:#fff;}

.sublist .list img{position:absolute;bottom:-33px;left:50%;margin-left:-33px;height:66px;width:66px;z-index:1; border-radius:50%; background:#fff; border:1px solid #ddd; overflow:hidden;}

.sublist .list .list_content_box{padding:40px 10px 10px 10px;background:#fff;text-align:left;}
.sublist .list .list_content_box ul{height:100%; margin:5px auto;}
.sublist .list .list_content_box ul li{float: left; line-height:24px; position: relative; font-size: 14px; margin:0 15px 5px 0; color:#333;}
.sublist .list .list_content_box ul li a { display:inline-block; color: #606161; padding:3px 12px; background:#f2f2f2; border-radius:15px;}
.sublist .list .list_content_box ul li a:hover { color: #fff; background:#48A226; border-radius:15px;}


.ilink{width:1200px;margin:10px auto;}
.ilink .ilink-tit {height: 36px; line-height: 36px; background: url("../images/guide-line.png") center repeat-x; text-align: center; }
.ilink h2 { position: relative; display: inline-block; font-size:24px; color: #333; background: #FAFAFA; padding: 0 30px; }
.ilink p{ margin:0px auto;text-align:left; line-height:24px;}
.ilink p a{ float:left;margin:2px 15px 2px 0; color:#333; white-space:nowrap;display:inline-block; }
.logo-wall{display: flex; flex-wrap: wrap; justify-content: space-between; height:100px; margin-top:10px;}
.logo-wall li{width: 230px; height: 93px; border: 1px solid #dcdcdc; background-color: #fff; display: flex; justify-content: center; align-items: center;}