﻿.wrapper1600{width:1750px; margin:0 auto; }
.w-kdbf{width:100%; }
@media all and (max-width:1440px){	
    .wrapper1600{width:1200px; margin:0 auto; }
}
@media all and (max-width:1080px){	
    .wrapper1600{width:100%; margin:0 auto; }
}
@media all and (min-width:1920px){
    .temp-tab-item-total li{width:264px; margin-left:97px; margin-bottom:80px; }
}
.case_top_title{position:relative; z-index:10; padding:15px 20px; }
.case_top_title h3{width:100%; color:#ff3333; font-size:30px; line-height:30px; font-weight:bold; }
.case_top_title p{font-size:14px; font-weight:bold; color:#939393; line-height:2.5em; }
.screen_box{width:100%; height:34px; padding-top:20px; text-align:center; background:#FFFFFF; position:relative; z-index:20; }
.screen_color_box{display:inline-block; width:116px; margin:0 15px; height:28px; line-height:28px; padding:2px 6px 0 6px; border:1px solid #dcdcdc; position:relative; cursor:pointer; }
.active_color_box{float:left; width:48px; height:12px; line-height:12px; overflow:hidden; margin-top:7px; background:url(../images/color_03.gif) no-repeat; position:relative; }
.active_color_box span{display:block; width:48px; height:12px; line-height:12px; overflow:hidden; position:relative; }
.active_color_box img{display:block; width:48px; height:12px; }
.csreen_title_text{height:24px; line-height:24px; font-size:16px; color:#666; float:left; padding-left:6px; }
.trip_ico{display:block; width:0; height:0; border:6px solid #ff3333; border-color:#FF3333 transparent transparent transparent; position:absolute; right:7px; top:11px; transition:all 0.2s ease-in-out 0s; transform-origin:6px 3px; -ms-transform-origin:6px 3px; -webkit-transform-origin:6px 3px; }
.screen_color_box:hover .trip_ico{transform:rotate(-180deg); }
.screen_color_box.screen_industry_box{width:auto; padding:2px 26px 0 6px; }
.screen_web{display:inline-block; margin:0 4px; width:60px; height:29px; line-height:29px; padding:0 8px 0 0; text-align:right; font-size:16px; color:#666; background:url(../images/pc_ico.gif) 5px center no-repeat; border:1px solid #dcdcdc; }
.screen_web a{font-family:arial; display:block; width:100%; height:29px; line-height:29px; float:left; color:#08c; }
.screen_web a:hover{color:#FF3333; }
.screen_web .ahover{color:#FF3333; }
.screen_mobile{display:inline-block; margin:0 4px; width:68px; height:29px; line-height:29px; padding:0 7px 0 0; text-align:right; font-size:16px; color:#666; background:url(../images/phone_ico.gif) 5px center no-repeat; border:1px solid #dcdcdc; }
.screen_mobile a{font-family:arial; display:block; width:100%; height:29px; line-height:29px; float:left; color:#08c; }
.screen_mobile a:hover{color:#FF3333; }
.screen_mobile .ahover{color:#FF3333; }
.screen_area_box{display:inline-block; margin:0 5px; height:24px;; line-height:24px; font-size:14px; color:#6565a4; overflow:hidden; }
.screen_area_box p{float:left; }
.screen_area_box p span{color:#2061c4; font-weight:bold; }
.screen_area_box p a{color:#6565a4; margin:0 3px; padding:0 2px; }
.screen_area_box p a.active, .screen_area_box p a:hover{background:#FF3333; color:#FFFFFF; }
.screen_color_sub_box{display:none; width:128px; border:1px solid #dcdcdc; background:#FFFFFF; position:absolute; left:-1px; top:30px; z-index:20; cursor:auto; }
.screen_color_sub_box ul{padding:5px 12px; overflow:hidden; }
.screen_color_sub_box ul li{width:42px; height:12px; line-height:12px; margin:5px; float:left; position:relative; }
.screen_color_sub_box ul li a{position:absolute; left:0; top:0; display:block; width:42px; height:12px; line-height:12px; overflow:hidden; transition:none; }
.screen_color_sub_box ul li a.s_white{width:40px; height:10px; border:1px solid #ededed; }
.screen_color_sub_box ul li a:hover{border:2px solid #FF3334; left:-2px; top:-2px; }
.screen_color_sub_box ul li a img{display:block; width:42px; height:12px; }
.screen_color_sub_box ul li a.all_more{background:#ededed; color:#2061c4; font-family:arial; font-size:10px; }
.screen_color_sub_box ul li a.all_more span{display:block; width:42px; border:none; height:12px; line-height:12px; -webkit-transform:scale(0.83); }
.screen_color_sub_box ul li a.all_more:hover{background:#FF3333; color:#FFFFFF; }
#s_industry .screen_industry_sub_box{display:none; width:743px; border:1px solid #dcdcdc; background:#FFFFFF; position:absolute; left:-143px; top:30px; z-index:20; cursor:auto; }
#s_industry .screen_industry_sub_box ul{padding:5px; overflow:hidden; width:735px; max-height:none; }
#s_industry .screen_industry_sub_box ul li{overflow:hidden; margin:6px 0; text-align:center; float:left; padding:0 10px; border-right:1px solid #DCDCDC; }
#s_industry .screen_industry_sub_box ul li a{display:block; color:#666; margin:0 3px; padding:0 2px; transition:all ease .5s; }
#s_industry .screen_industry_sub_box ul li a:hover{background:#1F8FFF; color:#FFFFFF; text-decoration:underline; }
#s_industry .screen_industry_sub_box ul li .ahover{background:#1F8FFF; color:#FFFFFF; text-decoration:underline; }
.screen_industry_sub_box{display:none; width:78px; border:1px solid #dcdcdc; background:#FFFFFF; position:absolute; left:-1px; top:30px; z-index:20; cursor:auto; }
.screen_industry_sub_box ul{padding:5px; overflow:hidden; width:76px; max-height:145px; overflow-y:auto; }
.screen_industry_sub_box ul li{overflow:hidden; margin:6px 0; text-align:center; }
.screen_industry_sub_box ul li a{display:block; color:#6565a4; margin:0 3px; padding:0 2px; font-size:12px; }
.screen_industry_sub_box ul li a:hover{background:#FF3333; color:#FFFFFF; }
.success-banner{background:url(../img/banner_case.jpg) no-repeat center center; height:326px; }
.case_t{text-align:center; padding-top:20px; /*background:url("/Content/Ver1/SuccessfulCase/images/case_t_line.jpg") repeat-x 0 72px; */}
.case_t_title{color:#000000; font-size:20px; height:56px; line-height:56px; width:72px; text-align:center; background-color:#fff; margin:0px auto; }
.case_t_line{width:42px; height:1px; line-height:1px; background-color:#6bc1ca; margin:0px auto; }
.case_type201601{margin-top:60px; position:relative; z-index:1; }
.case_type201601 ul{width:630px; margin:0px auto; padding-bottom:20px; }
.case_type201601 li{float:left; width:104px; height:38px; line-height:38px; border:1px solid #fff; text-align:center; margin-right:20px; }
.case_type201601 li a{font-size:14px; color:#000; }
.case_type201601 li:hover{border:1px solid #2eafbb; }
.case_type201601 li:hover a{color:#2eafbb; }
.case_type201601 li.sel{border:1px solid #2eafbb; }
.case_type201601 li.sel a{color:#2eafbb; }
.zuidak{width:100%; background:#f0f0f0; margin-top:20px; padding-bottom:30px; }
.case_list_box li{width:32.333333%; overflow:hidden; margin:40px 0.5% 0 0.5%; position:relative; background:#FFFFFF; float:left; }
.case_list_info_box{padding:10px 12px; overflow:hidden; }
.case_list_box{overflow:hidden; padding:0 10px; position:relative; z-index:15; }
.case_list_box ul{width:100%; margin:0 auto; overflow:hidden; }
.case_img_box{width:100%; position:relative; overflow:hidden; }
.case_img_box a{display:block; position:relative; width:100%; height:100%; z-index:12; overflow:hidden; }
.case_img_box a span.mask_layer{opacity:0; position:absolute; left:0px; top:0; width:100%; height:100%; z-index:9; background:url(../images/view_bg.png) center center no-repeat; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -ms-transition:opacity .3s ease; transition:opacity .3s ease; display:none; }
.case_img_box img{display:block; width:100%; -webkit-transition:-webkit-transform .3s ease; -moz-transition:-moz-transform .3s ease; -ms-transition:-ms-transform .3s ease; transition:transform .3s ease; transform:translateZ(0); height:170px; }
.case_img_box a:hover span.mask_layer{opacity:1; display:block; }
.case_img_box a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.case_list_info_box{padding:10px 12px; overflow:hidden; }
.case_list_info_box a.avatar_img_l_box{float:left; display:block; border:0px solid #FFFFFF; width:46px; height:46px; border-radius:50px; margin-right:10px; position:relative; overflow:hidden; }
.case_list_info_box a.avatar_img_l_box:hover{border:0px solid #ff3333; }
.case_list_info_box a.avatar_img_l_box img{display:block; width:52px; height:46px; position:absolute; left:50%; top:0; margin-left:-26px; }
.case_list_info_box .fl p{padding-top:6px; font-size:12px; line-height:12px; text-align:left; }
.case_list_info_box .fl p a{color:#666; font-size:14px; }
.case_list_info_box .fl p a:hover{text-decoration:underline; }
.case_list_info_box .fl span{display:block; color:#9ea5b2; font-family:arial; text-align:left; font-size:10px; -webkit-transform:scale(0.8); -webkit-transform-origin:left top; }
.case_list_info_box .fn-right{width:auto; margin-right:4px; }
.case_list_info_box .fn-right p{font-size:12px; height:13px; line-height:13px; overflow:hidden; }
.case_list_info_box .fl p span{display:block; width:14px; height:14px; margin-left:4px; float:right; overflow:hidden; position:relative; }
.case_list_info_box .fl p span img{display:block; position:absolute; left:0; top:0; width:14px; height:16px; float:left; overflow:hidden; }
.case_list_info_box .fn-right p a{float:left; color:#666679; padding-right:8px; }
.case_list_info_box .fn-right p a:hover{text-decoration:underline; }
.website_link:hover{background-color:#FF3333; color:#FFFFFF; border:1px solid #FF3333; }
.website_link{margin-top:0px; font-size:14px; display:block; padding:0px 2px; width:100%; height:22px; border:1px solid #dddddd; color:#1F8FFF; text-align:center; line-height:22px; transition:all ease .5s; }
.zuidak .pages{text-align:center; margin-bottom:105px; margin-top:20px; }
.zuidak .pages a{display:inline-block; width:35px; height:35px; background-color:#DEDCDC; transition:all ease .5s; text-align:center; line-height:35px; font-family:Arial; font-size:14px; color:#666; margin:0 4px; }
.zuidak .pages a:hover,.zuidak .pages .page-on{background-color:#1F8FFF; color:#fff; }
@media only screen and (min-width:1250px){
    .c_list_box{width:1158px; }
    .case_list{width:1158px; }
	.case_list_box ul{width:100%; margin:0 auto; overflow:hidden; }
	.case_list_box li{width:24%; margin:40px 0.5% 0 0.5%; position:relative; background:#FFFFFF; float:left; overflow:hidden; }
	.designer_list_box ul{width:1122px; overflow:hidden; }
}

@media only screen and (min-width:1440px){
	.c_list_box{width:1351px; }
	.case_list{width:1351px; }
	.case_list_box ul{width:100%; margin:0 auto; overflow:hidden; }
	.case_list_box li{width:19%; margin:40px 0.5% 0 0.5%; position:relative; background:#FFFFFF; overflow:hidden; float:left; }
	.designer_list_box ul{width:1122px; overflow:hidden; }
}

@media only screen and (min-width:1580px){
	.c_list_box{width:1544px; }
	.case_list{width:1544px; }
	.case_list_box ul{width:100%; margin:0 auto; overflow:hidden; }
	.case_list_box li{width:19%; margin:40px 0.5% 0 0.5%; position:relative; background:#FFFFFF; overflow:hidden; float:left; }
	.designer_list_box ul{width:1402px; overflow:hidden; }
}

@media only screen and (min-width:1880px){
	.c_list_box{width:1737px; }
	.case_list{width:1737px; }
	.case_list_box ul{width:100%; margin:0 auto; overflow:hidden; }
	.case_list_box li{width:19%; overflow:hidden; margin:40px 0.5% 0 0.5%; position:relative; background:#FFFFFF; float:left; }
	.designer_list_box ul{width:1682px; overflow:hidden; }
}
.succestext{background:#333; overflow:hidden; }
.succestext .name-text{width:100%; color:#fff; padding:20px 0; }
.succestext .h2{font-size:20px; }
.succestext .mianImg{}
.ckwz-text{background:#fff; height:60px; line-height:60px; margin:20px 0; }
.ckwz-text .ckwz-text-a{line-height:60px; width:160px; text-align:center; display:block; font-size:16px; color:#0090F3; }
.ckwz-text .ckwz-text-a:hover{background:#0090F3; color:#fff; text-decoration:underline; }
.ckwz-text .fn-right{width:200px; padding-top:20px; margin-right:20px; }
.bshare-custom{font-size:13px; line-height:16px !important; }
.bshare-custom a{padding-left:19px; height:16px; _height:18px; text-decoration:none; /*display:none; */ zoom:1; vertical-align:middle; cursor:pointer; color:#333; margin-right:3px; -moz-opacity:1; -khtml-opacity:1; opacity:1; }
.bshare-custom .bshare-qzone{background:url(../images/top_logos_sprite.png) no-repeat 0 -234px; display:inline-block; }
.bshare-custom .bshare-sinaminiblog{background:url(../images/top_logos_sprite.png) no-repeat 0 -270px; display:inline-block; }
.bshare-custom .bshare-renren{background:url(../images/top_logos_sprite.png) no-repeat 0 -252px; display:inline-block; }
.bshare-custom .bshare-qqmb{background:url(../images/top_logos_sprite.png) no-repeat 0 -198px; display:inline-block; }
.bshare-custom .bshare-neteasemb{background:url(../images/top_logos_sprite.png) no-repeat 0 -162px; display:inline-block; }
.bshare-custom .bshare-more.more-style-addthis{background:url(../images/more-style-addthis.png) no-repeat; }
.bshare-custom .bshare-share-count{width:41px; background:transparent url(//static.bshare.cn/frame/images/counter_box_18.gif) no-repeat; height:18px; line-height:18px !important; color:#333; text-align:center; font:bold 11px Arial,宋体,sans-serif; zoom:1; _padding-top:2px; display:inline-block; }
.bshare-custom a:hover{text-decoration:underline; -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; }

/*分页*/
.page-wnn{width:480px; margin:20px; /*float:right; */ padding-left:60%; }
.paginator{font:12px Arial, Helvetica, sans-serif; padding:10px 0px 10px 0; margin:0 auto; overflow:hidden; }
.paginator a{border:solid 1px #ddd; color:#B1B1B1; cursor:pointer; text-decoration:none; background:#fff; }
.paginator a:visited{padding:1px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none; }
.paginator .cpb{border:1px solid #6da9de; font-weight:700; color:#6da9de; background-color:#ffeee5; }
.paginator a:hover{border:solid 1px #6da9de; color:#fff; text-decoration:none; background:#6da9de; }
.paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover{float:left; height:24px;; line-height:24px; min-width:25px; _width:10px; margin-right:5px; text-align:center; white-space:nowrap; font-size:12px; font-family:Arial,SimSun; padding:0 3px; }
.pages{text-align:center; margin-bottom:105px; margin-top:20px; }
.pages a{display:inline-block; width:35px; height:35px; background-color:#DEDCDC; text-align:center; line-height:35px; font-family:Arial; font-size:14px; color:#666; margin:0 4px; }
.pages a:hover,.pages .page-on{background-color:#6DA9DE; color:#fff; }
.paginator a.active{float:left; color:#fff !important; width:25px; height:24px;; line-height:24px; text-align:center; border:1px solid #479DF0; background-color:#479DF0; }
.bkny{width:100%; }
.bkny-ny{width:100%; padding:50px 0; margin:0 auto; }
.bkny-ny .xtb{width:94px; height:108px; margin:0 auto; }
.bkny-ny .xtb img{width:100%; }
.bkny-ny h3{text-align:center; line-height:40px; color:#565656; font-size:18px; font-weight:normal; }