@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;object-fit:cover}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#555;line-height:1.6;font-family:'MiSans','Microsoft YaHei';min-width:320px;}
a{color:#555;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#1e5095;}
body,html{height:100%;position:relative;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.container{position:relative;width:100%;max-width:1600px;min-width:320px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding:80px 0;overflow:hidden;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.pd100{padding-top:120px;padding-bottom:120px;overflow:hidden;}
.font14{font-size:.875em;}
.font16{font-size:1.143em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot'); 
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}



.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/* 头部 */
.header{width:100%;padding:0 60px;height:80px;line-height:80px;z-index:90;font-size:1.125rem;position: fixed;top:0;left:0;color:#fff;transition:all .5s;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0) 80%);}
.listHead{border-bottom: 1px solid rgba(255,255,255,.4);}
.header .logo2{display:none;} 
.nav{width:40%;margin-left:12%;display:flex;justify-content:space-between;max-width:690px;}
.nav .m{float:left;text-align:center;position:relative;z-index:10;}
.nav .m>a{color:#fff;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#fff;transition:all .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#fff;}
.nav .cur>a::after,.nav .m>a:hover::after{width:100%;left:0;}
.nav .navSub{position:absolute;left:50%;top:120%;background:#fff;line-height:40px;width:160px;color:#333;font-size:.833em;transition:top 0.4s,opacity .4s;opacity:0;text-align:center;transform: scale(0);margin-left:-80px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:10px 0;}
.nav .navSub li{line-height:40px;}
.nav .navSub li:first-child{border:none;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{color:#004ea2;}
.nav .m:hover .navSub{top:90%;opacity:1;transform: scale(1);}

.headR a{float:left;color:#fff;margin-left:20px;font-family:"iconfont";font-size:1.333em;}
.headR .tel{background: url('../images/telIcon.png') no-repeat left center;padding-left:40px;font-family:'MiSans';font-size:18px;}
.headR .car{background:#fff;border-radius:20px;width:120px;height:40px;line-height:40px;font-size:14px;color:#333;text-align:center;margin-top:18px;}
.headR .car i{font-style:normal;color:#004ea2;margin-right:5px;font-weight:700;font-size:1.125em;}
/* .headR .searBtn,.headR .navTrigger{line-height:1;margin-top:25px;} */
.headR a:hover{color:#004ea2 !important;}
.headR .car:hover{background:#004ea2 !important;color:#fff !important;}
.headR .car:hover i{color:#fff;}
.headR .jd,.headR .tm{color:#f00;background: rgba(255,255,255,.4);width:34px;height:34px;border:1px solid #fff;border-radius:100%;text-align:center;line-height:34px;position: relative;top:22px;font-size:20px;}

.header:hover,.headFix{background:#fff}
.header.hideY{transform: translateY(-120px);}
.headFix{position:fixed;top:0; box-shadow:0 0 8px #eee;}
.header:hover .logo2,.headFix .logo2{display:inline-block;}
.header:hover .logo1,.headFix .logo1{display:none;}
.header:hover .nav .m>a,.headFix .nav .m>a,.header:hover .headR a,.headFix .headR a{color:#333;}
.header:hover .nav .cur>a,.header:hover .nav .m>a:hover,.header:hover .nav .on>a,.headFix .nav .cur>a,.headFix .nav .m>a:hover,.headFix .nav .on>a{color:#004ea2;}
.header:hover .nav .m>a::after,.headFix .nav .m>a::after{background:#004ea2;}
.header:hover .headR .car,.headFix .headR .car{background:#e1e1e1;}
.header:hover .headR .tel,.headFix .headR .tel{background-image: url('../images/telIcon_b.png');}
.headFix .headR .jd, .headFix .headR .tm,.header:hover .headR .jd,.header:hover .headR .tm{border:1px solid #f00;color:#f00;}



/* 搜索 */
.topSear{position: absolute;padding:15px;border-top:1px #ddd solid; background:#fff;right:0;top:100%;display:none;width:100%;z-index:9;height:90px;}
.topSear form{width:40%;margin:0 auto;height:50px;line-height:50px;border-bottom: 1px solid #999;padding:0 30px 0 80px;position:relative;}
.topSear select{position:absolute;left:0; color:#666;top:15px;letter-spacing:4px;cursor:pointer;}
.topSear option{color:#333;}
.topSear .txt{width:100%;height:50px; line-height:50px;color:#333;}
.topSear .btn{position:absolute; width:30px;height:50px; cursor:pointer;transition:all 0.3s;background:url('../images/sBtn.png') no-repeat center;right:0;}
.topSear .btn:hover{opacity:.8;}
.topSear .close{position: absolute;right:50px;color:#333;font-size:1.5em;font-family:"iconfont";top:0;cursor:pointer;line-height:80px;display:none;}
.topSear textarea,.topSear input {-webkit-appearance: none;border-radius: 0;}

/* 侧边导航 */
.asideMenu{position: fixed;z-index:90;background:#fff url('../images/allMenu.jpg') no-repeat right center;width:100%;height:100%;background-size:25% 100%;padding:2% 4%;font-size:1.125em;top:0;left:0;opacity:0;transform: translateX(100%);transition:opacity 0.5s;}
.asideMenu_on{opacity:1;transform: translateX(0);transition:all 0.6s;}
.asideClose{position: absolute;font-family:"iconfont";color:#fff;right:4%;top:3%;font-size:2em;cursor: pointer;transition:all .5s;}
.asideClose:hover{transform: rotate(360deg);}
.asideMenu .main{margin:22px 0;overflow:hidden;height:74vh;max-width:1300px;border-top: 1px solid #eee;width:75%;}
.asideMenu .main .subMenu{height:100%;overflow-y:auto;}
.asideMenu .m{border-bottom: 1px solid #eee;padding:25px 0;position:relative;display:flex;align-items: center;}
.asideMenu .m i{font-family:"iconfont";color:#ccc;font-size:1.2em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;display:none;width:40px;text-align:center;}
.asideMenu .m>a{font-size:1.333em;color:#333;font-weight:700;width:160px;margin-right:2%;}
.asideMenu .subMenu a:hover,.asideMenu .subMenu .cur>a{color:#004ea2;}
.asideMenu .navSub{display:flex;width:84%;}
.asideMenu .navSub li{margin-right:5%;}
.asideMenu .bottom {max-width:1300px;width:75%;}
.asideMenu .bottom span{margin-left:25px;}
.asideMenu .icon a{font-family:"iconfont";border:1px solid #eee;color:#333;display:inline-block;width:40px;height:40px;border-radius:100%;text-align:center;line-height:40px;margin-left:20px;background:#eee;color:#666;}
.asideMenu .icon a:hover{color:#004ea2;}
@media all and (max-width:1440px) { .asideMenu .m>a{width:150px;}}
@media all and (max-width:1024px) { 
  .asideMenu{background:#fff;}
  .asideMenu .main,.asideMenu .bottom {width:100%;}
  .asideMenu .m{display:block;padding:0;}
  .asideMenu .m>a{padding:15px;display:block;width:100%;font-size:17px;margin-right:0;}
  .asideMenu .navSub{display:block;background:#f5f5f5;width:100%;padding:15px;font-size:15px;display:none;border-top:2px solid #004ea2;}
  .asideMenu .navSub li{margin-right:0;line-height:38px;}
  .asideMenu .m i{display:block;}
  .asideClose{color:#333;line-height:1.2;}
}
@media all and (max-width:480px) {
  .asideMenu .bottom span{display: block;margin-left:0;}
  .asideMenu .top {height:50px;line-height:50px;}
  .asideMenu .top img{height:36px;}
  .asideMenu .main{margin:18px 0;}
  .asideClose{line-height:1;font-size:1.8em;}
}


/* 广告轮播图 */
.banner{width: 100%;height:100%;overflow:hidden;z-index:2;position:relative;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-slide,.proSlide .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{width:100%;animation:scale 30s infinite;}
.banner .txt{position: absolute;top:50%;transform: translateY(-50%);color:#fff;letter-spacing:2px;width:100%;line-height:1.2;text-align:center;font-size:1.875em;}
.banner .txt h4{font-size:2em;margin-bottom:60px;}
.banner .progress{position:absolute;top:52%;width:100%;height:1px;background-color:rgba(255,255,255,.2);z-index:2;}
.banner .progresBar{position:absolute;top:0;left:0;transform:translateX(-100%);width:200px;height:1px;background-color:#fff;animation:progress 6s linear;}
.banner .progresBar.stop,.banner .pic.stop{animation-play-state:paused;}
@keyframes progress{from{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(100%)}}
.banner .btn{width:64px;height:18px;background: url('../images/ban_arr.png') no-repeat;left:60px;top:52.5%;}
.banner .swiper-button-next{left:auto;right:60px;background-position:-64px 0;}
.bannerDot{position:absolute;top:70%;display:flex;justify-content:center;z-index:5;width:100%;align-items:center;}
.bannerDot .swiper-pagination-bullet{opacity:1;width:12px;height:12px;margin:0;border:1px solid #fff;border-radius:50%;background-color:transparent;transition:.14s;margin:0 5px;}
.bannerDot .swiper-pagination-bullet-active{background-color:#fff}
.bannerDot .button,.industryMain .btns .button{margin-left:15px;cursor:pointer;height:22px;overflow:hidden;}
.bannerDot .button i,.industryMain .button i{width:22px;height:22px;background: url('../images/ban_stop.png') no-repeat;display:none;}
.bannerDot .button .play,.industryMain .button .play{background-image: url('../images/ban_play.png');display:none}
.bannerDot .button i.on,.industryMain .button i.on{display: block;}
.banVideo{width:100%;height:100%;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 产品 */
.hTitle{font-size:2.625rem;line-height:1.4;margin-bottom:40px;color:#222;}
.hTitle span{display:block;font-size:0.571em;opacity:.7;margin-top:10px;}
.product .hTitle{margin-bottom:0;max-width:680px;}
.proMain{padding-top:10px;overflow:hidden;}
.proMain li{float:left;width:25%;}
.proMain li a{display: block;height:480px;position:relative;border-radius:15px;overflow:hidden;transition:all .5s;top:0;}
.proMain li .txt{position:absolute;bottom:30px;padding:0 6%;color:#fff;}
.proMain li h4{font-size:1.875em;margin-bottom:15px;}
.proMain li i{font-style:normal;width:48px;height:48px;background:#1e5095;color:#fff;text-align:center;line-height:48px;border-radius:100%;display:inline-block;font-weight:700;margin-top:25px;transition:all .5s;}
.proMain li:nth-child(1),.proMain li:nth-child(4){padding-top:60px;}
.proMain li:nth-child(2){padding-top:120px;}
.proMain li a:hover .bgImg{transform: scale(1.1); filter: blur(5px);}
.proMain li a:hover {top:-10px;transition-delay:.2s;}
.proMain li a:hover i{border-radius:5px;}

/* 产品 */
.industry{background:#1e5095;overflow:hidden;padding-top:40px;position:relative;}
.industry .hTitle{margin-bottom:50px;}
.hTitleW{color:#fff;}
.industryMain{position: relative;overflow:hidden;height:100vh;}
.industryMain li{height:100%;position:relative;width:100%;overflow: hidden;}
.industryMain li .con{position:absolute;top:50%;left:50%;transform: translate(-50%,-55%);color:#fff;} 
.industryMain li .text{font-size:2.5em;width:44%;}
.industryInfo{width:50%;max-width:560px;background:#fff;border-radius:15px;color:#666;padding-top:50px;overflow:hidden;position:relative;}
.industryInfo li h4{font-size:2.25em;color:#333;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #ddd;}
.industryInfo li h4 a{color:#222;}
.industryInfo li h4 a:hover{color:#1e5095;}
.industryInfo li h4,.industryInfo li .info,.industryInfo li .pic{padding-left:8%;padding-right:8%;}
.industryInfo li .info{height:130px;margin-bottom:15px;overflow:hidden;}
.industryInfo .pic li{float: left;width:31.33%;padding-top:20%;border-radius:10px;margin-bottom:10px;}
.industryInfo .pic li:nth-child(3n-1){margin:0 2%;}
.industryInfo .btn{border-top: 1px solid #ddd;margin-top:20px;}
.industryInfo .btn span{position:static;float: left;width:50%;height:75px;line-height:75px;background:none;font-family:"iconfont";font-size:2em;margin-top:0;text-align:center;border-left: 1px solid #ddd;}
.industryMain .btns{display:flex;position:absolute;left:10%;top:50%;width:100%;align-items:center;z-index:5;color:#fff;font-size:1.125em;}
.industryMain .btns .btn{position:static;width:auto;height:auto;font-family:"iconfont";color:#fff;background:none;margin:0;cursor: pointer;}
.industryMain .dots{width:auto;margin:0 20px;}
.industryMain .btns .button{margin-left:0;margin-right:15px;height:30px;}
.industryMain .button i{width:30px;height:30px;background-size:30px;}

.industryMenu{position:absolute;bottom:0;width:100%;left:0;z-index:5;border-top: 1px solid rgba(255,255,255,.3);backdrop-filter: blur(8px);background:rgba(0,0,0,.03);-webkit-backdrop-filter:blur(8px);}
.industryMenu .main{display:flex;justify-content: space-between;align-items: center;color:#fff;font-size:1.25em;border-left: 1px solid rgba(255,255,255,.3);}
.industryMenu li{flex-grow:1;border-right: 1px solid rgba(255,255,255,.3);height:95px;display: flex;align-items: center;padding:0 3%;filter: blur(-5px);background: url('../images/i_arr.png') no-repeat 90% center;cursor: pointer;position: relative;z-index:2;}
.industryMenu li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#1e5095 url('../images/i_arr.png') no-repeat 90% center;;z-index:-1;transition:all .5s;}
.industryMenu .on::after{height:100%;}
.industryMenu li i{display:inline-block;width:30px;height:30px;background-repeat: no-repeat;margin-right:15px;}

/* 关于我们 */
.aboutL{padding-right:500px;}
.aboutL .txt{font-size:1.5em;color:#666;height:160px;margin-bottom:15px;max-width:80%;}
.aboutNum{display:flex;justify-content: space-between;color:#333;}
.aboutNum li{float:left;flex-grow:1;margin-right:20px;width:33.3%;}
.aboutNum li i{display:inline-block;width:42px;height:44px;background: url('../images/aboutIcon.png') no-repeat;}
.aboutNum li:nth-child(2) i{background-position:-42px 0;}
.aboutNum li:nth-child(3) i{background-position:-84px 0;}
.aboutNum li span{display:block;border-top: 1px solid #e5e5e5;margin-top:10px;padding-top:10px;}
.aboutNum li b{display:block;font-size:3.75em;font-weight:400;line-height:1.2;}
.aboutL .more{display:inline-block;width:140px;height:40px;background:#eee url('../images/arr_f.png') no-repeat 90% center;border-radius:20px;padding:0 15px;line-height:40px;font-size:.875em;position:relative;margin-top:60px;overflow:hidden;z-index:2;}
.aboutL .more::after{content:"";position:absolute;left:0;bottom:0;height:100%;background:#1e5095 url('../images/arr_f.png') no-repeat 90% center;;transition:all .5s;z-index:-1;width:0;}
.aboutL .more:hover::after{width:100%;}
.aboutL .more:hover{color:#fff;}
.aboutPic{position:absolute;right:15px;top:100px;z-index:2;}
.aboutPic::after{content:"";position: absolute;width:280px;height:280px;background:#1e5095;border-radius:100%;top:-15px;right:-15px;z-index:-1;}

/* 新闻快讯 */
.news{background:#f3f5f6;font-size:.875em;}
.newsTop{margin-bottom:40px;padding-bottom:30px;overflow:hidden;color:#222;position:relative;border-bottom: 1px solid #e5e5e5;}
.newsTop li h4{font-size:2.143em;margin-bottom:20px;}
.newsTop li a{color:#222;}
.newsTop li em,.newsBox li em{margin:0 7px;}
.newsTop .dot{float:right;width:auto;margin-top:-20px;position: relative;z-index:3;bottom:0;}
.newsTop .swiper-pagination-bullet{width:48px;height:4px;border-radius:2px;cursor: pointer;position:relative;background:#e5e5e5;opacity:1;}
.newsTop .swiper-pagination-bullet::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#1e5095;}
.newsTop .swiper-pagination-bullet-active{background:#e5e5e5;}
.newsTop .swiper-pagination-bullet-active::after{width:100%;transition:all 5.6s;}

.newsMain{padding-bottom:20px;overflow: hidden;position:relative;padding-top:10px;text-align:center;}
.newsBox li{float:left;width:20%;position: relative;top:0;transition:all .5s;text-align:left;}
.newsBox li a{background:#fff;border-radius:15px;overflow:hidden;display:block;}
.newsBox li h4{font-size:1.429em;color:#222;height:100px;margin-bottom:20px;}
.newsBox li .txt{padding:10% 10% 8% 10%;border-bottom:4px solid #1e5095;color:#666;}
.newsBox li .pImg{padding-top:50%;}
.newsBox li:hover img{transform: scale(1.1);}
.newsMain li:hover{top:-10px;} 
.newsBox li:hover h4{color:#1e5095;}
.newsBox .progress{position: static;margin-top:60px;width:80%;margin-left:10%;}
.newsBox .btn{width:48px;height:48px;border:1px solid #ddd;background:#fff;border-radius:100%;font-family:"iconfont";bottom:0;top:auto;margin-top:0;line-height:48px;text-align:center;transition:all .5s;}
.newsBox .btn:hover{background:#1e5095;color:#fff;}


/*底部 */
.footer{background:#1e5095;color:#a5b9d5;}
.footMain{padding:120px 0 70px 0;overflow:hidden;}
.footTop{color:#fff;padding-bottom:40px;border-bottom: 1px solid #466ea5;margin-bottom:40px;display:flex;justify-content:space-between;}
.footTop .zx{float:right;width:140px;height:40px;line-height:40px;font-size:14px;background:#fff url('../images/arr_f.png') no-repeat 90% center;padding:0 25px;border-radius:20px;color:#333;}
.footTop .zx:hover{padding:0 30px;background-position:85% center;color:#1e5095;}
.footTop .title{font-weight:700; background-image: linear-gradient(to right, #fff, #2ae9d0);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:1.875em;width:80%;}
.footIcon a{font-family:"iconfont";border:1px solid #9aafcd;border-radius:100%;width:34px;height:34px;display:inline-block;text-align:center;margin-right:10px;position: relative;line-height:34px;z-index:5;}
.footIcon p{position:absolute;width:110px;height:110px;background:#fff;padding:5px;top:45px;left:-45px;transform: scale(0);opacity:0;transition:opacity .5s;}
.footIcon p::after{content:"";position:absolute;border:10px solid transparent;border-bottom-color:#fff;margin-left:-5px;top:-15px;left:50%;}
.footIcon a:hover{background:#fff;color:#1b4b8e !important;}
.footIcon a:hover p{opacity:1;transform: scale(1);}

.footMenu{overflow:hidden;width:80%;display: flex;justify-content: space-between;line-height:2;}
.footMenu dl{float:left;padding-right:30px;flex-grow:1;}
.footMenu dt,.footTxt h4,.footWx h4{font-size:1.25em;color:#fff;margin-bottom:15px;line-height:1.2;position: relative;height:40px;border-bottom: 1px solid #466ea5;}
.footMenu dt::after{content:"\e60f";position: absolute;right:0;top:0;transition: transform 0.3s ease;display:none;font-family:"iconfont";opacity:.4;}
.footMenu dd a{display:block;}
.footMenu .on dt::after{transform: rotate(180deg);}
.footMenu .n dt::after{content:"\e624";transform: rotate(0);}
.footWx{width:20%;}
.footWx span{display:block;margin-top:5px;}
.footWx p{text-align:center;width:49%;}
.footTxt{max-width:640px;width:60%;}
.footTxt .info{display:flex;justify-content: space-between;font-size:.875em;}
.footTxt i{display:block;color:#fff;font-style:normal;margin-bottom:5px;font-size:1.143em;}
.footTxt em{margin:0 10px;font-style:normal;}
.firendlink{color:#fff;width:290px;height:60px;line-height:60px;background:#325f9d;border-radius:5px;padding:0 20px;position:relative;cursor: pointer;margin-top:40px;}
.firendlink i{float:right;font-style:normal;font-family:"iconfont";transition:all .5s;}
.firendlink .info{position:absolute;background:#325f9d;color:#fff;width:100%;left:0;bottom:90px;padding:5px 20px;border-bottom: 1px solid rgba(255,255,255,.2);transform: scale(0);opacity:0;transition:top 0.4s,opacity .4s;border-radius:5px 5px 0 0;}
.firendlink .info a{margin:5px;}
.firendlink:hover i{transform: rotate(180deg);}
.firendlink:hover .info{bottom:58px;opacity:1;transform: scale(1);}
.copyright{padding:20px 0;background:#1b4b8e;font-size:.875em;line-height:34px;}

.footer a{color:#a5b9d5;}
.footer a:hover{color:#fff;}


/*内页公用 */
.listWrap{overflow:hidden;padding:100px 0;}
.listBan,.mzsmBanner{height:530px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBan .txt{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:leftPic .8s;color:#fff;max-width:1600px;margin:0 auto;width:100%;font-size:3em;text-transform: uppercase;letter-spacing:2px;line-height:1.2;}
.listBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBan .hBtn{margin-top:70px;margin-right:20px;border-color:#222;color:#222;font-size:.9em;}
.listBan .hBtn:hover{border-color: #1e5095;color:#fff;}

.breadCrumb{overflow:hidden;font-size:.875em;margin-top:-70px;position:relative;z-index:5;padding:25px 25px 25px 50px;background:#fff url('../images/home_icon.png') no-repeat 25px center;background-size:18px;border-radius:10px 10px 0 0;line-height:30px;}
.breadCrumb .back{float:right;color:#fff;background:#666;padding:0 10px;}
.breadCrumb .back:hover{background:#1e5095;color:#fff;}
.breadCrumb .bc{color:#1e5095;}
.breadCrumb .bc:hover,.listMenu_box p .bc:hover{text-decoration:underline;}
/* .breadCrumb2{color:#ddd;}
.breadCrumb2 a{color:#fff;opacity:.7;}
.breadCrumb2 .bc{opacity:1;color:#fff;} */

/*内页菜单 */
.listMenu_box{background:#fff;height:70px;line-height:70px;position: relative;z-index:3;font-size:1.125em;margin-top:-70px;border-radius:8px 8px 0 0;padding-right:25px;overflow:hidden;}
/* .listMenu_box::after{content:"";position:absolute;left:-100%;bottom:0;width:300%;height:100%;box-shadow:0 3px 8px #eee;z-index:-1;background:#fff;} */
.listMenu{width:78%;overflow:hidden;}
.listMenu a{padding:0 40px;width:auto;color:#333;position: relative;z-index:5;display:inline-block;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;bottom:0;background:#1e5095;transition:all .5s;z-index:-1;}
.listMenu .cur.on::before{content:"";position:absolute;left:50%;border:10px solid transparent;border-top-color: #1e5095;bottom:-20px;margin-left:-10px;}
.listMenu a.cur,.listMenu a:hover{color:#fff;transition:all .5s;}
.listMenu a.cur::after,.listMenu a:hover::after{height:100%;}
.listMenu_box p{float:right;font-size:14px;background:url('../images/home_icon.png') no-repeat left center;padding-left:25px;background-size:18px;margin-left:15px;}

.menuSub{border-bottom: 1px solid #e9e9e9;padding:25px 0;}
.menuSub a{margin-right:40px;position:relative;padding-left:15px;}
.menuSub a::after{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:#666;}
.menuSub a:hover,.menuSub .cur{color:#1e5095;}
.menuSub a:hover::after,.menuSub .cur::after{background:#1e5095;}

/* 关于我们 */
.listTie{font-size:2.25rem;color:#191919;margin-bottom:40px;line-height:1.2;font-weight:700;}
.listTie span{display: block;font-size:14px;margin-top:8px;}
.aboutBox1{text-align:center;overflow:hidden;max-width:1100px;margin:0 auto;padding-bottom:60px;}
.aboutBox1 .title{color:#1e5095;font-size:1.5em;}
.aboutBox1 .title2{font-size:2.25em;color:#333;line-height:1.4;font-weight:700;margin:20px 0 30px 0;}
.aboutBox1 .info{line-height:1.8;}

.aboutBox2{background: url('../images/about_bg2.jpg') no-repeat center;background-size:cover;background-attachment: fixed;color:#fff;text-align:center;}
.aboutNum2{color:#fff;margin-top:200px;margin-right:-20px;}
.aboutNum2 li i{background-image: url('../images/aboutIcon2.png');}
.aboutNum2 li span{border-top:1px solid rgba(255,255,255,.5);}
.aboutNum2 li:nth-child(4) i{background-position: calc(-42px *3) 0;}
.aboutNum2 li:nth-child(5) i{background-position: calc(-42px *4) 0;}

.historyMenu{background: url('../images/history_menui.jpg') no-repeat;background-size:cover;border-radius:15px;text-align:center;color:#fff;font-size:1.25em;margin-bottom:60px;}
.historyMenu span{margin:0 20px;opacity:.5;cursor:pointer;position: relative;transition:all .5s;}
.historyMenu span::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:3px;background:#fff;transition:all .5s;}
.historyMenu .on{opacity:1;}
.historyMenu .on::after{width:100%;}
.historyMain .tie{width:35%;color:#1e5095;font-size:4.5em;font-weight:700;font-family:Arial;letter-spacing:-2px;float:left;}
.historyList{border-top:2px solid #666;float:right;width:64%;padding-top:30px;}
.historyList li{padding-bottom:30px;margin-bottom:30px;border-bottom: 1px solid #e5e5e5;display:flex;flex-direction:row-reverse;justify-content: space-between;}
.historyList li .pic{width:30%;text-align:right;}
.historyList li .txt{width:65%;}
.historyList li h5{font-size:1.875em;color:#333;font-weight:700;margin-bottom:10px;background: url('../images/h_li.jpg') no-repeat left center;padding-left:20px;}

.culture{background:#fff url('../images/culture_bg.jpg') no-repeat center top;background-size:cover;height:100vh;}
.culture ul{padding-top:10px;overflow:hidden;}
.culture li{float:left;width:20%;padding-right:30px;margin-bottom:30px;} 
.culture li a{cursor:auto;background:#fff;border-radius:15px;display:block;height:116px;padding:20px 8%;color:#666;transition:all .5s;position: relative;top:0;}
.culture li h4{font-size:1.5em;color:#111;margin-bottom:5px;}
.culture li a:hover{color:#fff;background:#1e5095;top:-10px;}
.culture li a:hover h4{color:#fff;transition:all .5s;}
.cultureTxt{background:#fff;padding:4% 3%;border-radius:20px;margin-top:-100px;overflow:hidden;}
.cultureTxt h3{font-size:2.25em;color:#111;font-weight:700;margin-bottom:15px;}
.cultureTxt p{max-width:900px;}
.cultureTxt .pic{float:right;transform: translateY(-90%);}

.honor{background:#f3f5f6;}
.honorL{width:31%;height:625px;border-radius:10px;overflow:hidden;}
.honorR{background:#fff;width:69%;overflow:hidden;padding:50px 5%;border-radius:0 10px 10px 0;height:625px;}
.honorMenu{text-align:right;margin-bottom:40px;}
.honorMenu a{background: url('../images/honorMenu.png') no-repeat;width:128px;height:46px;line-height:46px;text-align: center;display:inline-block;margin-left:30px;transition:all .5s;}
.honorMenu .on{background-position:0 -46px;color:#e1986c;}

.honorMain{overflow:hidden;}
.honorSlide{text-align:right;}
.honorSlide .tie{font-size:1.5em;color:#333;border-left:5px solid #1e5095;line-height:1;margin-bottom:30px;padding-left:20px;text-align:left;}
.honorSlide li{float:left;width:33.3%;text-align:center;}
.honorSlide li .pImg{padding-top:70%;}
.honorSlide li p{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
.honorSlide li:hover img{transform: scale(1.1);}
.honorSlide li:hover p{color:#1e5095;}
.honorSlide .btn{display:inline-block;width:48px;height:48px;border:1px solid #d5d5d5;text-align:center;line-height:48px;border-radius:100%;border-radius:100%;background:#fff;font-family:"iconfont";position:static;transition:all .5s;margin-top:40px;margin-left:15px;}
.honorSlide .btn:hover{background:#14529d;color:#fff;}

/*新闻列表 */
.newsWrap{padding-bottom:0;}
.newsSlide{overflow:hidden;position:relative;margin-bottom:60px;}
.newsSlide li .pic{width:58%;height:510px;overflow: hidden;display:block;border-radius:15px;}
.newsSlide li .txt{width:36%;padding-top:40px;}
.newsSlide li h4{font-size: 1.5em;color:#111;margin-bottom:20px;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;font-weight:700;}
.newsSlide li h4 a{color:#111;}
.newsSlide p{line-height:2em;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
.newsSlide li .date{font-size:.875em;color:#999;display: block;margin-top:40px;}
.newsSlide li .date em{margin:0 5px;}
.newsSlide li .pic:hover .bgImg{transform:scale(1.05);}
.newsSlide li h4 a:hover{color:#1e5095;}
.newsSlide .swiper-pagination {width:36%;right:0;left:auto;bottom:30px;text-align:left;}
.newsSlide .swiper-pagination-bullet{width:48px;height:4px;border-radius:2px;cursor: pointer;position:relative;background:#e5e5e5;opacity:1;overflow:hidden;}
.newsSlide .swiper-pagination-bullet::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#1e5095;}
.newsSlide .swiper-pagination-bullet-active{background:#e5e5e5;}
.newsSlide .swiper-pagination-bullet-active::after{width:100%;transition:all 5.6s;}

.newsSear{background:#1276ba;padding:50px 4%;border-radius:20px;overflow:hidden;}
.newsSear form{display:flex;}
.newsSear select{width:25%;height:60px;line-height:60px;background:#3f8fc6 url('../images/arr_b.png') no-repeat 95% center;border-radius:10px;padding:0 25px;color:#fff;cursor:pointer;  border: none;
  outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.newsSear option{color:#fff;border:none;height:34px;line-height:34px;padding:15px;}
.newsSear .text{width:60%;background:#3f8fc6;border-radius:10px;padding:0 25px;color:#fff;margin:0 15px;}
.newsSear .btn{background:#fff;width:15%;height:60px;line-height:60px;color:#3f8fc6;border-radius:10px;cursor:pointer;font-size:1.125em;transition:all .5s;}
.newsSear .btn:hover{background:#3f8fc6;color:#fff;}
.newsSear input::-webkit-input-placeholder,.newsSear textarea::-webkit-input-placeholder{color:#fff;opacity:.8;}
.newsSear input::-moz-placeholder,.newsSear textarea::-moz-placeholder{color:#fff;opacity:.8;}
.newsSear input:-moz-placeholder,.newsSear textarea:-moz-placeholder{color:#fff;opacity:.8;}
.newsSear input:-ms-input-placeholder,.newsSear textarea:-ms-input-placeholder{color:#fff;opacity:.8;}
.newsSear textarea,.topSear input {-webkit-appearance: none;border-radius: 0;}
.newsList{background:#f3f5f6;padding-top:120px;margin-top:-80px;}
.newsList ul{margin-right:-40px;}
.newsList li a{position: relative;top:0;transition:all .5s;}
.newsList li{width:25%;padding-right:40px;margin-bottom:40px;}
.newsList li a:hover{top:-10px;transition-delay:.2s;}

/* 新闻详情 */
.newsShow {width:68%;overflow:hidden;margin-bottom:60px;}
.newsShow .tie{font-size:2.25em;color:#333;margin-bottom:8px;margin-bottom:10px;}
.newsShow .txt em,.rightNews li em{margin:0 5px;}
.showCon{overflow:hidden;padding-top:40px;margin-top:30px;border-top:2px solid #282828;}
.showCon .ce img{min-width:60%;}
.showPage p{width:49%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding:30px 0;}
.showPage p span{display: block;opacity:.8;margin-bottom:15px;}
.showPage .back{width:160px;height:60px;display: block;margin:0 auto;border:1px solid #ddd;border-radius:30px;text-align:center;line-height:60px;margin-top:40px;}
.showPage .back:hover{background:#1e5095;color:#fff;border-color: #1e5095;}

.rightNews{background:#f5f5f5;border-radius:15px;overflow:hidden;width:28.5%;z-index:5;margin-bottom:40px;}
.rightNews .tie{height:80px;line-height:80px;background:#1e5095;padding:0 8%;color:#fff;font-size:1.5em;font-weight:700;}
.rightNews ul{padding:20px 8%;}
.rightNews li{border-bottom: 1px solid #e5e5e5;padding-bottom:15px;margin-bottom:15px;}
.rightNews li h4{font-size:1.25em;margin-bottom:15px;}
.rightNews li h4 a{color:#222;}
.rightNews li h4 a:hover,.projectList .pic h5 a:hover{color:#1e5095;}
.rightNews li p{font-size:.875em;opacity:.8;}
.rightNews li:last-child{border:none;}
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6;max-width:450px;right:8%;}


/* 全产业链 */
.projectList .m{overflow: hidden;margin-bottom:100px;}
.projectList .pic{float:left;width:60%;height:480px;border-radius:15px;overflow:hidden;position:relative;}
.projectList .pic .txt{position:absolute;right:0;bottom:0;width:460px;z-index:2;}
.projectList .pic li{background:#fff;border-radius:15px 0 0 0;padding:25px 90px 0 5%;position: relative;}
.projectList .pic h5{font-size:1.429em;margin-bottom:10px;}
.projectList .pic h5 a{color:#111;}
.projectList .pic p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.projectList .pic .more{width:48px;height:48px;border-radius:100%;text-align:center;line-height:48px;color:#1e5095;background:#eee;font-weight:700;position:absolute;right:15px;top:50%;margin-top:-24px;font-size:18px;}
.projectList .pic .more:hover{background:#1e5095;color:#fff;}
.projectList .con{float:right;width:35%;padding-top:10px;}
.projectList .con i{font-style:normal;font-size:1.5em;color:#999;margin-bottom:20px;font-weight:700;display:block;}
.projectList .con h3{font-size:2.25em;font-weight:700;margin-bottom:30px;color:#111;line-height:1.2;}
.projectList .con p{height:100px;margin-bottom:15px;}
.projectSub{max-width:280px;}
.projectSub li{height:60px;line-height:60px;border-bottom:2px solid #e5e5e5;position: relative;}
.projectSub li::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#1e5095;transition:all .5s;}
.projectSub li a{display:block;background: url('../images/arr_l.png') no-repeat -20px center;transition:all .5s;}
.projectSub .on a{padding-left:20px;background-position: 0 center;color:#1e5095;}
.projectSub .on::after{width:100%;}
.projectList li:nth-child(2n) .txt{float:left;}
.projectList li:nth-child(2n) .pic{float:right;}
.projectList li:nth-child(2n) .pic .txt{right:auto;left:0;}
.projectList li:nth-child(2n) .pic li{border-radius:0 15px 0 0;}

.projectShow{padding-bottom:50px;}
.listSub{font-size:1.125em;text-align:center;margin-bottom:50px;}
.listSub a{display:inline-block;width:300px;height:60px;line-height:60px;background:#f5f5f5;border-radius:10px;text-align:center;cursor:pointer;position:relative;overflow: hidden;z-index:2;margin-left:-10px;}
.listSub a::after{content:"";position:absolute;left:0;top:0;width:100%;background:#1e5095;height:100%;z-index:-1;transform: scale(0,1);transform-origin:right;transition:all .5s;}
.listSub a.cur{color:#fff;z-index:3;}
.listSub a.cur::after{transform: scale(1);transform-origin:left;}
.projectShow_txt{overflow:hidden;line-height:1.8;}

.projectShow_pic{margin-bottom:100px;position:relative;text-align:center;}
.projectShow_pic li{float:left;border-radius:20px;overflow:hidden;}
.projectShow_pic li.pImg{padding-top:34%;}
.projectShow_pic .btn{display:inline-block;width:48px;height:48px;border:1px solid #d5d5d5;font-family:"iconfont";text-align:center;color:#333;background:#fff;border-radius:100%;left:8%;text-align:center;line-height:48px;}
.projectShow_pic .swiper-button-next{left:auto;right:8%;}
.projectShow_pic li:hover img{transform: scale(1.1);}
.projectShow_pic .btn:hover{background:#1e5095;color:#fff;}


/* 产品列表 */
.proWrap{background: url('../images/proList_bg.jpg') no-repeat center top;background-size:100%;}
.proMenu{display:flex;justify-content:center;text-align:center;margin-bottom:60px;}
.proMenu li{float:left;margin:0 20px;}
.proMenu li a{display:block;color:#111;position:relative;}
.proMenu li span{border:1px solid #e5eaec;border-radius:15px;background:#fff;width:120px;height:120px;display:block;background-repeat: no-repeat;margin:0 auto; margin-bottom:10px;transition:all .5s;}
.proMenu li i{width:48px;height:48px;display:inline-block;margin-top:35px;transition:all .5s;}
.proMenu li a:hover span,.proMenu .cur span{background:#1276ba;}
.proMenu li a:hover i,.proMenu .cur i{background-position:0 -48px;}
.proMenu li a:hover,.proMenu .cur a{color:#1e5095;}

.proList ul{margin-right:-30px;overflow:hidden;text-align:center;font-size:1.5em;}
.proList li{float:left;width:25%;margin-bottom:30px;padding-right:30px;}
.proList li a{display: block;background:#fff;border:1px solid #e5eaec;border-radius:15px;color:#222;position: relative;}
.proList li .pImg{z-index:2;}
.proList li .pImg::after{content:"";position:absolute;background:#f3f5f6;width:80%;height:80%;border-radius:100%;left:50%;top:10%;margin-left:-40%;opacity:0;transform:scale(0);transition:all .5s;z-index:-1;}
.proList li p{margin-top:10px;height:70px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0;}
.proList li a:hover img{animation-name: tada;}
.proList li a:hover .pImg::after{transform: scale(1);opacity:1;}

/*  产品详情 */
.gallery{width:48%;height:460px;overflow:hidden;text-align:center;background:#f5f5f5;border-radius:20px;line-height:460px;}
.gallery li img{max-width:fit-content;}
.proShow_R{width:48%;}
.proShow_R .title{font-size:2.25em;color:#111;}
.proShow_R .font{margin:25px 0;}
.proShow_R .zwm img{border:1px solid #e5e5e5;padding:10px;background:#f5f5f5;}
.proShow_R .zwm span{display: block;text-align:center;width:90px;padding-left:5px;margin-top:8px;}
.proShow_con{border-top:2px solid #000;margin-top:30px;}
.proShow_con li{display:flex;border-bottom: 1px solid #e5e5e5;}
.proShow_con li span{padding:25px 0;padding-left:5%;color:#666;}
.proShow_con li .th{width:25%;border-right: 1px solid #e5e5e5;text-align:center;color:#000;padding-left:0;font-size:1.25em;}


/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:33.3%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:78%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:100%;}
.honorList li{width:25%;}
.honorList li .pic{height:370px;line-height:370px;border:1px solid #e1e1e1;transition:all .5s;display:block;overflow:hidden;}
.honorList li .pic img{transition:all .5s;max-height:100%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#1e5095;}

/* 加入我们 */
.jobTop{margin-bottom:40px;overflow:hidden;}
.jobTop .listTie{margin-bottom:0;line-height:60px;}
.jobTop .filter{height:60px;line-height:60px;border:1px solid #e5e5e5;width:460px;border-radius:10px;padding-right:60px;overflow:hidden;position:relative;}
.jobTop .txt{width:100%;padding:0 20px;opacity:.8;height:58px;line-height:58px;}
.jobTop .btn{width:60px;height:60px;background:#1e5095 url('../images/sBtn2.png') no-repeat center;position:absolute;right:0;border-radius:10px;cursor:pointer;transition:all .5s;}
.jobTop .btn:hover{background-color:#05316e;}

.jobList li{margin-bottom:15px;}
.jobList .top{padding:25px 30px;overflow:hidden;cursor:pointer;border:1px solid #e5e5e5;border-radius:8px;display: flex;justify-content: space-between;color:#111;padding-right:160px;}
.jobList .top.on{background:#f9f9f9;}
.jobList .top.on .s6,.jobList .top.on .s6 i{color:#1e5095;}
.jobList .top span{float:left; width:15%;position:relative;padding-left:25px;}
.jobList .top span::after{content:"\e652";position:absolute;left:0;font-family:"iconfont";top:-3px;color:#1e5095;font-size:1.286em;}
.jobList .top .s2::after{content: "\e620";}
.jobList .top .s3::after{content: "\e62f";}
.jobList .top .s4::after{content: "\e67a";}
.jobList .top .s5::after{content: "\e621";}
.jobList .top .s5,.jobList .top .s3{width:22%;}
.jobList .top .s5{width:27%;}
.jobList .top .s6{position:absolute;right:30px;width:100px;padding-left:0;padding-right:30px;}
.jobList .top .s6::after{content:"\e6a1";left:auto;right:0;color:#000;}
.jobList .font{overflow:hidden;padding:30px;color:#888;position:relative;}
.jobList .font .t2{color:#111;font-size:1.25em;margin-bottom:10px;display:block;}
.jobList .font .t{margin-bottom:20px;color:#111;}
.jobList .font .more{position:absolute;background:#1e5095;border-radius:8px;padding:10px 30px;color:#fff;text-align:center;right:10%;top:50%;margin-top:-30px;font-size:1.125em;}
.jobList .font .more span{display: block;}
.jobList .font .more:hover{background:#05316e;}

/* 联系*/
.cTie{font-size:2.25rem;border-bottom:2px solid #111;color:#111;padding-bottom:30px;margin-bottom:30px;font-weight:700;line-height:1.2;}
.contactInfo{font-size:1.25em;width:48%;}
.contactInfo li{float:left;width:50%;margin-bottom:50px;color:#999;line-height:1.4;position: relative;padding-left:100px;padding-top:15px;} 
.contactInfo li::after{content:"";position:absolute;left:0;background:url('../images/contactIcon.png') no-repeat;width:80px;height:80px;top:0;}
.contactInfo li span{display:block;font-size:.8em;color:#000;}
.contactInfo li:nth-child(2)::after{background-position:-80px 0;}
.contactInfo li:nth-child(3)::after{background-position:-160px 0;}
.contactInfo li:nth-child(4)::after{background-position:-240px 0;}
.contactInfo .zwm span{border:5px solid #1e5095;display:inline-block;margin-right:10px;}

.feedback{width:48%;}
.feedback .title{font-size:1.750em;margin-bottom: 30px;}
.feedback .title span{display:block;font-size:12px;opacity:.8;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;margin-bottom: 10px;position: relative;border-bottom: 1px solid #ddd;font-size:16px;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;margin-bottom:30px;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear:both;padding-top:40px;}
.feedback .code input{height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .sub {background:#1e5095;cursor: pointer;transition: all .3s;display:block;height:60px;line-height:60px;color:#fff;border-radius:8px;width:100%;}
.feedback .sub:hover{background:#05316e;color:#fff;clear: both;}
#dituContent{height:520px;margin-top:50px;}