/*body{background:url("../images/daiyan/bg.jpg") no-repeat center -60px;}*/
.banner-star .banners1{background:url("http://img.buma3.com/mxjja/star_banner.jpg") no-repeat center top;}
.banner-star .banners-text,
.banner-star .banners-title,
.banner-star .banners-info,
.banner-star .banners-desc{ color: #1d59af;}
.banner-star .banners-text{position: absolute;left:100px;top:165px; width: 1000px; color:#1d59af; text-align: center;}
.banner-star .banners-title{font-size: 60px; font-weight: bold; line-height: 60px;}
.banner-star .banners-info{font-size:28px; line-height: 60px;margin-top: 30px;}
.banner-star .banners-desc{font-size: 14px; line-height: 24px; border-top: 1px solid #fff;padding-top: 20px; margin-top: 10px;}
.banner-star .banners-desc li{height: 30px; width: 154px; float: left; line-height: 30px; padding-left: 24px; position:relative;}
.banner-star .banners-desc li span.mot{display: block; width: 18px; height: 18px; position: absolute; left: 0px;top: 50%; margin-top: -9px; background: url(../images/daiyan/banner_icon.png) no-repeat }
.banner-star .banner_package{width: 220px; margin-left: -110px;bottom: 140px;}

.star-white{ padding:50px 0 30px; position: relative; min-width: 1200px;}
.star-vidck{background:#f4f4f4; padding:50px 0 30px; position: relative; min-width: 1200px;}
.star-black{padding:50px 0 30px; position: relative;background: #353b40; min-width: 1200px;}
.star-wrap-title{ font-size: 30px; text-align: center; height:60px; color:#222222; font-weight: bold; background: url(../images/daiyan/title_bg.jpg) no-repeat bottom center; }
.star-black .star-wrap-title{ color:#ffffff;}
.star-wrap-info{margin-bottom: 30px; font-size: 16px; text-align: center;color: #999; margin-top: 10px; line-height: 2}
.star-wrap-body{ margin: 30px auto; position: relative;}
.star-wrap-btn{ width:200px; height: 46px; line-height: 46px; margin: 30px auto 0;}
.star-wrap-btn a{ border-radius: 5px; display: block; width: 100%; height: 100%; color: #fff;background-color: #1d59af; font-size: 16px; text-align: center;}
.star-wrap-btn a:hover{ background-color: #eeb300;}

/*第一部分 begin*/
.star-one{ overflow: hidden;padding: 0px 0px 20px;}
.star-one li{ float: left; width: 200px;}
.star-one li .star-one-icon{ width: 100px; height: 100px; line-height: 96px; border-radius: 100%; margin: 0px auto; font-size: 28px; text-align: center; }
.star-one li .star-one-yellow{border: 1px solid #e5428b; color: #e5428b;}
.star-one li .star-one-blue{border: 1px solid #1d59af; color: #1d59af;}
.star-one li .star-one-title{height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; text-align: center;}
.star-one li .star-one-text{padding: 0px 10px; text-align: center; color: #999;}
/*第一部分 end*/
/*第二部分 begin*/
.star-two-1{ width: 100%; }
.star-two-2{ width: 550px; float: left; }
.star-two-3{ width: 550px; float: right; }
.star-two-nav .star-two-title{ height: 60px;line-height: 60px; font-size: 26px; text-align: left;}
.star-two-nav .star-two-number{ color: #bdbdbd; display: inline-block; padding-right: 0px;}
.star-two-nav .star-two-text{color: #222222; display: inline-block;}
.star-two-nav .star-two-info{color: #999999;  margin: 0 auto; text-align: left; line-height: 40px;}
.star-two-nav .star-two-img{ padding-bottom: 10px;}
.star-two-nav .star-two-img{ width: 100%; }
.star-two-1 .star-two-nav .star-two-info{width: 900px;}
.star-two-1 .star-two-nav .star-two-title{text-align: center;}
.star-two-1 .star-two-nav .star-two-info{text-align: center;}
.star-two-1 .star-twoimg-1{background: url(../images/daiyan/star_two_1.png) no-repeat center;height: 436px; width: 100%;}
.star-two-tag{ position: absolute; color:#999999; text-align: center; width: 100px; line-height: 30px; height: 30px; font-size: 14px; }
.star-two-tag-1{left: 110px; top: 330px;}
.star-two-tag-2{left: 225px; top: 390px;}
.star-two-tag-3{left: 300px; top: 255px;}
.star-two-tag-4{left: 415px; top: 390px;}
.star-two-tag-5{left: 560px; top: 320px;}
.star-two-tag-6{left: 694px; top: 260px;}
.star-two-tag-7{left: 810px; top: 380px;}
.star-two-tag-8{left: 915px; top: 275px;}
.star-two-tag-9{left: 1000px; top: 395px;}
/*第二部分 end*/
/*第三部分 begin*/
.star-three{background: url(../images/daiyan/star_three_1.png) no-repeat center; height: 760px; width: 100%; margin: 0px auto 0px; position: relative;}
.star-three .banners-info{font-size:28px; line-height: 60px;margin-top: 30px;}
.star-three .star-three-nav{ position: absolute; right: 0px; top: 200px;}
.star-three .star-three-nav .star-three-title{font-size: 72px; font-weight: bold; line-height:72px; height: 100px; color:rgba(243,91,159,0.5); border-bottom: 5px solid #febd00;}
.star-three .star-three-nav ul{margin-top: 20px;}
.star-three .star-three-nav li{height: 48px;  line-height: 48px; padding-left: 30px; position:relative; color: #f35b9f; font-size: 16px; font-weight: bold;}
.star-three .star-three-nav li span.mot{display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0px;top:19px; background:#febd00;}

.star-three-text{ position: absolute; color: #f35b9f; text-align: center; width: 100px; line-height: 30px; height: 30px; font-size: 16px; font-weight: bold;}
.star-three-text-1{left: 460px; top: 190px;}
.star-three-text-2{left: 315px; top: 190px;}
.star-three-text-3{left: 262px; top: 245px;}
.star-three-text-4{left: 220px; top: 372px;}
.star-three-text-5{left: 255px; top: 502px;}
.star-three-text-6{left: 325px; top: 552px;}
.star-three-text-7{left: 465px; top: 545px;}
.star-three-text-8{left: 520px; top: 483px;}

.star-three-info{ position: absolute; color: #999999; text-align: left; width: 180px; line-height: 24px;}
.star-three-info-1{left: 560px; top: 60px;}
.star-three-info-2{left: 350px; top: 8px;}
.star-three-info-3{left: 188px; top: 70px;}
.star-three-info-4{left: 0px; top: 275px; width: 100px;}
.star-three-info-5{left: 0px; top: 450px; width: 96px;}
.star-three-info-6{left: 90px; top: 600px; width: 120px;}
.star-three-info-7{left: 340px; top: 740px;width: 200px;}
.star-three-info-8{left: 685px; top: 600px;}
/*第三部分 end*/
/*第四部分 begin*/
.star-four{background: url(../images/daiyan/star_four_1.png) no-repeat center; height: 440px; width: 100%; margin: 25px auto 0px; position: relative;}
.star-four-text{ position: absolute; color: #222222; text-align: center; width: 250px; line-height: 30px; height: 30px; font-size: 16px; font-weight: bold;}
.star-four-text-1{left: 50px; top: 0px;}
.star-four-text-2{left: 400px; top: 0px;}
.star-four-text-3{left: 740px; top: 0px;}
.star-four-text-4{left: 50px; bottom: 0px;}
.star-four-text-5{left: 400px; bottom: 0px;}
.star-four-text-6{left: 740px; bottom: 0px;}
.star-four-text-7{right: 30px; bottom: 0px; width: 100px;}
.star-four-text-8{right: 140px; top: 80px; width: 60px;}
.star-four-text-9{right: 140px; top: 200px; width: 60px;}
.star-four-text-10{right: 140px; top: 320px; width: 60px;}
.star-four-text-11{right: 80px; top: 160px; width: 40px;}
.star-four-text-12{right: 80px; top: 320px; width: 40px;}
.star-four-text-13{right: 0px; top: 160px; width: 40px;}
.star-four-text-14{right: 0px; top: 320px; width: 40px;}

.star-four-info{ position: absolute; color: #ffffff; text-align: center; width: 120px; line-height: 20px;}
.star-four-info span{ font-weight: bold;}
.star-four-info-1{left: 140px; top: 120px; width: 80px; font-size: 30px; font-weight:bold; line-height: 40px;}
.star-four-info-2{left: 140px; top: 220px; width: 80px; font-size: 30px; font-weight:bold; line-height: 40px;}
.star-four-info-3{left: 140px; top: 300px; width: 80px; font-size: 30px; font-weight:bold;color: #999; line-height: 40px;}
.star-four-info-4{left: 420px; top: 102px; width: 220px;}
.star-four-info-5{left: 434px; top: 206px;  width: 180px;}
.star-four-info-6{left: 434px; top: 300px; width: 180px;color: #999999;}
.star-four-info-7{left: 804px; top: 75px;}
.star-four-info-8{left: 802px; top: 150px; text-align: center;}
.star-four-info-9{left: 726px; top: 220px; text-align: right;}
.star-four-info-10{left: 880px; top: 220px; text-align: left;}
.star-four-info-11{left: 740px; top: 316px;width: 250px;}

/*第四部分 end*/
/*第五部分 begin*/
.star-five{ margin-top: 30px; background: url(../images/daiyan/star_five_bg.jpg) no-repeat center bottom; overflow: hidden;}
.star-five-nav{ width: 100%; overflow: hidden;}
.star-five-nav-1{margin-left:10px; margin-bottom: 30px; overflow: hidden}
.star-five-nav-1 li{ margin-left: 75px;}
.star-five-nav-2{margin-left:190px;}
.star-five-nav-2 li{ margin-left: 75px;}
.star-five-nav li{ width: 300px; float: left; position: relative;}
.star-five-nav .star-five-icon{ width: 30px; height: 30px; position: absolute;left: 5px; bottom: 5px;background: url(../images/daiyan/icon.png) no-repeat;}
.star-five-nav .star-five-icon.star-five-icon-weixin{ background-position: -30px -20px;}
.star-five-nav .star-five-icon.star-five-icon-weibo{ background-position: -60px -20px;}
.star-five-nav .star-five-icon.star-five-icon-xiaohongshu{ background-position: 0px -20px;}
.star-five-nav .star-five-icon.star-five-icon-meipai{ background-position: -120px -20px;}
.star-five-nav .star-five-icon.star-five-icon-duoyin{ background-position: -90px -20px;}
.star-five-nav .star-five-icon.star-five-icon-newstop{ background-position: -150px -20px;}
.star-five-nav .star-five-icon.star-five-icon-video{ background-position: -180px -20px;}

.star-five-nav .star-five-img{margin-right: 20px; border: 1px solid #e6e6e6;}
.star-five-nav .star-five-img img{width: 100%;}
.star-five-nav .star-five-tag{ width: 38px; height: 38px; position: absolute;right: 20px; top: 0px;background: url(../images/daiyan/star_five_tag.png) no-repeat;}
.star-five-nav .star-five-label{ width: 244px; height:62px; position: absolute;right: 0px; bottom: 0px; box-sizing: border-box; padding: 22px 0px 0px 30px;background: url(../images/daiyan/star_five_label.png) no-repeat; line-height: 40px; text-align: center; color: #fff;}
/*第五部分 end*/
/*第六部分 begin*/
.star-six-bg{margin-top: 30px; background: url(../images/daiyan/star_six_bg.jpg) repeat-x;}
.star-six{ height: 670px;background: url(../images/daiyan/star_six.jpg) no-repeat center;}
.star-six-nav{ width: 260px; position: absolute;}
.star-six-nav .star-six-nav-title{ line-height: 40px;height: 40px; font-size: 30px; font-weight: bold;text-align: center; color: #e5428b;}
.star-six-nav .star-six-nav-text{ text-align: center; line-height: 2;color: #fff;}
.star-six-nav-1{ left: 100px; top: 400px;}
.star-six-nav-2{ left: 890px; top: 400px;}
/*第六部分 end*/
/*第七部分 begin*/
.star-seven-nav .star-seven-nav-tab{ width: 850px; margin: 0 auto; overflow: hidden;}
.star-seven-nav .star-seven-nav-tab li{ box-sizing: border-box; position:relative;text-align:left; cursor:pointer; width: 150px; float: left; margin:0px 10px;background: #fff;border: 1px solid #1d59af; border-radius: 5px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon{ width: 40px; height: 40px; margin: 10px auto 0px;background: url(../images/daiyan/icon.png) no-repeat;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon.star-seven-nav-icon-1{ background-position: 0px -50px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon.star-seven-nav-icon-2{ background-position: -40px -50px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon.star-seven-nav-icon-3{ background-position: -80px -50px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon.star-seven-nav-icon-4{ background-position: -120px -50px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-icon.star-seven-nav-icon-5{ background-position: -160px -50px;}
.star-seven-nav .star-seven-nav-tab li .star-seven-nav-text{height:30px; line-height: 30px; display:block; text-decoration:none; color:#1d59af;text-align: center;}
.star-seven-nav .star-seven-nav-tab li.active{background: #1d59af;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-text{color: #fff;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-icon.star-seven-nav-icon-1{ background-position: 0px -90px;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-icon.star-seven-nav-icon-2{ background-position: -40px -90px;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-icon.star-seven-nav-icon-3{ background-position: -80px -90px;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-icon.star-seven-nav-icon-4{ background-position: -120px -90px;}
.star-seven-nav .star-seven-nav-tab li.active .star-seven-nav-icon.star-seven-nav-icon-5{ background-position: -160px -90px;}
.star-seven-nav .star-seven-nav-content {width: 100%; padding:30px 0px 0px;}
.star-seven-nav .star-seven-nav-content .tab-pane .panels-nav{float:left; margin-left:30px; margin-bottom:14px;width: 290px;height: 246px; }

.star-seven-nav-item{ box-sizing: border-box; width: 560px; height:350px;border-radius: 10px;border: solid 1px #f5f5f5;  position:relative; display: block; margin: 10px 20px; background: #fff;}
.star-seven-nav-item:active,
.star-seven-nav-item:focus,
.star-seven-nav-item:hover{border-color:#1d59af;}
.star-seven-nav-item dl{ margin: 12px 20px; overflow: hidden; }
.star-seven-nav-item dt{ float: left; width: 90px;height: 90px;border: solid 4px #eeeeee; border-radius: 50%; position: relative;}
.star-seven-nav-item i.item-icon-level{ position: absolute;right: 0px; bottom: 8px;}
.star-seven-nav-item dt img{ width: 100%;height: 100%;border-radius: 50%;}
.star-seven-nav-item dd{ float: left; width: 400px;height: 90px; margin-left: 10px;}
.star-seven-nav-item .item-tags{ position: absolute;right: 10px; top: 20px; font-size: 16px; font-weight: bold; color: #1d59af;}
.star-seven-nav-item .item-tags span{padding: 0px 4px;}
.star-seven-nav-item dd .item-title{ color: #333333; line-height: 36px;}
.star-seven-nav-item dd .item-title em{ width: 20px; height: 20px; display: inline-block; margin-left: 5px;}
.star-seven-nav-item dd .item-title em img{ width: 100%; height: 100%;}
.star-seven-nav-item dd .item-info{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #979696;word-break:break-all;font-weight: normal;padding: 0px; margin: 0px; line-height: 26px;height: 26px;}
.star-seven-nav-item dd .item-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #979696;word-break:break-all;font-weight: normal;padding: 0px; margin: 0px; line-height: 26px;height: 26px;}
.star-seven-nav-item .item-nav{border-top: solid 1px #eeeeee;margin: 0px 20px 12px; padding-top: 12px; overflow: hidden; position:relative;}
.star-seven-nav-item .item-nav .item-nav-title{ float:left; width:80px; position:relative; text-align:left; line-height: 40px;}
.star-seven-nav-item .item-nav .item-nav-content{ float:left; width:340px; position:relative; height: 120px;}
.star-seven-nav-item .item-nav .item-nav-btn{ position:absolute;right:0px; bottom:5px; }
.star-seven-nav-item .item-nav .item-nav-btn a{ display: block; cursor:pointer; width: 80px; text-align: center; background: #fff;border: 1px solid #1d59af; color: #1d59af; border-radius: 5px; }
.star-seven-nav-item .item-nav .item-nav-item{ overflow: hidden; }
.star-seven-nav-item .item-nav .item-nav-li{ float:left; width:50%; position:relative; text-align:center; font-weight:normal; }
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon{ width: 30px;height: 30px; margin: 5px; float: left;background: url(../images/daiyan/icon.png) no-repeat;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-weixin{ background-position: -30px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-weibo{ background-position: -60px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-xiaohongshu{ background-position: 0px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-meipai{ background-position: -120px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-duoyin{ background-position: -90px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-newstop{ background-position: -150px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-icon.item-nav-icon-video{ background-position: -180px -20px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-text{ color: #999999; line-height: 40px; float: left; text-align: right; padding-right: 10px;}
.star-seven-nav-item .item-nav .item-nav-li .item-nav-num{ color: #1d59af; line-height: 40px; float: left;}

.star-seven-nav-item .item-nav .item-nav-info{ float:left; width: 400px; color: #999999; position:relative; text-align:left; line-height: 2; margin-top: 5px;}

.star-seven-nav-item .item-nav i{ display:block; margin: 0 auto; color:#999; width: 24px;}
.star-seven-nav-item .item-btn{ width: 110px; height: 30px; line-height: 28px; margin: 10px auto 0px;}
.star-seven-nav-item .item-btn a{ display: block; width:100%; height:100%; background-color: #ffffff; border-radius: 15px;border: solid 1px rgba(131, 131, 131, 0.5); text-align: center;}
.star-seven-nav-item .item-btn a:active,
.star-seven-nav-item .item-btn a:focus,
.star-seven-nav-item .item-btn a:hover{color: #fff;background-color: #1d59af; border-color:#1d59af; }
/*第七部分 end*/
/*第八部分 begin*/
.star-eight-nav{ overflow: hidden;}
.star-eight-nav li{width: 390px;  position: relative; cursor: pointer; float: left; margin: 13px 0px 13px 15px; box-shadow: 0px 0px 10px rgba(212, 218, 224, 0.6);border: 1px solid #1d59af; border-radius: 10px;}
.star-eight-nav li:first-child{margin-left: 0px;}
.star-eight-nav li .package-wrap{ padding: 0px 0px 0px; background: #1d59af;border-radius: 10px;}
.star-eight-nav li .icon-label{text-align: center;padding-left: 10px; width: 85px; height: 20px; display: block; position: absolute; left: -1px; top:45px; background: url(../images/daiyan/package_dot.png) no-repeat;}
.star-eight-nav li.active .icon-label{top:58px;}
.star-eight-nav li .package-head{height: 120px; text-align: center}
.star-eight-nav li .package-head .seven-price{padding-top:40px; line-height: 30px; overflow: hidden; font-size: 24px; color: #fff; font-weight: bold;}
.star-eight-nav li .package-head .seven_cost{height: 30px; line-height: 30px; overflow: hidden; color: #d5d5d5;}
.star-eight-nav li .package-body{padding: 20px 15px 100px 15px; background: #fff;border-radius: 0px 0px 10px 10px; position: relative; }
.star-eight-nav li .seven_title{font-size: 24px; text-align: center;height: 60px; line-height: 60px; overflow: hidden; color: #3164b8;}
.star-eight-nav li .package-item{overflow: hidden; color: #8d8d8d; line-height: 40px; position: relative; background: #fff2e2;}
.star-eight-nav li.package-li-1 .package-item{line-height: 75px;}
.star-eight-nav li.package-li-2 .package-item{line-height: 60px;}
.star-eight-nav li .package-item.package-item-2{background: #f0f0f0;}
.star-eight-nav li .package-item .package-item-radio{ width: 20px; height: 20px; position: absolute; left: 10px; top: 50%; margin-top:-10px;background: url(../images/daiyan/icon.png) no-repeat -140px 0px;}
.star-eight-nav li .package-item .package-item-title{ padding: 0px 30px 0px 35px;}
.star-eight-nav li .package-item .package-item-check{width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; margin-top:-10px;background: url(../images/daiyan/icon.png) no-repeat -160px 0px;}

.star-eight-nav li .package-btn{ width: 300px; height: 50px; position: absolute; bottom:30px; left: 50%; margin-left: -150px;}
.star-eight-nav li .package-btn a{width: 100%;height: 50px; line-height: 48px;font-size: 18px; padding: 0px;}
.star-eight-nav li .package-btn a.btn-yellow{width: 100%;height: 50px; line-height: 48px;font-size: 16px; padding: 0px;color: #ffffff;background-color: #1d59af;border:1px solid #1d59af; padding-right: 100px; text-align: center; }
.star-eight-nav li .package-btn a.btn-yellow .package-number{font-size: 24px; font-weight: bold;}
.star-eight-nav li .package-btn a.btn-yellow .package-wang{font-size:16px; font-weight: bold;}
.star-eight-nav li .package-btn a.btn-yellow:hover{color: #ffffff;background-color: #e9af00;border:1px solid #e9af00;}
.star-eight-nav li .package-btn a.btn-yellow .package-buy{ position: absolute; right: 10px; top: 10px; border-radius: 5px; width: 80px;height: 30px; line-height: 28px;font-size: 14px; padding: 0px;color: #ffffff;background-color: #f35b9f;border:1px solid #f35b9f;}
.star-eight-nav li .package-btn a.btn-yellow:hover .package-buy{background-color: #e5428b;border:1px solid #e5428b;}
.star-eight-nav li .text-yellow{color: #fda53c;}

.star-eight-nav li.active,
.star-eight-nav li.activetwo{margin-top:0px; margin-bottom: 0px;}
.star-eight-nav li.active .package-wrap,
.star-eight-nav li.activetwo .package-wrap{padding: 13px 0px 0px;}
/*第八部分 end*/
/*案例 begin*/
.star-case{position: relative; padding:0px; }
.star-case .carousel{padding-top: 90px;}
.star-case .carousel-indicators{bottom: auto;left: 50%; top:0px;width: 80%;margin-left: -40%;}
.star-case .carousel-indicators li {width: 19%; height: 60px; line-height: 60px; background-color:#353b40; border:none; color: #ffffff; text-indent: 0px;border-radius: 0px; font-size: 16px;}
.star-case .carousel-indicators  li.active { border-bottom: 2px solid #ffffff;}
.star-case .carousel-control i{font-size: 80px;}
.star-case .carousel-control.left i{left: -40px; text-align: left;}
.star-case .carousel-control.right i{right: -40px; text-align: right;}
.star-case .carousel-inner>.item{background-color: rgba(27,27,27,0.3);}
.star-case .case-pic{width: 580px; float: left;}
.star-case .case-pic img{width: 100%;}
.star-case .case-wrap{width: 620px; height: 580px; float: right; padding:20px 30px;}

.star-case .case-head{ padding-top: 10px; padding-bottom:20px; line-height:36px; font-size: 36px; text-align: left; color: #fff;}

.star-case .case-text .case-text-title{font-size: 16px; line-height: 40px; text-align: left; padding:0px 0px 0px 0px; position: relative; color: #e2e2e2; }
.star-case .case-text .case-text-title span{color: #1d59af;}
.star-case .case-text .case-text-body{ padding:5px 0px 0px 0px; line-height: 24px; color: #888888; height: 120px; }
.star-case .case-text .case-text-body p{text-indent: 2em; }
.star-case .case-text .case-text-body li span.middot{ display:block; position:absolute; border-radius: 50%; width:6px; height:6px; left:3px; top:10px; background:#e23c41;}
.star-case .case-tag{ margin-top: 30px;}
.star-case .case-tag li{position: relative;  line-height:26px;  width: 25%; float: left; }
.star-case .case-tag li .case-tag-icon{ width: 60px; height: 60px; line-height: 60px;  margin:0px auto 5px;font-size: 18px;  color: #ececed;text-align: center;}
.star-case .case-tag li .case-tag-icon-curve{background: url(../images/daiyan/icon.png) no-repeat 0px -130px;}
.star-case .case-tag li .case-tag-icon-circle{background: url(../images/daiyan/icon.png) no-repeat -60px -130px;width:100px;}
.star-case .case-tag li .case-tag-icon-number{width: 100px;font-size: 36px;}
.star-case .case-tag li .case-tag-number{height: 40px; line-height: 40px; font-size: 20px;font-weight: bold; text-align: center; color: #fff;}
.star-case .case-tag li .case-tag-title{font-size: 12px;line-height: 18px;color: #b1b2b4; text-align: center; }
.star-case .case-btn{margin: 50px 0px 0px; width: 200px;}

.douyincase .case-pic{width: 100%; height: 300px;  margin-top: 20px;}
.douyincase .case-info{ height: 92px;}
.douyincase .case-text{width:510px; float: left;}
.douyincase .case-tag{width:600px; float: right;}
.douyincase .case-tag-one li{position: relative;  line-height:26px;  width: 25%; float: left; }
.douyincase .case-tag-two li{position: relative;  line-height:26px;  width: 50%; float: left; }

.shortcase .case-pic{width: 600px; height: 402px; float: right;}
.shortcase .case-info{width: 480px; height: 372px; float: left; margin-top: 30px; }
.shortcase .case-text .case-text-title{font-size: 22px;}
.shortcase .case-text{width:100%;}
.shortcase .case-tag{width:100%; margin-top: 80px;}
.shortcase .case-tag-three li{position: relative;  line-height:26px;  width: 50%; float: left;}

.case-chart {
    width: 40px;
    height: 60px;
    margin: 0px auto 5px;
    position: relative;
}
.case-chart span {
    display: block;
    position: absolute;
    bottom: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: all 0.75s ease-in-out;
}
.case-chart span:before,
.case-chart span:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case-chart span.old {
    left: 0;
    width: 17px;
    height: 5px;
    background-image: url("../images/daiyan/zhiqian.png");
}
.case-chart span.old:before {
    height: 12px;
    top: -12px;
    background-position: center bottom;
    background-image: url("../images/daiyan/zhiqian-top.png");
}
.case-chart span.old:after {
    height: 6px;
    bottom: -6px;
    background-position: center top;
    background-image: url("../images/daiyan/zhiqian-bottom.png");
}
.case-chart span.new {
    right: 0;
    width: 20px;
    height: 10px;
    background-image: url("../images/daiyan/new.png");
}
.case-chart span.new:before {
    height: 12px;
    top: -12px;
    background-position: center bottom;
    background-image: url("../images/daiyan/new-top.png");
}
.case-chart span.new:after {
    height: 8px;
    bottom: -8px;
    background-position: center top;
    background-image: url("../images/daiyan/new-bottom.png");
}
.case-chart img {
    width: 100%;
}
/*案例 end*/