/*二级页面*/
.o_big{ overflow:hidden;}
.o_big img{ width:100%;}
.o_bg{ overflow:hidden; background-color:#0d0d0d;}
/*关于全彩*/
.about_a{ overflow:hidden; padding-top:3%; text-align:center;}
.about_a a{ display:inline-block; height:30px; line-height:30px; border:1px solid #999999; width:128px; font-size:14px; color:#ffffff; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;}
.about_a a:hover{background-color:#db1c87; border:1px solid #db1c87;}
.about_a a.csel{ background-color:#db1c87; border:1px solid #db1c87;}
.xianebc{
	text-align:center;
	padding-bottom:20px;
	font-size:20px;
	font-weight:500;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom:20px;
}
.news_con{  margin-top:4%;}
.news_con ul li{ float:left; margin-right:2%; width:32%; overflow:hidden; margin-bottom:2%; background:#f5f5f5;display:block;transition:all 0.3s; padding-bottom:2.5%;}
.news_con ul li:nth-child(3n+0){ margin-right:0;}
.news_con ul li .imgs{ overflow:hidden;}
.news_con ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden;}
.news_con ul li .txts .cons{width:92%;  margin:0 auto;max-width:380px; text-align:left;}
.news_con ul li .txts .dates{  font-size:16px; color:#666666; overflow:hidden; transition:all 0.3s; margin-top:8%; height:30px; line-height:30px; display:block; position:relative;}
.news_con ul li .txts h2{height:60px; line-height:30px; overflow:hidden; color:#000000; font-weight:normal; margin-bottom:6%;margin-top:5%; transition:all 0.3s;}
.news_con ul li .mores{  display:inline-block; line-height:30px; height:30px; padding-right:24px;overflow:hidden;background:url(../images/i_bg5.png) right center no-repeat;  color:#000;transition:all 0.3s;margin-top:6%; margin-bottom:2%;clear:both; overflow:hidden;}
.news_con ul li .mores label{ display:block; overflow:hidden; width:0; transition:all 0.3s;}
.news_con ul li:hover{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.15); box-shadow: 0 5px 25px rgba(0,0,0,0.15);/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); */background:#83d9ff;transition:all 0.3s;position:relative; z-index:1;}
.news_con ul li:hover .mores{ padding-right:46px; width:auto;}
.news_con ul li:hover .mores label{ width:auto; }

.about_con{ padding-top:1%; overflow:hidden; padding-bottom:6%;}
.about_con .imgs{ float:left; width:41.2%; overflow:hidden; margin-top:2%;}
.about_con .imgs img{ width:100%;}
.about_con .i_about_r{ float:right; width:51.6%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:2.5%;}
.about_con .i_about_r .i_about_t{ width:100%; max-width:626px;}
.about_con .i_about_r .i_about_t2{ color:#db1c87; font-size:22px;}
.about_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%;}

.business_con{ padding-top:3%; overflow:hidden; padding-bottom:10px;}
.business_con .imgs{ float:left; width:41.2%; overflow:hidden;}
.business_con .imgs.r{ float:right;}
.business_con .imgs img{ width:100%;}
.business_con .i_about_r{ float:right; width:51.6%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:2.5%;}
.business_con .i_about_r.l{ float:left; margin-right:0; margin-left:2.5%;}
.business_con .i_about_r .i_about_t{ color:#db1c87; font-size:22px;}
.business_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%;}

.organization_con{ padding-top:2%; overflow:hidden; padding-bottom:50px; width:97%; margin:0 auto; max-width:1200px;color:#fff; font-size:14px; line-height:30px; }
.organization_con img{ max-width:100%; margin:0 auto; display:block;}

.link_ul{width:97%; margin:0 auto; max-width:1200px;padding-top:2%;overflow:hidden;color:#fff; font-size:14px; line-height:30px;}
.link_ul ul li{ width:23.5%; margin-right:2%; overflow:hidden; float:left; margin-bottom:2%;}
.link_ul ul li:nth-child(4n+0){ margin-right:0;}
.link_ul ul li img{ margin:0 auto;width:99%; border:1px solid #cccccc;}
.link_ul ul li:hover img{border:1px solid #db1c87;filter:alpha(opacity=80);opacity:0.8;transition: all 0.3s;}



/*设计案例*/
.case_bg{ overflow:hidden; }
.case_bg .case_div{ width:97%; margin:0 auto; max-width:1426px; overflow:hidden; margin-top:10%; margin-bottom:10%;}
.case_bg .case_div ul li{ float:left; width:32%; margin-right:2%; position:relative; overflow:hidden;}
.case_bg .case_div ul li:nth-child(3n+0){ margin-right:0;}
.case_bg .case_div ul li .case_imgs{ overflow:hidden; width:100%;}
.case_bg .case_div ul li .case_imgs img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_bg .case_div ul li h2{ font-size:33px; color:#ffffff; position:absolute; left:0; top:42%; text-align:center; width:100%;}
.case_bg .case_div ul li:hover .case_imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.case_list_div{overflow:hidden; width:99%; margin:0 auto;text-align:center; margin-top:2%;}
.case_list_div ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%;}
.case_list_div ul li .portfolio-img{ position:relative; overflow:hidden;}
.case_list_div ul li .portfolio-img h2{ font-weight:normal; font-size:20px; color:#fff; position:absolute;width:100%; top:35%; left:0; line-height:30px;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img img{ width:100%; display:block;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img p{ position:absolute; width:100%; height:100%;background-color:#db1c87; top:0; left:0;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li .portfolio-img p .icon-zoom2{display: block;width: 100%;height: 100%;position: absolute; top: 0; left: 0;background: url(../images/i_case_bg3.png) no-repeat center 60%;}
.case_list_div ul li:hover .portfolio-img p{filter: Alpha(Opacity=90);/*IE7 fix*/opacity: 0.9;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_list_div ul li:hover .portfolio-img h2{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.case_list_div ul li:hover .portfolio-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.case_show{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px; margin-top:20px;}
.case_show .case_show_l{ float:left; width:50%; overflow:hidden;}
.case_show .case_show_r{ float:left; width:44.8%; margin-left:2.6%; overflow:hidden;}
.case_show .case_show_r h2{ line-height:40px; padding-bottom:8px; font-weight:normal; font-size:26px; color:#ffffff; letter-spacing:1px;}
.case_show .case_show_r .p{ font-size:14px; color:#fff; line-height:24px; overflow:hidden; margin-bottom:40px; margin-top:5%;}
.page_a{ height:40px; overflow:hidden; text-align:left; border-top:1px solid #616161; padding-top:20px;}
.page_a a{ display:inline-block; margin-right:9px; width:40px; height:40px;}
.page_a a.last{ background:url(../images/last1.png) no-repeat;background-size:100% 100%;}
.page_a a.last:Hover{background:url(../images/last2.png) no-repeat;background-size:100% 100%;}
.page_a a.next{ background:url(../images/next1.png) no-repeat;background-size:100% 100%;}
.page_a a.next:hover{ background:url(../images/next2.png) no-repeat;background-size:100% 100%;}
.page_a a.goback{ background:url(../images/return1.png) no-repeat;background-size:100% 100%;}
.page_a a.goback:hover{ background:url(../images/return2.png) no-repeat;background-size:100% 100%;}

/*视频中心*/
.video_list_div{overflow:hidden; width:99%; margin:0 auto;text-align:center; margin-top:4%;}
.video_list_div ul li{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%;position:relative; text-align:left;}
.video_list_div ul li .i_video_img{ overflow:hidden;}
.video_list_div ul li .i_video_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.video_list_div ul li h2{ height:32px; line-height:32px; padding-left:3%; padding-right:3%; overflow:hidden; background:url(../images/i_video_bg1.png) repeat; color:#fff; font-weight:normal; margin-top:-32px;font-size:14px; color:#fff; left:0; position:absolute; bottom:0; width:94%;}
.video_list_div ul li i{ display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:url(../images/i_video_pic1.png) center center no-repeat; background-size:52px auto;}
.video_list_div ul li:hover .i_video_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.video_list_div ul li:hover h2{background:url(../images/i_video_bg2.png) repeat;}

.video_show{ width:97%; max-width:1000px; margin:0 auto; overflow:hidden; margin-top:3%; margin-bottom:50px;}
.video_show .video_t{ font-size:26px; color:#28bdfe; line-height:30px; overflow:hidden; margin-bottom:3%;}
.video_show .video_t label{ font-size:12px; color:#ffffff;}
.video_show .video_con{ overflow:hidden; line-height:24px; color:#fff; font-size:14px; margin-bottom:3%;}
.video_show .video_con img{ max-width:100%;}

/*加入全彩*/
.join_con{ width:97%; max-width:1200px; margin:0 auto;}
.job_div{ margin-top:40px; padding:9px; padding-left:0; overflow:hidden;background:#ffffff; min-height:122px;}
.job_div a{ display:block; width:100%; height:100%;}
.job_div .job_div_l{ float:left; padding-left:2%; text-align:center; padding-right:2%; width:25%; line-height:30px; padding-top:45px; padding-bottom:45px; font-size:22px; color:#1a1a1a; letter-spacing:1px;}
.job_div .job_div_r{ padding-left:5%; float:left; width:50%;border-left:1px dotted #828282;  padding-right:15%; padding-top:22px; line-height:26px; min-height:78px; color:#333333; font-size:14px;background:url(../images/join_bg3.png) 95% center no-repeat; padding-bottom:22px;}
.job_div:hover{ background:#db1c87;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.job_div:hover .job_div_r{background:url(../images/join_bg4.png) 95% center no-repeat; color:#fff;}
.job_div:hover .job_div_l{color:#fff;}

/*新闻动态*/
.news_div{ width:98%; margin:0 auto;overflow:hidden;padding-top:2%; text-align:center;}
.news_div ul li{ width:18%; margin-left:1%; margin-right:1%; float:left; overflow:hidden;position:relative; display:inline-table;background:#ffffff; padding-bottom:2%; margin-bottom:2%;}
.news_div ul li .i_news_img{ overflow:hidden;}
.news_div ul li .i_news_img img{ width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.news_div ul li .i_news_txt{ overflow:hiddenl; padding-left:3%; padding-right:3%;}
.news_div ul li .i_news_txt span{ display:inline-block; padding-left:10px; padding-right:10px; border-bottom:1px solid #cccccc; color:#b2b2b2; font-family:Arial; font-size:40px; font-weight:bold; letter-spacing:2px; line-height:49px; height:49px; overflow:hidden; margin-top:20px;}
.news_div ul li .i_news_txt h2{ font-weight:normal; font-size:15px; color:#262626; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.news_div ul li .i_news_txt p{ font-size:12px; color:#969696; line-height:21px; height:63px;/* height:42px; */overflow:hidden; margin-top:3px;}
.news_div ul li .i_news_txt em{ font-size:12px; color:#b2b2b2; display:block; margin-top:20px;}
.news_div ul li:hover .i_news_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news_div ul li:hover{ background:#db1c87;}
.news_div ul li:hover .i_news_txt span{ color:#fff; border-bottom:1px solid #76c9ee;}
.news_div ul li:hover .i_news_txt h2{ color:#fff;}
.news_div ul li:hover .i_news_txt p{ color:#fff;}
.news_div ul li:hover .i_news_txt em{ color:#fff;}

.news_show{ width:97%; max-width:1200px; margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:50px;}
.news_show .news_t{ font-size:22px; color:#fff; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:center;}
.news_show .news_line{ font-size:12px; color:#b2b2b2; line-height:30px; height:38px; border-bottom:1px solid #565656; text-align:center;}
.news_show .news_con{ overflow:hidden; line-height:24px; color:#fff; font-size:14px; margin-bottom:3%; margin-top:20px;}
.news_show .news_con img{ max-width:100%;}

/*联系全彩*/
.contact_map{ width:100%; text-align:center; position:relative;}
.contact_map .con_ifr{ width:100%; overflow:hidden; min-height:671px;}
.contact_map .contact_wrap{ width:100%; margin:0 auto; position:absolute; top:0;}
.contact_map .contact_wrap .contact_con{ width:97%; margin:0 auto; max-width:1200px;text-align:right; padding-top:100px; overflow:hidden;}
.contact_map .contact_feedback{ width:394px; height:468px; overflow:hidden; background:url(../images/contact_bg.png) repeat; display:inline-block; border-radius:6px;}
.contact_map .contact_feedback .feedback_div{ width:90%; padding-top:10px; padding-bottom:10px; margin:0 auto; text-align:left;}
.contact_map .contact_feedback .feedback_div h2{ font-size:16px; color:#4fc9ff; line-height:30px; padding-top:5px; padding-bottom:5px; font-weight:normal;}
.contact_map .contact_feedback .feedback_div .p{ line-height:30px; font-size:13px; color:#ffffff; margin-bottom:15px;}
.contact_map .contact_feedback .feedback_div .p a{ color:#fff;}
.contact_map .contact_feedback .feedback_div .inputs{ height:34px; line-height:34px; overflow:hidden; outline:none; padding-left:3%; color:#c0bfc1; font-size:12px; border:1px solid #979797; border-radius:6px; background:none; width:93%; padding-right:3%; margin-bottom:10px;font-family:"微软雅黑";}
.contact_map .contact_feedback .feedback_div .textarea{ padding-left:3%; width:93%;outline:none;  padding-right:3%;color:#c0bfc1; font-size:12px; border:1px solid #979797; border-radius:6px; background:none; padding-top:5px; padding-bottom:5px; line-height:18px; height:58px; font-family:"微软雅黑";margin-bottom:15px;}
.contact_map .contact_feedback .feedback_div .bnts3{border-radius:6px;width: 100%; font-size:14px; height: 36px;background: #0d9edd; font-family:"微软雅黑"; text-align: center;color: #fff; outline:none; cursor:pointer;-webkit-appearance: none;}
.contact_map .contact_feedback .feedback_div .bnts3:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}

/*分页*/
.yema{text-align:center;padding: 40px 0 45px 0;overflow:hidden; height:30px;}
.yema a{ padding:3px 10px; border:#ffffff 1px solid; background:#ffffff; margin:0 2px; font-size:12px; color:#757575; font-family:"微软雅黑"; display:inline-block; margin-bottom:5px;}
.yema span{ padding:3px 10px; border:#ffffff 1px solid; background:#ffffff; margin:0 2px; font-size:12px; color:#757575; font-family:"微软雅黑"; display:inline-block; margin-bottom:5px;}
.yema a:hover{  background:#34c1ff; color:#fff; border:#34c1ff 1px solid; text-decoration:none;}
.yema span.current{  background:#34c1ff; color:#fff; border:#34c1ff 1px solid; text-decoration:none;}

a.ok{color:#fff !important; border:#34c1ff 1px solid !important; background:#34c1ff;}
a.ok:hover{color:#fff !important; border:#34c1ff 1px solid !important;}


@media screen and (max-width: 1440px) {
/*设计案例*/
.case_list_div ul li .portfolio-img h2{ font-size:18px; top:30%;}
.case_list_div ul li .portfolio-img p .icon-zoom2{ background-size:24px 24px;}


/*新闻动态*/
.news_div ul li{ width:23%;}

}
@media screen and (max-width: 1100px) {
/*关于全彩*/
.about_a{ padding-top:4%;}
/*设计案例*/
.case_bg .case_div ul li h2{ font-size:26px;}
.case_list_div{ margin-top:3%;}
.case_list_div ul li .portfolio-img h2{ font-size:16px; top:24%;}

/*新闻动态*/
.news_div ul li{ width:31.333%; padding-bottom:4%;}

}


@media screen and (max-width: 780px) {
/*关于全彩*/
.about_a{ padding-top:6%;}
.about_con .imgs{ width:94%; margin-left:3%;}
.about_con .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
.business_con .imgs{ width:94%; margin-left:3%; margin-top:2%;}
.business_con .imgs.r{ margin-right:3%;}
.business_con .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
/*设计案例*/
.case_bg .case_div ul li h2{ font-size:20px;}
.case_list_div{ margin-top:4%;}
.case_list_div ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.case_show .case_show_l{ width:100%;}
.case_show .case_show_r{ width:95%; margin-top:3%;}
.news_con ul li{ width:49%;}
.news_con ul li:nth-child(3n+0){ margin-right:2%;}
.news_con ul li:nth-child(2n+0){ margin-right:0;}

/*视频中心*/
.video_list_div ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.video_list_div ul li i{ background-size:15% auto;}

/*新闻动态*/
.news_div ul li{ width:48%;}

/*联系全彩*/
.contact_map .contact_wrap{ position:static; background-color:#fff; padding-bottom:50px;}
.contact_map .contact_wrap .contact_con{ text-align:center; padding-top:50px;}

}
@media screen and (max-width: 640px) {
/*关于全彩*/
.about_a a{ font-size:13px; width:120px;}
.case_bg .case_div ul li{ width:96%; margin-left:2%; margin-bottom:4%;}
/*视频中心*/
.video_show .video_t{ font-size:22px;}

/*加入全彩*/
.job_div .job_div_l{ font-size:18px;}
.job_div .job_div_r{ font-size:13px;}
.news_con ul li .mores{ background-size:20px auto; padding-right:20px;}
.news_con ul li:hover .mores{ padding-right:36px;}

/*合作伙伴*/
.link_ul{ padding-top:4%;}
.link_ul ul li{ width:49%;}
.link_ul ul li:nth-child(2n+0){ margin-right:0;}

}
@media screen and (max-width: 480px) {
/*关于全彩*/
.about_a a{ font-size:12px; width:110px;}
.page_a a{ width:30px; height:30px; }
/*视频中心*/
.video_show .video_t{ font-size:18px;}
.news_con ul li{ width:100%; margin-right:0;}
.news_con ul li:nth-child(3n+0){ margin-right:0%;}
.news_con ul li .txts h2{ line-height:24px; height:48px;}
.news_con ul li .mores{ margin-top:3%;}

/*加入全彩*/
.job_div .job_div_l{ font-size:14px;}
.job_div .job_div_r{ font-size:12px; line-height:22px; background-size:30px auto;}
.job_div .job_div_r:hover{ background-size:30px auto;}
/*新闻动态*/
.news_show .news_t{ font-size:18px; margin-bottom:5px;}

/*联系全彩*/
.contact_map .contact_feedback{ width:90%;}
}