.index_icon{background: url(/static/imges/index_icon.png) no-repeat}
.banner_icon{background: url(/static/images/banner/bananr_icon.png) no-repeat}
/*娴锋姤*/
.nfirstScreen {position: relative;width: 100%;height: 506px;min-width: 990px;overflow: hidden;z-index: -1;padding-top: 10px;}
.nfirstScreen .fw-bg {position: absolute;top: 0;left: 0;width: 100%;height: 490px;overflow: hidden;}
.nfirstScreen .fw-bg img {position: absolute;width: 545px;height: 490px;left: 50%;top: 0;}
.nfirstScreen .fw-bg img.fw-bg-left {margin-left: -950px;}
.nfirstScreen .fw-bg img.fw-bg-right {margin-left: 425px;}
.nfirstScreen {min-width: 1190px}
.nfirstScreen .banner-wrapper {position: relative;width: 100%;height: 490px;overflow: hidden}
.nfirstScreen .banner-wrapper .banner {position: absolute;width: 100%;height: 490px;top: 0;left: 0;overflow: hidden}
.nfirstScreen .banner-wrapper .banner ul {position: absolute;width: 100%;height: 490px;top: 0;left: 0;overflow: hidden}
.nfirstScreen .banner-wrapper .banner li {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 490px}
.nfirstScreen .banner-wrapper .banner li a {position: absolute;display: block}
.nfirstScreen .banner-wrapper .banner li img {display: block}
.nfirstScreen .banner-wrapper .banner li a.big {top: 0;left: 50%;margin-left: -438px;width: 900px;height:490px}
.nfirstScreen .banner-wrapper .banner li a.big img {width: 900px;height: 490px}
.nfirstScreen .banner-wrapper .banner li.current {display: block}
.nfirstScreen .banner-wrapper a.btn {position: absolute;display: none;width: 12px;height:50px;top: 180px;background: url(/static/imges/index_icon.png);}
.nfirstScreen .banner-wrapper a.btn-left {left: 50%;margin-left: -305px;background-position: -82px -145px}
.nfirstScreen .banner-wrapper a.btn-right {right: 50%;margin-right: -325px;background-position: -116px -145px}
.nfirstScreen .banner-wrapper a.btn-left:hover {background-position: -161px -145px}
.nfirstScreen .banner-wrapper a.btn-right:hover {background-position: -198px -145px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper {position: absolute;top: 323px;width: 100%;height: 20px;text-align: center;font-size: 0}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav {position: relative;display: inline-block; opacity: .8;padding: 0 8px 0 0;height: 20px;margin-left: 100px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav a {position: relative;display: inline-block;margin-left: 8px;width: 20px;height: 20px;background: url(/static/imges/index_icon.png) -26px -100px;color: #FFF}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav a.current {background-position: 0 -100px}
.nfirstScreen .banner-wrapper .banner li a.big {margin-left: -438px}
.nfirstScreen .banner-wrapper a.btn-left {margin-left: -429px}.nfirstScreen .banner-wrapper a.btn-right {margin-right: -452px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav {margin-left: 0}
.nfirstScreen .first-right {position: absolute;top: 10px;right: 0;width: 190px;height: 490px;background: #FFF;overflow: hidden}
.nfirstScreen .first-right {margin-left: 460px}
.nfirstScreen .first-right .first_login .first_login_min{width: 65px; height: 65px; border-radius: 50%; margin: 12px auto;background: #f6f6f6;margin-bottom: 5px;}
.nfirstScreen .first-right .first_login .first_login_min img{display: block;width: 52px; height: 52px; border-radius: 50%;padding: 6px; margin-bottom: 5px;}
.nfirstScreen .first-right .first_login .first_bnt a{display: block; width: 70px; height: 22px;border-radius:5px ; line-height: 22px; border: 1px solid #ce2620;color: #ce2620;float: left;margin-left: 16px; text-align: center;}
.nfirstScreen .first-right .first_login .first_bnt .active{ background: #ce2620; color: #FFFDEF;border: 1px solid #ce2620;}
/*.nfirstScreen .first-right .first_login .first_bnt a:hover{background: #ff500b; color: #FFFFFF;border: 1px solid #ff500b;}*/
.nfirstScreen .first-right .first_login h5{font-size: 12px;color: #888888;}
.nfirstScreen .first-right .m_service .user-info-tab{width: 100%;height: 45px;cursor: pointer;}
.nfirstScreen .first-right .m_service .user-info-tab .uit_tit{list-style: none;width: 42%;padding: 22px 0 8px;background: #fff;text-align: center;border-bottom: 1px solid #eee;float: left;font-size: 12px;}
.nfirstScreen .first-right .m_service .user-info-tab .active {/*border-bottom: 1px solid #cf121b;*/color: #CE2620;}
.nfirstScreen .first-right .m_service .user-info-svr {height: 126px;background: #fff;padding: 20px 0 10px;width: 100%; overflow: hidden;}
.nfirstScreen .first-right .m_service .user-info-svr a {text-align: center;float: left;width: 33.33%;height: 70px;cursor: pointer;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;}
.nfirstScreen .first-right .m_service .user-info-svr a em {display: block;font-style: normal;line-height: 24px;font-size: 12px;color: #666666;}
.nfirstScreen .first-right .m_service .user-info-svr a i{font-size: 20px; color: #ce2620; }
.nfirstScreen .first-right .m_service .heingt{height: 10px; width: 100%; background: #f6f6f6;}
.nfirstScreen .first-right .user-info-svr a:hover{ -webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px); }
.nfirstScreen .first-right .user-info-svr a:hover em{color: #ce2620;}
.nfirstScreen .first-right .uset_nwe_box{padding: 10px; }
.nfirstScreen .first-right .uset_nwe_box .uset_txet strong{font-size: 14px;font-weight: bold; color: #333; display: block;float: left; padding-left: 10px;}
.nfirstScreen .first-right .uset_nwe_box .uset_txet strong:before{content: "";width: 2px;background: #ce2620;height: 16px;position: absolute;left:0px;top: 1px;}
.nfirstScreen .first-right .uset_nwe_box .uset_txet a{text-align: right; display: block;float:right; color: #999; font-size: 12px;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit{margin-top: 10px;height: 80px;overflow: hidden;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li { overflow: hidden; padding-bottom: 5px;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li span{ display: block; width: 35px; height: 18px; line-height: 18px; text-align: center;float: left;border-radius:5px ; color: #FFFFFF;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color1{background: #90b0c6;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color2{background: #e0b95a;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color3{background: #e47f7f;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li p{ font-size: 12px; width: 170px; margin-left:10px ;line-height: 18px;float: right; color: #888888;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li a:hover p{color: #ce2620;}
.js-user-in .uis-icon .banner_icon{width: 32px;height: 32px;display: block;}
.js-user-in .uis-icon .banner_icon01{background-position: 6px 4px;}
.js-user-in .uis-icon .banner_icon02{background-position: -24px 4px;}
.js-user-in .uis-icon .banner_icon03{background-position:-54px 4px;}
.js-user-in .uis-icon .banner_icon04{background-position: -85px 5px;}
.js-user-in .uis-icon .banner_icon05{background-position: -114px 4px;}
.js-user-in .uis-icon .banner_icon06{background-position: -142px 4px;}
.js-user-in .uis-icon .banner_icon07{background-position: -173px 6px;}
.js-user-in .uis-icon .banner_icon08{background-position: -203px 4px;}
.js-user-in .uis-icon .banner_icon09{background-position: -269px 5px;}
.js-user-in .uis-icon .banner_icon10{background-position: -236px 5px;}
/* big banner */
.mod-banner-box { height: 500px; position: relative; top: 0; left: 0; min-width: 1200px; }
.mod-banner-box .mod-box { position: relative; height: 0; }
.mod-roller-big-brand { text-align: center; overflow: hidden; position: absolute; top: 0; left: 204px; bottom: 0; right: 0; width: 796px; height: 360px;}
.mod-roller-big-brand ul li { height: 500px; }
.mod-roller-big-brand ul li a { position: relative; overflow: hidden; display: block; height: 500px; margin: 0 auto; }
.mod-roller-big-brand ul li .sign { position: absolute; left: 250px; bottom: 95px; -webkit-opacity: 0.3; opacity: .3; filter: alpha(opacity=30); background-color: #000; width: 32px; height: 20px; overflow: hidden; color: #fff; font-size: 12px; text-align: center; }
.mod-roller-big-brand ul li img { width: 100%; vertical-align: top; }
.mod-roller-big-brand .flex-control-nav { display: inline-block; line-height: 8px; vertical-align: top; position: absolute; bottom: 15px; width: 300px; left: 50%; margin-left: -167px; }
.mod-roller-big-brand .flex-control-nav li { display: inline-block; margin: 0 3px 0 2px; }
.mod-roller-big-brand .flex-control-nav li a { display: inline-block; width: 6px; height: 6px; border-radius: 6px; background-color: #fff; vertical-align: top; opacity: 0.5; border: 1px solid #b2b2b2; border-color: rgba(0, 0, 0, 0.3); font-size: 0; }
.mod-roller-big-brand .flex-control-nav li a.flex-active { width: 15px; }
.mod-roller-big-brand .flex-direction-nav{/*width:796px; height: 80px; margin: 140px auto; overflow: hidden; */position: relative;}
.mod-roller-big-brand .flex-direction-nav li { height: auto; }
.mod-roller-big-brand .flex-direction-nav a { position: absolute; width: 20px; height: 80px; padding: 0; font-size: 0; line-height: 0; overflow-y: hidden; background: url(/static/imges/icon-flex-big-nav.png) no-repeat 0 0; }
.mod-roller-big-brand .flex-direction-nav a.flex-next { background-position: -20px 0; top: 135px; right: 12px;}
.mod-roller-big-brand .flex-direction-nav a.flex-prev{ top: 135px; left: 20px;}
.first-hc {position: absolute;bottom: 16px;left: 202px;width: 796px;height: 118px;overflow: hidden}
.four-hc {position: absolute;top: 0;left: 0;width: 616px;height: 122px}
.four-hc ul{margin-left: -10px;}
.four-hc li {float: left;position: relative;width:258px;height: 122px;background: #FFF;margin-left: 2px;opacity: .96;cursor: default;margin-left:10px;}
.four-hc li .title {font-size: 17px;font-weight: bold;display: block;position: relative;z-index: 1;width: 95px;height: 22px;line-height: 22px;font-weight: bold;margin: 10px 0 0 7px;overflow: hidden;word-break: break-all}
.four-hc li .desc {display: block;position: relative;z-index: 1;width: 130px;height: 26px;line-height: 26px;font-size: 14px;margin: 1px 0 0 7px;overflow: hidden;word-break: break-all;color: #666}
.four-hc li img.pro {display: block;position: absolute;right: 0;/*bottom: 6px;width: 110px;height: 110px;*/}
.first-cover {position: absolute;top: 0;left: 2px;width: 100%;height: 122px;background: #fff;opacity: .5;filter: alpha(opacity=50)}
.four-hc {width: 880px}
.four-hc li:hover{opacity: 0.8;}
.four-hc li .title {margin: 10px 0 0 12px}
.four-hc li .desc {margin: 1px 0 0 12px}.four-hc li img {right: 10px}
.animate-hc {display: none;position: absolute;top: 0;left: 2px;width: 880px;height: 122px}
.animate-hc li.item {float: left;width: 53px;height: 122px}
.animate-hc li.item .label {width: 53px;height: 122px;background: #FFF;background: #FFF url(/static/imges/index_icon.png) -443px -165px no-repeat}
.animate-hc li.item .label p {padding-top: 6px;width: 20px;font-weight: bold;margin: 0 auto;font-size: 16px;line-height: 20px;cursor: default}
.animate-hc li.item .hclist {display: none;width: 455px;height: 122px}
.animate-hc li.item .hclist .zhc {position: relative;float: left;margin: 18px 0 0 30px;width: 203px}
.animate-hc li.item .hclist .zhc .title {font-size: 22px;line-height: 29px;color: #FFF;font-weight: bold;width: 130px;height: 29px;overflow: hidden}
.animate-hc li.item .hclist .zhc .desc {font-size: 16px;color: #fff;height: 21px;line-height: 21px;width: 130px;overflow: hidden}
.animate-hc li.item .hclist .zhc img {position: absolute;right: 0;top: 3px;width: 80px;height: 80px;background: 0}
.animate-hc li.item ul {float: left;margin: 10px 0 0 23px}
.animate-hc li.item ul li {position: relative;float: left;width: 78px;margin: 0 20px 0 0}
.animate-hc li.item ul li a {display: block;width: 100%;height: 100%}
.animate-hc li.item ul li img {display: block;width: 70px;height: 70px;margin: 5px 4px 0;background: 0;border-radius: 3px;box-shadow: 0 0 2px 1px #eee}
.animate-hc li.item ul li p.title {width: 78px;height: 16px;line-height: 16px;overflow: hidden;color: #333;text-align: center}
.animate-hc li.item ul li .desc-wrapper {position: relative;width: 78px;top: -8px;height: 18px;color: #FFF;line-height: 18px;text-align: center;font-size: 12px}
.animate-hc li.item ul li .desc-wrapper .desc {width: 78px;height: 18px;word-break: break-all;overflow: hidden;text-align: center}
.animate-hc li.item ul li .desc-wrapper .angle {position: absolute;width: 0;height: 0;top: -4px}
.animate-hc li.item ul li .desc-wrapper .angle-left {left: 0;border-width: 4px 4px 0 0;border-style: solid;border-color: transparent #999 transparent transparent}
.animate-hc li.item ul li .desc-wrapper .angle-right {right: 0;border-width: 0 4px 4px 0;border-style: solid;border-color: transparent transparent #999 transparent}
.animate-hc li.item ul li.item3 {display: none}
.animate-hc li.cur {height: 122px}
.animate-hc li.cur .label {display: none}
.animate-hc li.cur .hclist {display: block}
.animate-hc li.item .label-bg1 {background: #FFF url(/static/imges/index_icon.png) -497px -165px no-repeat}
.animate-hc li.item .hclist .zhc .go .icon {width: 10px;height: 10px;display: block;position: absolute;left: 39px;top: 8px;background: url(/static/imges/index_icon.png) -70px -37px no-repeat}
.animate-hc {width: 880px}
.animate-hc li.item .hclist {display: none;width: 718px} .animate-hc li.item .hclist .zhc {margin: 18px 0 0 30px}
.animate-hc li.item ul {margin-left: 63px}
.animate-hc li.item ul li {margin: 0 40px 0 0}
.animate-hc li.item ul li.item3 {display: block}
.animate-hc li.cur .label {display: none}
.animate-hc li.cur .hclist {display: block}
/*娲诲姩鎺ㄨ崘浜у搧*/
.lift-target{background: #F6F6F6;}
.d_product_box{background: #f6f6f6; }
.xin_product{width: 640px;background: #FFFFFF;overflow: hidden;padding: 10px;padding-bottom: 0;display: inline-block;}
.xin_product .xin_product_top{float: left;}
.xin_product .xin_product_top h1{font-size: 22px;color: #333333;padding: 10px 0;font-weight: bold;}
.xin_product .xin_product_top h1 em{font-size: 12px;color: #999999; padding-left: 10px;}
.xin_product .xin_product_nav{float: right; padding: 15px 0;}
.xin_product .xin_product_nav ul{display: inline-block;}
.xin_product .xin_product_nav ul li{display: inline-block;font-size: 12px;padding: 0 10px;position: relative;}
.xin_product .xin_product_nav ul li a{color: #888888;font-size: 14px;}
.xin_product .xin_min{;overflow: hidden;}
.xin_product .xin_min .xin_product_list_left{ width: 220px; height: 298px;padding: 10px 0;background: #F5F5F5;}
.xin_product .xin_min .xin_product_list_left .xin_img{width: 160px; height: 160px;margin: 0 auto;}
.xin_product .xin_min .xin_product_list_left p{font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;font-weight: bold;text-align:center;}
.xin_product .xin_min .xin_product_list_left .xin_img img{display: block; width: 100%;transition: all .2s;}
.xin_product .xin_min .xin_product_list_left .xin_img:hover img{transform: scale(1.07);}
.xin_product .xin_min .xin_product_list_left:hover p{color: #CE2620;}
.xin_product .xin_min .xin_product_list_left span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;display: block;}
.xin_product .xin_min .xin_product_list_left em{display: block;font-size:12px;background: #CE2620;color: #FFFFFF;left: 0;top: 0; width: 60px;height: 20px;border-radius:0 0 10px 0 ;position:absolute;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt{width: 420px;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list{height: 134px; width: 200px; padding: 10px 0;margin-left: 10px;background: #f6f6f6;margin-bottom: 10px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list .xin_img{width: 120px; height: 100px;margin: 0 auto;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list .xin_img img{display: block; width: 100%;transition: all .2s;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list p{font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list em{display: block;font-size:12px;background: #CE2620;color: #FFFFFF;left: 0;top: 0; width: 60px;height: 20px;border-radius:0 0 10px 0 ;position:absolute;text-align: center;}
.xin_product .slideTxtBox .hd{ height:30px; position:relative;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list .xin_img:hover img{transform: scale(1.07);}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list:hover p{color: #CE2620;}
.xin_product .xin_product_nav ul li.on a{color: #CE2620;}
.xin_product .xin_product_nav ul li.on:before{content: "";width: 40px;background: #ce2620;height: 2px;position: absolute;left: 16px;top:22px;}
.d_product_rihgt{width: 510px;background: #FFFFFF;overflow: hidden;padding: 10px;padding-bottom: 0;display: inline-block;margin-left: 10px;}
.d_product_rihgt .xin_product_top{float: left; height: 60px;}
.d_product_rihgt .xin_product_top h1{font-size: 22px;color: #333333;padding: 10px 0;font-weight: bold;}
.d_product_rihgt .xin_product_top h1 em{font-size: 12px;color: #999999; padding-left: 10px;}
.d_product_rihgt .xin_product_nav{float: right; padding: 15px 0;}
.d_product_rihgt .xin_min{;overflow: hidden;height: 328px;}
.d_product_rihgt .xin_min .xin_product_list_left{ width: 190px; height: 298px;padding: 10px 0;background: #F5F5F5;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img{width: 150px; height: 150px;margin: 0 auto;padding-top: 20px;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img img{display: block; width: 100%;transition: all .2s;}
.d_product_rihgt .xin_min .xin_product_list_left p{transition: all .2s;font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;font-weight: bold;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img:hover img{transform: scale(1.07);}
.d_product_rihgt .xin_min .xin_product_list_left:hover p{color: #CE2620;}
.d_product_rihgt .xin_min .xin_product_list_left span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;display: block;}
.d_product_rihgt .xin_min .xin_product_list_left em{display: block;font-size:12px;background: #CE2620;color: #FFFFFF;left: 0;top: 0; width: 60px;height: 20px;border-radius:0 0 10px 0 ;position:absolute;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_rihgt{width: 316px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list{ width: 146px; padding: 10px 0;margin-left: 10px;margin-bottom: 10px;text-align: center;border: 1px solid #f6f6f6;height: 77px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list .xin_img{width: 80px; margin: 0 auto;height: 40px;overflow: hidden;margin-top: 10px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list .xin_img img{display: block; width: 100%;transition: all .2s;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list p{font-size: 14px;color: #666666;padding: 12px 5px 5px 5px;text-align: center;font-family: "寰蒋闆呴粦" impact;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list .xin_img:hover img{transform: scale(1.07);}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list:hover p{color: #CE2620;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list em{display: block;font-size:12px;background: #CE2620;color: #ffefef;right: 0;top: 0; width: 60px;height: 20px;border-radius: 0 0 0 12px;position:absolute;text-align: center;line-height: 20px;}
.d_product_rihgt .xin_min .logo_img{width: 80px;margin: 0 auto; padding-top: 10px;}
.d_product_rihgt .xin_min .logo_img img{display: block;width: 100%;}
/*浜у搧鎺ㄨ崘*/
.recommended_box {background: #F6F6F6; padding-top: 15px;}
/*.recommended_min {background: #FFFFFF; padding: 20px 0;}*/
.recommended_min .recommended_txet{padding: 0 15px;display: inline-block;}
.recommended_min .recommended_txet h1{line-height: 45px;font-size: 24px;font-weight: 600;color: #4a4a4a}
.recommended_min .recommended_txet h1 em{font-size: 14px;color: #999999;padding-left:5px ;}
.recommended_min .recommended_nav ,.recommended_tab_rihgt{display: inline-flex;}
.recommended_min .recommended_nav{padding: 0px 20px;}
.recommended_min .recommended_nav ul li{display: inline-block;font-size: 12px;padding: 0 15px;position: relative;}
.recommended_min .recommended_nav ul li a{color: #888888;font-size: 14px;}
.recommended_min .recommended_nav ul li.on a{color: #CE2620;}
.recommended_min .recommended_nav ul li.on{background: #FFFFFF;border: 1px solid #CE2620; transition: all .2s;}
/*.recommended_min .recommended_nav ul li.on:before{content: "";width: 50px;background: #ce2620;height: 2px;position: absolute;left: 50%;top:35px;margin-left: -22px;}*/
.recommended_min .recommended_tab_rihgt{float: right; padding-right: 20px; padding: 11px 20px 0 0px;}
.recommended_min .recommended_tab_rihgt a{ color:#999999;font-size: 12px;}
.recommended_min .recommended{height: 45px;/*border-bottom: 1px solid #f6f6f6;*/padding: 14px 0;background: #FFFfff;}
.recommended_min .recommended_nav ul li {
display: inline-block;
font-size: 12px;
padding: 0 15px;
position: relative;
background: #f6f6f6;
border-radius: 4px;
margin-right: 7px;
margin-top: 5px;
border: 1px solid #f6f6f6;
}
.recommended_min .recommended_nav ul li a {line-height: 32px;}
/*鐑攢鎺ㄨ崘*/
.recommended_min .recommended_tab .hotrd_list ul{margin-right: -13px; }
/*.recommended_min .recommended_tab .hotrd_list ul li{display: inline-block;width: 19.5%;border-left:0 ;border-top:0 ;padding: 10px 0;}*/
.recommended_min .recommended_tab .hotrd_list ul li .rd_img{;width:200px; margin: 0 auto;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_img img{display: block;width: 100%;transition: all .2s;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet h1{font-size: 14px;color: #4a4a4a;text-align: center;line-height: 30px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet p{font-size: 12px;color: #9b9b9b;text-align: center;line-height: 20px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet span{font-size: 12px;color: #9b9b9b;text-align: center;display: block;line-height: 20px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet span em{color: #CE2026; line-height: 20px;}
.recommended_min .recommended_tab .hotrd_list ul li:hover h1{color: #CE2620;}
.recommended_min .recommended_tab .hotrd_list ul li:hover img{transform: scale(1.07);}
.recommended_min .recommended_tab .hotrd_list ul li h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.recommended_min .recommended_tab .hotrd_list{width: 830px;float: right;height: 562px;overflow: hidden;background: #FFFFFF;padding-left: 10px;}
.recommended_min .recommended_tab .hotrd_list ul li {display: inline-block;width: 262px;border-left: 0;border-top: 0;padding: 10px 0;background: #f6f6f6;margin-bottom: 10px;margin-right: 10px;height: 252px;}
/*妤煎眰鏍峰搧*/
.recommended_min .recommended_tab .recommended_list ul{margin-right: -13px; background: #f6f6f6;}
.recommended_min .recommended_tab .recommended_list ul li{display: inline-block;border: 1px solid #F6F6F6; width: 209px;;padding: 10px;margin-right: 8px;background: #fff;margin-top: 10px;height: 246px;}
.recommended_min .recommended_tab .recommended_list ul li .rd_img{;width: 180px; margin: 0 auto;}
.recommended_min .recommended_tab .recommended_list ul li .rd_img img{display: block;width: 100%;transition: all .2s;}
.recommended_min .recommended_tab .recommended_list ul li .rd_txet h1{font-size: 14px;color: #4a4a4a;text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recommended_min .recommended_tab .recommended_list ul li .rd_txet p{font-size: 12px;color: #9b9b9b;text-align: center;line-height: 30px;}
.recommended_min .recommended_tab .recommended_list ul li .rd_txet span{font-size: 12px;color: #9b9b9b;text-align: center;display: block;line-height: 20px;}
.recommended_min .recommended_tab .recommended_list ul li .rd_txet span em{color: #CE2026; line-height: 20px;}
.recommended_min .recommended_tab .recommended_list ul li:hover h1{color: #CE2620;}
.recommended_min .recommended_tab .recommended_list ul li:hover img{transform: scale(1.07);}
.tj_img{float: left;width: 360px;}
.tj_img img{display: block;width: 100%;}
/*妤煎眰*/
.floor{ background:#fff; position: relative;/* border-bottom:1px solid #efefef*/}
.floor h2{height:55px; line-height: 55px; color: #4c4c4c; font-size:18px; font-weight: bold; border-bottom:1px solid #ededed}
.floor h2 em{color:#f53858; padding-right:5px; font-weight:bold}
.floor .activity{position: absolute; top:13px; left:110px;line-height: 30px;height: 30px; overflow: hidden; color: #666; font-size: 14px;}
.floor .activity a{ color:#ff7233}
.floor .activity a:hover{ text-decoration:underline}
.floor .activity .iconfont{ margin-right:3px;color:#ff7233; font-size:16px}
.floorLe{border-right:1px solid #efefef; width: 230px; height:450px; float: left; background:#f5f4f4; border-left:1px solid #ededed; position:relative; overflow:hidden}
.floorLe a{ display:inline-block}
.floorLe a img{ width:230px; height:470px;}
.floorLe .picFont{ position:absolute; top:50px; width:195px; text-align: left; line-height: 18px; z-index: 99; left:24px;}
.floorLe .picFont h4{font-size:20px; color: #484848; font-weight:bold; line-height:36px}
.floorLe .picFont p{font-size: 12px; color: #646464; padding-top:4px;}
.floorLe .picFont span{ display:inline-block; width:76px; height:21px; border:1px solid #ff7200; text-align:center; line-height:21px; font-size:12px; color:#ff7200; margin-top:6px}
.floorNav{ width:526px; height:448px; border-right:1px solid #efefef; float:left; }
.floorNav_box{ overflow: hidden; padding: 5px 6px 5px 15px; padding-bottom: 0;}
.floorNav li{ width:250px; height:98px; float:left; overflow: hidden; }
.floorNav li h5{ font-weight:bold; font-size:12px; color:#fe500b; line-height:34px}
.floorNav li a{ display:inline-block;color:#888888; /*height:24px;*/transition: all .3s; line-height:28px; margin-right:15px;}
.floorNav li a.on{color:#ff7200}
.floorNav li a:hover{color:#ff7200}
.floorNav_top{ border-bottom: 1px solid #f3f3f3;margin: 10px 0 0 0px; height: 30px; padding-left: 15px;}
.floorNav_top .fn_span{display: block; width: 2px; height: 16px;background: #F42424; float: left; margin-top: 2px;}
.floorNav_top strong{font-size: 15px; font-weight: bold; line-height: 20px;float: left; padding-left: 10px; }
.floorNav_top span{font-size: 12px;padding-left: 10px; color: #888888;}
.floorMd{width:969px; float:left;margin-left: -1px;}
.floorMd li{ float:left; border-left:1px solid #f6f6f6; width:241px; height:224px; border-bottom:1px solid #f6f6f6; position:relative; overflow:hidden;}
.floorMd li img{ width:140px; height:140px;margin: 0 auto; margin-top: 5px;display: block;}
.floor_icom{background: url(/static/images/er_tui.png) no-repeat;position: absolute;top: 0;right: 10px; width: 46px; height: 56px;background-size: 100% 100%;}
.floor_icom02{background: url(/static/images/tui_icom.png) no-repeat;position: absolute;top: 0;right: 10px; width: 46px; height: 56px;}
/*.floorMd li.liBig{ width:261px; height:262px; /*border-bottom:none;*/}
/*.floorMd li.liBig img{width:200px; height:200px;position: absolute;left:40px;bottom: 0; margin: 0 auto;}*/
.floorMd li a{ display:inline-block;}
.floorMd li .picFont{ text-align:center; line-height: 18px; z-index: 99; left:0px;}
.floorMd li .picFont h4{font-size:14px; color: #4a4a4a; font-weight:500; line-height:32px ;padding: 0 10px;}
.floorMd li .picFont span{font-size:12px; height:22px; color: #888; line-height:22px; display:inline-block; border:1px solid #fff; padding:0 10px;transition: all .3s;}
.floorMd li a:hover .picFont span,.floorMd li:hover .picFont h4{ color:#fe500b}
.floorMd li.liBig .picFont{ top:25px; width:262px;}
.floorMd li.liBig .picFont h4{ font-size:14px}
.floorMd li.liBig .picFont span{ font-size:14px; color:#ff4e02}
.floorRg{ width:209px; height:448px; border:1px solid #efefef; float:right; background:#FFFFFF; padding:0px 10px 0px 10px; border-top:0 ; border-bottom:0 ;}
.floorRg h3{ width:170px; height:25px; font-size:14px; color:#4c4c4c; line-height:25px; margin-bottom:6px;}
.floorRg a{transition: all .3s; color: #666666;}
.floorRg h3 a:hover{ color:#f53858}
.floorRg .floorRg_ico{ margin-bottom:10px}
.floorRg_banern ul li{width: 160px; height: 166px;background: #ffff; padding-bottom: 5px; }
.floorRg_banern ul li .f_b_imgbox{width: 110px; height: 110px; margin: 0 auto;}
.floorRg_banern ul li .f_b_imgbox img{display: block;width: 100%; height: 100%;}
.floorRg_banern ul li p{font-size: 12px; line-height: 20px; color:#666666; padding: 0px 10px;}
.floorRg_banern ul li span{color: #ce2620; font-weight:bold; line-height: 18px; font-size: 12px;padding: 0px 10px;}
.floorRg .productList{ width:170px; height:200px;overflow: hidden;}
.floorRg .productList li{ width:73px; height:40px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;border-radius:5px ; overflow: hidden; background: #FFFFFF;}
.floorRg .productList li img{ width:73px; height:40px; display: block;}
.floorRg .fl_list_title{height: 30px;margin-top: 5px;line-height: 30px;color: #4f4f4f;font-size: 14px;text-align: left;font-family: Microsoft YaHei; font-weight: 700;}
.floorRg ul li.baihao_item{height: 82px;border-bottom: 1px dashed #bfbfbf;position: relative;}
.floorRg ul li .category_item_order,.floorRg ul li .category_item_img_wrap,.floorRg ul li .category_-item-body{position: absolute;top: 0;bottom: 0;}
.floorRg ul li .category_item_order span{top: 0;bottom: 0;margin: auto;position: absolute;line-height: 15px;color: #fff;background-color: #fe500b;font-size: 12px;font-weight: 700; width: 15px;height: 15px;display: block;border-radius: 50%;text-align: center;}
.floorRg ul li .category_item_img_wrap{left: 20px;width: 65px;margin: 9px 0;}
.floorRg ul li .category_item_img_wrap img{width: 65px;height: 65px;display: block;}
.floorRg ul li .category_-item-body{ right: 0;width: 120px;text-align: left;margin: 10px 0;}
.floorRg ul li .category_-item-body p{line-height: 18px; color: #4f4f4f;height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 8px;}
.floorRg ul li .category_-item-body span{font-size: 12px;color: #f74951;font-weight: 700;}
.floorRg ul li.baihao_item:nth-child(n+4) .category_item_order span {background-color: #c6c6c6;}
.floorRg ul li.baihao_item:hover p{color: #fe500b;}
.floorRg ul li:hover .category_item_order span{background: #ce2620;}
.bg-rank-list-icon {width: 14px;height: 16px;background: url(/static/images/baiming.png) no-repeat;position: relative;top: 4px;display: inline-block;margin-right: 10px;}
.slideBox{ width:160px; height:170px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:65px; bottom:2px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:8px; height:8px; line-height:14px; text-align:center; background:#9999; cursor:pointer; border-radius:50% }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border-radius:50% ;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*鍥剧墖榧犳爣缁忚繃鏀惧ぇ*/
.floorLe img, .floorMd img, .productList img{ -webkit-transform: scale3d(1,1,1);-webkit-backface-visibility: hidden;transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transition: all .3s ease-out 0s; cursor:pointer}
.floorLe img:hover, .floorMd img:hover, .productList img:hover{-webkit-transform: scale3d(1.04,1.04,1.04);-moz-transform: scale(1.04,1.04);-o-transform: scale(1.04,1.04);transform: scale(1.04,1.04)}
/*鏂伴椈璧勮*/
.lfCircle,.mdInfo,.rgSchool{height:454px;background:#fff;position:relative; /*border:1px solid #f0f0f0*/}
.lfCircle{width:384px;float:left;margin:15px 0 0}
.lfCircle h2,.mdInfo h2,.rgSchool h2{height:49px;line-height:50px;border-bottom:1px solid #eaeaea;font-size:16px;font-weight:bold;padding-left:20px}
.lfCircle h2 em,.mdInfo h2 em,.rgSchool h2 em{color:#db2242;font-weight:bold;font-size: 16px;}
.lfCircle .more,.mdInfo .more,.rgSchool .more{position:absolute;right:20px;top:0px;width:90px;height:50px;text-align:right;line-height:50px;font-size:14px;color:#666}
.lfCircle .more:hover,.mdInfo .more:hover,.rgSchool .more:hover{color:#db2242}
.slideBox{ width:160px; height:170px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:65px; bottom:2px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:8px; height:8px; line-height:14px; text-align:center; background:#9999; cursor:pointer; border-radius:50% }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border-radius:50% ;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*姹囧弸鍦坰lide*/
.new_box{margin:20px auto;width:344px;height:170px;overflow:hidden;position:relative}
.new_box .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.new_box .hd ul{ overflow:hidden; zoom:1; float:left; }
.new_box .hd ul li{ float:left; margin-right:5px; width:10px; height:10px; line-height:14px; text-align:center; background:#FFFFFF; cursor:pointer; }
.new_box .hd ul li.on{ background:#f00; color:#fff;border: 1px solid #ce2620;}
.new_box .bd{ position:relative; height:100%; z-index:0; }
.new_box .bd ul { height:170px; position:absolute; z-index:88}
.new_box .bd ul li {float:left;width:340px;height:220px;overflow:hidden; position:relative;z-index:81 }
.new_box .bd ul li a img{ vertical-align:middle}
.new_box .btnBg { position:absolute; width:344px; height:30px;left:0;bottom:0;background:#fff; z-index:89; filter:alpha(opacity=80);opacity:.8}
.new_box .btn{ position:absolute; width:335px; height:10px;right:5px;bottom:10px;text-align:right; z-index:90}
.new_box .btn i{ display:inline-block;width:8px; height:8px;line-height:18px;margin-right:9px; cursor:pointer; background:transparent; border:solid 1px #db2242;vertical-align:top;overflow:hidden;text-indent:999em}
.new_box .btn i.on{ background:#db2242; color:#fcc; border:solid 1px #db2242 }
.newList{ width:344px; height:178px; padding:0 20px; overflow:hidden}
.newList li{ width:344px; height:28px; line-height:28px; font-size:14px;overflow:hidden}
.newList li a{ color:#444;transition: all .3s;}
.newList li a span{color:#ff580e}
.newList li a:hover{color:#ff580e}
/*鐑偣璧勮*/
.mdInfo{width:390px;float:left;margin:15px 0 0 20px}
.mdInfo li{height:90px;padding:5px 20px;overflow:hidden; border-bottom:1px solid #f7f7f7}
.mdInfo li .cellImg{float:left;margin-right:15px;width:70px;height:70px}
.mdInfo li .cellImg img{width:70px;height:70px}
.mdInfo li .title{height:28px;overflow:hidden;font-weight: normal; line-height:28px; font-size:14px}
.mdInfo li .title a{font-size: 14px;font-weight: bold;}
.mdInfo li p{height:42px;line-height:20px;color:#888;overflow:hidden;margin-bottom: 3px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mdInfo li a:hover{color:#db2242;}
.mdInfo li .shijin{padding-left: 86px;font-size: 12px;color: #999999;}
/*钀ラ攢涔嬪崡*/
.rgSchool{width:384px;float:right;margin:15px 0 0; border-bottom:none}
.rgSchool li{height:90px;padding:5px 20px;overflow:hidden; border-bottom:1px solid #F7F7F7}
.rgSchool li .cellImg{float:left;margin-right:15px;width:70px;height:70px}
.rgSchool li .cellImg img{width:70px;height:70px}
.rgSchool li .title{height:28px;overflow:hidden;font-weight: normal; line-height:28px; font-size:14px}
.rgSchool li .title a{font-size: 14px;font-weight: bold;}
.rgSchool li p{height:42px;line-height:20px;color:#888;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.rgSchool li a:hover{color:#db2242;}
.rgSchool ul li span{font-size: 12px;color: #999999; padding-left:86px; }
.rgSchool ul .shijin_right{padding-left: 0px;font-size: 12px;color: #999999;}
.stairsNav{display:block;width:50px;border-radius:5px ;background: #FFFFFF;overflow: hidden;z-index: 999999;-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);-moz-box-shadow: 1px 3px 38px #d4d4d4;box-shadow: 1px 3px 38px #d4d4d4;}
.stairsNav li {height:auto;text-align: center;padding: 0 5px;list-style: none; }
.stairsNav li .l_img {display: block; width: 20px; height:20px; margin: 0 auto;}
.stairsNav li .first{line-height: 16px;border-bottom: 1px solid #e0e0e0;padding: 10px 0;}
.stairsNav li.current .second {display: block;font-size: 12px;font-weight: bold;line-height: 20px;}
.stairsNav li.current{text-decoration: none;color: #FFF;background-repeat: no-repeat;font-weight: 700;background-repeat: repeat-x;background-image: -webkit-linear-gradient(135deg,#ff971b,#ff5000);background-image: -o-linear-gradient(135deg,#ff971b,#ff5000);background-image: linear-gradient(135deg,#ff971b,#ff5000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5000', endColorstr='#ffff6f06', GradientType=1);cursor: pointer;}
.stairsNav li.last{color: #FFFFFF;height:30px; line-height: 30px;background-repeat: no-repeat;font-weight: 700;background-repeat: repeat-x;background-image: -webkit-linear-gradient(135deg,#ff971b,#ff5000);background-image: -o-linear-gradient(135deg,#ff971b,#ff5000);background-image: linear-gradient(135deg,#ff971b,#ff5000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5000', endColorstr='#ffff6f06', GradientType=1);cursor: pointer;}
.stairsNav .current .first{border:0;}
.lift-nav{position: fixed;top: 155px;left: 60px;display: none;}
.lo_txet_box{height: 60px;border-bottom: 1px solid #f6f6f6;background: #FFFFFF;padding: 0 10px;display: flow-root;}
.lo_txet_box h1{line-height: 60px;color: #4c4c4c;font-size: 24px;font-weight: bold; }
/*.lo_txet_box h1 em{color: #FFFFFF;padding-right: 5px;font-weight: bold; display: block; width: 40px;height: 40px; float: left; padding-left:3px; font-size: 14px;}*/
/*.lo_txet_box h1 .lo_ico{background-position:-257px -56px }*/
/*.lo_txet_box h1 strong{display:inline-block;font-size: 24px;}*/
.lo_txet_box h1 em{font-size: 12px;color: #999999;padding-left: 10px;display:inline-block;}
.lo_txet_box .hotWords{line-height: 30px;height: 30px; overflow: hidden; color: #adadad; font-size: 12px; padding-top: 15px;}
.lo_txet_box .hotWords a{color: #7e7e7e; display: inline-block; margin:0 8px; height:27px; border-bottom:3px solid #fff;transition: all .3s;}
.lo_txet_box .hotWords a:hover{ color:#f53858; border-bottom:3px solid #f53858}
.lo_txet_box .hotWords a.on{ color:#f53858; border-bottom:3px solid #f53858}
.inx-agWrap{margin: 20px 0px;}
.inx-agWrap ul{margin-left: -20px; overflow: hidden;}
.inx-agWrap ul li{width: 224px; height: auto; float: left; margin-left: 20px;}
.inx-agWrap ul li .inx-agItm__show{width: 220px; height: 120px; margin: 0 auto; background: #F3F3F3; overflow:hidden; padding: 5px;}
.inx-agWrap ul li .inx-agItm__show img{display: block; width: 100%; height: 100%;}
.inx-agWrap ul li p{padding: 10px 10px; font-size: 14px; font-weight: bold; color: #333333; text-align: center;}
/*2021/9/28鏂板姞娴锋姤宸﹁竟鏍峰紡*/
.nfirstScreen .first-right .m_service .user-info-tab a{color: #666666}
.nfirstScreen .first-right .m_service .user-info-tab .active a{color: #CE2620;}
.nfirstScreen .first-right .m_service .user-info-svr a i{color: #FFFFFF;}
.nfirstScreen .first-right .m_service .user-info-svr a span{display: block;/*margin-bottom: 5px;*/display: inline-block;width: 32px;height: 32px;line-height: 32px;background-color: #ce2620;background: -webkit-linear-gradient(125deg, #ce2620, #ce2620);background: -moz-linear-gradient(125deg, #ce2620, #ce2620);background: linear-gradient(125deg, #ce2620, #ce2620);border-radius: 5px;box-shadow: 2px 2px 6px rgba(242, 50, 50, .2);}
.nfirstScreen .first-right .m_service .user-info-tab .active:before{content: "";width: 40px;background: #ce2620;height: 2px;position: absolute;left: 20px;top: 45px;}
.nfirstScreen .first-right .m_service .user-info-tab .kong.active:before{content: "";width: 40px;background: #ce2620;height: 2px;position: absolute;left: 34px;top: 45px;}
.floor_box .t3,.floor_box .t4,.floor_box .t5,.floor_box .t6{margin-top: 15px;}
.wi_banner {margin-top: 15px;}}
.lo_txet_box a:hover{color: #ce2620;}
/*20237.22 鏂板姞棣栭〉蹇€熷鑸�*/
.index_nav_box{
margin-top: 20px;
width: 1300px;
margin-left: 16px
}
.index_nav_3d ul{margin-left: -10px;}
.index_nav_3d ul li {
margin-bottom: 10px;
height: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 20px 0 28px;
width: 345px;
float: left;
margin-left: 10px;
cursor: pointer
}
.index_nav_3d ul li:last-child {
margin-bottom: 0
}
.index_nav_3d ul li .txt {
width: 170px;
margin-right: 50px
}
.index_nav_3d ul li .txt h3 {
font-size: 18px;
font-weight: 700;
color: #3a3a3a;
padding-top: 36px;
-webkit-transition: all .3s;
transition: all .3s
}
.index_nav_3d ul li .txt p {
font-size: 14px;
color: #999;
margin-top: 10px;
-webkit-transition: all .3s;
transition: all .3s
}
.index_nav_3d ul li .txt .line {
margin-top: 20px
}
.index_nav_3d ul li .img {
width: 130px;
height: 130px;
position: relative
}
.index_nav_3d ul li .img img {
position: absolute;
}
.index_nav_3d ul li .bg1 {
background: url(/static/images/3d01.png) 50% no-repeat
}
.index_nav_3d ul li .bg2 {
background: url(/static/images/3d09.png) 50% no-repeat
}
.index_nav_3d ul li .bg3 {
background: url(/static/images/3d08.png) 50% no-repeat
}
.index_nav_3d ul li .animation01 {
top: 22px;
left: 64px
}
.index_nav_3d ul li .animation02 {
top: 48px;
left: 86px;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.index_nav_3d ul li .animation03 {
right: 16px;
bottom: 19px;
}
.index_nav_3d ul li .animation04 {
top: 22px;
left: 92px
}
.index_nav_3d ul li .animation05 {
top: 37px;
left: 6px;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.index_nav_3d ul li .animation06 {
top: 15px;
left: 25px
}
.index_nav_3d ul .nav_3d01{background: url(/static/images/dg01.png) no-repeat top/100% auto;}
.index_nav_3d ul .nav_3d02{background: url(/static/images/modelBg02.png) no-repeat top/100% auto;}
.index_nav_3d ul .nav_3d03{background: url(/static/images/modelBg03.png) no-repeat top/100% auto;}
.index_nav_3d ul li .animation07 {
top: 54px;
left: 78px;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.index_nav_3d ul li:hover .animation01 {
-webkit-animation: animation01 1.5s linear infinite alternate;
animation: animation01 1.5s linear infinite alternate
}
.index_nav_3d ul li:hover .animation02 {
/* top:46px; */
left: 48px;
}
.index_nav_3d ul li:hover .animation03 {
right: 6px;
bottom: 18px;
-webkit-animation: animation03 1.5s linear infinite alternate;
animation: animation03 1.5s linear infinite alternate
}
.index_nav_3d ul li:hover .animation04 {
-webkit-animation: animation04 1.5s linear infinite alternate;
animation: animation04 1.5s linear infinite alternate
}
.index_nav_3d ul li:hover .animation05 {
top: 37px;
left: 36px
}
.index_nav_3d ul li:hover .animation06 {
-webkit-animation: animation06 1.5s linear infinite alternate;
animation: animation06 1.5s linear infinite alternate
}
.index_nav_3d ul li:hover .animation07 {
top: 54px;
left: 38px
}
@-webkit-keyframes animation01 {
0% {
left: 64px
}
to {
-webkit-transform: translate(-30px, 8px);
transform: translate(-30px, 8px)
}
}
@keyframes animation01 {
0% {
left: 64px
}
to {
-webkit-transform: translate(-30px, 8px);
transform: translate(-30px, 8px)
}
}
@-webkit-keyframes animation03 {
0% {
/*top:30px;*/
/*bottom: 30px;*/
}
to {
-webkit-transform: translate(40px, 30px);
transform: translate(-40px, -20px)
}
}
/*@keyframes animation03 {
0% {
top: 20px;
left: 26px
}
to {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px)
}
}*/
@-webkit-keyframes animation04 {
0% {
top: 22px;
left: 92px
}
to {
-webkit-transform: translate(-8px, 8px);
transform: translate(-8px, 8px)
}
}
@keyframes animation04 {
0% {
top: 22px;
left: 92px
}
to {
-webkit-transform: translate(-8px, 8px);
transform: translate(-8px, 8px)
}
}
@-webkit-keyframes animation06 {
0% {
left: 25px
}
to {
left: 65px
}
}
@keyframes animation06 {
0% {
left: 25px
}
to {
left: 65px
}
}