@charset "utf-8";
/* CSS Document */
@font-face {font-family:"苹方"; src:url(PingFang.ttf);font-stretch:normal;}
@font-face {font-family:"汉仪雅酷黑"; src:url(汉仪雅酷黑.ttf);font-stretch:normal;}
@font-face {font-family:"庞门正道标题体"; src:url(庞门正道标题体.ttf);font-stretch:normal;}

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑";color:#333;line-height:24px; background:#f5f5f5;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form{ margin:0px; padding:0px;}
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#333; text-decoration:none}
.clear{ clear:both;font-size:0px; line-height:0px}
.divleft{ float:left}
.divright{ float:right}
.hidden{display:none;}
input{ outline: none}
button,:focus,button:visited{border:none}
*html{background-image:url(d); background-attachment:fixed;}
.clearfix:after{content:"";　height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
input:-internal-autofill-previewed, input:-internal-autofill-selected { transition: background-color 5000s ease-in-out 0s !important; }
/*******************************public**************************************/
.cjz{ width: 1580px; margin: auto}
.head{ width: 100%; height: 100px; }
.head-l{ height:100px;display:flex;align-items: center;  margin-right: 40px;}
.nav{  width:1040px; margin-top:20px;overflow: hidden}
.nav ul{display: flex; justify-content: space-evenly; }
.nav li{ height:40px;padding:10px 8px;line-height:16px;text-align: center; border-radius: 6px}
.nav li a{display:block;font-size: 16px;}
.nav li a span{ display: block; font-size: 10px; font-weight: normal; line-height: 12px; color: #999999; margin-top: 3px; font-family: Arial}
.nav li.nav-h,.nav li:hover{ background: #317ad2; font-weight: bold }
.nav li.nav-h a,.nav li:hover a,.nav li.nav-h a span,.nav li:hover a span{color: #fff}
.head-r{ width: 110px;margin-top: 30px; display: flex}
.head-r div{ width: 54px; height:50px; font-size: 16px;line-height: 16px; text-align: center; position: relative;}
.head-r>div>a{ display: block;background: #0099ff;color: #fff; height: 40px;line-height: 40px; border-radius: 5px 0 0 5px; width: 55px;}
.head-r>div:nth-child(2)>a{ background: #317ad2;border-radius:  0 5px 5px 0 }
.head-r div>p{ display: none; width: 126px; height: 90px;position: absolute;top:55px; left: 50%; margin-left: -63px;    background: #fff;border-radius: 5px;box-shadow: 0px 0px 8px #d3d3d3;z-index: 9; padding: 10px 0}
.head-r div>p a{ height: 45px; line-height: 45px; display: block}
.head-r div>p a:hover{ color: #317ad2}
.head-r div:hover>p{ display: block;}
.head-r div>p:before {content: "";display: block;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 12.5px solid transparent;border-right: 12.5px solid transparent;border-bottom: 12.5px solid #fff;}
.head-r2{ width: 126px;height: 72px; border-radius: 5px; background: #E6F4FF; margin-top: 14px}
.head-r2 dl{ padding: 4px 0 0 9px; display: flex}
.head-r2 dl dt{ width: 40px; height: 40px; overflow: hidden; border-radius: 40px; margin-right: 7px}
.head-r2 dl dt img{width: 100%; height: 100%; object-fit: contain;}
.head-r2 dl dd b{ color:#317AD2}
.head-r2 dl dd p{ color:#0099FF; font-size: 12px; font-family: Arial; line-height: 18px;}
.head-r2 div{ text-align: center}
.head-r2 div a{  padding: 0 10px; font-size: 12px; color: #666; cursor: pointer}
.head-r2 div a:hover{color: #317ad2}

.foot{ background: #4477b9; height: 170px; padding: 12px 0; color: #fff; text-align: center; font-size: 16px;}
.foot a{ color: #fff; cursor: pointer}
.foot-cbg{ background: #5784c0; border-radius: 3px;}
.foot-c1{ float: left; width: 137px; height: 160px; padding-top: 10px}
.foot-c1 a{ display: block; line-height: 38px}
.foot-c1 a:hover{ text-decoration: underline}
.foot-c2{ width: 246px; margin: 0 10px; float: left}
.foot-c2-1{ padding: 10px 0; margin-bottom: 10px; height: 80px}
.foot-c2-1 div{ margin-bottom: 5px}
.foot-c2-1 b{ font-size: 20px;}
.foot-c2-2{ height: 60px; line-height: 60px;}
.foot-c2-2 span{ display: inline-block; height: 60px; background: url("../images/foot-01.png") left center no-repeat; padding-left: 40px; margin-left: -5px}
.foot-c3{ width:325px; margin: 0 10px 0 0; float: left}
.foot-c3-1{ padding: 15px 0 0; margin-bottom: 10px; height: 85px}
.foot-c3-2{ height: 55px; padding-top: 5px}
.foot-c3-2 span{display: inline-block; background: url("../images/foot-02.png") left center no-repeat; padding-left: 30px; margin-left: -5px }
.foot-c4{ width: 460px; height: 170px}
.foot-c4 p{padding-top: 15px;margin-bottom: 10px;}
.foot-c4 ul{ width: 100%; overflow: hidden}
.foot-c4 ul li{  float: left; width: 33.3%}
.foot-c4 ul li span{display: block;margin-top: 10px;}



/*返回顶部*/
.actGotop{position:fixed;_position:absolute;bottom:140px;right:50px;width:37px;height:37px;display:none; z-index:9999}
.actGotop a,.actGotop a:link{width:82px;height:82px;display:inline-block;background:url(../images/gotop.png) no-repeat;_background:url(../images/gotop.png) no-repeat;outline:none;}


/*滚动条美化*/
.gdt::-webkit-scrollbar{width:6px;height:6px; background:#ddd; border-radius:6px;}
.gdt::-webkit-scrollbar-button:vertical{display:none}
.gdt::-webkit-scrollbar-track:vertical{background-color:transparent;}
.gdt::-webkit-scrollbar-track-piece{background-color:transparent;}
.gdt::-webkit-scrollbar-thumb:vertical{background-color:#4477b9;border-radius:6px}
.gdt::-webkit-scrollbar-thumb:vertical:hover {background-color: #4477b9; cursor:pointer;}
.gdt::-webkit-scrollbar-thumb:vertical:active {background-color: #4477b9; cursor:pointer;}

.gdt2::-webkit-scrollbar{width:6px;height:6px; background:#ddd; border-radius:6px;}
.gdt2::-webkit-scrollbar-button:vertical{display:none}
.gdt2::-webkit-scrollbar-track:vertical{background-color:transparent;}
.gdt2::-webkit-scrollbar-track-piece{background-color:transparent;}
.gdt2::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;border-radius:6px}
.gdt2::-webkit-scrollbar-thumb:vertical:hover {background-color: #c2c2c2; cursor:pointer;}
.gdt2::-webkit-scrollbar-thumb:vertical:active {background-color: #c2c2c2; cursor:pointer;}


/*底部弹框*/
.foot-m-w{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:999999; display:none}
.foot-m-bg{ width:100%; height:100%; background: rgba(0,0,0,0.3)}
.foot-m-c{position:fixed; background:#ffffff;left:50%; top:50%; transform:translate(-50%,-50%);  border-radius:6px; background: url("../images/foot-06.png") top left no-repeat; width: 1158px; height: 718px;}
.foot-m-nr{width: 1066px;position: relative; padding-top: 83px; margin: auto;}
.lxwm-close,.gypt-close,.flsm-close,.khgs-close{ position: absolute; right:0px; top:47px; cursor: pointer}
.foot-more-t{width: 1066px;  font-size: 20px; line-height: 40px;height: 40px; margin-bottom: 27px}
.foot-more-t span{ float: left; width: 175px; font-size: 40px; color: #4477b9}
.foot-more-t p{ float: left; width: 890px; border-bottom: 2px solid #e0e0e0; line-height: 34px; color: #626262; font-size: 14px}

.khgs-w .foot-more-t span{width:600px}

.lxwm-c{width: 1066px; margin-top: 55px }
.lxwm-l{ float: left; width: 422px}
.lxwm-l dt{ font-size: 22px; margin: 9px 0 37px}
.lxwm-l dt span{ font-size: 18px}
.lxwm-l dd{ font-size: 18px; margin: 0px 0 27px; padding-left: 27px;}
.lxwm-dl1{ padding: 0 0 20px; margin-bottom: 40px; background: url("../images/foot-07.png") bottom center no-repeat}
.lxwm-i1{ background: url("../images/icon-17.png") left center no-repeat}
.lxwm-i2{ background: url("../images/icon-18.png") left center no-repeat}
.lxwm-i3{ background: url("../images/icon-19.png") left center no-repeat}
.lxwm-i4{ background: url("../images/icon-20.png") left center no-repeat}
.lxwm-i5{ background: url("../images/icon-21.png") left center no-repeat}
.lxwm-i6{ background: url("../images/icon-22.png") left center no-repeat}
.lxwm-r{ float: right; width: 605px; height: 480px;}

.gypt-c{width: 1066px; margin-top: 30px }
.gypt-c span{ display: block; text-align: center; margin-bottom: 10px}
.gypt-c div{ font-size: 16px; line-height: 30px; text-indent: 2em}

.flsm-c{width: 1066px; margin-top: 30px; height: 530px; overflow-y: auto; overflow-x: hidden;line-height: 30px;}
.flsm-c span{ color: #4477b9}
.flsm-c h3{ display: block; font-size: 18px; margin-top: 20px}
.flsm-c p{ font-size: 16px;  text-indent: 2em}

.mbx{ margin: 20px 0; font-size: 16px; padding-left: 5px}
.mbx a{ color: #333}
.mbx a:hover{  color: #4477b9;text-decoration: underline}
.mbx span{ padding:3px 20px; background: url("../images/icon-28.png") center center no-repeat;}
.mbx b{ color: #4477b9; font-weight: normal}

.title1{ height: 48px; line-height: 48px; background: url("../images/title-01.png") left bottom repeat-x; margin-bottom: 30px}
.title1 span{ float: left; font-size: 30px; line-height: 30px; height: 45px; border-bottom: 3px solid #4477b9}
.title1 a{ float: right}

.ym{ text-align: center; margin: 50px auto}
.ym-20{text-align: center;margin:20px auto;}

.djwh-ver .mbx a:hover,.djwh-ver .mbx b{ color: #dd2b2a}


/*研发基地列表导航*/
.yfjd-nav{ display: flex}
.yfjd-nav a{ flex:1;height: 60px; line-height: 60px; text-align: center; background: #f2f7ff;display: flex;justify-content:center;align-items: center;font-size: 20px; color: #666}
.yfjd-nav a span{ line-height: 26px; display: inline-block;padding-left: 30px;}
.yfjd-nav a:hover,.yfjd-nav a.yfjd-nav-h{ background: #e1ecfc;color: #4477b9}
.yfjd-nav a:nth-child(1) span{ background: url("../images/yfjd-i1.png") left center no-repeat; }
.yfjd-nav a:nth-child(1):hover span,.yfjd-nav a:nth-child(1).yfjd-nav-h span{ background: url("../images/yfjd-i4.png") left center no-repeat; }
.yfjd-nav a:nth-child(2) span{ background: url("../images/yfjd-i2.png") left center no-repeat; }
.yfjd-nav a:nth-child(2):hover span,.yfjd-nav a:nth-child(2).yfjd-nav-h span{ background: url("../images/yfjd-i5.png") left center no-repeat; }
.yfjd-nav a:nth-child(3) span{ background: url("../images/yfjd-i3.png") left center no-repeat; }
.yfjd-nav a:nth-child(3):hover span,.yfjd-nav a:nth-child(3).yfjd-nav-h span{ background: url("../images/yfjd-i6.png") left center no-repeat; }
.zyjs-w .yfjd-nav a{ width: 50%}
.zyjs-w .yfjd-nav a:nth-child(2) span{ background: url("../images/yfjd-i3.png") left center no-repeat; }
.zyjs-w .yfjd-nav a:nth-child(2):hover span,.zyjs-w .yfjd-nav a:nth-child(2).yfjd-nav-h span{ background: url("../images/yfjd-i6.png") left center no-repeat; }



/*新底部*/

.foot-new>a{ width: 50px; height: 77px; display: block; margin:20px auto 10px;background: url("../images/index-n5.png") center no-repeat;}
.foot-new dl{margin: auto; height: 100px;text-align: center;font-size: 16px;line-height: 32px}
.foot-new dl dt a{  margin: 0 10px;cursor: pointer}
.foot-new dl dt a:hover{ text-decoration: underline;}
.foot-new dl p span{display: inline-block; background: url("../images/foot-02.png") left center no-repeat; padding-left:20px; margin-left: 20px }


.mbx{ margin: 0 0 20px!important;}
.mbx2{ padding: 0px 0 20px; font-size: 16px;}
.mbx2 a{ color: #333}
.mbx2 a:hover{  color: #4477b9;text-decoration: underline}
.mbx2 span{ padding:3px 10px;}
.mbx2 b{ color: #4477b9; font-weight: normal}
.zdsys-w .mbx2{ padding-bottom: 24px}
/*查询结果为空，请更换输入内容重新查询*/
.tip1{ background: url("../images/blank-01.png") center center no-repeat #fff !important;min-height: 500px}
/*暂时无法访问*/
.tip2{ background: url("../images/blank-02.png") center center no-repeat #fff !important;min-height: 500px}


/*宽版*/
.wrap-main{min-height: 730px;background: url("../images/public-01.png") center top no-repeat; margin-bottom: 20px}
.search-new{ background: url("../images/public-02.png") center center no-repeat; height: 110px; padding-top: 60px; margin-bottom: 10px }
.search-new>div{ width: 738px; height: 50px; border-radius:9px; overflow: hidden; margin: auto; background: #fff}
.search-new>div input{ border:none; height: 50px; width: 670px; text-indent: 18px; font-size: 16px; padding: 0}
.search-new>div button{ background: url("../images/public-03.png") center center no-repeat; float: right; width: 57px; height: 50px; cursor: pointer}
.search-new>dl{ margin-top: 15px; font-size: 14px;color: #fff;text-align: center}
.search-new>dl a{ color: #fff; margin: 0 8px }
.search-new>dl dt{ display: inline-block}
.search-new>dl dd{ display: inline-block; background: url("../images/public-04.png") center left no-repeat; padding-left: 20px; margin-left: 25px;cursor: pointer}

.main-b{ background: #fff; border-radius: 15px;min-height: 500px; padding: 25px; width: 1530px; margin: auto}



.nav-r{ position: fixed; right: 10px; top: 50%;transform: translateY(-50%); width: 60px; height: 116px;background: #fff;border-radius: 5px;box-shadow:0px 0px 8px #8d8989; z-index: 9}
.nav-r li{ cursor: pointer;position: relative; width: 60px; height: 58px; }
.nav-r li:hover dl{ display: block;top: 50%;transform: translateY(-50%); right:85px;}
.nav-r li:hover dl:before {content: "";display: block;position: absolute;right: -8px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 12.5px solid transparent;border-bottom: 12.5px solid transparent;border-left: 12.5px solid #fff;}
.nav-r .head-li1{ background: url("../images/nav-02.png") center no-repeat; border-radius: 5px 5px 0 0; }
.nav-r .head-li1:hover{ background: url("../images/nav-03.png") center no-repeat #E6F4FF}
.nav-r .head-li2{ background: url("../images/nav-04.png") center no-repeat; border-radius: 0 0 5px 5px}
.nav-r .head-li2:hover{ background: url("../images/nav-05.png") center no-repeat #E6F4FF}
.nav-r dl{position: absolute;display: none; border-radius:5px; background: #fff; box-shadow:0px 0px 10px #bdbdbd}
.nav-r .head-li1 dl{ padding: 20px 10px 0;width: 330px; height: 125px;}
.nav-r .head-li1 dt{ float: left; text-align: center; width:110px;}
.nav-r .head-li1 dt span{ display: block}
.nav-r .head-li2 dl{  color: #4477b9;padding: 10px 20px;width:180px; text-align: center}
.nav-r .head-li2 dd b{ font-size: 16px}

.wrap-main.zdsys-w{ background: url("../images/zdsys-02.jpg") center top no-repeat}


@media screen and (max-width:1599px){
    .main-b{width: 90%; min-width: 1220px}
    .cjz{width: 95%;min-width: 1270px; }
    .head-l{ margin-right: 1%;width: 24%}
    .head-l img{ width: 100%}
    .nav{ width:66%; z-index: 99}
    .nav li{ margin-right: 0.2%; padding: 10px 0.8%;}
    .nav li a{ font-size:0.9vw}
    .head-r2{ width: 8.5%}
    .head-r2 dl dd p{font-size: 0.7vw}
    .head-r2 div a{font-size: 0.9vw; padding: 0 0.5vw; }
}



@media screen and (max-width:1499px){
    .nav li a{ font-size:0.85vw}
}