/*浜岀骇椤甸潰*/
.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%; }
.link_ul ul li img{ margin:0 auto;width:99%; border:1px solid #cccccc;height:100%;}

.link_ul ul li:hover img{border:1px solid #da251e;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 #da251e;
    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:#c20903; border-bottom:3px solid #c20903 ; 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:#da251e; 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 #da251e;padding: 15px 0; background:#fff}
.case_list_div ul li .products_text h3{font-size: 16px;
    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: 14px;
    color: #A0A0A0;
    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_a2{ overflow:hidden; text-align:left;}
.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:#d9251e; color:#FFF}


.job_div2{ margin-top:40px; padding:9px; overflow:hidden;background:#ffffff; border:1px solid #dce2ed }





.job_div .job_div_r{ padding-left:5%;   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:1%;
	float:left;
	overflow:hidden;
	position:relative;
	display:inline-table;
	padding-bottom:1%;
	margin-bottom:1%;
	background-color: #FFFFFF;
}
.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:bold;
	font-size:15px;
	color:#1f1a17;
	height:35px;
	line-height:35px;
	overflow:hidden;
	margin-top:5px;
	font-variant: normal;
}
.news_div ul li:nth-child(even){ background:#FFFFFF;}
.news_div ul li .i_news_txt p{ font-size:12px; color:#717171; line-height:21px; height:43px;/* 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:2px;}
.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:#da251e;}
.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_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:#1f1a17; 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:#da251e; color:#fff; border:#c20903 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:20px}
.comStitles .zw{ font-size:18px}
/*鍚堜綔浼欎即*/
.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;}
td, th {
    min-width: 50px;
}

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


table {  
  width: 100%;  
  border-collapse: collapse;
  border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 99%;
    background-color: white;
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  

  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
  word-wrap:break-word;

} 
.contact_text{ float:left; width:28%; margin-left:5%; margin-top:2%; height:125px;}
.contact_text_title{color:#333333; font-weight:bold; font-size:16px;}
.contact_text_conter{
	line-height:23px;
	color:#666;
}

.stb { width:100%; height:40px;  margin: 0px auto; }
.stb ul{list-style:none;}
.stb li {width:32%; height:50px; float:left; background-color:#ededed;text-align: center; line-height:50px; margin-right:2px; margin-top:2px;}
.stb li a {font-size: 14px; color:#767676; display:block;}
.stb li a:hover{font-size: 14px; color:#fff; background-color:#da251e;}

.link_ul ul li {
  width: 15% !important;
}
@media (max-width: 789px){
  .link_ul ul li {
    width: 48% !important;
}
}