/*二级页面*/
.o_big{ overflow:hidden;}
.o_big img{ width:100%;}
.o_bg{ overflow:hidden; background-color:#f4f4f4;}
/*关于全彩*/
.about_a{ overflow:hidden; padding-top:3%; text-align:center;}
.about_a a{ display:inline-block; height:30px; line-height:30px; border:1px solid #002468; width:128px; font-size:14px; color:#002468; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;}
.about_a a:hover,.about_a a.csel{background-color:#002468; border:1px solid #002468; color:#fff}


.about_con{ padding-top:3%; overflow:hidden; }
.about_con .imgs{ float:left; width:44%; overflow:hidden; margin-top:2%;}
.about_con .imgs img{ width:100%;}
.about_con .i_about_r{ float:right; width:50%; 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:#3ebff7; font-size:22px;}
.about_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%; color:#6a6a6a; text-align:left}

.business_con{ overflow:hidden; background:#002468; margin-bottom:15px; display:table}
.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; }
.business_con .i_about_r .i_about_t{ color:#3ebff7; 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:1.5%; overflow:hidden; float:left; margin-bottom:2%; height:100%;}
.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; max-height:295px;}

.link_ul ul li:hover img{border:1px solid #029bde;filter:alpha(opacity=80);opacity:0.8;transition: all 0.3s;}



/*设计案例*/
.case_bg{ overflow:hidden; background:#f3f8fb }
.case_bg .case_div{ width:97%; margin:3% auto; max-width:1426px; }
.case_bg .case_div ul{ overflow:hidden;}
.case_bg .case_div ul li{ float:left; width:32%; margin-right:1%; position:relative; overflow:hidden; margin-bottom:3%}

.case_bg .case_div ul li .case_imgs{ overflow:hidden; width:100%;position:relative }
.case_bg .case_div ul li .case_imgs:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
	
}
.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: 20px; border-bottom:3px solid #044b97;
    color: #373737;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; line-height:80px; height:80px; text-align:center; background:#fff}
.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_bg .case_div ul li:hover  h2{ background:#044b97; border-bottom:3px solid #0039a7; color:#FFF }

.case_list_div{width:99%; margin:0 auto;text-align:center; margin-top:2%;}
.case_list_div ul { overflow:hidden; margin-left:-1.3%;  margin-bottom: 1%; width:94%; margin:0 auto; max-width:1400px;}
.case_list_div ul li{ width:32%; float:left; margin-left:1.3%; overflow:hidden; margin-bottom:3%;}
.case_list_div ul li:hover .products_text{ background:#044b97; color:#FFF ; transition:1s all}
.case_list_div ul li:hover .products_text h3{  color:#FFF;}
.case_list_div ul li .products_text{border-bottom: 3px solid #044b97;padding: 15px 0; background:#fff}
.case_list_div ul li .products_text h3{font-size: 20px;
    color: #373737;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    line-height: 1.5;
    height: 30px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;}
.case_list_div ul li .products_text span{
	display:block;
	font-size: 12px;
    color: #7e7e7e;
    line-height: 1.5;
    height: 18px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;}
.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; display:none}
.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:rgba(0, 0, 0, 0.4);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: none !important;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 .icon-zoom2 { display:block !important}
.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; display:block}
.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:100px; margin-top:20px;}
.case_show .case_show_l{ width:100%; overflow:hidden; margin:0 auto; border-bottom:2px solid #000; padding-bottom:30px; padding-top:35px}
.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 #c5c5c5; 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; overflow:hidden;background:#ffffff; min-height:122px;border:1px solid #dce2ed }
.job_div a{ display:block; width:100%; height:100%; overflow:hidden}
.job_div .job_div_l{text-align:center; width:25%; line-height:100%; padding:10px 0; font-size:18px; color:#1a1a1a; letter-spacing:1px;border-bottom: 1px dotted #828282; width:100%; background:#044b97; color:#FFF}
.job_div .job_div_r{ padding-left:5%; float:left;  padding-right:5%; 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 .job_div_r img{ max-width:100%}
.job_div:hover{ background:#fff;-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; color:#333}

.job_div:hover .job_div_r{background:url(../images/join_bg4.png) 95% center no-repeat;}
.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{ margin-left:-2%; overflow:hidden}
.news_div ul li{ width:23%; margin-left:2%; float:left; overflow:hidden;position:relative; display:inline-table;background:#002468; 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:#fff; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.news_div ul li:nth-child(even){ background:#0039a7;}
.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; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.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:#019bdf;}
.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:5%; margin-bottom:5%;}
.news_show .news_t{ font-size:22px; color:#000; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:center;}
.news_show .news_line{ font-size:12px; color:#adadad; line-height:30px; height:38px; border-bottom:1px solid #c5c5c5; text-align:center;}

.news_show .news_line2{ font-size:16px; color:#333333; line-height:30px; height:38px; border-bottom:1px solid #c5c5c5; text-align:center;}

.news_show .news_con{ overflow:hidden; line-height:35px; color:#818181; font-size:14px; margin-bottom:3%; margin-top:20px; padding:0 10px; }



.news_show .news_con p{ text-indent:35px; margin-bottom:10px}
.news_show .news_con img{ max-width:100%;}

/*联系全彩*/
.contact_map{ width:100%; text-align:center; position:relative; margin-bottom:80px}
.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{ overflow:hidden; ; display:inline-block; border-radius:6px; margin:35px 0; width:100%}
.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:30px; color:#044b97; line-height:30px; padding-top:5px; padding-bottom:5px; font-weight:normal; font-weight:bold}
.contact_map .contact_feedback .feedback_div .p{ line-height:30px; font-size:13px; color:#666666; 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:#002468; color:#fff; border:#002468 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:14px; height:40px; line-height:40px}
.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%;}

/*视频中心*/
.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;}
.case_bg .case_div ul{ margin-right:-2%; overflow:hidden}
.case_bg .case_div ul li{ width:48%; margin-bottom:4%; float:left; margin-right:2%}
.comStitles .yw{ font-size:30px}
.comStitles .zw{ font-size:25px}
/*合作伙伴*/
.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: 640px) {
/*关于全彩*/
.about_a a{ font-size:13px; width:120px;}

/*视频中心*/
.video_show .video_t{ font-size:22px;}

/*加入全彩*/
.job_div .job_div_l{ font-size:18px;}
.job_div .job_div_r{ font-size:13px;}


}
@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;}

/*加入全彩*/
.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:98%;}
}
.stb { width:100%; height:40px;  margin: 0px auto; padding-top:20px;}
.stb ul{list-style:none;}
.stb li {width:159px; height:50px; float:left; background-color:#ededed;text-align: center; line-height:50px; margin-right:10px; margin-top:10px;}
.stb li a {font-size: 14px; color:#767676; display:block;}
.stb li a:hover{font-size: 14px; color:#fff; background-color:#1a92e0;}