/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"microsoft yahei",simsun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; }
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#333333; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0px 5px;}
.not-animated{opacity:0;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;border-radius:0px; } 
/*index*/
.in_topbox{ width:100%; height:100px; position:relative;background-color: #1c2b4c;}
.in_topbox .lt{ float:left; padding:0px 10px; text-align:center;}
.in_topbox .lt img{height: 40px;}
.in_topbox .rt{ float:right;  margin-right: 10px; text-align:center;text-align: right;}

.in_topbox .rt #menu_btn{  cursor:pointer;}
.in_topbox .rt #search_btn{cursor: pointer;margin-right: 10px;}

.search{position: absolute;width:100%;height: 50px; top:60px;right: 0px;z-index: 1000;background: #FFFFFF;display: none;}
.search .container{width: 100%;height:100%; margin: 0 auto;overflow: hidden;}
.search input[type="text"]{width: 80%;height: 100%;float: left;border: none;text-indent: 30px;outline: none;}
.search input[type="button"]{width: 20%;height: 100%; border: none;float: left;outline: none;background-color: #1c2b4c;color: #FFFFFF;}

.menu{ position:absolute; top:60px; right:0px; width:100%; z-index:1000; background:#FFF; border-bottom:1px solid #eee; display:none;}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{ color:#000;}
.menu p a.in{display:block;width:100%;height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}
.menu ul li:last-child a{border-bottom:none;}
.in_banbox{ width:100%; }
.in_banbox img{ width:100%;}
.in_box{ clear:both; width:100%; overflow:hidden;}
.in_box .p_1{ text-align:center;font-weight: 550; font-size:28px; padding-top:0px;margin-top: 15px;color: #231915;}
.in_box .line{display: block;width: 60px;height: 2px;background: #1c2b4c;margin: 19px auto;}
.in_box .p_2{ text-align:center; color:#a8a9aa;font-size: 17px;line-height: 22px; }

.in_box .p_3{ font-size:15px; text-align:center; padding-top:10px;}
.in_box .p_3 span{ color:#CCCCCC; margin:0 7px;}
.in_box .p_3 a{ color:#666;}
.in_box .p_3 a.cur{ color:#000;}


.in_cont_1{background: #f3f4f6;overflow: hidden;}
.in_cont_1 .container{margin: 0px 10px;background: #f3f4f6;overflow: hidden;}
.in_cont_1 ul{width: 100%;overflow: hidden;}
.in_cont_1 ul li{width: 50%;overflow: hidden;float: left;text-align: center;}
.in_cont_1 ul li .tit{color: #333333;font-size: 24px;line-height: 34px;font-weight: 600;}
.in_cont_1 ul li .desc{color: #666666;font-size: 21px;line-height: 36px;}



.in_cont_2{background-size: 100% 100%;background: url(../images/index_05.jpg) left top no-repeat; overflow: hidden;}
.in_cont_2 .container{margin: 0px 15px; overflow: hidden;}
.in_cont_2 .p_1{color: #FFFFFF;}
.in_cont_2 .p_2{color: #dddee1;}
.in_cont_2 .line{background: #FFFFFF;}

.in_cont_2 .con{font-size: 21px;line-height: 36px;color: #FFFFFF;}

.in_cont_2 .aboutMore{display: block;margin: 0 auto;width: 220px;height: 50px;color: #888f9e;border: 1px solid #888f9e;text-align: center;}

.in_cont_2 .top{overflow: hidden;box-sizing: border-box;border-left: 5px solid #0056aa; }
.in_cont_2 .top .fl_tit{float:left;width: 50%;color: #666666;text-indent: 5px;}
.in_cont_2 .top .fr_more{float: right;width: 50%;text-align: right;}
.in_cont_2 .top .fr_more a{color: #cbcbcb;}

.in_cont_2 ul{width: 100%; overflow:hidden;}
.in_cont_2 ul li{ float:left; width:calc(100%/3);text-align: center;}
.in_cont_2 ul li img{display: block;margin: 0 auto;}
.in_cont_2 ul li p{width:100%;text-align: center;color: #ffffff;font-size: 21px;line-height: 31px;}

.in_cont_3{background: #f3f4f6; overflow: auto;}
.in_cont_3 .container{margin: 0px 15px; overflow: hidden;}
.in_cont_3 .p_2{color: #666666;}

.in_cont_3 ul{overflow:hidden;text-align: left;margin-bottom: 20px;}
.in_cont_3 ul li{text-align: left;width: 100%;background: #FFFFFF;margin-bottom: 15px;box-shadow: 2px 2px 2px #d2d2d2;}
.in_cont_3 ul li a{display: block;}
.in_cont_3 ul li img{width: 100%;display: block;}
.in_cont_3 ul li .info{overflow: hidden;}
.in_cont_3 ul li a span{ color: #333333;display: block;font-size: 24px;line-height: 27px;font-weight: bold;margin-left: 10px;}
.in_cont_3 ul li a p{color: #666666;font-size: 21px;line-height: 27px;margin-left: 15px;display: block;}
.in_cont_3 ul li:hover .info{background: #1c2b4c;}
.in_cont_3 ul li:hover .info span{color: #FFFFFF;}
.in_cont_3 ul li:hover .info p{color: #FFFFFF;}

.in_btmjg{ width:100%; height:46px;}
.in_btmbox{ width:100%;height:46px; background:url(../images/btm.jpg); background-size: 100% 100%; margin:0px auto;}
.in_btmfix{ position:fixed; left:0px; bottom:0px;}
.in_btmbox ul{ overflow:hidden;width:100%;height: 100%;}
.in_btmbox li{ float:left; width:25%;height:100%;}
.in_btmbox li a{ display:block; width:100%; height:100%; color:#FFF;}


#drag0 {clear: both;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box li{height: 100%;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;height: auto;}

.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom: 5px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#626162;border-radius:50%;float:left;margin:4px;}

.roll_img_mb_01 .nav_box .li_on{background:#1c2b4c;}

.ny_banner{width:100%;height:400px;overflow:hidden;}

/*about*/
.ab_navbox{ clear:both; padding:1px 0 0 0; margin:0px auto;}
.ab_navbox .tit{ height:30px; line-height:30px; color:#FFF; font-size:14px; padding:0 10px;}
.ab_navbox ul{ overflow:hidden;}
.ab_navbox li{ float:left; width:50%;}
.ab_navbox li div{ padding:0 1px 1px 0;}
.ab_navbox li a{ display:block; width:100%; height:26px; line-height:26px; text-align:center; color:#FFFFFF; background:#999}
.ab_navbox li a.cur{ background:#1c2b4c;}
.ab_contbox{ clear:both; line-height:23px; padding:20px 10px; min-height:200px;}
.ab_contbox img{ max-width:100%;}

.ab_navbox2{ clear:both; padding:0; margin:0px auto; border-bottom:1px solid #ccc; color:#666; padding:10px 0 10px 15px; font-size:13px; line-height:18px;}
.ab_navbox2 a{ color:#666;}
.ab_navbox2 a.cur{ color:#e88230; font-weight:bold;}
.ab_navbox2 span{ margin:0 15px;}


/*products*/
.pro_box{  margin:0px auto;}
.pro_box ul{ padding:10px 5px 10px 5px; overflow:hidden; min-height:100px;}
.pro_box ul li{ float:left; width:calc(50% - 10px); margin:5px; text-align:center;background: #ffffff;}
.pro_box ul li a{width: 100%;height: 100%;display: block;font-size: 15px;}
.pro_box ul li img{ width:100%;display: block;}
.pro_box ul li span{ display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #1c2b4c;color: #FFFFFF;}

.project_box{
	min-height:300px;
	overflow:hidden;
}
.project_box ul{
	margin-top:20px;
}

.job_box{margin:20px auto;}
.job_box .container{margin: 0px 15px; overflow: hidden;}
.job_box ul{width:100%;overflow:hidden;}
.job_box ul li{width:calc(100%/3);height:30px;line-height:30px; float:left;margin:0px!;text-align:center}

.job_box ul.job_th{background:#1c2b4c;}
.job_box ul.job_th li{color:#ffffff;border-right:1px solid #ffffff;box-sizing:border-box;}

.job_box ul.job_td li{color:#1c2b4c;border-right:1px solid #999;box-sizing:border-box;border-bottom:1px solid #999;height:30px;line-height:30px;}
.job_box ul.job_td li:last-child{border-right:none;}
.job_box ul.job_td li a{color:#1c2b4c;}

.job_Btn{width: 120px; height:40px;text-align:center; margin: 10px 0px; line-height:40px;  font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#1c2b4c; color:#FFF;display:inline-block;margin-left:20px;}
.job_Btn:hover{color:#fff;}

.guide_box{  margin:0px auto;}
.guide_box ul{ padding:10px 15px 10px 15px; overflow:hidden; min-height:100px;}
.guide_box ul li{ float:left; width:100%; margin:10px 0px; text-align:center;background: #ffffff;}
.guide_box ul li a{width: 100%;height: 100%;display: block;font-size: 15px;overflow:hidden;}
.guide_box ul li img{ width:20%;display: block;float:left;margin-right:5%;}
.guide_box ul li p{ width:75%;float:left; display:block; overflow: hidden;color: #333333;text-align:left;margin-top:10px;}
/*news*/
.ns_contbox{ clear:both; line-height:23px; padding:15px 10px 10px 10px; min-height:200px;}

.ns_list{ overflow:hidden; padding-bottom:15px;}
.ns_list li{ width:100%; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #999;}
.ns_list li a{ float:left;}
.ns_list li span{ float:right; color:#666}

/*newsShow*/
.nss_tit{ font-size:13px; font-weight:bold; text-align:center;}
.nss_dtm{ text-align:center; padding:5px 0 10px 0; color:#999;}
.nss_info{ line-height:22px; }
.nss_img img{margin:10px auto;display:block;}
.nss_info iframe{width:100%;}

.nss_info .tit{
	width:100%;
	margin:20px 0px 10px 0px; 
	font-size:16px;
	line-height:30px;
	color:#1c2b4c;
	text-align:left;
	font-weight:bold;
	border-bottom:1px dashed #1c2b4c;

}

.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both;}


.plt_10{ padding-left:10px;}



/*feedback*/
.fd_p_1{ font-size:15px; color:#E8AA32; cursor:pointer;}
.fd_form{ margin-top:20px; display:none;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:100%;}
.jn_lt{ float:left; width:20%; line-height:30px; text-align:right; font-weight:bold;}
.jn_rt{ float:left; width:80%;}
.jn_box .txt{ width:calc(100% - 40px); height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; outline:none;}
.jn_box input:focus{ border:1px solid #1c2b4c;}
.jn_box textarea:focus{ border:1px solid #1c2b4c;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; outline:none;}
.jn_box .txtarea{width:calc(100% - 40px); height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB;  outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#1c2b4c; color:#FFF; font-size:15px; font-weight:bold;  cursor:pointer;}
.jn_box .btn:hover{ background:#1c2b4c}
.cl_red{ color:#f00;}



.fb_list{ clear:both; width:100%; margin:0 auto; padding-top:20px;}
.fb_list li{ width:calc(100% - 22px); padding:10px; background:#F4F4F4; border:1px solid #ddd; box-shadow:0 0 20px rgb(239, 239, 239); margin-bottom:20px;}
.fb_list li .tit{ border-bottom:1px solid #d3e0e1; padding-bottom:10px; overflow:hidden;}
.fb_list li .tit b{ font-size:15px;}
.fb_list li .cont{ line-height:24px; padding-top:5px; color:#666;}
.fb_list li .box{ padding:15px; background:#FFF; margin-top:5px; overflow:hidden;}
.fb_list li .box p{ color:#E88232;}
.fb_list li .box div{ line-height:24px;}

/*css flickr style pagination*/
div.flickr {
	padding:10px 0px 30px 0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px;
}
div.flickr a {
	border: #999 1px solid; padding:2px 6px; background-position: 50% bottom; color:#666; margin-right: 3px; text-decoration: none
}
div.flickr a:hover {
	border: #1c2b4c 1px solid;  background-image: none; color: #fff; background-color: #1c2b4c
}
div.meneame a:active {
	border: #1c2b4c 1px solid; background-image: none; color: #fff; background-color: #1c2b4c
}
div.flickr span.current {
	 padding:2px 6px; font-weight: bold; color: #1c2b4c; margin-right: 3px; 
}
div.flickr span.disabled {
	 padding:2px 6px; color: #999; margin-right: 3px; 
}


/*jobjoin*/
.jbs_tb_1{ margin-bottom: 30px;}
.jbs_txt{width:90%;height:25px;outline:none;}
.jbs_txtarea{width:90%;height:70px; padding:10px;outline:none;}
.jbs_age{ width:80px;}
.jbs_tel{ width:150px;}
.jbs_hong{ color:#f00;}
.jbs_txt:focus{ border:1px solid #1c2b4c;}
.jbs_txtarea:focus{ border:1px solid #1c2b4c;}
.jbs_submit{width: 120px; height:40px; text-align:center; margin: 10px 0px; line-height:40px;  font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#1c2b4c; color:#FFF;}
.jbs_submit:hover{ background:#1c2b4c; color:#FFF;transition: all .4s linear 0s;}




























