a{ color: #333; text-decoration: none;}
a:hover{ color: #e52113;  text-decoration: none;  }
li{ list-style: none; }
.mt20{ margin-top:20px;}
.clear{ clear: both; }
.w{ width: 1200px; margin: 0 auto }
.a_txt{display:none}
.moblie_head{ display: none;}
.header {
	height:72px;
	background:url("../images/hbg.jpg") no-repeat top center;
	position:relative;
	line-height:72px;
	border-top:20px solid #0e3758
}
.header .w{ display: flex; justify-content: space-between}

.header .nav ul {
	float:right
}
.header .nav li {
	float:left;
	margin:0 23.05px;
-webkit-transitions:.2s;
-moz-transition:.2s;
-ms-transition:.2s;
-o-transition:.2s;
transition:.2s;
	position:relative;
	font-size:16px
}
.header .nav li.active>a, .header .nav li:hover>a {
	background:#000000;
	position:relative;
	height:72px;
	line-height:72px
}
.header .nav li.active>a:after, .header .nav li.active a:before, .header .nav li:hover>a:after, .header .nav li:hover a:before {
	width:47px;
	height:72px;
	content:'';
	display:inline-block;
	position:absolute
}
.header .nav li.active>a:after, .header .nav li:hover>a:after {
	background:url("../images/img3.png") no-repeat;
	right:-47px
}
.header .nav li.active>a:before, .header .nav li:hover>a:before {
	background:url("../images/img2.png") no-repeat;
	left:-47px
}
.header .nav li .subnav {
	border-top:2px solid transparent;
	display:none;
	z-index:99;
	position:absolute;
	left:-47px;
	top:72px;
	right:-47px
}
.header .nav li .subnav dd {
	height:43px;
	background:rgba(14, 55, 88, 0.7);
	line-height:43px;
	text-align:center
}
.header .nav li .subnav dd.active, .header .nav li .subnav dd:hover {
	background:#000000
}
.header .nav a {
	color:#ffffff;
	display:block;
	text-align:center;
	padding:0 3.6px
}
.header .nav .list ul {
	margin-left:24px
}

.box1 .fl{ width:48%; float:left}
.box1 .fr{ width:580px; float:right}
.tit{ border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.tit h3{ display:inline-block; font-size:24px; font-weight:normal}
.tit span{ color:#999999; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;}
.abocon{ font-size:16px; color:#999; line-height:25px; margin-top:10px;}
.abocon p{ text-indent: 2em;}
.aboimg{ margin-top:10px;}
.more{ margin-top:10px;}
.more a{ display:block; width:120px; border:1px solid #999; color:#999; line-height:50px; font-size:16px;text-align:center}
.more a:hover{ background-color:#006ec7; color:#fff; border:1px solid #006ec7; }

.box1 .right_bx{}
.box1 .right_bx ul { margin-bottom:20px;}
.box1 .right_bx ul li {border-bottom: 1px dashed #cccccc; padding:0 15px 10px 0px;height:70px; margin-top:10px;}
.box1 .right_bx ul li .date { height:54px; width:64px; margin-right:20px; background-color:#198cdb; float:left; padding:8px 0; text-align:center;}
.box1 .right_bx ul li .date .day { height:32px; font-size:22px; color:#fff;}
.box1 .right_bx ul li .date .month { height:22px; font-size:12px; color:#fff;}
.box1 .right_bx ul li .text { width:480px; height:70px; float:right;}
.box1 .right_bx ul li .text h2 { line-height:28px; font-size:16px; color:#1e539a; font-weight:normal;}
.box1 .right_bx ul li .text h2 a {font-size:16px; color:#1e539a;}
.box1 .right_bx ul li .text p { height:42px; line-height:21px; font-size:12px; color:#bebebe;}
.box1 .right_bx ul li .text p a {font-size:12px; color:#bebebe;}


 .tit1 {width:100%; margin-bottom:30px;text-align:center;background: url(../images/tit_hr_1.jpg) no-repeat center bottom;}
 .tit1 h2 {font-size:26px; color:#1a1a1a; line-height:38px; font-weight:normal;}
 .tit1 h3 {font-size:13px;line-height:28px;color:#c1c1c1;font-weight:normal; padding-bottom:20px;}

.youshi {padding:40px 0;width:100%;}
.youshi .cont { width:1200px; margin:0 auto;}
.youshi .cont .left_bx {float:left; width:385px; margin-right:35px;}
.youshi .cont .img {float:left; width:360px; height:453px;margin-right:35px; background:url(../images/ys_imgbg.jpg) no-repeat  center center;}
.youshi .cont .img h2 { height:80px; line-height:80px;background-image:url(../images/l_85.png); margin-top:373px; font-size:32px; color:#fff; font-weight:normal; text-align:center;}
.youshi .cont .right_bx {float:left;width:385px;}
.youshi .cont ul li { width:100%; height:130px;padding:10px 0; border-bottom:1px #ccc solid;}
.youshi .cont ul li .bt_bx { height:70px;}
.youshi .cont ul li .bt_bx .inc_img { width:70px; height:70px; margin-right:10px; float:left;}
.youshi .cont ul li .bt_bx h2 {display: block; height:70px; line-height:70px; width:300px; float:left; font-size:26px; color:#333;}
.youshi .cont ul li .text { height:50px; line-height:25px; font-size:12px; color:#666;}

.indexpro{ background:url(../images/tbg.jpg) center top no-repeat; overflow:hidden; padding-bottom:60px; margin-top:50px;}
.tit2 h3{ font-size:24px; color:#FFF; display:inline-block; margin:20px 0 50px 0;  font-weight:normal}
.tit2 span{ padding-left:10px; color:#FFF; font-size:16px;}
.indexpro_left{ float:left; width:305px; background:#006ec7 url(../images/probg.jpg) center bottom no-repeat; padding-bottom:185px; padding-top:30px;}
.indexpro_left li{ margin-bottom:10px;}
.indexpro_left li a{ display:block; margin: 0 30px; line-height:40px; background-color:#01467d; color:#FFF; padding-left:20px; font-size:16px;}
.indexpro_left li a:hover{ background-color:#b82d12}
.indexpro_left li .pronav a{ border-top:1px dashed #085898}
.indexpro_right{ float:right; background-color:#fff; width:895px; height:520px;}
.indexpro_right li{ float:left; margin:10px 0px 0 10px; width:285px;}
.indexpro_right li img{ width:100%; height:200px;}
.indexpro_right li h3{ display:block; background-color:#006ec7; color:#fff; text-align:center; line-height:45px; font-size:16px;}

.case{ background-color:#f9f8f8; padding:50px 0; overflow:hidden}
.tit3{background: url(../images/tit_hr_1.jpg) no-repeat center bottom;}
 .tit3 h3 {font-size:26px; color:#1a1a1a; line-height:38px; font-weight:normal; text-align:center}
 .tit3 span {font-size:13px;line-height:28px;color:#c1c1c1;font-weight:normal; padding-bottom:20px; text-align:center; display:block; text-transform:uppercase}

.footernav{ background:#dcdcdc url(../images/fnavbg.png) center top repeat-x; overflow:hidden}
.footernav .footerli{ float:left; width:20%;}
.footernav .footerli h3 a{ font-size:16px; font-weight:bold;  line-height:50px;}
.footernav .footerli ul{ padding:10px 0;}
.footernav .footerli ul li a{ display:block; font-size:16px; font-weight:normal; line-height:35px;}
.footercon{ background-color:#272727; text-align:center; font-size:14px; color:#fff; line-height:50px;}

.con{ margin:30px 0;}
.conpic{ height:178px; background:url(../images/banner_03.jpg) center center no-repeat}
.confl{ width:250px; float:left}
.confl h2{ display:block; line-height:40px; background-color:#006ec7; padding-left:20px; color:#FFF; font-size:16px; }
.confl ul li a{ display:block; line-height:40px; background-color:#eee; border-bottom:1px solid #ddd; padding-left:20px; font-size:16px;}
.confl .pronav{ background-color:#fff;}
.confl .pronav a{ padding-left:20px; background-color:#fafafa}
.confr{ width:920px; float:right}
.ntit{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px;}
.ntit h3{ color:#006ec7; font-size:24px; display:block; float:left}
.ntit span.r{ display:block; float:right; font-size:14px;}
.newscotent{ margin-top:20px; font-size:14px; line-height:25px;}
.npic{ margin-bottom: 20px; text-align: center; border: 1px solid #ddd; padding: 10px; box-sizing: border-box;}
.newscotent img{ max-width:100%}
.newscotent table{
width:100%;
text-align:center;
border-collapse:collapse;
}
.newscotent table td{
border:1px solid #ddd; text-align: center; padding: 10px;
}
.newscotent table tr:first-child td{ font-weight: bold; }

.prolist{ overflow:hidden;}
.prolist li{ float:left; margin:20px 0px 0 20px; width:285px;}
.prolist li img{ width:100%; }
.prolist li h4{ display:block; background-color:#006ec7; color:#fff; text-align:center; line-height:45px; font-size:16px;}

.other{ border-top:1px solid #ddd; line-height:50px; margin-top:30px;}
.inpage_r_news_list{ overflow:hidden}
.inpage_r_news_list li{ border-bottom:1px dashed #dddddd; overflow:hidden}
.inpage_r_news_list li a{ display:block; float:left; line-height:40px; font-size:14px;}
.inpage_r_news_list li span{ display:block; float:right; line-height:40px;}

@media screen and (max-width: 1024px) and (min-width: 0px){
	.w { width:100%; min-width: 100%; padding: 0 10px; box-sizing: border-box; margin: 0 auto;}
	.header{display:none}
	.h100{ height: 44px;}
	
	.moblie_head{ display: block; height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
	.moblie_head .w{ display: flex; height:44px; justify-content: space-between; align-items: center;}
	.moblie_head .lf{padding-top:0px; }
	.moblie_head .lf img{height:24px}
	.moblie_head .rg{ padding-top:4px; }
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:@color;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid rgba(255,255,255,.1)}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	
	.box1 .fl{ width:100%; float:none}
	.box1 .fr{ width:100%; float:none}
	.box1 .fr img{max-width: 100%;}
	.indexpro_left{ float:none; width:100%; margin-top: 20px; }
	.indexpro_right{ float:none;  width:100%; height:100%;}
	.tit2 h3{ display:block; margin: 20px 0 20px 0;}
	
	.indexpro_right li{ float:left; margin:10px 0px 0 10px; width:calc(50% - 20px);}
	.indexpro_right li img{ width:100%; height:auto;}
	.indexpro_right li h3{ display:block; background-color:#006ec7; color:#fff; text-align:center; line-height:35px; font-size:14px;}
	
	.confl{ display: none;}
	.confr{ width:100%; float:none}
	
	.prolist li{ float:left; margin:10px; width:calc(50% - 20px);}
	.prolist li img{ width:100%; height:auto; }
	.prolist li h4{ display:block; background-color:#006ec7; color:#fff; text-align:center; line-height:45px; font-size:16px;}
	
	
	.footernav{ display: none;}
	
}