@charset "utf-8";
* { margin: 0; padding: 0;box-sizing: border-box; }
body { margin: 0; padding: 0; height: 100%; font-size: 14px;  font-family: Source Han Sans CN-Regular, Source Han Sans CN; color: #333; line-height: 24px; word-break: break-all; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-size: 14px; font-weight: 400; }
.fl { float: left }
.fr { float: right }
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .2s linear 0s; color: #666; }
:focus { outline: 0 }
img { border: 0 }
hr{border: none;} 
em,i{font-style: normal;text-decoration: none;}
i{vertical-align: middle;}
.pic{overflow: hidden;}
.pic img{transition: .4s;}
.pic:hover img{transform: scale(1.2);}
.container{max-width: 1920px;margin: 0 auto; position: relative;}
.flex{display: flex;display: -ms-flexbox;justify-content:space-between;-ms-flex-pack: justify;}
.flex-default{display: flex;}
.flex-wrap {display: flex; flex-wrap: wrap;}
.wrap { width: 1200px; margin: auto; }
@media screen and  (max-width: 1200px){}

/* 头部导航 */
.header { width: 100%; height:80px; position: absolute; left: 0; top: 0; z-index: 9;}
.header .wrap{align-items: center;height: 100%;}
.header .lft{display: flex; justify-content: flex-start; align-items: center;}
.header .logo{margin-right: 77px;}
.header .nav {text-transform: uppercase;font-size: 0; padding-top: 10px;}
.header .nav li { display: inline-block; position: relative;text-align: center; margin-right: 64px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li a {padding-bottom: 6px; font-size: 16px; display: block;color: #fff; border-bottom: 2px solid transparent;}
.header .nava:hover,.nav li.active > a{border-color:  #fff;}
.header .rht{padding-top: 3px;}
.header .rht a{font-size: 16px; color: #fff; display: inline-block;}
.header .rht a:first-child{border-bottom: 2px solid transparent;padding-bottom: 6px; }
.header .rht a:first-child:hover{border-color: #fff;}
.header .rht a:last-child{display: inline-block; margin-left: 34px; width: 90px;height: 37px;text-align: center; line-height: 37px; border-radius: 8px; background-color: #3662EC;  }


/*分站*/
.citys {width: 100%; min-width: 1200px; padding: 50px 0;}
.citys .dq ul {padding:15px; background: #fafafa; border: 1px solid #e6e6e6; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
.citys .dq ul li {font-size: 16px; color: #666;}
.citys .dq ul li:hover {cursor: pointer;}
.citys .dq ul li i {width: 1px;height: 11px;margin: 8px 0 0 38px;float: right;background: #C7C7C7;}
.citys .cs ul {padding: 15px; display: flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; border: 1px solid #e6e6e6; border-top: none;}
.citys .cs ul li a {padding: 5px 12px;}
.dqli {font-weight: bold;}

/*友情链接*/
.link {height: 64px; background: #052a4f; line-height: 64px; border-bottom: 1px solid #163b5f; }
.link .wrap { color: #fff;  line-height: 64px;}
.link .wrap a { color: #a9a9a9; margin: 0 5px; }
.link img{width: 90px;height: 33px;}

/*底部*/

footer .msg{opacity: 0;width: 100%; height: 164px; position: fixed; left: 0; bottom: 0;  z-index: 12;}
footer .msg::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(164,229,255,0.2);backdrop-filter: blur(102px);-webkit-backdrop-filter:blur(102px);z-index:-1; background-size: cover;}
footer .msg.act::after{backdrop-filter:initial}
footer .msg .wrap{
	height: 100%; display: flex; justify-content: space-between; align-items: center;
}


footer .msg h5{font-size: 1.77vw;font-weight: bold;color: #0C32BF; position: relative;}
footer .msg h5::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	transform: translateX(-35%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #0C32BF;
	opacity: 0.1;
}
footer .msg p{font-size: 0.93vw;color: #363D57; margin-top: 0.93vw;}
footer .msg form input{
	margin-left: 24px; padding-left: 12px; border: 1px solid #CDEDFD; border-radius: 4px; background-color: #fff; height: 48px;font-size: 16px;
}
footer .msg form input::placeholder{font-size: 0.83vw;color: #363D57; opacity: 0.3; font-size: 16px;}
footer .msg form .name{width: 128px;}
footer .msg form .tel{width: 192px;}
footer .msg form .code{ position: relative;}
footer .msg form .code #code{width: 168px;}
footer .msg form .code #get_code{margin: 0; padding: 0; cursor: pointer; border: none; outline-style: none; width: auto; height: auto; position: absolute; right: 12px; top: 49%; transform: translateY(-50%); font-size: 15px; color: #0C32BF;}
footer .msg form #Submit{border: 0; transition: .4s; cursor: pointer; padding: 0; width: 169px;border-radius: 4px; font-size: 16px; color: #fff; background: #0C32BF;}
footer .msg form #Submit:hover{background-color: #FE6627;}
footer .msg i{cursor: pointer; position: absolute; right: 16px ;top: 16px;}




footer .foot{
	background: url(../images/foot_bg.jpg) no-repeat center top; padding-top: 40px; color: #fff;
}
footer .foot .lft{width: 65%;}
footer .foot .lft li .tit{font-size: 16px; margin-bottom: 18px;}
footer .foot .lft li a{color: #fff; opacity: 0.6; display: block; margin-bottom: 8px;}
footer .foot .rht{color: #fff;}
footer .foot .rht .tel{font-size: 28px;letter-spacing: 2px; font-weight: bold; display: flex; justify-content: flex-start; align-items: flex-start;}
footer .foot .rht .tel p:first-child{margin-bottom: 28px;}
footer .foot .rht .tel img{margin-right: 24px;}
footer .foot .rht .oth{display: flex; justify-content: flex-start; align-items: flex-start;}
footer .foot .rht .oth img{margin-right: 24px;}
footer .foot .rht .oth .add{font-size: 20px;margin-bottom: 30px;}
footer .foot .rht .oth span{font-size: 20px;font-weight: bold; display: inline-block; margin-right: 20px;}
footer .foot .rht .oth ul{display: flex; justify-content: space-between; margin-top: 25px;}
footer .foot .rht .oth ul li{text-align: center;}
footer .foot .rht .oth ul li img{margin: 0;}
footer .foot .rht .oth ul p{opacity: 0.6;margin-top: 8px;}
footer .foot .bottom .wrap{height: 55px; display: flex; justify-content: center; align-items: center; }
footer .foot .bottom{background-color: #101C2E;}
footer .foot .bottom img{vertical-align: middle; position: relative; top: -1px;}
footer .foot .bottom span{margin:  0 10px;}


/* 右侧悬停icon */
.fix-right-v1{ position: fixed; right: 30px; top: 40%; z-index: 1001;}
.fix-right-v2 { position: fixed; right: 30px;  top: 50%; z-index: 1001; }
.pub li{width: 78px; height: 78px; cursor: pointer; text-align: center; font-size: 14px;color: #363D57;background-color: #fff; display: flex; flex-direction:column-reverse; align-items: center; justify-content: center; border-radius: 4px;border: 1px solid #E2E9F6;}
.pub li::after{margin-bottom: 3px}
.pub .gotop::after{content: url(../images/backtop.png);}
.pub .applet::after{content: url(../images/applet.png);}
.pub .complaint::after{content: url(../images/complaint.png);}
.service-side-container{top: 20% !important;}
@media screen and  (max-width: 1500px){
	.pub li{transform: scale(0.7);}
}











/*内页*/
.newswep{display: none;}
.ban { width: 100%; position: relative;}
.ban img{width: 100%; display: block;}
.ban .tit{width: 100%; position: absolute; top: 130px; left: 0; font-size: 40px;font-weight: 500; color: #fff;}
.ban .location{width: 100%; position: absolute;left: 0; top: 63px; color: #fff;}
.ban .location .breadrumb a{color: #fff;font-size: 18px;}

.about p { line-height: 36px; }
.videolist ul {display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.videolist ul li  {margin-bottom: 20px;}
.videolist ul li .title {text-align: center; line-height: 45px; background: #f2f2f2;}
.videolist ul li .title:hover {background: #0349a8; color: #fff;}
.videolist ul li img {width:285px ; height: 250px;}
/* .location { width: 100%; border-bottom: 1px solid #e4e4e4; height: 50px;padding: 13px 0; }
.location .breadrumb { background: url(../images/address.png) left center no-repeat; padding-left: 20px; } */
.c_wrap { margin:40px auto;}
.c_wrap_l { width: 240px; float: left; }
.c_wrap_l .tit { background: #333; font-size: 20px; color: #fff; font-weight:bold; padding: 15px; text-align:center; }
.c_wrap_l .tellbg {background: url(../images/tellbg.jpg) center no-repeat; background-size:auto; padding:15px 0; }
.c_wrap_l .telltest {  width:60%; height: 64px; background: #a15605; background: rgba(33, 33, 33, 0.5); line-height:40px;font-size:20px; color: #fff; padding-left:15px; font-weight:bold;}
.c_wrap_l .telltest p{font-family: Arial;font-weight:100; line-height:10px;}
.c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; font-family: Arial; padding-top: 10px; }
.c_wrap_l .box #leftnav dl dt {display: flex; justify-content: space-between;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav dl dt a {flex:1; display: inline-block; text-indent:5px;font-size: 14px; margin:0 10px;}
.c_wrap_l .box #leftnav dl dt span {width: 19px; height: 19px; display: block; float:right; color: #444; font-size: 18px; margin-right: 15px;}
.c_wrap_l .box #leftnav dl dt:hover {background: #0349a8;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav dl dt:hover a {color: #fff;border-bottom: 1px dashed #0349a8;}
.c_wrap_l .box #leftnav .list2 { color: #333; line-height:40px; } 
.c_wrap_l .box #leftnav .list2 a {display:block; width:200px; margin:0 auto;  padding-left:20px;  border-bottom: 1px dashed #d7d7d7;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav .list2 a:hover {color: #fff; background: #0349a8;border-bottom: 0px;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box { background: #f6f6f6; margin-bottom: 30px; padding-bottom:10px;}
.c_wrap_l .box dt a{ display:block; margin:0 auto;  height: 45px; line-height: 45px;  transition: all .2s linear 0s;border-bottom: 1px dashed #d6d6d6;  position: relative; }
.c_wrap_l .box #leftnav dt a {display: inline-block; }
.c_wrap_l .box dl dt:hover span{width:10px; height: 15px; display: inline-block; color:#fff !important;}
.c_wrap_l .box dl dt:hover {cursor: pointer; color: #fff;}
.c_wrap_l .box dl .active{background: #0349a8; border-bottom: 1px dashed #0349a8;}
.c_wrap_l .box dl .active a,.c_wrap_l .box dl .active span{color: #fff !important;border-bottom: 0px ;}

.c_wrap_l .box dl dt span:hover {cursor: pointer;}
.c_wrap_l .box.contact { padding: 15px 15px; background: #f6f6f6; }
.c_wrap_l .box.tags { padding: 15px; }
.c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; }
.c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; }
.c_wrap_r { width: 930px; float: right; }
.c_wrap_r iframe{ min-height:350px !important;}

.prolist { width: 280px; float: left; margin: 0 15px; margin-bottom: 28px; }
.prolist img { width: 280px;}
.prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.prolist p.title:hover { background: #0349a8; color: #fff; }
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 719px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #0349a8; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #ddd; }
.list_item:hover .news_con .xian { height: 80%; background: #0349a8; }
.list_item:hover .news_con .name { color: #0349a8; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #0349a8; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #0349a8; }
.list_item:hover .news_others .img { opacity: 1; }
.c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; }
@media screen and  (max-width: 660px){.c_wrap_r h1{font-size: 19px;}}
.c_wrap_r p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.c_wrap_r p.news_oth span { margin: 0 10px; }
.summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; font-family: 微软雅黑; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; }
.summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; }
.content { padding: 20px 10px; line-height: 30px; }
.content img {display: block; margin: 0 auto;}
.content p { margin-bottom: 10px; }
.content h2, .interested .tit { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #eee; text-indent: 15px; font-weight: 400; border-left: 5px solid #0349a8; margin-bottom: 10px; }
.pro_c { margin-bottom: 40px; padding:0px 50px; }
.pro_c .img { width:95%;text-align: center;border: 1px dashed #ccc;padding:10px;border-radius:15px; }
.pro_c .img img { width: 100%; border-radius: 10px; cursor: pointer;margin: 0 auto; }
.pro_c .img .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.pro_c .text { text-align: center; margin-bottom: 20px;}
.pro_c .text .tit h1 { font-size: 18px; font-weight: 400; text-align: left; display: inline-block; padding: 0; font-weight:bold; }
.pro_c .des {margin-top: 20px; line-height: 30px; color: #777777;text-align: center; }
.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; margin-bottom:30px; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px;  text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { padding-bottom: 20px; }
.interested .list { border-bottom: 1px dashed #ddd; height: 50px; line-height: 50px; padding-right:5px; padding-left:20px; background:url(../images/jt_right.png) no-repeat center left; }
.interested .list span { float:right; color:#CCC;}
.interested .list a { display: block; color: #777;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px;}
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #0349a8; color: #fff; }
.photolist {float: left; margin-right: 40px;margin-bottom: 28px;}
.photolist img{width:269px;}
.photolist .title {height: 45px; text-align: center; line-height: 45px;background: #f2f2f2; transition: all .2s;}
.photolist .title:hover {background: #cd0208;color: #fff;}


.zxly{ padding-left:5px; margin-bottom:30px; line-height:40px; font-size:15px;}
.zxly span{ font-weight:bold; font-size:16px;}

.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
.ny_lxwm li{float:left; width:464px; background:url(../images/lx_ico.png) left 18px  no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:65px;}
.ny_lxwm li.li1{ background-position:0px 20px;}
.ny_lxwm li.li2{ background-position:00px -50px;}
.ny_lxwm li.li3{ background-position:0px -120px;}
.ny_lxwm li.li4{ background-position:0px -190px;}
.ny_lxwm li.li5{ background-position:0px -260px;}
.ny_lxwm li.li6{ background-position:0px -330px;}
.lxtjyc{ display:none;}






/**/
#dituContentn{ width:100%; height:300px;}
.companywab{background:url(../images/ba.png) no-repeat left center; padding-left:25px;}