body {
    color: #333;
    font-size: 14px;
   font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;

}
.slick-slider{ touch-action: auto!important; }
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transform: scale(1,1); transition: 0.3s all; }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    }
.swiper-button-next:after, .swiper-button-prev:after{ display: none!important; }
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
html{ overflow-x: hidden; }
img{ max-width:100%; vertical-align: middle;}

.slick-dots li button:before{ display: none; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -10; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.container{ width: 1470px;}
.header{ position: fixed;background-image: linear-gradient(#000, rgba(0,0,0,0));  left: 0; top: 0; right: 0; z-index: 100000; }
.header:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 114px;
    border-top: solid 1px #fff;
    opacity: 0.5;
}
.logo{ height: 115px; line-height: 115px; }

.nav-list li{ float: left; position: relative; }
.nav-list li a{ display: block; line-height: 115px; padding:0 20px; font-size: 18px; color: #fff; position: relative; }
.nav-list li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: solid 1px #f7ab0a; }
.nav-list li.active a,.nav-list li a:hover{ color: #f7ab0a; }
.nav-down{ position: absolute; min-width: 100%; display: none; transform: translate(-50%,0); left: 50%; top: 100%; background: #fff; white-space:nowrap; }
.nav-down li{ float: none; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; line-height: 40px!important; color: #333!important; height: 40px; font-size: 16px; text-align: center; padding:0 15px; }
.nav-down li a:before{ display: none!important; }
.nav-down li a:hover{color: #118aec!important;}
.nav-list li:hover .nav-down{ display: block; }
.search-a{ display: block; float: left; line-height: 115px; margin-left: 40px; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 26px; height: 26px; padding:0; background: url(../images/dian01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../images/dian02.png) center no-repeat; }
.page-one{ background: url(../images/back01.jpg) center no-repeat; padding:40px 0; background-size: cover; position: relative; }
.one-fix{ position: absolute; left: 0; top: 0; right: 0; top: -200px; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.one-box{ position: relative; padding-left: 125px; padding-right: 65px; }
.one-title{ position: absolute; left: 0; top: 0;  }
.one-slick-title{ font-size: 20px; color: #333; font-weight: bold; }
.one-slick-p{ font-size: 18px; color: #555; margin-top: 10px; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.one-more{ position: absolute; right: 0; top: 0; font-size: 16px; width: 20px; text-align: center; color: #888; background: url(../images/lind.png) center top no-repeat; padding-top: 15px; line-height: 16px; }
.one-slick .slick-dots{ bottom: 0;  }
.one-slick .slick-dots li,.one-slick .slick-dots li button{ padding:0; width: 10px; height: 10px; border-radius: 50%; }
.one-slick .slick-dots li button{ background: #ccc; }
.one-slick .slick-dots li.slick-active button{ background: #118aec; }
.one-slick{ padding-bottom: 50px; margin:0; }
.page-tow{ background: url(../images/back02.png) center no-repeat; position: relative; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.tow-left-img{ margin-left: 137px; }
.tow-left-tt{ font-size: 20px; color: #333; font-weight: bold; margin-top: 30px; }
.tow-left{ position: relative; width: 65%; }
.img-ul{ position: absolute; left: 0; top: 0; z-index: 10000; width: 132px; }
.img-ul li a{ display: block; position: relative; padding-top: 25px; text-align: center; color: #118aec; background: #fff; height: 122px; }
.img-ul li a span{ font-size: 30px; font-weight: bold; }
.img-ul li{ border-bottom: solid 1px #edf3ff; }
.tow-left-img div{ height: 490px; }
.img-ul li.on a{ background: #118aec; color: #fff; }
.img-ul li.on a:before{ display: block; content: ""; position: absolute; left: 100%; top: 0; bottom: 0; width: 5px; background: #118aec; }
.tow-left-box{ position: relative; }
.tow-title{ font-size: 30px; margin-bottom: 35px; color: #333; font-weight: bold; background: url(../images/tt-lind.png) left center no-repeat; padding-left: 25px; }
.tow-title a{ float: right; margin-top: 13px; font-size: 16px; color: #888; font-weight: normal; }
.tow-right{ width: 31.6%; }
.zc-list-date{ color: #118aec; text-align: right; }
.zc-list-date span{ font-weight: bold; font-size: 30px; }
.zc-list-tt{ font-size: 20px; color: #333; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-left: 75px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.zc-list li a { display: block; padding-top: 25px; height: 114px; position: relative; border-bottom: solid 1px #c6d4f1; }
.zc-list{ margin-top: -35px; }
.zc-list li:last-child a{ border:none; }
.page-three{ position: relative; padding-top: 85px; padding-bottom: 90px; }
.page-three .container{ position: relative; z-index: 100; }
.page-three:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 980px; background: url(../images/back03.png) center bottom no-repeat; background-size: 100% 100%; }
.page-three:after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 795px; background: url(../images/three-b.png) center bottom no-repeat; }
.three-title{ font-size: 40px; color: #fff; font-weight: bold; }
.tabs-ul li{ float: left; width: 14.285714%; padding:0 10px; }
.tabs-ul{ width: 100%; max-width: 1150px; margin:0 auto; padding-top: 30px; }
.tabs-ul li a{ display: block; font-size: 24px; color: #fff; padding-bottom: 40px; }
.tabs-ul li a span{ display: block; height: 75px; line-height: 75px; }
.tabs-ul li.active a{ background: url(../images/tabs-back.png) center no-repeat; background-size: 100% 100%; }
.tabs-box{ background: #fff; min-height: 420px; padding:40px; }
.js-txt{ width: 30%; padding-right: 30px; position: relative; margin-top: -10px; padding-left: 25px; font-size: 20px; color: #555; text-align: justify; line-height: 37px; }
.js-txt:before{ display: block; content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 50px; background: #118aec; }
.js-img{ width: 31%; }
.js-right{ width: 37%; }
.js-right-tt{ font-size: 20px; margin-bottom: 0px; color: #118aec; font-weight: bold; line-height: 37px; }
.js-right-label span{ display: inline-block; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; background: #daeeff; line-height: 40px; padding:0 15px; margin-right: 5px; }
.js-right-tt span{ font-weight: normal; color: #555; }
.js-icon-tt{ font-size: 20px; color: #333; font-weight: bold; margin-top: 10px; }
.js-icon-txt{ font-size: 16px; margin-top: 0px; }
.js-icon{ margin-top: 10px; }
.tj-left-tt{ font-size: 24px; margin-bottom: 30px; color: #fff; font-weight: bold; border-radius: 0 20px 0 20px; background: #118aec; width: 240px; text-align: center; line-height: 50px; }
.tj-txt p{ font-size: 20px; margin-bottom: 20px; color: #333; text-align: justify; line-height: 35px; padding-left: 40px; background: url(../images/gou.png) left 8px no-repeat; }
.tj-left{ width: 55%; }
.tj-img{ width: 42%; padding-top: 7px; }
.lc-p{ font-size: 20px; line-height: 35px; color: #555; max-width: 1125px; margin:0 auto; font-size: 20px; color: #555; }
.lc-img{ margin-top: 30px; }
.lc-p-lg{ max-width: 100%; }
.zl-table > thead > tr > th{ background: #118aec; padding:15px; border-color: #fff; border-bottom: none!important; font-size: 20px; color: #fff; font-weight: bold; text-align: center; }
.zl-table > tbody > tr > td{ font-size: 20px; vertical-align: middle; color: #333; padding:15px 40px; border-color: #d7d7d7; }
.zl-table{ margin:0; }
.dian{ display: inline-block; width: 16px; height: 16px; border:solid 1px #555; border-radius: 50%; }
.dian.q{ background: #555; }
.table-height{ overflow:hidden; height: 355px; margin-top: 20px; }
.table-more{ display: inline-block; padding-right: 35px; margin-top: 30px; font-size: 18px; color: #118aec; background: url(../images/down.png) right center no-repeat; }
.table-height.active{ height: auto; }
.down-ul li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 40px; }
.down-ul li a{ display: block; padding-top: 25px; border:solid 1px #ddd; height: 112px; position: relative; }
.down-ul li a i{ position: absolute; left: 20px; top: 0; line-height: 112px; }
.down-p{ font-size: 18px; color: #333; line-height: 30px; margin-left: 110px; margin-right: 20px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.down-ul{ margin:0 -15px; padding-top: 30px; }
.lx-title{ font-size: 22px; margin-bottom: 20px; color: #333; font-weight: bold; line-height: 22px; }
.lx-tt-sm{ font-size: 18px; margin-bottom: 10px; color: #118aec; position: relative; padding-left: 25px; }
.lx-tt-sm i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.lx-p{ font-size: 18px; color: #333; line-height: 30px; margin-bottom: 30px; }
.lx-left{ width: 21%; padding-right: 40px; }
.lx-img{ width: 37%; }
.lx-right-back{ background: #eee; padding:15px 20px; }
.lx-right-sm{ padding-right: 100px; position: relative; }
.form-control{ border:none; box-shadow: none; border-radius: 0; height: 40px; }
.lx-right{ width: 39%; }
.btn-sure{ position: absolute; border-radius: 0; right: 0; top: 0; width: 100px; color: #fff; background: #118aec; font-size: 18px; border:none; height: 40px; }
.lx-ul{ position: relative; height: 160px; overflow-y: auto; margin-top: 30px; padding-right: 30px; }
.lx-ul li{ position: relative; margin-bottom: 20px; padding-right: 190px; font-size: 18px; color: #333;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.lx-ul li span{ position: absolute; right: 0; top: 0; }
/* 设置滚动条的样式 */
.lx-ul::-webkit-scrollbar {
width:6px;
background: #d7d7d7;
}
/* 滚动槽 */
.lx-ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.lx-ul::-webkit-scrollbar-thumb {
border-radius:10px;
background:#118aec;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.lx-ul::-webkit-scrollbar-thumb:window-inactive {
background:#d7d7d7;
}
.tabs-sm li{ display: inline-block; margin:0 25px; margin-bottom: 30px; }
.tabs-sm li a{ font-size: 22px; color: #333; }
.tabs-sm li.active a{ color: #118aec; font-weight: bold; }
.tabs-slick a{ display: block; margin:0 20px; border-radius: 10px; background: #f2f2f2; height: 250px; padding-top: 30px; }
.tabs-slick-t{ font-size: 16px; color: #0572c7; width: 120px; background: #fff; text-align: center; line-height: 35px; border-radius: 0 35px 35px 0; }
.tabs-slick-tt{ font-size: 18px; margin-left: 28px; color: #555; margin-top: 15px; }
.tabs-slick-t-b{ background: #118aec; color: #fff; margin-top: 15px; }
.tabs-slick-p{ font-size: 18px; color: #555; margin-top: 15px; margin-right: 20px; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-left: 28px;}
.tabs-slick-box{ overflow:hidden; position: relative; }
.tabs-slick{ margin:0 -20px; padding-bottom: 40px; }
.tabs-slick .slick-list{ padding:0!important; }
.tabs-slick-box:before{ display: block; content: ""; position: absolute; left: 0; z-index: 1000; top: 0; bottom: 0; width: 15%; background-image: linear-gradient(to right, #fff, rgba(255,255,255,0.1)); }
.tabs-slick-box:after{ display: block; content: ""; position: absolute; right: 0; z-index: 1000; top: 0; bottom: 0; width: 15%; background-image: linear-gradient(to left, #fff, rgba(255,255,255,0.1)); }
.tabs-slick .slick-dots li,.tabs-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; padding:0; }
.tabs-slick .slick-dots li button{ background: #bdd3e5; }
.tabs-slick .slick-dots li.slick-active button{ background: #118aec; }
.tabs-slick .slick-dots{ bottom: 0; }
.yh-title{ font-size: 40px; color: #118aec; position: relative; font-weight: bold; margin-top: 80px; }
.yh-tabs li{ display: inline-block; margin:0 20px; }
.yh-tabs li a{ display: inline-block; position: relative; padding:0 25px 15px 25px; font-size: 24px; color: #333; }
.yh-tabs li.active a{ color: #118aec; }
.yh-tabs li.active a:before{ display: block; content: ""; border-top: solid 1px #118aec; width: 66px; margin-left: -33px; position: absolute; left: 50%; bottom: 0; }
.yh-tabs{ margin-top: 20px; }
.ys-ul li{ float: left; width: 20%; margin-left: -1px; margin-bottom: -1px; border:solid 1px #ddd; }
.ys-ul li a{ display: block; display: block; position: relative; padding-top: 42%; }
.ys-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ys-ul li a span{ position: absolute; left: 0; top: 0; background: #eee; width: 100%; height: 100%; }
.ys-ul li a span font{ position: absolute; left: 0%; right: 0; top: 50%; transform: translate(0,-50%); font-size: 18px; color: #002060; }
.db-img{ position: relative; padding-top: 65%; }
.db-img img{ position: absolute; left: 0; top: 0; width: 100%; }
.db-slick a{ display: block; position: relative; margin:0 14px; padding-bottom: 40px; margin-bottom: 60px; }
.db-txt{ box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 50px; position: absolute; left: 15px; right: 15px; bottom: 0; background: #fff; padding:0 15px; }
.db-img span{ position: absolute; left: 0; top: 0; width: 80px; height: 60px; background: url(../images/label.png) center no-repeat; font-size: 14px; color: #fff; padding:5px; z-index: 10; text-align: left; }
.db-slick-box{ margin-top: 30px; overflow:hidden; }
.db-slick{ margin:0 -14px 0 -14px; padding-bottom: 0px; }
.db-slick .slick-dots li,.db-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; padding:0; }
.db-slick .slick-dots li button{ background: #ccc; }
.db-slick .slick-dots li.slick-active button{ background: #118aec; }
.db-slick .slick-dots{ bottom: 0; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 40px; }
.footer-left{ padding-right: 70px; margin-right: 70px; border-right: solid 1px #0d3076; height: 210px; }
.footer-tt{ font-size: 20px; color: #fff; }
.footer-ul li a{ font-size: 18px; color: #b4caf5; display: inline-block; margin-top: 10px; }
.footer-right{  }
.ewm-txt{ font-size: 18px; color: #b4caf5; line-height: 35px; }
.ewm-right{ margin-left: 30px; }
.ewm-label{ display: inline-block; color: #fff; background: #0d3076; padding:5px 10px; margin-top: 25px; }
.footer-p p{ position: relative; font-size: 18px; color: #b4caf5; margin-top: 10px; }
.footer-p p span{ display: inline-block; width: 30px; }
.footer-p{ padding-top: 5px; }
.footer-bottom{ font-size: 18px; color: #b4caf5; border-top: solid 1px #0d3076; padding:20px 0; margin-top: 30px; }
.nav-fix{ position: fixed; right: 0; width: auto; top: 50%; transform: translate(0,-50%); z-index: 1000; }
.nav-fix li{ display: block; float: none; text-align: right; margin:0; }
.nav-fix li:after{ display: table; clear: both; content: ""; }
.nav-fix li a{ display: block; font-size: 16px; border:none!important; margin:0; float: right; color: #fff!important; padding:0!important; border-bottom:none!important; border-radius: 0!important; border-right: solid 3px #0750ae !important; height: 40px; line-height: 40px; border-left: solid 3px #0750ae !important;background: #0750ae!important; }
.nav-fix li a span{ display: block; text-align: center; transition: 0.3s all; width: 90px; overflow:hidden; white-space:nowrap; }
.nav-fix li.active a span{ width: 90px; }
.nav-fix li.active a{ background: #0750ae!important; }
.nav-fix ul{ border:none; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-box-c{ position: fixed; left: 50%; width: 700px; transform:translate(-50%,-50%); top: 50%; height: 54px; background: #fff; padding-right: 115px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background:#0750ae!important; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:17px 48px ;}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}

a:hover .one-slick-title,.one-more:hover,a:hover .zc-list-tt,.tow-title a:hover,a:hover .tow-left-tt,.tabs-slick a:hover .tabs-slick-tt{ color: #118aec; }
.ys-ul li a:hover span{ background: #118aec; color: #fff; }
.ys-ul li a:hover span font{ color: #fff; }
a:hover .db-txt{ background: #118aec; color: #fff; }
.footer-ul li a:hover{ color: #fff; }
/**********发展历程***********/
.list-banner{ height: auto; position: relative; }
.list-banner-tt{ position: absolute; left: 0; right: 0; top: 30%; color: #fff; transform: translate(0,-50%); font-size: 60px; color: #fff; font-weight: bold;}
.list-banner-tt span{ font-weight: bold; font-size: 80px;display:none; }
.list-back-tabs{ border-bottom: solid 1px #ddd; margin-bottom: 50px; margin-top: 30px; }
.list-back-tabs li{ display: inline-block; margin:0 30px; }
.list-back-tabs li a{ display: block; position: relative; padding:15px 0; font-size: 22px; color: #555; }
.list-back-tabs li.active a,.list-back-tabs li a:hover{ color: #118aec; font-weight: bold; }
.list-back-tabs li.active a:before{ display: block; width: 60px; height: 3px; background: #118aec; margin-left: -30px; content: ""; position: absolute; left: 50%; bottom: -2px; }
.lc-ul{ max-width: 1200px; padding:115px 0 80px 0; margin:0 auto; position: relative; }
.lc-ul-date{ background: url(../images/date.png) right center no-repeat; padding-right: 65px; font-size: 24px; color: #333; }
.lc-ul-p{ font-size: 18px; color: #888; text-align: right; padding-right: 65px; line-height: 35px; margin-top: 10px; }
.lc-ul-left{ width: 50%; }
.lc-ul-left.pull-right .lc-ul-date{ text-align: left; padding-left: 65px; background: url(../images/date.png) left center no-repeat; }
.lc-ul-left.pull-right .lc-ul-p{ text-align: left; padding-left: 65px; padding-right: 0; }
.lc-ul-left{ margin-top: -35px; }
.lc-ul:before{ display: block; z-index: 10; content: ""; position: absolute; left: 50%; top: 0; width: 50px; height: 50px; background: url(../images/top.png) center no-repeat; margin-left: -25px; }
.lc-ul:after{ display: block; z-index: 10; content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 50px; background: url(../images/bottom.png) center no-repeat; margin-left: -25px; }
.lc-lind{ position: absolute; left: 50%; top: 0; bottom: 0; border-right: solid 1px #118aec; }
.list-back{ padding-bottom: 60px; }
/****************公司简介**************/
.about-txt{ font-size: 20px; color: #333; text-align: justify; max-width: 1200px; margin:0 auto; width: 100%;min-height:100px; }
.about-txt p{ line-height: 40px; }
.about-txt img{ margin-top: 20px; }
/**************联系我们**************/
.contact-width{ max-width: 1320px; width: 100%; margin:0 auto; }
.contact-right{ width: 410px; background: #118aec; height:690px; padding-top: 40px; }
.contact-tt{ font-size: 34px; color: #fff; font-weight: bold; margin-bottom: 30px; }
.contact-ul-title{ font-size: 24px; cursor: pointer; border-top: solid 1px #309ff9; color: #fff; position: relative; line-height: 60px; padding-left: 33px; }
.contact-ul li.active .contact-ul-title:before{ display: block; content: ""; position: absolute; left: -20px; top: 0; bottom: 0; width: 60px; background: url(../images/contact-b.png) left center no-repeat; }
.contact-ul li.active .contact-ul-title{ background: #309ff9; }
.contact-ul-title span{ position: relative; z-index: 10; }
.contact-p p{ position: relative; padding-left: 25px; font-size: 18px; color: #fff; margin-bottom: 15px; line-height: 30px; }
.contact-p p i{ position: absolute; left: 0; top: 0; }
.contact-p{ padding:30px;}
.contact-show{ display: none; }

.active .contact-show{ display: block; }
.ld-box{ padding:30px; }
.ld-top{ position: relative; padding-right: 70px; }
.ld-top .form-control{ border-radius: 0; box-shadow: none; border:solid 1px #66bafe; background: #118aec; color: #fff; }
.btn-xz{ position: absolute; height: 40px; border-radius: 0; right: 0; top: 0; width: 70px; background: #fff; color: #118aec!important; text-align: center; }
.lx-ul-p{ font-size: 18px; position: relative; color: #fff; padding-left: 32px; line-height: 30px; }
.lx-ul-p i{ position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background: url(../images/lx04.png) center no-repeat; }
.lx-ul-list{ margin:0 30px 0 30px; overflow-y: auto; height: 200px; overflow-y: auto; }
.lx-ul-list li{ margin-bottom: 10px; }
.lx-ul-list::-webkit-scrollbar {
width:6px;
background: #3899e7;
}
/* 滚动槽 */
.lx-ul-list::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.lx-ul-list::-webkit-scrollbar-thumb {
border-radius:10px;
background:#fff;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.lx-ul::-webkit-scrollbar-thumb:window-inactive {
background:#d7d7d7;
}
.list-back-sm{ padding-bottom: 0; position: relative; overflow:hidden; }
.map{ position: absolute; left: 0; bottom: 0; width: 100%; height: 600px; }
.list-back-sm .container{ position: relative; z-index: 100; }
.map-phone{ display: none; }
/**************业务服务**********/
.fw-left{width: 50%;padding-top: 20px;height: 478px;background: url(../images/yw-back.png) center no-repeat;background-size: cover;}
.fw-left-tt{ width: 168px; height: 60px; line-height: 60px; background: url(../images/fw-tt.png) left center no-repeat; font-size: 26px; color: #118aec; font-weight: bold; padding-left: 50px; }
.fw-left-p{ font-size: 20px; color: #fff; text-align: justify; line-height: 40px; margin:30px 120px 0 50px; }
.fw-width{ max-width: 1320px; margin:0 auto; width: 100%; }
.fw-width-top{ background: #fff; position: relative; }
.fw-width-top:before{display: block;content: "";position: absolute;left: 700px;top: 80px;right: 80px;bottom: 80px;border:solid 1px #ddd;border-left: none;}
.list-back-sm{ background: #f8f8f8; padding:0 0 60px 0; }
.list-back-sm .list-back-tabs{ background: #fff; }
.fw-img{position:absolute;left: 50%;top: 50%;transform: translate(0,-50%);/* right: 78px; */      width: 64%; }
.fw-img img{width: 100%; height: 100%;display: inline-block;}
.fw-width-bottom{position: relative;min-height: 300px;}
.fw-img-b{ position: absolute; left: 50px; top: -60px; }
.fw-b-title{ font-size: 26px; color: #118aec; font-weight: bold; padding-top: 35px; }
.fw-list-ul li a{ font-size: 19px; color: #333; }
.fw-list-ul li{ margin-top: 15px; }
.sb-link{ font-size: 20px; display: block; margin-top: 30px; text-align: center; color: #118aec; font-weight: bold; border:solid 1px #118aec; line-height: 48px; width: 180px; border-radius: 30px; }
/*************资讯中心*************/
.news-ul{ max-width: 1200px; margin:0 auto; }
.gg-list{ max-width: 1200px; margin:0 auto; }
.news-ul li a{ display: block; padding-bottom: 30px; margin-bottom: 30px; position: relative; padding-left: 100px; border-bottom: solid 1px #ddd; }
.news-ul-tt{ font-size: 20px; color: #333; }
.news-ul-p{ font-size: 16px; color: #999; line-height: 30px; margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-ul-date{ position: absolute; left: 0; top: 13px; padding-top: 10px; width: 76px; height: 77px; background: url(../images/date-back.png) center no-repeat; text-align: center; font-size: 12px; color: #5e3c33; }
.news-ul-date span{ font-size: 22px; font-weight: bold; }
.news-ul li a:hover .news-ul-date{ background: url(../images/date-back02.png) center no-repeat; color: #fff; }
.news-ul li a:hover .news-ul-tt{ color: #118aec; }
.more-back{ background: #f8f8f8; padding-bottom: 60px; }
.more-back .list-back-tabs{ background: #fff; }
.article-back{ background: #fff; padding:30px 0; }
.article-tt{ font-size: 26px; color: #333; font-weight: bold; margin-bottom: 20px; }
.article-sm{ font-size: 16px; color: #888; }
.article-sm span{ display: inline-block; margin:0 10px 10px 10px; }
.article-p p{ font-size: 20px; color: #555; text-align: justify; line-height: 40px; margin-top: 20px; }
.article-p{ padding:1px 30px; border-top: solid 1px #ddd; margin-top: 20px; }
.article-link p a{ font-size: 18px; color: #777; }
.article-link p{ margin-top: 25px; }
.article-link{ padding-top: 10px; }
.article-link p a:hover,.fw-list-ul li a:hover,a:hover .down-p{ color: #118aec; }
.sb-link:hover{ background: #118aec; color: #fff; }














@media( max-width: 1499px){
    .container{ width: 1230px; }
    .logo{ width: 500px;  line-height: 115px; }
    .logo a{ padding:0; }
    .tj-txt p,.zl-table > thead > tr > th,.zl-table > tbody > tr > td{ font-size: 18px; }
    .lc-p{ font-size: 18px; line-height: 30px; }
    .tabs-slick-p,.tabs-slick-tt{ font-size: 16px; }
    .down-p{ font-size: 16px; }
    .tabs-ul li a{ font-size: 20px; padding-bottom: 30px; }
    .lx-ul li{ font-size: 16px; }
    .lx-ul li{ padding-right: 170px; }
    .lx-p{ font-size: 16px; line-height: 25px; }
    .lx-title{ font-size: 20px; }
    .yh-title{ font-size: 36px; margin-top: 60px; }
    .footer-tt{ font-size: 18px; }
    .footer-ul li a,.ewm-txt,.footer-p p{ font-size: 16px; }
    .footer-left{ padding-right: 50px; margin-right: 50px; }
    .footer-bottom{ font-size: 16px; }
    .yh-tabs li a{ font-size: 20px; }
    .zc-list-tt{ font-size: 18px; }
    .tabs-box{ padding:30px; min-height: 1px; }
    .list-banner{ height:auto; }
.js-right-label span{padding: 0 10px;}

}
@media( max-width: 1279px){
    .container{ width: 90%; }
    .logo{ width: 400px; line-height: 80px; height: 80px; }
    .nav-list li a{ font-size: 16px; padding:0 15px; line-height: 80px; }
    .search-a{ line-height: 80px; margin-left: 20px; }
    .tabs-box{ padding:20px; min-height: 1px; }
    .tabs-sm li a{ font-size: 18px; }
    .tabs-ul li a{ font-size: 18px; padding-bottom: 20px; }
    .tj-txt p, .zl-table > thead > tr > th, .zl-table > tbody > tr > td{ font-size: 16px; }
    .js-txt{ font-size: 16px; line-height: 25px; }
    .js-right-label span{ font-size: 14px; padding:0 10px; }
    .js-right-tt{ font-size: 16px; margin-bottom: 10px; }
    .js-icon-tt{ font-size: 16px; }
    .js-icon-txt{ font-size: 14px; }
    .footer-left{ padding-right: 20px; margin-right: 20px; }
    .list-banner{  height:auto; }
    .map{ left: -150px; right: 0; width: auto; }
    .fw-img{ display: none; }
    .fw-left{ width: 100%; }
    .fw-width-top:before{ display: none; }
    .fw-img-b{ display: none; }
    .fw-width-bottom{ padding-left: 0; }
    .list-banner-tt{top: 30%;}
.lx-right-back{padding: 20px 0px;}
.lx-right-back span{font-size:16px !important;}
.header:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    border-top: solid 1px #fff;
    opacity: 0.5;
}

}

@media( max-width: 1100px){
.nav-list li a {padding: 0 7px;}
}
@media( max-width: 991px){
    .container{ width: 750px; }
    .logo{ line-height: 50px; height: 50px; }
    .header{ height: 50px; }
    .header .container{ width: 100%; }
    .nav-list{ position: fixed; display: none; border-top: solid 1px #fff; left: 0; top: 50px; right: 0; bottom: 0; background: #002060; }
    .nav-list li a{ display: block; line-height: 40px; padding:0 15px; text-align: left; }
    .nav-list li{ float: none; }
    .nav-list li.active a:before{ display: none; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-click{ display: block; }
    .nav-down{ position: static; transform: translate(0,0); }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down li a{ padding:0 25px; }
    .search-a{ line-height: 50px; margin-right: 40px; }
    .page-one{ padding:30px 0; }
    .tow-left{ width: 100%; }
    .tow-right{ width: 100%; margin-top: 30px; }
    .js-txt{ width: 100%; padding-right: 0; }
    .js-img{ width: 100%; text-align: center; margin-top: 20px; }
    .js-right{ width: 100%; margin-top: 20px; }
    .tj-txt p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .tj-left{ width: 100%; }
    .tj-img{ width: 100%; text-align: center; margin-top: 0px; }
    .tj-left-tt{ margin-bottom: 15px; }
    .lc-p{ font-size: 14px; line-height: 25px; }
    .lc-img{ margin-top: 15px; }
    .tj-txt p, .zl-table > thead > tr > th, .zl-table > tbody > tr > td{ font-size: 14px; }
    .down-ul li{ width: 50%; margin-bottom: 20px; }
    .lx-left{ width: 100%; padding:0; }
    .lx-img{ width: 100%; text-align: center; }
    .lx-right{ width: 100%; margin-top: 20px; }
    .footer-right{ width: 362px; margin:0 auto; float: none!important; }
    .footer-left{ padding-right: 38px; margin-right: 38px; }
    .menu-button{ display: block; }
    .map{ left: -350px; right: 0; width: auto; }
.list-banner-tt{font-size: 34px;}
.list-banner-tt span{font-size: 50px;}
.header:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    border-top: solid 1px #fff;
    opacity: 0.5;
}



    }
@media( max-width: 767px){
    .container{ width: 100%; }
    .logo{ width: 250px; }
    .one-title{ display: none; }
    .one-box{ padding:0 40px 0 0; }
    .one-slick-title{ font-size: 16px; }
    .one-slick-p{ font-size: 14px; line-height: 25px; margin-top: 5px; }
    .one-slick{ padding-bottom: 30px; }
    .one-more{ font-size: 14px; }
    .page-one{ padding:20px 0; }
    .page-tow{ padding:20px 0; }
    .tow-title{ font-size: 24px; padding-left: 15px; margin-bottom: 20px; }
    .tow-title a{ font-size: 14px; margin-top: 5px; }
    .img-ul{ display: none; }
    .tow-left-img{ margin-left: 0; }
    .tow-left-img div{ height: auto; padding-top: 60%; }
    .tow-left-tt{ font-size: 16px; margin-top: 15px; }
    .nav-fix{ display: none; }
    .zc-list-tt{ font-size: 15px; line-height: 25px; }
    .zc-list-date span{ font-size: 24px; }
    .zc-list li a{ height: 80px; }
    .zc-list li a{ padding-top: 10px; }
    .zc-list{ margin-top: -20px; }
    .page-three{ padding:20px 0; }
    .three-title{ font-size: 24px; }
    .tabs-ul li{ width: 25%; margin-bottom: 15px; }
    .tabs-ul li a{ font-size: 14px; padding-bottom: 15px; }
    .tabs-ul li a span img{ height: 30px; }
    .tabs-ul li a span{ height: auto; line-height: 1; margin-bottom: 10px; }
    .tabs-sm li{ width: 33.333333%; float: left; margin:0 0 10px 0; }
    .tabs-sm li a{ font-size: 16px; }
    .tj-left-tt{ font-size: 18px; width: 180px; line-height: 40px; }
    .down-ul li{ width: 100%; margin-bottom: 15px; }
    .down-ul li a i img{ width: 40px; }
    .down-p{ margin-left: 80px; }
    .down-ul li a{ height: 90px; padding-top: 15px; }
    .down-ul li a i{ line-height: 88px; }
    .down-ul{ padding-top: 0; }
    .down-ul li:last-child{ margin-bottom: 0; }
    .lx-p{ font-size: 14px; margin-bottom: 10px; }
    .lx-ul li{ padding-right: 0; font-size: 14px; }
    .lx-ul li span{ position: static; display: block; }
    .lx-ul li{ margin-bottom: 10px; }
    .lx-title{ font-size: 18px; }
    .lx-right-back{ padding:15px 0px; }
    .lx-right-back span{font-size: 15px !important;}
    .yh-title{ font-size: 24px; margin-top: 30px; }

    .yh-tabs li{ margin:0; float: left; width: 25%; }
    .yh-tabs li a{ font-size: 13px; padding-left: 0; padding-right: 0; }
    .ys-ul li{ width: 33.333333%; }
    .ys-ul li a span font{ font-size: 14px; }
    .footer-left{ margin-right: 0; min-height: 172px; height: auto; padding-right: 0; width: 50%; border:none; }
    .footer-tt{ font-size: 16px; }
    .footer-ul li a, .ewm-txt, .footer-p p{ font-size: 14px; }
    .footer-right{ padding-top: 20px; float: left; width: 100%; }
    .footer-left-box{ width: 100%; float: none!important; }
    .ewm-left img{ width: 100px; height: 100px; }
    .ewm-txt{ line-height: 20px; }
    .footer-bottom{ font-size: 14px; padding:10px 0; }
    .db-slick a{ margin-bottom: 30px; }
    .db-slick-box{ margin-top: 15px; }
    .banner .slick-dots{ bottom: 10px; }
    .tabs-slick-box:before,.tabs-slick-box:after{ display: none; }
    .tabs-slick-box{ margin-top: 10px; }
    .tabs-slick{ padding-bottom: 30px; }
    .table-more{ font-size: 16px; padding-right: 25px; }
    .js-txt{ font-size: 14px; }
    .js-right-tt,.js-icon-tt{ font-size: 14px; }
    .js-right-label span{ margin-bottom: 10px; }
    .js-icon{ margin-top: 0; }
    .ewm-label{ margin-top: 15px; }
    
    .search-box-c{ left: 5%; right: 5%; width: auto; transform: translate(0,-50%); }
    .lc-ul-left{ width: 100%; margin-top: 0; margin-bottom: 20px; }
    .lc-ul:before,.lc-ul:after{ display: none; }
    .lc-lind{ display: none; }
    .lc-ul-date{ padding-left: 60px; text-align: left; background: url(../images/date.png) left center no-repeat; }
    .lc-ul-p{ padding:0; text-align: left; font-size: 14px; line-height: 25px; }
    .lc-ul{ padding:0; }
    .lc-ul-left.pull-right .lc-ul-p{ padding:0; }
    .lc-ul-date{ font-size: 18px; }

    .fw-width{padding-bottom:30px;}

    .list-back-tabs li{ float: left; width: 33.333333%; margin:0; }
    .list-back-tabs li a{ font-size: 16px; }
    .list-back-tabs{ margin:0 0 20px 0; }
    .list-banner-tt{ font-size: 22px;top: 40%; }
    .list-banner-tt span{ font-size: 24px; }
    .list-banner{  height:auto;  }
    .list-back{ padding-bottom: 0px; }
    .about-txt p{ font-size: 14px; line-height: 25px; }
    .about-txt img{ margin-top: 5px; }
    .map{ display: none; }
    .map-phone{ display: block; }
    .contact-right{ width: 100%; }
    .contact-ul li.active .contact-ul-title:before{ display: none; }
    .contact-ul-title{ font-size: 18px; }
    .contact-right{ height: auto; padding:20px 0 20px 0; }
    .contact-tt{ font-size: 24px; margin-bottom: 20px; }
    .ld-box{ padding:20px; }
    .lx-ul-p{ font-size: 16px; line-height: 25px; }
    .list-back-sm{ padding-bottom: 0; }
    .contact-p p{ font-size: 16px; margin-bottom: 10px; }
    .contact-p{ padding:20px; }
    .fw-left{ padding:20px 0 0 0; }
    .fw-left-tt{ height: 40px; line-height: 40px; background-size: auto 40px; font-size: 18px; padding-left: 20px; }
    .fw-left-p{ font-size: 14px; line-height: 25px; margin:20px ; }
    .fw-left{ height: auto; padding-bottom: 1px; }
    .fw-list-ul li a{ font-size: 16px; }
    .sb-link{ font-size: 16px; line-height: 38px; width: 130px; }
    .list-back-sm{ padding-bottom: 30px; }
    .fw-width-bottom{ min-height: 1px; }
    .fw-b-title{ font-size: 20px; padding-top: 15px; }
    .news-ul-p{ font-size: 14px; line-height: 25px; margin-top: 5px; }
    .news-ul-tt{ font-size: 18px; }
    .news-ul li a{ padding-bottom: 20px; margin-bottom:20px; }
    .news-ul-date{ top: 5px; }
    .article-tt{ font-size: 18px; margin-bottom: 10px; }
    .article-back{ padding:20px 0; }
    .article-sm span{ font-size: 14px; margin-bottom: 5px; }
    .article-p p{ font-size: 14px; margin-top: 10px; line-height: 25px; }
    .article-p{ padding:1px 20px; margin-top: 10px; }
    .article-link p a{ font-size: 14px; }
    .article-link p{ margin-top: 10px; }
    .more-back{ padding-bottom: 30px; }
}

@media( max-width: 400px){
.list-banner-tt {top: 30%;}

}