@charset "utf-8";

.clear{ clear:both;}



.pl_top{text-align: center;width: 180px;color: #fff;}
.pl_top em,.pl_top b{display: block;text-align: center;}
.pl_top em {font-size: 18px;color: #ddd;font-family: Arial;line-height: 180%}
.pl_top b{font-size: 24px;color: #fff;letter-spacing: 4px;line-height: 60px;position: relative;top: -3px}
.pl_top i{font-size: 15px;text-transform: uppercase;}
.pl_top b span{color: #aaa;letter-spacing: -5px}

.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}
.links{ width:100%; height: auto; background: #313131; clear: both; display: none;}
.links ul{ width:1200px; height:auto; margin:0 auto; padding:10px 0px;clear:both;}
.links ul li{float:left; margin:0px; color: #fff;line-height:23px;}
.links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; }
.links ul li a:hover{ color:#fff; text-decoration:none;}

.innerrtitle{ width:100%; height:50px; line-height:50px; background: #f1f2f4;}

.navpost{width:100%;display:block;color:#555;font-size: 15px;}
.navpost a{font-size: 15px;color:#555;padding: 0px 3px;}
.navpost a:hover{ color:#F00;text-decoration:none;}
.navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}

.titlee{}
.titlee b{color: #1d1d1d;font-size:24px;font-weight: bold;}
.titlee b span{color: #1F468B}
.titlee i{display: block;color: #b2b2b2;font-family: Arial;font-size: 18px;}

.slide-navv {

    flex: 1;
    

}

.slide_title{ width:100%; margin-bottom:5px;}
.slide_title .line{width:56px;
    height: 5px;
    background: #0C4194;
    margin-top: 10px;
}
.slide_title b{font-size:26px;
    display: inline-block;
    color: #363636;
    font-weight: 600;
    position: relative;
}

.slide_title span{
    display: block;font-size: 16px;
    color: #999999;
    margin-top: 10px;
    text-transform: uppercase;
}

 .slide-navl {

	margin-top: 30px;
    flex: 2;
   


}

.slide-listt {

	list-style: none;
	padding:0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
    flex-direction: column;

}
.slide-listt li {
    width: 100%;

}

.slide-listt li a {
	text-decoration: none;
	line-height: 45px;
	font-size:14px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	color: #333;
	position: relative;
    background: #f8f8f8;
    padding:4px 10px;
    transition: all .3s;
    border-bottom: 1px solid #ccc;
}
.slide-listt li a b { font-size: 17px; display: block;}
.slide-listt li a span { display: block; width: 30px; height: 30px;  background: #8F8F8F; color: #fff;  line-height: 30px  }
.slide-listt li a:hover { background: #0C4194;color: #fff;}
.slide-listt li a:hover span {  background: none;}


.pro_listt a { display: block; float: left; width: calc(33.3% - 22px); margin: 10px; background: #fff;    border: 1px solid #F2F2F2;}
.pro_listt span { display: block; overflow: hidden; }
.pro_listt p {

    color: #333;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    padding:20px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro_listt a:hover{ box-shadow: 0 0 12px #dedede;}
.pro_listt a:hover p { background: #005BAC;color: #fff;}

.apply_listt {display: flex; align-items: center; margin-top: 50px;  flex-wrap: wrap;}
.apply_listt a {display: flex; align-items: stretch; width:100%; color: #333;}
.apply_listt .apply_tu, .apply_listt .apply_txt { flex: 1; background: #f1f1f1;}
.apply_listt .apply_txt { position: relative; padding-top: 10px; transition:  all .3s; flex: 1;}
.apply_listt .apply_txt b { font-size: 24px; display: block; padding: 30px 50px; margin-top: 30px;}
.apply_listt .apply_txt p { padding: 20px 50px; line-height: 28px; font-size: 16px;}
.apply_listt a .apply_txt .sj1 { transition:  all .3s;position: absolute; top:45%; left: -20px; width:0;
    height:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-right:20px solid #f1f1f1;}
.apply_listt a .apply_txt .sj2 { transition:  all .3s;position: absolute; top:45%; right: -20px; width:0;
        height:0;
        border-top:20px solid transparent;
        border-bottom:20px solid transparent;
        border-left:20px solid #f1f1f1;}
.apply_listt a:hover .apply_txt { background: #0C4194; color: #fff;}
.apply_listt a:hover .apply_txt .sj1{border-right:20px solid #0C4194;}
.apply_listt a:hover .apply_txt .sj2{border-left:20px solid #0C4194;}



.innerleft{ width:275px; float:left; height:auto; margin:20px 0px 30px 0px; }
.innerltitle{background-color:#0C4194; height:auto;padding: 10px 0px; margin-right:23px;}
.innerltitle p{ font-size:25px;color:#fff;text-align:center;line-height:40px !important; padding: 0px !important;}
.innerltitle span{ font-size:25px;color:#fff;text-align:center; display:block; }
.iltcontf{ width:100%;}
.iltconts{  margin-top:20px;}

.inermlist{ width:100%; height:auto;  margin:0 auto; padding:10px 0px; }
.inermlist li{ width:100%;height:auto;margin:7px auto; position: relative;}
.inermlist li a{ width:235px;height:40px;line-height:40px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:15px; float: left;text-indent:20px;text-align:left;}
.inermlist li a:hover{text-indent:21px;color:#CE0A0F;font-weight:bold;text-decoration:none;}
.inermlist li ul{ padding: 0px; display: none;}
.inermlist li ul li{ width: 100%;margin: 0px;height: 35px;}
.inermlist li ul li a{ width:100%;height: 35px; line-height: 35px; background:none; color: #777; font-size: 15px; display: block; text-indent: 15px; text-align: left;}
.inermlist li ul li a:hover{ color:#ca352b;background: none; text-indent: 16px;}
.inermlist .addsubicon { width:30px; height: 40px; line-height:35px; color: #555; font-size:25px; float:right; text-align: center; display: block; cursor: pointer; font-weight: bold;}

.innernlist{width:100%; margin:0 auto; padding:10px 0px; margin-right:20px;}
.innernlist li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; overflow:hidden; }
.innernlist li a{display: block;color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innernlist li a:hover{color:#CE0A0F; text-indent:1px; }
.innernlist li span{float:right;}


.innerright{width:900px;float:right; height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;}
.inrrctainer{width:100%; height:auto; font-size: 14px; line-height:26px;color:#666;}
.inrrctainer table{margin: 0 auto; text-align: center;}
.inrrctainer img{ max-width: 100% !important;}


.inrrctainer .biaoti{padding-bottom: 40px;}
.inrrctainer .contact_tp{width: 900px; height: 378px; background-image: url(/Public/uploads/20220613/62a6df6ec754b.jpg); box-shadow: rgb(204, 204, 204) 0px 0px 8px;}
.inrrctainer .contact_icon{width: 700px; height: 400px;  margin: 0 auto; padding-top:200px; }
.inrrctainer .contact_iconlef{width: 800px; height: 550px; }
.inrrctainer .icon_lianxi{width: 300px; height: 280px; }

.inrrctainer .lianxi_dianhau{width: 300px; height: 69px;}
.inrrctainer .icon_lef{float: left;}
.inrrctainer .lianxi_wz:hover{color: #0c4194;}


.inrrctainer .gsjj_bj{width: 900px; height: 400px; background-image: url(/Public/uploads/20220614/gsjj.jpg); }
.inrrctainer .gsjj_wz{width: 570px; padding-top: 40px;}
.inrrctainer .gsjj_ln{padding-top: 40px;}
.inrrctainer .gsjj_tp{width: 280px; height: 350px; float: left;}
.inrrctainer  .gsjj_t{overflow: hidden;}
.inrrctainer  .gsjj_t img {transition: all 0.4s;}
.inrrctainer  .gsjj_t img:hover{transform: scale(1.1);}
.inrrctainer  .gsjj_bk p:hover {color: #0c4194;}



.slide-content {
	flex: 3;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;



}
.xm_list{width: 31.3%; margin: 10px 1%;}
.xm_list a{ display: block;border: 1px solid #dedede;  padding-bottom: 6px;}
.xm_list span { display: block; overflow: hidden;}  
.xm_con{ text-align: center; margin-top: 10px;}
.xm_con b{ color: #333; padding: 5px 0; font-size: 16px;}
.xm_con p{ color: #666; margin: 5px 0;}
.p_more {
	display: block;
	width:80px;
	margin:0 auto;
	border: 1px solid #dedede;
	background: none;
	padding: 0 20px;
	height:35px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	color: #0C4194;
	margin:10px auto;
	text-decoration:none;
}
.xm_list a:hover .p_more{background:#0C4194;border-color:#0C4194;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}


.innewslist{ width:100%; height:auto; margin-top:15px;}
.innewslist li{height:auto; margin:0px 0px 20px 0px; border-bottom:1px solid #dcdcdc;}
.innewslist li a{ display:block;}
.innewslist li .innewleft{ width:110px;  float: left; text-align: center; color: #ccc; padding:20px 0px;}
.innewslist li .innewleft span{ font-size:18px; line-height:35px;text-align: center;}
.innewslist li .innewleft p{ font-size:30px;}
.innewslist li .innewright{ width:calc(100% - 140px); float: right; margin-right: 10px;}
.innewslist .ntitle{ width:100%;height:40px;line-height: 40px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innewslist .nconc{width:100%;height:auto;line-height:25px;font-size:14px; color:#656565;overflow: hidden;}
.innewslist .more{height:30px; line-height:30px; border-radius:15px; text-align:center; color:#0C4194; padding: 0px 15px;text-indent:0px; margin: 10px 0px; border:1px solid #0C4194; display: inline-block;}

.innewslist li:hover{ border-radius: 4px; color:#0C4194;}
.innewslist li:hover .more{background: #fff; border: 1px solid #fff; color: #666;}
.innewslist li:hover .nconc{width:100%;height:auto;line-height:25px;font-size:14px;overflow: hidden;}

.innewslist li:hover .ntitle{color:#0C4194;}
.innewslist li:hover .innewleft{color:#0C4194;}


.inprolist{ width:100%; height:auto; list-style:none; text-align: center;}
.inprolist li{ width:280px; float:left;height:auto;margin:0px 8px 20px 8px;}
.inprolist li img{width:100%; height:207px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;}
.inprolist li .img{ width:276px; height: 207px; overflow: hidden; border: 1px solid #dedede; padding: 1px;}
.inprolist li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inprolist li a{color:#333;display: block;}
.inprolist li:hover a{color:#fff !important;text-decoration:none;  }
.inprolist li:hover p{ background: #CE0A0F;}
.inprolist li:hover .img{border: 1px solid #CE0A0F;}
.inprolist li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}

.incaseslistx{ width:100%; height:auto; list-style:none; text-align: center;}
.incaseslistx li{ width:425px; float:left;height:auto;margin:0px 8px 20px 8px;}
.incaseslistx li img{width:100%; height:318px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;}
.incaseslistx li .img{ width:425px; height: 318px; overflow: hidden; border: 1px solid #dedede; padding: 1px;}
.incaseslistx li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.incaseslistx li a{color:#333;display: block;}
.incaseslistx li:hover a{color:#fff !important;text-decoration:none;  }
.incaseslistx li:hover p{ background: #ca352b;}
.incaseslistx li:hover .img{border: 1px solid #ca352b;}
.incaseslistx li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}


.invideolist{ width: 100%; height: auto;}
.invideolist li{ width:430px; height: auto; float: left; margin: 10px 7px;}
.invideolist li p{ width: 100%; height:30px; line-height: 30px; text-align: center; }
.videoiframe{width:100%; height:300px;}


.ipage{height:auto; text-align:center;}
.totalfont{ font-size: 14px; color: #666; display: none;}
.ipage a{ height:35px;line-height:35px;color:#888;font-size: 15px;padding:0px 5px;display: inline-block;margin: 0px 5px; vertical-align: top;}
.ipage a:hover{color:#0C4194;border-bottom:2px solid #0C4194;text-decoration:none;font-weight:bold;}
.ipage .current{color:#0C4194;border-bottom:2px solid #0C4194;display:inline-block; height:35px;line-height:35px;padding:0px 5px;margin:0px 5px;font-size:15px;font-weight:bold;}


.article_title{ text-align:center; width:100%; font-size:24px; line-height:30px; color:#444; padding: 15px 0px;}
.newsin-c{width:100%; height:30px; line-height: 30px; margin: 15px 0px; color: #666;}
.newsin-c .date{ width: 190px; float: left; text-indent:0px; font-size: 14px;}
.newsin-c .date i{ width:28px;height:30px; display:inline-block; background:url(../images/time.png) no-repeat left center; background-size: 22px 22px; float: left;}
.newsin-c .click{ width: auto; height: 30px; line-height: 30px; text-align: right; float:right;}
.newsin-c .click i{ width: 30px;height:30px; display:inline-block; background:url(../images/eye.png) no-repeat left center; background-size: 25px 25px; float: left;}


.detpnt{height:auto; background:#f1f1f1;overflow: hidden;margin-bottom:20px; padding: 0px 20px;}
.detpnt .detpntline{width:48%;height:35px;line-height:35px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detpnt .detpntline a{color:#666; font-weight: normal;}
.detpnt .detpntline a:hover{ color: #333; }
.detpntl{ float: left;}
.detpntr{text-align:right;float:right;}


.innerabouttitle{ width:100%; height:auto; border-bottom:3px solid #dedede;}
.innerabouttitle p{color:#e27a1b;font-size:30px; text-align: center; font-weight:bold;height:35px; line-height:35px;}

.fotdetbox{padding:15px; background: #f1f1f1;}
.morearticle{ border: 1px solid #fff; padding: 10px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dotted #333; margin: 0px 1%;}
.morearticle li a{ color:#333; padding-left:10px;}
.morearticle li a:hover{ color:#666; padding-left:11px;}
.moreproducts{border: 1px solid #fff; padding: 10px 0px;}
.moreproducts li{ width:123px; height:auto;float:left; margin:0px 10px; text-align:center;}
.moreproducts li a{ color:#333;}
.moreproducts li p{ text-align: center; line-height:30px;}
.moreproducts li a:hover{ color:#666}
.moreproducts li img{ width:100%;height:auto; border:1px solid #ccc;}
.moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.inmessagebox{width: 600px;height: auto; padding: 0px 0px 50px 0px; margin: 0 auto; }
.inmessright{ width: 550px; height:auto; float: right; padding: 30px 0px 50px 0px;}
.inmessright img{ width: 550px;}
.inmessline{ width: 100%; height: auto; margin-bottom: 15px}
.zxlyinp{ width:100%;height:40px;line-height:40px;border-radius:2px;color: #999; background: #f8f8f8; border: 0px;vertical-align:top; text-indent: 10px; font-size: 14px; outline: none;}
.inmesteat{ height:120px;resize: none; outline: none;}
.zxlyyzm{width:140px; outline: none;height:40px;line-height:40px;font-size:14px; color: #999; background: #f8f8f8; border: 0px;vertical-align: top; text-indent: 10px;border-radius:2px;}
.zxlysub{background:#ef0606;width:48%; outline: none; height:40px; line-height:40px;color:#fff; text-align:center; border-radius:2px;border:0px; font-size:16px; float: left;cursor:pointer;}
.zxlysub:hover{background: #ffa200;}
.resetc{background:#999;float:right;}
.resetc:hover{background: #666;}
.indexcode{ vertical-align:top; height: 40px;}


.imgnav{ width:720px; margin:00px auto;}
#bodycontent .hov{ display: block;}
#bodycontent p{ display: none;}
.imgnav{  position:relative; margin:0 auto; width:720px;}
#tabsmalimg{ z-index:10; width:720px;line-height: 540px; position:relative; text-align:center;}
#tabsmalimg img{max-width: 720px; max-height:540px; display:none; vertical-align: middle;}
#pofront,#ponext{position:absolute;z-index:10;cursor:pointer;width:30px;height:auto;top:50%; margin-top: -30px;}
#pofront{left:10px}
#ponext{right:10px}
#pofront a,#ponext a{display:block;height:60px;}
#pofront a{background:url(../images/index_tab_l.png) no-repeat; }
#ponext a{background:url(../images/index_tab_r.png) no-repeat;}

#cbtn{background:#EAEBF0; position:relative; height:auto; }
#cbtn ul{position:relative; width:10000px; height:auto;}
#cbtn ul li{ float:left;width:116px; height:86px; cursor:pointer; text-align:center; margin-right:14px; position:relative;}
#cbtn ul li img{ width:116px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ border: 1px solid #f00; }
.ctrl div{ clear:both;}
#cSlideUl{width:640px; height:110px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:42px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:42px; right:10px; z-index:9;}


.ncontainer{ padding: 0px 0;}
.wapup{display:none;}


@media (min-width: 1200px){
	.ncontainer{width: 1200px; height: auto; margin: 0 auto; padding: 0px;}
	.links{ display: block;}
}