@charset "utf-8";
/* CSS Document */
.bg{background:#F5F6F5;}
.ban_box{width:100%;float:left;position:relative;}
#banner {width:100%;float:left;position:relative;overflow:hidden;z-index:1;}
#banner .swiper-slide {position:relative;cursor:pointer;}
#banner .swiper-pagination {position:absolute;z-index:5;bottom:140px;width:auto;left:50%;margin-left:-16px;}
#banner .swiper-pagination-bullet{background:none;opacity:.8;width:6px;height:6px;border:solid 1px #fff;display:inline-block;border-radius:100%;}
#banner .swiper-pagination-bullet-active{width:26px;opacity:1;background:#fff;border-radius:6px;}

@-webkit-keyframes scaleUpDown {from {-webkit-transform: scale(1.16); transform: scale(1.16);}to { opacity:1; -webkit-transform:scale(1);transform: scale(1);}}
@keyframes scaleUpDown {from {-webkit-transform:scale(1.16);transform: scale(1.16);}to {opacity:1;-webkit-transform:scale(1);transform: scale(1);}}
.scaleUpDown {-webkit-animation-name:scaleUpDown;animation-name:scaleUpDown}

#anli {width:100%;float:left;position:relative;overflow:hidden;}
#anli .swiper-slide {position:relative;cursor:pointer;}
#anli .swiper-pagination {position:absolute;z-index:5;bottom:20px;width:auto;left:auto;right:20px;background:rgba(0,0,0,.60);padding:3px 15px;border-radius:20px;color:#fff;}

#anli .swiper-button-next,#anli .swiper-button-prev {position:absolute;top:auto;bottom:10px; width:40px;height:40px;background:url("../ban/next.png") rgba(255,255,255,.20) no-repeat center 10px;background-size:10px;z-index:5;cursor:pointer;visibility:visible;transition:0.3s ease-out;border-radius:30px;left:10px;border:solid 1px rgba(255,255,255,.7);}
#anli .swiper-button-prev {background-position:center -48px;left:70px;}

.show_anli{width:100%;float:left;background:#fff;}
.show_anli li{width:calc(50% - 40px);float:left;padding:0 20px;}
.show_anli li a{width:100%;float:left;line-height:40px;color:#fff;font-size:18px;text-align:center;}
.show_anli li:nth-child(1){width:calc(100% - 40px);font-size:22px;line-height:60px;}
.show_anli li:nth-child(2){background:#B20000;}
.show_anli li:nth-child(3){background:#000000;}
.sp_tit{width:100%;float:left;margin-top:20px;font-size:22px;text-align:center;}
#video {width:800px;height:auto;margin:0 auto;display:table;position:relative;}
#video video {width:100%;height:100%;object-fit: fill;}
.VideoBtn {position:absolute;left:50%;top:50%;display:block;width:70px;height:70px;margin-left:-35px;margin-top:-35px;cursor:pointer;z-index:10;}

.s_adva{width:100%;float:left;}
.s_adva ul{margin-left:-20px;}
.s_adva li{width:calc(20% - 60px);float:left;padding:20px;margin-left:20px;background:#fff;border-radius:3px;box-shadow:0 2px 10px 3px rgba(68,93,127,0.1);}
.s_adva li i{width:50px;height:50px;float:left;background:#F4562C;background:linear-gradient(to top,#FEDDDB,#F4562C);margin-right:15px;border-radius:16px;position:relative;}
.s_adva li i:before{width:30px;height:30px;background:url("../tb.png") no-repeat;background-size:100%;left:10px;top:10px;}
.s_adva li h2{font-size:20px;line-height:22px;margin-bottom:10px;}

.s_adva li:nth-child(2) i{background:linear-gradient(to top,#FFE3A5,#FF6F3F);}
.s_adva li:nth-child(3) i{background:linear-gradient(to top,#C6F0FF,#22BCFC);}
.s_adva li:nth-child(4) i{background:linear-gradient(to top,#CCE7FF,#519BFF);}
.s_adva li:nth-child(5) i{background:linear-gradient(to top,#AEEEA8,#1FD5A0);}
.s_adva li:nth-child(2) i:before{background-position:0px -47px;}
.s_adva li:nth-child(3) i:before{background-position:0px -95px;}
.s_adva li:nth-child(4) i:before{background-position:0px -143px;}
.s_adva li:nth-child(5) i:before{background-position:0px -190px;}

.s_title{width:100%;float:left;margin-top:20px;}
.s_title li{float:left;}
.s_title li h2{font-size:30px;line-height:40px;float:left;margin-right:20px;}
.s_title li p{position:relative;top:10px;font-size:16px;line-height:22px;height:22px;}
.s_title li:last-child{float:right;margin-top:12px;}
.s_title li:last-child a{font-size:16px;margin-right:20px;padding-right:21px;position:relative;}
.s_title li:last-child a:last-child{color:#B20000;padding-right:25px;}
.s_title li:last-child a:before{width:1px;height:14px;background:#BDBDBD;right:0px;top:5px;transform:rotate(16deg);}
.s_title li:last-child a:last-child{margin-right:0px;}
.s_title li:last-child a:last-child:before{display:none;}
.s_title li:last-child a:last-child:after{width:16px;height:16px;background:#B20000 url("../arrow.png") no-repeat 4px 3px;border-radius:30px;right:0px;top:2px;background-size:10px;}

.s_case{width:100%;float:left;}
.s_case ul{margin-left:-20px;}
.s_case li{width:calc(24.7% - 20px);float:left;margin:20px 0 0 20px;background:#fff;position:relative;}
.s_case li i{width:100%;float:left;overflow:hidden;border-radius:4px;}
.s_case li .txt{width:calc(100% - 40px);font-size:22px;line-height:22px;position:absolute;left:0px;bottom:0px;padding:20px;background:#0979D3;background:linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.0));}
.s_case li h2{font-size:22px;line-height:22px;color:#fff;}
.s_case li p{color:rgba(255,255,255,.80);margin-top:10px;}
.s_case li:nth-child(1){width:calc(50% - 20px);}
.s_case li img{border-radius:4px;}
.s_case li a:hover img{transform:scale(1.1);transition:600ms;}
.s_case li:before{width:40px;height:40px;border:solid 1px #fff;background:url("../ico.png") no-repeat center -390px;background-size:18px;border-radius:30px;right:30px;bottom:20px;visibility:hidden;opacity:0;}
.s_case li:hover:before{visibility:visible;right:20px;transition:600ms;opacity:1;}


.s_desi{width:100%;float:left;}
.s_desi ul{margin-left:-20px;}
.s_desi li{width:calc(20% - 20px);float:left;margin:20px 0 0 20px;background:#fff;padding-bottom:20px;position:relative;}
.s_desi li i{width:100%;float:left;overflow:hidden;position:relative;}
.s_desi li i:before{width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.7);visibility:hidden;}
.s_desi li:after{content:"看TA作品";padding:6px 20px;background:rgba(255,255,255,.20);border:solid 1px rgba(255,255,255,.50);color:#fff;left:50%;top:50%;margin-top:-50px;margin-left:-50px;visibility:hidden;transform:scale(0);border-radius:30px;z-index:3;}
.s_desi li h2{width:calc(100% - 30px);float:left;font-size:22px;line-height:22px;padding:15px;position:relative;}
.s_desi li p{width:calc(100% - 30px);float:left;line-height:22px;padding:0 15px;}
.s_desi li span{font-size:14px;color:#666;}
.s_desi li em{display:inline-block;margin-right:10px;}
.s_desi li .txt{width:100%;position:absolute;left:0px;bottom:0px;line-height:40px;background:#B20000;color:#fff;text-align:center;visibility:hidden;cursor:pointer;}
.s_desi li .txt a{width:50%;float:left;color:#fff;}
.s_desi li .txt a:nth-child(1){background:#070707;}
.s_desi li a:hover img{transform:scale(1.1);transition:600ms;}
.s_desi li:hover i:before{visibility:visible;}
.s_desi li:hover .txt{visibility:visible;}
.s_desi li:hover:after{visibility:visible;transform:scale(1);transition:460ms;}

.s_tech{width:100%;float:left;margin-top:20px;position:relative;}
.s_tech:before{width:90%;height:1px;background:#BDBDBD;left:5%;bottom:14px;}
.s_tech ul{margin-left:-70px;}
.s_tech li{width:calc(14.2% - 70px);float:left;text-align:center;position:relative;margin-left:70px;cursor:pointer;}
.s_tech li:before{width:30px;height:19px;background:url("../sl.png");right:-50px;top:135px;}
.s_tech li i{width:60px;height:60px;margin:0 auto;display:table;background:#EBEBEB url("../lci.png") no-repeat;background-size:30px;border-radius:30px;border:solid 1px #BDBDBD;}
.s_tech li h2{border:solid 1px #EBEBEB;background:#fff;padding:20px;border-radius:3px;margin-top:40px;position:relative;z-index:2;}
.s_tech li b{border:solid 1px #BDBDBD;background:#fff;width:26px;height:26px;line-height:26px; text-align:center;margin:0 auto;display:table;margin-top:40px;border-radius:30px;position:relative;z-index:2;}
.s_tech li:hover b{background:#B20000;color:#fff;border:solid 1px #B20000;}
.s_tech li:hover h2{background:#B20000;color:#fff;border:solid 1px #B20000;}
.s_tech li:last-child:before{display:none;}
.s_tech li:after{width:1px;height:173px;background:#BDBDBD;left:50%;top:60px;}

.s_tech li:nth-child(1) i{background-position:center 15px;}
.s_tech li:nth-child(2) i{background-position:center -40px;}
.s_tech li:nth-child(3) i{background-position:center -95px;}
.s_tech li:nth-child(4) i{background-position:center -150px;}
.s_tech li:nth-child(5) i{background-position:center -205px;}
.s_tech li:nth-child(6) i{background-position:center -260px;}
.s_tech li:nth-child(7) i{background-position:center -315px;}

.s_vide{width:100%;float:left;margin-top:20px;}
.s_vide ul{margin-left:-20px;}
.s_vide li{width:calc(20% - 20px);float:left;position:relative;margin-left:20px;overflow:hidden;}
.s_vide li:before{width:10px;height:10px;right:10px;bottom:5px;background:url("../sp.png") no-repeat center;background-size:8px;border-radius:30px;}
.s_vide li:after{width:3px;height:0px;left:0px;bottom:0px;background:#B20000;}
.s_vide li i{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:10px;}
.s_vide li h2{width:calc(100% - 30px);float:left;height:22px;line-height:22px;overflow:hidden;font-size:18px;}
.s_vide li:hover img{transform:scale(1.1);transition:460ms;}
.s_vide li:hover h2{padding-left:10px;transition:460ms;}
.s_vide li:hover:after{height:30px;transition:460ms;}

.s_news{width:100%;float:left;margin-top:20px;}
.s_news ul{margin-left:-20px;}
.s_news li{width:calc(33.3% - 20px);float:left;position:relative;margin-left:20px;overflow:hidden;padding-bottom:15px;}
.s_news li i{width:100%;float:left;height:180px;overflow:hidden;position:relative;margin-bottom:20px;}
.s_news li i:before{width:100%;height:100%;background:rgba(237,237,237,.90);background:linear-gradient(to right,rgba(237,237,237,.90),rgba(249,249,249,.80));opacity:1;transition: 0.3s ease-out;}
.s_news li h2{font-size:22px;line-height:32px;position:absolute;left:50%;margin-left:-42px;top:80px;z-index:2;}
.s_news li h2:before{width:30px;height:2px;background:#383431;top:45px;left:50%;margin-left:-15px;}
.s_news li h3{width:100%;float:left;}
.s_news li h3 a{width:calc(100% - 70px);float:left;line-height:42px;height:42px;overflow:hidden;padding-right:70px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;text-indent:20px;position:relative;}
.s_news li h3 a:before{width:5px;height:5px;background:#BDBDBD;left:0px;top:18px;}
.s_news li h3 a:hover:before{background:#B20000;}
.s_news li time{position:absolute;right:0;color:#999;}
.s_news li p{margin-top:10px;height:44px;line-height:22px;overflow:hidden;}
.s_news li:hover i img,.s_news li a:hover img{transform:scale(1.1);transition:460ms;}
.s_news li:hover i:before{visibility:hidden;opacity:0;}

.s_qiye{width:100%;float:left;margin-top:10px;}
.s_qiye ul{margin-left:-20px;}
.s_qiye li{width:calc(33.3% - 20px);float:left;position:relative;margin-left:20px;background:#fff;}
.s_qiye li i{width:100%;float:left;overflow:hidden;}
.s_qiye li h2{width:calc(100% - 40px);float:left;padding:0 20px;font-size:22px;line-height:40px;margin:5px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s_qiye li p{display:inline-block;padding:20px;font-size:16px;line-height:26px;padding-top:0px;}
.s_qiye li:hover img{transform:scale(1.1);transition:460ms;}
.s_qiye li time{background:rgba(178,0,0,.7);padding:10px;padding-right:7px;position:absolute;top:10px;left:10px;color:#fff;font-size:12px;}
.s_qiye li time:before{width:17px;height:2px;background:#fff;left:10px;top:48px;}
.s_qiye li b{font-size:32px;display:block;padding-bottom:30px;letter-spacing:11px;}

/*内容样式开始*/
.let{width:calc(100% - 400px);float:left;}
.rit{width:330px;float:right;}
.list_map{width:100%;float:left;margin-bottom:10px;color:#666;}
.list_map a{display:inline-block;padding-right:35px;position:relative;}
.list_map a:before{content:">";font-family:"宋体";right:13px;color:#999;}
.list_map a:last-child:before{display:none;}
.list_map span{color:#B20000;}

.list_news{width:calc(100% - 60px);float:left;background:#fff;padding:30px;border-radius:3px;}
.list_news li{width:100%;float:left;position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #EBEBEB;}
.list_news li i{width:280px;float:left;overflow:hidden;margin-right:20px;border-radius:3px;}
.list_news li img{border-radius:3px;}
.list_news li h2{font-size:22px;line-height:22px;}
.list_news li p{margin:10px 0 20px 0;line-height:24px;height:48px;overflow:hidden;}
.list_news li time{display:inline-block;color:#999;padding-left:20px;background:url("../show.png") no-repeat 0 3px;background-size:12px;margin-top:10px;font-size:14px;}
.list_news li tag a{font-size:14px;background:#F5F6F5;padding:2px 10px;display:inline-block;margin-right:10px;border-radius:20px;}
.list_news li tag a:hover{color:#fff;background:#B20000;}
.list_news li:before{content:"···";font-size:24px;right:0px;bottom:21px;color:#999;}
.list_news li:hover img{transform:scale(1.1);transition:460ms;}
.list_news li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}

.list_temp {display:block;position:relative;margin-left:-30px;}
.temp_bod {display:block;position:relative;width:calc(25% - 30px);float:left;box-sizing:border-box;margin-left:30px;}
.temp_bod a {float:left;display:block;margin:30px 0 0 0;background:#fff;border-radius:3px;}
.temp_bod .txt{width:calc(100% - 30px);float:left;position:relative;padding:15px;}
.temp_bod .txt h2{width:100%;float:left;font-size:20px;height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.temp_bod .txt p{width:100%;float:left;}
.temp_bod .txt span{float:right;font-size:12px;color:#999;}

.temp_bod a i{width:100%;float:left;overflow:hidden;position:relative;}
.temp_bod a i:after{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);visibility:hidden;z-index:2;}
.temp_bod a:hover i:after{visibility:visible;}
.temp_bod a i:before{content:"···";width:40px;height:40px;line-height:36px;text-align:center;font-size:32px;color:#070707;background:#fff url("../buy.png") no-repeat center -61px;background-size:20px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;border-radius:30px;transform:scale(0);z-index:3;}
.temp_bod a:hover i:before{transform:scale(1);transition:460ms;}
.temp_bod a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.3);transform:translateY(-10px);transition:460ms;}

/*案例详情*/
.swiper-container {width:100%;margin-left:auto;margin-right:auto;}
.swiper-slide {position:relative;cursor:pointer;}
.gallery-top {height:80%;width:100%;}
.gallery-thumbs {height:20%;box-sizing:border-box;padding:10px 0;}
.gallery-thumbs .swiper-slide {width:25%;height:100%;opacity:0.6;cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;}

/*案例右侧样式*/
.r_shjs,.r_alxx{width:calc(100% - 40px);float:left;background:#fff;padding:20px;border-radius:4px;}
.r_shjs img{width:120px;float:none;margin:0 auto;display:table;border-radius:100%;}
.r_shjs h2{font-size:22px;text-align:center;margin:20px 0;}
.r_shjs p{line-height:30px;color:#070707;}
.r_shjs b{margin-right:10px;}
.r_shjs span{width:70px;display:inline-block;text-align:right;color:#666;}
.r_shjs a.txt{width:100%;float:left;line-height:40px;background:#B20000;font-size:18px;text-align:center;margin-top:20px;color:#fff;border-radius:3px;}
.r_shjs a.txt:hover{background:#CC0000;}
.r_shjs{margin-bottom:20px;}
.r_alxx li{width:50%;float:left;line-height:30px;}

.r_alxx li:nth-child(1),.r_alxx li:nth-child(6){width:100%;font-size:22px;margin-bottom:15px;position:relative;}
.r_alxx li:nth-child(1):before{width:3px;height:22px;background:#B20000;left:-20px;top:6px;}
.r_alxx li:nth-child(6){margin-top:15px;}
.r_alxx li:last-child{width:100%;}
.r_alxx .xiangguanfengge a{display:inline-block;background:#F5F6F5;padding:0 15px;margin:0px 10px 0 0;border-radius:30px;}
.r_alxx .xiangguanfengge a:hover{background:#EBEBEB;}
.r_alxx .xiangguanfengge a:last-child{margin-right:0px;}

.r_xgal{width:100%;float:left;background:#fff;}
.r_xgal h3{width:100%;font-size:22px;position:relative;text-indent:20px;}
.r_xgal h3:before{width:calc(100% - 150px);height:1px;left:120px;background:#EBEBEB;top:10px;}
.r_xgal ul{width:calc(100% - 40px);float:left;padding:10px 20px 10px 10px;}
.r_xgal li{width:calc(50% - 10px);float:left;margin:10px 0px 0px 10px;position:relative;}
.r_xgal li i{width:100%;float:left;overflow:hidden;border-radius:3px;height:90px;position:relative;}
.r_xgal li img{position:absolute;bottom:0px;}
.r_xgal li h2{width:calc(100% - 20px);font-size:16px;line-height:22px;position:absolute;left:0px;bottom:0px;padding:5px;background:#0979D3;background:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,.0));color:#fff;}
.r_xgal li a:hover img{transform:scale(1.1);transition:460ms;}
.r_xgal li:nth-child(1){width:calc(100% - 10px);}
.r_xgal li:nth-child(1) i{height:120px;}
/*右侧样式*/
.recom{width:calc(100% - 40px);float:left;background:#fff;padding:20px;border-radius:3px;}
.recom li {width:100%;float:left;margin-bottom:10px;position:relative;}
.recom li i{width:114px;float:left;overflow:hidden;margin-right:20px;border-radius:3px;}
.recom li img{border-radius:3px;}
.recom li h2{font-size:16px;margin-bottom:5px;height:48px;line-height:24px;overflow:hidden;margin-top:-5px;}
.recom li time{color:#999;font-size:12px;}
.recom li:before{content:"1";width:20px;line-height:16px;text-align:center;position:absolute;left:0px;top:0px;background:#EBEBEB;border-radius:6px 0 6px 0;border:solid 1px #fff;left:-1px;top:-1px;}
.recom li:hover img{transform:scale(1.1);transition:460ms;}
.recom li:nth-child(1):before{background:#CC0000;color:#fff;}
.recom li:nth-child(2):before{content:"2";background:#CC0000;color:#fff;}
.recom li:nth-child(3):before{content:"3";background:#FF2253;color:#fff;}
.recom li:nth-child(4):before{content:"4";}
.recom li:nth-child(5):before{content:"5";}
.recom li:nth-child(6):before{content:"6";}
.recom h3{font-size:22px;line-height:30px;margin-bottom:20px;}


.rtag{width:calc(100% - 40px);float:left;background:#fff;padding:20px;border-radius:3px;margin-top:20px;}
.rtag_up{right:150px;top:110px;margin-top:0px;position:fixed;transition:0.3s ease-out;z-index:22;}

.rtag ul{margin-left:-10px;}
.rtag li{background:#F5F6F5;display:inline-block;padding:5px 12px;margin:5px;border-radius:30px;position:relative;}
.rtag li:hover{background:#EBEBEB;}
.rtag li:nth-child(1){width:100%;float:left;padding:0px;margin:0px 0 10px 0;background:#fff;font-size:22px;text-indent:10px;}
.rtag li:nth-child(1):before{width:3px;height:21px;background:#B20000;left:-10px;top:0px;}
.r_ad{width:100%;float:left;margin-top:10px;}
.r_ad img{margin-top:10px;border-radius:4px;}
.roff{width:330px;float:left;margin-top:20px;}
.roff_up{right:150px;top:90px;margin-top:0px;position:fixed;transition:0.3s ease-out;z-index:22;margin-top:20px;}
.roff h2{width:100%;float:left;line-height:50px;background:#B20000 url("../tb.png") no-repeat 20px -152px;background-size:26px;color:#fff;font-size:18px;text-indent:60px;}
.roff ul{width:calc(100% - 40px);float:left;background:#fff;padding:20px;border-radius:3px;}
.roff li{width:100%;float:left;margin:10px 0;}
.roff li input {width:100%;line-height:42px;border:0px;background:#F5F6F5;padding:0;text-indent:15px;}
.roff li input:focus{border:none;background:#EBEBEB;color:#070707;transition:0.4s all;}
.roff li a{width:100%;float:left;text-align:center;line-height:40px;background:#CC0000;color:#fff;font-size:16px;border-radius:3px;margin-top:20px;}
.roff li a:hover{background:#B20000;}

.show_box{width:calc(100% - 100px);float:left;padding:50px;background:#fff;border-radius:3px;}
.show_tit,.show_con,.rel_anli,.show_tag{width:100%;float:left;}
.show_tit h2{font-size:32px;line-height:46px;}
.show_tit p{margin:10px 0 20px 0;}
.show_tit b{font-size:14px;padding-left:18px;background:url("../show.png") no-repeat 0 3px;background-size:12px;display:inline-block;margin-right:10px;color:#3E3636;}
.show_tit c{color:#D72323;display:inline-block;}
.show_tit .i1{margin-left:30px;background-position:0 -15px;}

.show_qjing{width:calc(100% - 240px);float:left;padding:20px;padding-left:220px;margin-top:20px;background:#EBEBEB;border-radius:4px;position:relative;}
.show_qjing ul{}
.show_qjing li{width:calc(50% - 50px);float:left;margin-left:50px;line-height:36px;font-size:16px;}
.show_qjing li:nth-child(1){width:140px;position:absolute;left:-10px;background:url("../fwxx.png") no-repeat 0px 0px;background-size:42px;padding-left:50px;}
.show_qjing li:nth-child(1) h2{font-size:30px;margin-bottom:10px;}
.show_qjing li:nth-child(1) em{font-size:12px;line-height:20px;position:relative;top:-25px;color:#666;}

.show_abs{width:calc(100% - 40px);float:left;padding:20px;padding-top:30px;background:#EBEBEB;border-radius:3px;position:relative;}
.show_abs span{font-size:12px;background:#B20000;color:#fff;border:solid 2px #fff;border-radius:10px 0px 10px 0;padding:0 10px;position:absolute;left:-2px;top:-2px;}
.show_abs h2{line-height:26px;height:52px;overflow:hidden;}
.show_con h2{font-size:20px;font-weight:bold;margin:10px 0;display:inline-block;}
.show_con p{font-size:16px;margin-top:10px;line-height:30px;text-indent:2em;color:#000;}
.show_con img{width:auto;max-width:100%;float:none;margin:0 auto;display:table;border-radius:4px;}

.show_tag{margin:20px 0;}
.show_tag a{background:#F5F6F5;padding:2px 10px;display:inline-block;margin-left:10px;border-radius:30px;}
.show_tag a:hover{background:#EBEBEB;}
.show_pag{width:100%;float:left;}
.show_pag a{width:calc(50% - 95px);float:left;background:#F5F6F5;padding:0 15px 0 70px;height:50px;line-height:50px;font-size:16px;border-radius:80px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_pag a span{color:#666;font-size:16px;position:absolute;left:10px;top:-1px;}
.show_pag a:last-child{float:right;}
.show_pag a:hover{background:#B20000;color:#fff;}
.show_pag a:hover span{color:#fff;}

.show_vr{width:100%;float:left;position:relative;}
.show_vr:before{width:100%;height:100%;background:rgba(0,0,0,.50);position:absolute;left:0px;top:0px;}
.show_vr a{width:200px;height:60px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-30px;z-index:3;border:solid 1px rgba(255,255,255,.7);text-align:center;line-height:60px;color:#fff;font-size:20px;}
.show_vr a:hover{background:#fff;color:#B20000;}

.tips{width:100%;float:left;margin-top:20px; color:#666;}

.rel_anli ul{margin-left:-20px;}
.rel_anli li{width:calc(33.3% - 20px);float:left;margin:10px 0 10px 20px;position:relative;}
.rel_anli li i{width:100%;float:left;height:200px;overflow:hidden;border-radius:4px 4px 0 0;position:relative;background:#fff;}
.rel_anli li h2{width:calc(100% - 20px);float:left;padding:0 10px;height:40px;line-height:40px;background:#fff;border-radius:0 0 4px 4px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rel_anli li:nth-child(1){width:calc(100% - 20px);font-size:22px;margin:20px 0 20px 20px;}
.rel_anli li:hover img{transform:scale(1.1);transition:460ms;}
.rel_anli li:hover{box-shadow:0 2px 10px 3px rgba(68,93,127,0.20);}
.rel_anli li:nth-child(1):hover{box-shadow:none;}
/*分页样式开始*/
.paging{width:100%;float:left;}
.pc_page{width:100%;float:left;text-align:center;margin-top:20px;position:relative;}
.pc_page a {display:inline-block;width:30px;line-height:30px;color:#7D8790;background:#fff;margin-right:10px;position:relative;border-radius:3px;}
.pc_page a:hover{color:#fff;background:#B20000;}
.pc_page span{display:inline-block;width:30px;line-height:30px;margin-right:10px;font-size:16px;position:relative;background:#B20000;color:#fff;border-radius:3px;}
.pc_page span:before{width:100%;height:10px;left:0px;bottom:-11px;background:linear-gradient(to top,#F5F6F5,rgba(178,0,0,.20));border-radius:4px;}
.pc_page .prev,.pc_page .next{width:80px;display:block;height:30px;line-height:30px;background:#fff;position:absolute;margin-right:0;transition:400ms;}
.pc_page .prev {left:0px;padding-left:25px;}
.pc_page .next {right:0px;top:0;padding-right:25px;}
.pc_page .prev:before,.pc_page .next:before{width:12px;height:14px;background:url("../ico.png") no-repeat 0px -196px;background-size:100%;left:20px;top:9px;}
.pc_page .next:before{left:auto;right:20px;background-position:0px -244px;}
.pc_page .next:hover:before{background-position:0px -267px;}
.pc_page .prev:hover:before{background-position:0px -220px;}
.pc_page .first,.pc_page .end{display:none;}

.m_page {width:100%;float:left;position:relative;border-radius:4px;margin-top:5px;padding-bottom:20px;}
.m_page a{width:30%;height:40px;line-height:40px;position:absolute;left:0px;top:0;background:#fff;z-index:3;text-indent:-9999px;border-radius:4px 0 0 4px;}
.m_page a:before{width:10px;height:14px;background:url(../ban/next.png) no-repeat 0px -137px;background-size:100%;top:14px;left:45%;}
.m_page p{width:38%;position:absolute;left:31%;background:#fff;text-align:center;color:#7D8790;height:40px;line-height:40px;}
.m_page b{color:#3396FB;}
.m_page a.m_page_right{left:auto;right:0;border-radius:0 4px 4px 0;}

.m_page a.m_page_right:before{background-position:0px -168px;}

/*分页样式结束*/

/*设计师详情页*/
.sjs_info{width:calc(100% - 40px);float:left;padding:20px;background:#fff;border-radius:3px;}
.sjs_info img{width:500px;float:left;margin-right:50px;}
.sjs_info ul{width:calc(100% - 550px);float:right;}
.sjs_info li{width:calc(100% - 88px);float:left;font-size:16px;line-height:26px;margin-top:10px;padding-left:88px;position:relative;}
.sjs_info li h2{font-size:32px;line-height:40px;}
.sjs_info li span{position:absolute;left:0px;top:0px;color:#666;}
.sjs_info li p{color:#070707;font-size:16px;margin:6px 0 10px 0;}
.sjs_info li b{display:inline-block;margin-right:15px;font-size:16px;}
.sjs_info li a{width:50%;float:left;line-height:40px;border:solid 1px #B20000;font-size:18px;text-align:center;margin-top:20px;color:#B20000;border-radius:3px;}
.sjs_info li a:hover{background:#B20000;color:#fff;}
.sjs_info li:nth-child(1){width:100%;border-bottom:solid 1px #EBEBEB;padding-bottom:20px;margin-bottom:15px;margin-top:0px;padding-left:0px;}
.sjs_info li:nth-child(1) em{font-size:16px;color:#B20000;}

/*友情链接*/
.sjs_box{width:100%;float:left;border-top:solid 1px rgba(255,255,255,.30);margin-top:20px;}
.sjs_box .sj_nav{width:100%;float:left;background:#fff;}
.sjs_box .sj_nav li{float:left;cursor:pointer;position:relative;margin-right:20px;padding:15px 20px;font-size:22px;color:#666;}
.sjs_box .sj_nav li:before{width:0px;height:3px;background:#B20000;left:0px;top:0px;transition:600ms;}
.sjs_box .sj_nav li.cur{background:#F5F6F5;color:#B20000;}
.sjs_box .sj_nav li.cur:before{width:100%;}

.sjs_box .sj_con{width:100%;float:left;}
.sjs_box .sj_con ul{margin-left:-20px;}
.sjs_box .sj_con li{width:100%;float:left;display:none;}

.s_pic{width:100%;float:left;}
.s_pic a{width:calc(33.3% - 20px);float:left;margin:20px 0 0 20px;background:#fff;}
.s_pic a i{width:100%;float:left;height:220px;overflow:hidden;}
.s_pic a h2{width:calc(100% - 30px);float:left;padding:0 15px;height:40px;line-height:40px;font-size:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s_pic a:hover img{transform:scale(1.1);transition:460ms;}
.s_pic a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.3);transform:translateY(-5px);transition:460ms;}

.s_txt{width:calc(100% - 20px);float:left;padding-left:20px;margin-top:10px;}
.s_txt p{font-size:16px;line-height:36px;margin-top:10px;}
.s_txt img{max-width:100%;float:none;}
.s_txt h2{font-size:22px;text-indent:18px;position:relative;margin-top:20px;}
.s_txt h2:before{width:4px;height:22px;background:#B20000;left:0px;top:0px;}

.s_vrq{width:100%;float:left;}
.s_vrq a{width:calc(50% - 20px);float:left;margin:20px 0 0 20px;background:#fff;}
.s_vrq a i{width:100%;float:left;overflow:hidden;}
.s_vrq a h2{width:calc(100% - 30px);float:left;padding:15px;font-size:18px;text-align:center;}
.s_vrq a:hover img{transform:scale(1.1);transition:460ms;}
.s_vrq a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.3);transform:translateY(-5px);transition:460ms;}

.cluo{width:100%;float:left;margin-top:20px;}
.cluo h3{width:100%;float:left;line-height:50px;background:#666 url("../tb.png") no-repeat 20px -407px;background-size:26px;color:#fff;font-size:18px;text-indent:60px;}
.cluo ul{width:calc(100% - 40px);float:left;background:#fff;padding:10px 20px;position:relative;}
.cluo ul:before{width:1px;height:300px;background:#EBEBEB;border:solid 3px #fff;left:50%;margin-left:-3px;top:20px;}
.cluo li{width:50%;float:left;text-align:center;border-bottom:solid 1px #EBEBEB;padding:15px 0;}
.cluo li i{width:50px;height:52px;margin:0 auto;display:table;background:url("../tb.png") no-repeat 0px -395px;background-size:100%; position:relative;z-index:2;}
.cluo li h2{font-size:20px;line-height:36px;}
.cluo li p{font-size:12px;}
.cluo li:last-child{width:100%;border-bottom:0;}
.cluo li:nth-child(2) i{background-position:0px -474px;}
.cluo li:nth-child(3) i{background-position:0px -554px;}
.cluo li:nth-child(4) i{background-position:0px -633px;}
.cluo li:nth-child(5) i{height:50px;background:#F4562C;background:linear-gradient(to top,#FEDDDB,#F4562C);border-radius:30px;}
.cluo li:nth-child(5) i:before{width:30px;height:34px;background:url("../tb.png") no-repeat 0px -428px;background-size:100%;left:10px;top:10px;}
.cluo li:nth-child(5) i:after{width:60px;height:60px;border:solid 1px #EBEBEB;left:-5px;top:-5px;border-radius:36px;}









































































.screen{width:calc(100% - 40px);float:left;padding:20px;background:#fff;}
.screen li{width:calc(100% - 90px);float:left;padding:0 40px 0 50px;margin:10px 0;position:relative;}
.screen li span{position:absolute;left:0px;}
.screen li a{display:inline-block;margin-right:10px;}
.screen li a.cur{background:#B20000;color:#fff;padding:0 5px;border-radius:3px;}

.screen li .c_dow,.screen li .c_put{position:absolute;right:0px;top:0px;padding-right:20px;}
.screen li .c_put{display:none;}

/*智能报价*/
.znbj_box{width:100%;float:left;position:relative;}
.lbjia{width:1000px;background:#fff;position:absolute;left:50%;margin-left:-500px;top:230px;border-radius:10px;padding:50px;padding-top:20px;}
.lbjia:before{width:100%;height:135px;background:url("../bj_bg.png") no-repeat;background-size:100%;left:0px;top:-115px;}
.lbjia:after{width:1px;height:calc(100% - 100px);background:#EBEBEB;left:50%;top:50px;}
.jishuan{width:calc(50% - 50px);float:left;}

.jishuan ul{width:100%;float:left;position:relative;}
.jishuan li{width:calc(100% - 187px);float:left;margin:6px 0;position:relative;padding-left:80px;}
.jishuan li span{width:80px;position:absolute;left:0px;top:7px;}
.jishuan li b{position:absolute;color:#CC0000;left:-10px;top:10px;} 
.jishuan li input{width:calc(100% - 22px);line-height:32px;height:32px;}
.jishuan li input:focus{border:solid 1px #BDBDBD;}

.jishuan li select{width:auto;line-height:32px;height:32px;border:solid 1px #BDBDBD;border-radius:3px;}
.jishuan li em{position:absolute;right:10px;top:7px;}
.jishuan li.tijiao{width:80px;height:80px;cursor:pointer;position:absolute;right:-92px;top:190px;z-index:2;}
.jishuan li.tijiao:after{width:140px;height:140px;background:url("../bjjs-btn.png");left:50px;top:-30px;}
.jishuan li.tijiao a{width:40px;float:left;padding:20px;text-align:center;background:#FF6E15;color:#fff;border-radius:60px;font-size:18px;position:relative;z-index:2;}
.jishuan li.tijiao a:hover{background:#F95E00;}
.jishuan li .dx_btn{width:auto;line-height:20px;height:20px;position:relative;top:5px;margin-right:5px;}
.jishuan li:nth-child(1) h2{font-size:20px;font-weight:bold;margin-bottom:10px;}
.jishuan li:nth-child(8){width:calc(100% - 70px);padding-left:70px;}
.jishuan li.tijiao:before{width:80px;height:80px;border-radius:50%;left:80px;top:0px;background:rgba(204,0,0,.7);animation:scale 1.2s infinite;}
@keyframes scale{0%{transform:scale(0);opacity:.9}100%{transform:scale(1.4);opacity:0;}}

.jieguo_title{width:100%;float:left;}
.jieguo_title span{width:50%;float:left;font-size:18px;font-weight:bold;line-height:40px;text-indent:10px;background:#F5F6F5;border-radius:6px;cursor:pointer;color:#666;}
.jieguo_title span.yes{background:#FCE6D4;border-radius:6px 0px 0 6px;color:#000;}
.jieguo_title span:last-child.yes{border-radius:0 6px 6px 0;}
.jieguo_title b{font-size:32px;display:inline-block;margin-right:5px;position:relative;top:4px;color:#FF6E15;}

.jieguo{width:calc(50% - 50px);float:right;height:380px; position:relative;}
.jieguo:before{width:212px;height:212px;background:url("../tongji.jpg");right:0px;top:70px;}
.jieguo li{width:210px;position:absolute;left:60px;}
.jieguo li c{color:#F7A043;font-size:26px;line-height:30px;}
.jieguo li p{line-height:26px;}
.jieguo li:nth-child(1){width:100%;top:20px;font-size:22px;}
.jieguo li:nth-child(1) span{background:#F0C5A1;padding:8px 20px;margin-right:10px;border-radius:6px 0 0 6px;}
.jieguo li:nth-child(2){top:100px;}
.jieguo li:nth-child(3){top:200px;}
.jieguo li:nth-child(4){top:145px;left:auto;right:0px;z-index:3;text-align:center;}
.jieguo li:nth-child(4) p{line-height:20px;margin-top:8px;}
.jieguo li:nth-child(4) em{font-size:30px;}
.jieguo li:nth-child(5){width:100%;bottom:60px;color:#BDBDBD;}
.jieguo li:nth-child(6){width:95%;bottom:0px;}
.jieguo li:nth-child(6):before{content:"注：";color:#F69F46;left:-25px;}