<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "microsoft yahei"; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color: #149971;}
img{border:none; max-width:100%;}
@font-face {
  font-family: 'iconfont';  /* project id 1578159 */
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff2') format('woff2'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
            font-family:"iconfont" !important;
            font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}

.warp{width: 1280px; margin:0 auto;}
.warp1{width: 100%; background: url(../images/bg.jpg); padding:40px 0 35px 0;}

header{width: 100%; background: #fff;}
.top{width: 100%; border-bottom: 1px solid #e3e3e4; height: 38px; line-height: 38px;}
.wechat{width: 70px; height: 38px; border-left:1px solid #d4d4d5; border-right:1px solid #d4d4d5; color: #777777; text-align: right; padding-right:7px; position:relative; }
.wechat i{position: absolute; left: 7px; font-size: 24px;}
.top1{ padding:20px 0;  }

.search{width: 276px; height: 46px;}
.sea-left{width: 204px; height: 46px; float: left; border-left: 1px  solid #cfcfcf;  border-top: 1px  solid #cfcfcf; border-bottom: 1px  solid #cfcfcf; outline: none; padding:5px 15px;}
.sea-right{width: 72px; height: 46px; line-height: 46px; float: right; background:#1d5d9d; color: #fff; }
.sea-right i{display: inline-block; width: 100%; text-align: center; font-size: 28px; font-weight: normal; }

nav{width: 100%; background:url(../images/nav-bg.jpg) no-repeat left #00539b; height: 56px; line-height: 56px; color: #fff; z-index: 9999;}
nav li{width: 14.285%; float: left; text-align: center; list-style: none; font-size: 18px; cursor: pointer;}
nav li a{color: #fff; font-weight:bold;}
nav li a:hover{color: #b20000;}

.in_news{width: 37.5%; height: 356px; background: #fff; float: left; margin-right: 20px;}
.xz-wh{ position:relative; margin-bottom:30px;}
.xz-wh img{ width:100%}
.xz-wh .wb{ position:absolute; left:30px; top:50%; transform:translateY(-50%); color:#fff;}
.xz-wh .wb h1{ font-size:26px; padding-bottom:15px;}
.xz-wh .wb p{ font-size:17px; line-height:1.8;}
.xz-wh .wb p span{ padding-left:85px;}
.slideBox{ 
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
}
.slideBox .bd img{ 
  width:100%; 
  height: 100%;
  display:block;  
  animation: changeScale 1 2.5s;
}
.slideBox .hd{ 
  overflow:hidden; 
  position:absolute; 
  width:100%; 
  text-align: center;
  bottom:11px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
  width:100%; 
  text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 5px;  
  width:32px; 
  height:5px; 
  background:#fff; 
  border-radius:8px 8px; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  background: #0d497f
}
.slideBox1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.slideBox1 .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
.slideBox1 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slideBox1 .hd ul li {
    float: left;
    margin-right: 12px;
    width: 10px;
    height: 10px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.slideBox1 .hd ul li.on {
    background: #ef0000;
    color: #0250a3;
}
.slideBox1 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox1 .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}
.slideBox1 .bd img {
    width: 100%;
    display: block;
    height: 100%;
}
.slideBox1 .bd li p {
    position: absolute;
    bottom: 0;
    padding:13px 20px;
    font-size: 16px;
    width: 100%;
    background:rgba(0,83,155,0.8);
    color: #fff;
}

.in_news1{width: 37.5%; height: 356px; background: #fff; border:1px solid #e5e4e4; float: left;}
.in_bit{width: 100%; height: 57px; border-bottom: 1px solid #e4e4e4; padding:0 28px; line-height: 57px;}
.in_bit .zb{width: 92px; font-size: 22px; color: #313131; font-weight: bold; position: relative; float:left;}
.in_bit .zb:after{width: 100%; height: 3px; background: #00539b; position: absolute; content: ""; left: 0; bottom: 0;}
.in_bit .more{float:right; font-size:14px; color:#313131;}

.Menubox {height:57px;margin: 0 auto;position: relative; padding-left: 27px; float:left;}
.Menubox li {float: left;display: block;cursor: pointer;height: 57px;width:90px; line-height: 57px; font-size: 18px;color: #515151; font-weight:bold; text-align: center; position: relative;}
.Menubox li:nth-child(1):after{position: absolute; content: ""; width:3px; height: 17px; top: 20px; right:0; background: #515151; }
.Menubox li.hover {color: #00539b; }
.CbContainer{position:relative; }
.Contentbox {clear: both; width:100%; height:196px; padding-top: 5px; }
.more1{line-height: 36px;
    color: #a5c0e7;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: -50px;}
.ks2{width:90%; margin:0 auto;}
.ks2 li{width:100%; list-style:none; height:33px; line-height:33px; font-size:14px; color:#000; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; background:url(../images/yj.png) no-repeat left center; padding-left:15px;}
.ks2 li p{width:80%; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ks2 li span{display:inline-block; float:right; width:20%; float:right; color:#838383;}
.ks2 .bbit{font-size: 18px; color: #00539b; line-height: 36px; font-weight:bold; }
.ks2 .sbit{ display: inline-block; font-size: 14px; color: #6e6e6e; line-height: 24px;  padding-bottom:5px;}



.in_news2{width:21.875%;  height: 356px; background: #fff; border:1px solid #e5e4e4; float: right;}
.in_news3{width:32.65%; background:#fff; border:1px solid #e5e4e4; margin-top:30px; height:307px;}
.in_news4{width:32.65%; background:#fff; border:1px solid #e5e4e4; margin-top:30px; height:307px;}

.ks1{width:90%; margin:0 auto; padding-top:10px;}
.ks1 li{width:100%; list-style:none; height:33px; line-height:33px; font-size:14px; color:#000; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; background:url(../images/yj.png) no-repeat left center; padding-left:15px; clear:both;}
.ks1 li p{width:75%; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ks1 li span{display:inline-block; float:right; width:25%; float:right; color:#838383; text-align:right;}
.ks1 .bbit{font-size: 18px; color: #00539b; line-height: 36px; font-weight:bold; }
.ks1 .sbit{ display: inline-block; font-size: 14px; color: #6e6e6e; line-height: 24px;}

.in_ma{margin-right:1.64%;}

.video{width:90%; margin:0 auto; padding-top:15px;}

.Menubox1 {height:57px;margin: 0 auto;position: relative;}
.Menubox1 li {float: left; display: block;cursor: pointer;height: 57px;width:100px; line-height: 57px; font-size: 22px;color: #313131; font-weight:bold; text-align: center; position: relative;}
/*.Menubox1 li:nth-child(1):after{position: absolute; content: ""; width:3px; height: 17px; top: 20px; right:0; background: #515151; }*/
.Menubox1 li.hover {  border-bottom:3px solid #00539b; }
.CbContainer1{position:relative; }
.Contentbox1 {clear: both; width:100%; height:196px;}
.more1{line-height: 36px;
    color: #a5c0e7;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: -50px;}


.Menubox1-1 {height:57px;margin: 0 auto;position: relative;}
.Menubox1-1 li {float: left; display: block;cursor: pointer;height: 57px;width:100px; line-height: 57px; font-size: 22px;color: #313131; font-weight:bold; text-align: center; position: relative;}
.Menubox1-1 li:nth-child(1):after{position: absolute; content: ""; width:3px; height: 17px; top: 20px; right:0; background: #515151; }
.Menubox1-1 li.hover {  border-bottom:3px solid #00539b; }
.CbContainer1-1{position:relative; }
.Contentbox1-1 {clear: both; width:100%; height:196px;}


.in_pro{width: 100%; background: #fff; border:1px solid #e5e4e4; margin-top: 30px; padding-bottom: 48px;}
.picScroll-left2{ width:96%; position:relative; margin:0 auto; padding-top: 32px;  }
.picScroll-left2 .hd{height:1px; width: 100%; background: #c5c5c5; position: relative; }
.picScroll-left2 .hd .prev{ display:block;  width:25px; height:25px; cursor:pointer; position: absolute; left: 0; top: -12px; border-radius: 50%; border:1px solid #c1c1c1; background: #fff;}
.picScroll-left2 .hd i{width: 25px; line-height: 25px; font-size: 15px; text-align: center; display: inline-block; font-weight:bold; }
.picScroll-left2 .hd .next{ display:block;  width:25px; height:25px; cursor:pointer; position: absolute; right: 0; top: -12px; border-radius: 50%; border:1px solid #c1c1c1; background: #fff;}
.picScroll-left2 .hd .prev i{ transform: rotateY(180deg);}
.picScroll-left2 .hd .prev:hover, .picScroll-left2 .hd .next:hover{color: #ef0000; border:1px solid #ef0000;}


.picScroll-left2 .bd{ width: 100%; overflow: hidden;}
.picScroll-left2 .bd ul{ zoom:1;  }
.picScroll-left2 .bd ul li{ width: 31.3%; margin-right: 36px; float:left; _display:inline;  cursor: pointer; position: relative;  }
.picScroll-left2 .bd ul li .dw{width: 12px; height: 12px; background: #fff; border:1px solid #bcbcbc; bottom: -6px; left: 50%; position: absolute; border-radius: 50%;}
.picScroll-left2 .bd ul li .pic{ text-align:center; overflow: hidden; background: #000; }
.picScroll-left2 .bd ul li:hover .pic img{transform: scale(1.1,1.1); opacity: 0.8;}
.picScroll-left2 .bd ul li .pic img{ width:100%;  display:block; transition-duration: 1s;}
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .bd ul li .title{ line-height:78px; font-size: 16px; color: #333333;   text-align:center; }

.more3{line-height:57px; height: 57px; color:#313131; font-size:14px;}
.more3 i{font-size: 20px; display: inline-block; padding-right: 10px;}

.picScroll-left3{ width:96%; position:relative; margin:0 auto; padding-top: 32px;  }
.picScroll-left3 .bd{ width: 100%;  overflow: hidden;}
.picScroll-left3 .bd ul{ zoom:1;  }
.picScroll-left3 .bd ul li{ width: 23.9%; margin-right: 17px; float:left; _display:inline;  cursor: pointer; position: relative; overflow: hidden; border-radius: 15px; }
.picScroll-left3 .bd ul li .pic{ text-align:center; overflow: hidden; position: relative;}
.picScroll-left3 .bd ul li .pic img{ width:100%;  display:block; transition-duration: 1s; }
.picScroll-left3 .bd ul li:hover .pic img{transform: scale(1.1,1.1); opacity: 0.8;}

.picScroll-left3 .bd ul li .title{ width: 100%; left: 0; bottom: 0; background: rgba(4,69,126,0.7); line-height:44px; font-size: 16px; color: #fff; font-weight:bold;   text-align:center;  position: absolute; }



footer{width: 100%; margin:0 auto; color: #c2c2c2;}
footer .foot1{width: 100%; background: #535353; padding:20px 0; }
.foo-le{ width:54.75%;}
.f-cd{ width: 100%; }
.f-cd dl{width: 25%; float: left;}
.f-cd dl dt{width: 100%; font-size: 18px; line-height:28px; padding-bottom: 10px; }
.f-cd dl dd{width: 100%; font-size: 14px; line-height: 30px; }

.f-ewm h1,.f-link h1{ font-size:18px;  font-weight:normal; margin-bottom:15px;}
.f-ewm h1 i,.f-link h1 i{display: inline-block; padding-right: 10px; font-size:24px; font-weight:normal; }
.ewm-img li{ display:inline-block; text-align:center; padding-right:20px;}
.f-link{ padding-right:37px;}
.f-link select { width:205px; height:41px; padding-left:21px;border: solid 1px #d3d3d3;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:url(../images/jt.jpg) no-repeat right center #fff ; display:block; margin-bottom:9px; color:#929292;}
select::-ms-expand { display: none; }

footer .foot2{width: 100%; background: #434343; line-height: 58px; font-size: 14px; }

.ny-box{width: 100%; margin:0 auto;}
.ny-box img{width: 100%; display: block;}

.n-warp{width: 100%; padding:38px 3% 0 3%;}
.ne-le{
  width: 18%;
  position: relative;
}
.ne-le h1{
  color: #fff;
  background: #e60012;
  font-size: 24px;
  text-align: center;
  line-height: 54px;
  width: 100%;
  padding-left: 15px;
  position: absolute;
  top: -54px;
  background-image: linear-gradient(to right, #3d88e8 , #206acb , #034dae);
}
.ne-le p{
  margin-top: 4px;
  text-align: center;
  line-height: 24px;
  background: #fff;
  font-size: 18px;
  padding:12px 0;
}
.ne-le p a:hover,.ne-le p .on{
  color: #044eaf;
  font-weight:bold;
}
.ne-ri{
  background: #fff;
  width: 78%;
  padding-bottom:50px;
}
.position{
  border-bottom: 1px solid #f1f1f1;
  line-height: 54px;
  color: #6e6e6e;
  text-align: right;
  padding-right: 15px;

}
.clear:after{ content:""; clear:both; display:block;}
.position i{ padding-right:10px; color: #044eaf; font-size: 20px;
}
.ab01-ri{
  width: 40%;
}
.ab01-ri img{
  width: 100%;
}
.ab01-le{
width:100%;
}

.ab-left{
width:52%;
}
.ab-left h1{
  font-size: 24px;
  font-weight: normal;
}
.ab-left h3{
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
}
.ab-left p{
  font-size: 16px;
  padding-top: 5px;
  color: #666;
  line-height: 28px;
  text-indent: 2em;
  text-align: justify;
}


.ab01-le h1{
  font-size: 24px;
  font-weight: normal;
}
.ab01-le h3{
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
}
.ab01-le p{
  font-size: 16px;
  padding-top: 5px;
  color: #666;
  line-height: 28px;
  text-indent: 2em;
  text-align: justify;
}
.ab02{ padding:80px 0 40px 0;}
.ab02 li{ float:left; text-align:center; padding:0 44px;}
.ab02 li p{ font-size:18px; color:#044eaf;}
.ab02 li img{ transition-duration:.5s;}
.ab02 li:hover img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}



.ne-news{width: 100%; margin:0 auto;}
.ne-news li{ list-style:none; line-height: 36px; clear: both; border-bottom: 1px dashed #dfdfdf; background: url(../images/n-dt.png) no-repeat 20px center; padding-left:55px; font-size: 14px; }
.ne-news li p{width: 85%; float: left; color: #333333;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ne-news li span{display: inline-block; width: 15%; text-align: center; color: #848484; font-family:Arial;}

.s-page{width:100%; padding-top: 30px; }
.p1Page2{ margin:0 auto; height:34px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:34px;text-align:center; }
.page li{display: inline-block;}
.page a{margin:0 5px;display:inline-block;padding:0 15px; background:#ececec; color:#777777; }
.page a:hover{background:#044eaf; color:#fff;}
.page a.on{background:#044eaf;color:#FFF; padding:0 15px; color:#fff;}
.page a.on:hover{background:#044eaf; color:#fff;}
.page a.page_turn:hover{background:#044eaf;color:#FFF;box-shadow:1px 1px 3px #CCC;}


.detail{width: 100%;text-align: center; border-bottom: 1px solid #dfdfdf; font-size: 20px; font-weight:bold; padding:10px 0; line-height: 22px; margin-bottom:20px; }
.ne-pro{width: 100%; margin:0 auto; clear: both;}
.ne-pro dl{width: 31.3%; margin-right: 2.75%; float: left; cursor: pointer; position: relative;}
.ne-pro dl:nth-child(3n){margin-right: 0; }
.ne-pro dl dt{width: 100%; overflow: hidden; background: #000;}
.ne-pro dl dt img{display: block; transition-duration: 1s;}
.ne-pro dl:hover dt img{transform: scale(1.1,1.1); opacity: 0.8;}
.ne-pro dl dd{width: 100%; line-height: 62px; text-align: center; font-size: 16px;}
.ne-pro .dw{width: 55px; height: 54px; position: absolute; left: 42%; top: 33%; background: url(../images/bof.png) no-repeat center; z-index: 999; }


.ne-qywh .bit{ font-size: 24px; color: #333333; padding-bottom: 20px; }
.ne-qywh dl{width: 47%; float: left; margin-right: 6%;}
.ne-qywh dl:nth-child(3){margin-right: 0;}
.ne-qywh dl dt img{ width: 100%; display: block; }
.ne-qywh dl dd{padding-top: 20px;}
.ne-qywh dl dd .bit_01{ line-height: 30px; font-size: 20px; font-weight:bold; color: #044eaf; padding-left: 35px;}
.ne-qywh dl dd .neir{font-size: 16px; line-height: 38px;  padding-top: 10px;}
.ne-qywh dl dd .neir span{color: #044eaf;}
.ne-qywh1{width: 100%; padding-top: 25px;}
.ne-qywh1 dl{width: 49.5%; float: left; min-height: 278px; margin-right: 1%; background: url(../images/qy-pic3.jpg) no-repeat; background-size: 100% 100%; padding:35px 45px 0 45px;}
.ne-qywh1 dl p{font-size: 20px; color: #014da1; line-height: 36px;}
.ne-qywh1 dl span{font-size: 18px; color: #555555; line-height: 28px;}
.ne-qywh1 dl:nth-child(2){margin-right: 0; background:url(../images/qy-pic4.jpg) no-repeat;  background-size: 100% 100%;}
.ne-qywh2{width: 100%; padding-top: 30px;}
.ne-qywh2 h1{font-size: 20px; color: #044eaf; line-height: 46px;}
.ne-qywh2 .top-fg{width: 100%; text-align:center; padding-bottom: 5px; }
.ne-qywh2 .top-fg img{display: inline-block; max-width: 100%;}

.ne-qywh2 .jt li{ width:11.5%; float: left; line-height: 40px; text-align: center; font-size: 18px; font-weight:bold; color: #fff; margin-right: 1.14%; border-radius: 7px;    background-image: linear-gradient(to right, #3d88e8 , #206acb , #034dae);}
.ne-qywh2 .jt li:nth-child(8){margin-right: 0;}
.hr{width:100%; background:#034dae;  }
.hr&gt;li{width:24%; float:left; text-align:center; color:#fff;line-height:56px; float:left; font-size:18px; font-weight:bold;}
.hr&gt;li:nth-child(2){width:28%;}
.sideMenu{ width: 100%; }
.sideMenu h3{ height:55px; line-height:55px;background:#fff; cursor:pointer; font-size:18px; color:#555; font-weight:normal; border:1px solid #d8d8d8; border-top: none;}
.sideMenu h3 li{width:24%; float:left; text-align:center; display:inline-block; }
.sideMenu h3 li:nth-child(2){width:28%;}
.sideMenu h3 li a{ color:#fff; font-size:16px; float:right; padding-right:20px;}
.sideMenu h3.on{ background:#fff;}
.sideMenu h3 span{ font-size:16px; padding-left:30px;}
.sideMenu ul{ padding:30px 15px;  display:none;  background:#f7f7f7;}
.join_xi{ padding-left:20px;line-height:28px; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
.sq-more{ width:124px; height:46px; background:#034dae; line-height:46px; text-align:center; font-size:16px; font-weight:bold; text-align:center;}
.sq-more a{color:#fff;}
.lx01{
background-image: linear-gradient(to right, #3d88e8 , #206acb , #034dae);
  padding-top: 28px;
  color: #fff;
  padding-bottom: 28px;
}
.lx01-ti{
  width: 30%;
  padding-left: 78px;
  float: left;
}
.lx01-ti h1{
  font-size: 24px;
  padding-bottom: 15px;
  line-height: 1.6;
}
.lx01-ti p{
  font-size: 12px;
  font-family: "Arial";
  opacity: 0.5;
  line-height: 1.6;
}
.lx-xi{
  
  padding-top: 16px;
}
.lx-xi p{
  float: left;
  font-size: 18px;
  width: 100%;
  padding-left: 60px;
  margin-bottom: 15px;
}
.lx-xi p span{
  display: inline-block;
  padding-left: 40px;
  line-height: 30px;
}
.lx-xi p:nth-child(1) span{
  background: url(../images/icon06.png) no-repeat left center;  
}
.lx-xi p:nth-child(2) span{
  background: url(../images/icon07.png) no-repeat left center;  
}
.lx-xi p:nth-child(3) span{
  background: url(../images/icon08.png) no-repeat left center;  
}
.lx-xi p:nth-child(4) span{
  background: url(../images/icon09.png) no-repeat left center;  
}

#map{
  width: 100%;
 height:500px;
}

.res h1{font-weight: normal; font-size: 24px; color: #333333; padding-bottom: 20px;}
.res .b_01{font-size: 16px; line-height: 24px; color: #555555; padding-bottom: 20px;}
.res1{width: 100%; margin:0 auto;}
.res1 dl{width: 32%; float: left; margin-right: 2%;}
.res1 dl:nth-child(3){margin-right: 0;}
.res1 dl dt{border:2px solid #e4e4e4;}
.res1 dl dt img{width: 100%; display:block;}
.res1 dl dd{width: 100%; padding-top: 10px; min-height: 150px;}
.res1 dl dd p{color: #044eaf; line-height: 30px; font-size: 16px;}
.res1 dl dd span{display: inline-block; font-size: 14px; line-height: 24px; color: #555555; }
.res2{width:100%; position:relative; overflow:hidden;}
.res2-1{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -2%;
    margin-left: -2%;
    padding-top: 6px;
 max-width: 105%;}
.Menubox2 { width:100%; height:57px;margin: 0 auto;position: relative;}
.Menubox2 li {
	text-align:center;
	width:12%;
	float:left;
	background:#d3d3d3;
	color: #333333;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    position: static;
    z-index: 10;
    margin-right: 0.25%;
    margin-left: 0.25%;
    flex-grow: 1;
    background-color: #e4ecf5;
    -webkit-transform: skew(-20deg,0deg);
    transform: skew(-20deg,0deg);
    max-width: 100%;
	 transition-duration:1s;
	}
.Menubox2 li span { display:inline-block; -webkit-transform: skew(20deg,0deg);
 transform: skew(20deg,0deg);}	
.Menubox2 li.hover { background:#054fb0; color:#fff; }
.CbContainer2{position:relative; width:100%; }
.Contentbox2 {clear: both; width:100%; min-height:196px;}
.Contentbox2 img{width:100%; display:block;}
#res-ri{margin-right:10%;}

/*xs菜单样式开始*/
.xs-top{
  display: none;
}
.xs-logo{
  padding: 15px 0 0 5px;
  width:60%;
}
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 60px; background:#fff;
}

.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding: 30px;
  margin:0px;
}
.mobile-inner-header{
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner-header img{width:100%;}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 60px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 60px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  background:#00539b;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(0,0,0,0.7);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,83,155,1);
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0px;
  display: none;

}
.mobile-inner-nav a{
  display: inline-block;
  text-decoration: none;
  width: 100%;
  line-height: 40px;
   color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/

.ban{ width:100%; height:500px; position:relative; margin-top: 40px; }
.ban2{ width:720px; height:500px; position:relative; overflow:hidden; float: left;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:720px; height:500px; position: relative;}
.ban2 ul li img{display: block;; width: 100%;}
.ban2 ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(180,151,103,0.8); color: #fff; box-sizing: border-box; padding:20px; line-height: 1.6; }
.prev{ float:left; cursor:pointer;}
.num{ height:500px;overflow:hidden; width:200px; position:relative;float:left;}
.min_pic{ width:200px;  float: right;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:200px; position:relative; margin-bottom: 20px;}
.num ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(108,42,71,0.8); color: #fff; box-sizing: border-box; padding:10px 0; line-height: 1.6; text-align: center; }
.num ul li img{display: block; height: 153px;}
.num ul li.on p{ background: rgba(180,151,103,0.8);}
.prev1{ position:absolute; top:-30px; right:85px; width:29px; height:17px;z-index:9;cursor:pointer;}
.next1{ position:absolute; bottom:-30px; right:85px; width:29px; height:17px;z-index:9;cursor:pointer;}

.mark{width: 100%; margin:0 auto; padding:40px 3% 35px 3%; border-bottom: 1px dashed #e0e0e0;}
.mark dl{width: 47%; float: left; margin-right: 6%;}
.mark dl:nth-child(2){margin-right: 0;}
.mark dl dt{width: 100%; overflow: hidden; background: #000;}
.mark dl dt img{display: block; width: 100%;}
.mark dl dd{width: 100%; padding-top:25px;}
.mark dl dd .time{width:20%; float: left; }
.mark dl dd .time .t1{width: 100%; height: 42px; line-height: 42px; color: #fff; background-image: linear-gradient(to right, #3e88e9 , #034dae); text-align: center; font-size: 24px; }
.mark dl dd .time .t2{width: 100%; border:1px solid #dfdfdf; line-height: 26px; text-align: center; color: #333333; font-size: 12px; }
.mark dl dd .neir{width:75%; float: right; }
.mark dl dd .neir .b1{font-size:18px; font-weight: bold; color: #333333; height: 24px; }
.mark dl dd .neir .b2{line-height: 20px; font-size: 15px; color: #8e8e8e; padding-top: 5px;}

.mark1{width: 94%; margin:0 auto; padding-top: 35px; }
.mark1 li{width: 50%; padding-left:3%; line-height: 36px; font-size: 15px; position: relative; float: left; list-style:none;}
.mark1 li:after{position: absolute; width: 5px; height: 5px; background: #1d5d9d; content: ""; left: 2.5%; top: 15px;}
.mark1 li p{width: 70%; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mark1 li span{width: 30%; display: inline-block; text-align: center; color: #7e7e7e; float: right;}
.mark2{width: 100%; padding-top: 10px;}
.mark2 .bit{width: 100%; line-height: 42px; background: url(../images/s-1.png) no-repeat left center; font-size: 20px; color: #333333; padding-left:35px; font-weight: bold;}
.mark2 li{width: 100%; line-height: 36px; font-size: 15px; position: relative; float: left; list-style:none;}
.mark2 li p{width: 70%; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mark2 li span{width: 30%; display: inline-block; text-align: center; color: #7e7e7e; float: right;}

.mark dl:nth-child(2) dd .mark2 .bit{ background: url(../images/s-2.png) no-repeat left center; }
.mark3{width: 60%; margin:0 auto; float: left; padding-top: 35px; padding-left:60px;}
.mark3 dl{padding-bottom:15px;}
.mark3 dl dt{line-height: 40px; padding-left: 40px; font-size: 20px; color: #333333; font-weight: bold; background: url(../images/s-3.png) no-repeat left center;}
.mark3 dl:nth-child(2) dt{background: url(../images/s-4.png) no-repeat left center;}
.mark3 dl dd{width: 33.333%; float: left; line-height: 40px; font-size: 14px; color: #333333;}
.m-ewm{float: right; padding-top: 35px; padding-right: 60px;}
.m-ewm p{line-height: 40px; text-align: center; font-size: 16px; }
.sm-case{display: none; width: 90%; margin:0 auto; padding-top: 20px;}
.sm-case img{width: 100%; display: block; margin-bottom: 10px;}


.js-wb{ width:40%;}
.js-imf{ width:56%;}
.js-wb h1{ font-size:24px; font-weight:normal; padding-bottom:31px;}
.g-zi01{ font-size:16px; line-height:1.8; position:relative; padding-left:20px; padding-bottom:20px;}
.g-zi01:before{ content:""; position:absolute; width:5px; height:5px; background:#044eaf; top:10px; left:0;}
.jshz01{ padding-bottom:40px;}
.img01-list{ padding-bottom:30px;}
.img01-list li{ float:left; width:32%; margin-right:2%; overflow:hidden;}
.img01-list li:last-child{ margin-right:0;}
.img01-list li img{ transition-duration:.5s;}
.img01-list li:hover img{ transform:scale(1.1,1.1)}
.img02-list li{ width:49%;}
.fy{ text-align:center;}
.fy a{ display:inline-block; padding:4px 15px; background:#f2f2f2; margin:0 15px;}
.fy a:hover{ color:#fff; background:#0152bd}
.zn-ti{ font-size:17px; padding-bottom:30px;}
.zn-list li{ width:49.5%; float:left; overflow:hidden; position:relative; border-radius:10px; margin-bottom:15px; margin-right:1%;}
.zn-list li img{ transition-duration:.5s; border-radius:10px;}
.zn-list li:hover img{ transform:scale(1.1,1.1)}
.zn-list li p{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; height:49px; top:50%; margin-top:-25px; }
.zn-list li p span{display:inline-block; background:rgba(4,78,175,0.8); color:#fff; line-height:49px; padding:0 15px; font-size:16px;}
.zn-list li:nth-child(2n){ margin-right:0;}

@media only screen and (max-width: 1366px){
.warp{width: 90%; margin:0 auto;}
.ban2{ width:600px;}
.ban2 ul li {
    width: 600px;
}
.min_pic {
    width: 200px;
    float: left;
    margin-left: 20px;
}
.prev1 {
    right: 155px;
}
.next1 {
    right: 155px;
}
}

@media only screen and (max-width: 1280px){
.ban2{ width:500px;}
.ban {
    height: 360px;
}
.ban2 ul li {
    width: 500px;
    height: 360px;
}

.num {
    height: 360px;
}
.prev1 {
    right: 185px;
}
.next1 {
    right: 185px;
}
}

@media only screen and (max-width: 992px){
#logo{width: 50%;}
.ban {display: none;}
.sm-case{display:block;}
.ne-le p {line-height: 20px; font-size: 15px;padding: 8px 0;}
.in_news{width: 48%; margin-right: 1.64%;}
.in_news1{width: 48%; float: right;}
.ks1 .sbit{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.in_news2 {
    width: 100%;
    float: left;
    margin-top:30px; 
     height: auto;
     padding-bottom: 15px;
}
.ks2 li{width:50%; float: left; height: 33px; line-height: 33px;}
.in_news3 {
    width: 49.18%;
}
.in_news4{width:100%; height:auto; padding-bottom: 15px;}
.ks2{ padding-top: 10px; }
}

@media only screen and (max-width: 760px){
  .warp{width: 96%;}
.xs-top{ display:block;}
header{display: none;}
.slideBox{ 
  padding-top: 60px;
}
#logo{width: 100%;}
.ne-le p {line-height: 20px; font-size: 15px;padding: 8px 0;}
.in_news{width: 100%; margin-right: 0; height: auto; margin-bottom: 20px;}
.in_news1{width: 100%; height: auto;}
.ks2 li{width:100%; float: left; height: 33px; line-height: 33px;}
.in_news3 {
    width: 100%;
}
.picScroll-left2 .bd ul li{ width: 50%;  }
.picScroll-left3 .bd ul li{ width: 100%; margin-bottom: 10px; }
footer .foot1{display: none;}
footer .foot2{line-height: 28px; padding:15px 0; text-align: center;}
.ny-box{ padding-top: 60px; }
.ne-le {
    width: 100%;
}
.ne-ri {
    width: 100%; margin-top: 20px;
}
.ne-le p {
  width: 24%;
  float: left;
  margin:0 0.5% 3px 0.5%;
}
.ne-le h1 {
  font-size: 20px;
}
.ne-qywh dl {
    width: 100%;
    margin-right: 0%;
}
.ne-qywh1 dl {
    width: 100%;
    float: left;
}
.ne-qywh2 .jt li {
    width: 23%;
    margin-bottom: 8px;
}
.ne-news li {
    background: url(../images/n-dt.png) no-repeat 10px center;
    padding-left: 35px;
}
.ne-news li p {
    width: 75%;
}
.ne-news li span {
    width: 25%; text-align: center;
}
.ne-pro dl {
    width: 46%;
    margin-right:2%;
     margin-left:2%;
}
.ne-pro dl:nth-child(3n) {
    margin-right: 2%;
}
.res1 dl {
    width: 100%;
    margin-right: 0%;
}
.sideMenu h3 {
    font-size: 15px;
 
}
.join_xi {
    padding-left: 0px;
}
.lx-xi p {
    padding-left: 20px;
}
.mark dl {
    width: 100%;
    margin-right: 0%;
}
.mark dl dd {
  padding-bottom:25px;
}
.mark1 li {
    width: 100%;
    padding-left: 6%;
}
.mark3 {
    width: 100%;
    padding-left: 20px;
}
.mark3 dl dd {
    width: 100%;
}
.m-ewm {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}
.mark3 dl{width: 50%; float: left;}
.Contentbox { height: auto; padding-bottom: 10px; }
}
</pre></body></html>