*{ margin: 0; padding: 0; box-sizing: border-box; }
body{font-family:Arial,"Source Han Sans CN",PingFangSC-Regular,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size:14px;min-width:1400px;background:#fff;color:#333}
em,i{ font-style: normal; }
.fl{ float: left;}
.fr{ float: right; }

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#333;text-decoration:none}
a:hover{color:#1d3d8b}
ul{list-style:none;}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.w1400{width:1400px;margin:0 auto}
.container{width:1244px;margin:0 auto}

.header{background-color:rgba(4,19,22,0.9);position: fixed; top:0; left:0; width: 100%; height:74px;  border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 999; }
.header .logo{float:left;font-size:0;height:74px;line-height:74px;text-align:left; margin-left: 50px; }
.header .nav{float: left; margin-left: 25px; font-size:0;}
.header .nav li{display:inline-block;vertical-align:middle}
.header .nav li>a{display:block;font-size:16px;line-height:74px; width: 125px; color: #FFF; display: flex; justify-content: center; }
.header .nav li i{ background: url(../images/jt-5.png) no-repeat center; width: 9px; height: 74px; margin-left: 4px; }
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{background: #00b87f;}
.dropdown-box{position:absolute; left:0; top:100%; width:100%; height: auto;  display:none;z-index:10;background-color:rgba(0,0,0,0.3); padding: 35px 0;}
.dropdown-box dl{ display: flex; justify-content: center; align-items: center;}
.dropdown-box dl dt{margin:0 7px; flex:0 0 1;}
.dropdown-box dl dt a{  display: block; text-align: center; color: #FFF;}
.dropdown-box dl dt .text{ font-size: 16px; margin-top: 10px; }
.header .nav li.open .dropdown-box{display:block}

.header .tel{ float: right; width: 280px; color: #FFF; font-size: 20px; font-weight: bold; display: flex; justify-content: flex; align-items: center; height: 74px; }
.header .tel span{margin-left: 10px; margin-right: 18px;}
.header .lang{ padding-left: 19px; border-left: 1px solid rgba(255,255,255,0.3); }
.header .lang a{ color: #FFF; }

.m-header{ position: fixed; top:0; left:0; z-index: 999; width: 100%; padding:0 10px; display: none; justify-content: space-between; align-items: center; height: 60px; background-color:rgba(4,19,22,0.9); }
.m-header .logo img{ max-height: 40px }

.menu-btn{padding:12px 0;margin-left:15px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#FFF;content:''}
.menu-btn:before{width:24px}
.menu-btn:after{width:18px;margin-left:6px}
.menu-btn span{width:12px;margin:6px 0 6px 12px}

.menu-box {position: fixed;top: 60px;left: 0;width: 100%;z-index: 10;background-color:rgba(0,0,0,0.8);display: none;}
.menu-box li {border-bottom: 1px solid rgba(255,255,255,0.4); line-height: 40px;}
.menu-box li a {display: block;color: #fff;   padding: 0 15px;}
.menu-box li i {float: right;height: 40px;width: 40px;background: url(../images/arrt.png) no-repeat center;background-size: 12px;position: relative;z-index: 1;cursor: pointer;}
.menu-box li .sub {display: none;}
.menu-box li .sub a {border-top: 1px solid rgba(255,255,255,0.4);margin-right: 0;background-color:rgba(0,0,0,0.5);}
.menu-box li.open i {background-image: url(../images/arrb.png);}
.menu-box li.open .sub {display: block;}

.banner{position:relative; }
.banner .swiper-slide{ display: flex; justify-content: center; align-items: flex-start; }
.banner .swiper-slide video{ flex:1; width: 100%; height: auto; }
.banner .swiper-slide .text{ position:  absolute; left:0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.banner .swiper-slide .text-con{ padding-left: 180px; color: #FFF; }
.banner .swiper-slide .text-con h2{ font-size: 40px; font-weight: normal;}
.banner .swiper-slide .text-con h3{ font-size: 50px;  margin-top: -15px;}
.banner .swiper-slide .text-con .btns{ margin-top: 70px; }
.banner .swiper-slide .text-con .btns a{ width: 178px; height: 36px; font-size: 16px; color: #FFF; border-radius: 18px; border: 1px solid #FFF; display: flex; justify-content: center; align-items: center; }
.banner .swiper-slide .text-con .btns i{ width: 27px; height: 15px; background: url(../images/jt-3.png); margin-left: 10px; }

.section{ padding: 60px 0; }
.section-title{ font-size: 36px; text-align: center; margin-bottom: 40px;color: #04287e; text-transform: uppercase; }
.section-title p{ font-size: 18px; color: #414141; }
.section-title strong span{ color: #333; }
.section-title a{ color: #04287e; }
.section-title a p{ color: #414141; }
.section-title a strong span{ color: #333; }
.section-title2{ color: #FFF; }
.section-title2 p{ color: rgba(255,255,255,0.8); }

.in-pro{ background: url(../images/bg1.jpg) no-repeat top center /cover; }
.in-pro-menu{ font-size: 0; text-align: center; margin-bottom: 30px; margin-top: -25px; }
.in-pro-menu li{ display: inline-block;  margin: 0 7px; }
.in-pro-menu li>a{ display: block; font-size: 16px;  color: #FFF; border: 1px solid #FFF; border-radius: 15px; line-height: 32px; width:187px; }
.in-pro-menu li.on>a{ background-color:#04287e;border-radius: 15px 15px 0 0; border:1px solid #04287e;  }

.in-pro-menu li dl{ display: none; position:absolute;z-index:999; background: #04287e;width:187px; border-radius:0 0 15px 15px;}
.in-pro-menu li dl dt{padding: 0 18px;  }
.in-pro-menu li dl dt a{display:block;color:#fff;  font-size: 16px; line-height: 32px;  border-top: 1px solid #345298;}
.in-pro-menu li dl dt a:hover{ color: rgba(255,255,255,0.8) }

.in-pro-con{ margin: 0 0 0 -20px; }
.in-pro-con li{ float: left; width: 33.333%; }
.in-pro-con li a{ display: block; position: relative; margin: 0 0 20px 20px; color: #FFF; }
.in-pro-con li .img-center{ overflow: hidden; }
.in-pro-con li .text{ position: absolute; left: 0; bottom: 0; background:rgba(4,40,126,0.9); width: 100%; height: 83px; display: flex; justify-content:space-between; align-items: center; padding: 0 40px; }
.in-pro-con li .text h2{ font-size: 18px; font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in-pro-con li .text p{ font-size: 16px; color: rgba(255,255,255,0.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.in-pro-con li a:hover .img-center img{ transform:scale(1.1); }

.in-jj{ margin: 0 0 0 -18px; }
.in-jj li{ float: left; width: 33.333%; }
.in-jj li a{ display: block; margin: 0 0 0 18px; color: #000; text-align: center; padding: 34px; background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
.in-jj li a:hover{ background: #04287e; color: #FFF; }
.in-jj li .img-center{ overflow: hidden; }
.in-jj li .text{ padding: 30px 0; }
.in-jj li .text h2{ font-weight: normal; font-size: 24px; margin-bottom: 10px; }
.in-jj li .text p{ font-size: 16px; color: #333333; line-height: 30px; }
.in-jj li .text .btns{ font-size: 16px; margin: 15px auto 0; border: 1px solid #333; display: flex; justify-content: center; align-items: center; width: 175px; height: 35px; border-radius: 35px; }
.in-jj li .text .btns i{ width: 27px; height: 15px; background: url(../images/jt-4.png); margin-left: 10px; }
.in-jj li a:hover .img-center img{ transform:scale(1.1); }
.in-jj li a:hover .text p{ color: rgba(255,255,255,0.8); }
.in-jj li a:hover .text .btns{ border-color: #FFF; }
.in-jj li a:hover .text .btns i{ background-image: url(../images/jt-3.png); }

.in-about{ background:#081f63; position: relative; height: 830px; }
.in-about-left{ float: left; width: 50%; height: 100%; overflow: hidden; background: url(../images/aboutus.jpg) no-repeat top center/cover;  }
.in-about-con{ padding: 170px 90px 150px; width: 50%; float: right; color: #FFF; }
.in-about-con .tits{ position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 18px; text-transform: uppercase; }
.in-about-con .tits:before{ position: absolute; left:-15px; width: 5px; height: 30px; background: #223f94; content:''; }
.in-about-con .tits span b{ font-size: 30px; margin-right: 10px; }
.in-about-con .tits a{ width: 169px; height: 36px; background: #223f94; border-radius: 18px; color: #FFF; display: flex; justify-content: center; align-items: center; }
.in-about-con .tits a i{ width: 27px; height: 15px; background: url(../images/jt-3.png); margin-left: 10px; }
.in-about-con .desc{ font-size: 18px; line-height: 30px; margin: 40px 0 60px; }

.sub-ab li{ float: left; width: 33.333%; }
.sub-ab li a{ display: block; text-align: center; color:rgba(255,255,255,0.5); font-size: 12px; }
.sub-ab li .icon{ height: 50px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.sub-ab li span{ display: block; font-size: 24px; color: #FFF }

.in-news-menu{ font-size: 0; text-align: center; margin-bottom: 30px; }
.in-news-menu li{ display: inline-block; margin:0 10px; }
.in-news-menu li a{ display: block; line-height: 40px; padding: 0 15px; font-size: 18px; color: #FFF; background: #081f63; }
.in-news-menu li a:hover{ background: #00b87f; }

.in-news-left{ float: left; width: 530px;  }
.in-news-left a{ display: block; position: relative; border: 1px solid #eee; padding: 15px; }
.in-news-left .img-cover{ padding-top: 70%; }
.in-news-left .text{ margin-bottom: 15px; }
.in-news-left .text h2{ font-size: 18px;  }
.in-news-left .text p{ line-height: 25px; color: #999 }
.in-news-left a:hover .img-cover span{ transform: scale(1.1); }

.in-news-right{ float: right; width: 630px; }
.in-news-right li a{ display: block; height: 100px; margin-bottom: 20px; overflow: hidden;  }
.in-news-right li .date{ float: left; width:80px;height: 100%;  text-align: center; background: #081f63; color: #FFF; }
.in-news-right li .date span{ display: block; font-size: 24px; padding-top: 20px; }
.in-news-right li .text{ margin-left: 90px; padding: 8px; }
.in-news-right li .text h2{ font-size: 18px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-news-right li .text p{ margin: 0; color: #888; font-size: 16px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.in-news-right li a:hover{ background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.05) }
.in-news-right li a:hover .date{ background: #00b87f; }

.in-contact{ background: #081f63; padding: 60px; }
.in-contact-left{ float: left; width: 620px; color: #FFF;  }
.in-contact-left .tits{ color: rgba(255,255,255,0.5); font-size: 12px;}
.in-contact-left .tits span{ display: block; color: #FFF; font-size: 24px; }
.in-contact-left .item{ margin-top: 10px; margin-bottom: 30px; }
.in-contact-left .item p{ display: flex; justify-content: flex-start; align-items: center; font-size: 18px; height: 34px; }
.in-contact-left .item p img{margin-right: 12px;}
.in-contact-right{ float: left; width: 587px; height: 457px;  }
#allmap{ width: 100%; height: 100%; }

.links{height: auto; overflow: hidden; padding: 50px 90px 20px; background: url(../images/line.jpg) repeat-x;}
.links .fl{  margin-right: 78px; }
.links .fl h2{ font-size: 32px;font-weight: bold;}
.links .fl h3{ font-size: 54px; color: #FFF; }
.links .fr{ width: 1000px; font-size: 16px; line-height: 45px; }
.links .fr a{ display: inline-block; margin-right: 20px; color: rgba(255,255,255,0.5) }

.city{ height: auto; overflow: hidden; font-size: 16px; line-height: 45px; padding: 0 90px 20px;color: rgba(255,255,255,0.5) }
.city a{ display: inline-block; margin-right: 15px; color: rgba(255,255,255,0.5) }

.footer{background:url(../images/bg2.jpg) no-repeat top center / cover; color: #FFF; padding:70px 0 0; }

.foot{ padding-bottom: 35px;  }
.foot .fnav{ float: left; width: 850px; }
.foot .fnav dl{ float: left; margin-left: 80px; text-align: center; line-height: 50px;}
.foot .fnav dl dt a{ font-size: 20px; color: #FFF; }
.foot .fnav dl dd a{ display: block; font-size: 16px; color: rgba(255,255,255,0.8)}

.foot .contact{ float: right; width: 540px; }
.foot .contact p {font-size: 18px; line-height: 35px;}
.foot .contact .ewm{ margin-bottom: 15px; }
.foot .contact .ewm li{ float: left; margin-right: 30px; }
.foot .contact .ewm img{ width: 83px; }

.copyright{ line-height: 55px; border-top: 1px solid rgba(255,255,255,0.3); text-align: center; }
.copyright a{ color: #FFF; }
.copyright span{ margin: 0 15px; }

.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display:none}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1}
.footer-fix li i{display:block;height:25px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.i1{background-image:url(../images/f_01.png)}
.footer-fix li i.i2{background-image:url(../images/f_02.png)}
.footer-fix li i.i3{background-image:url(../images/f_03.png)}
.footer-fix li i.i4{background-image:url(../images/f_04.png)}

.banner-sub{height:400px;background:no-repeat center / cover; position: relative; }
.banner-sub .text{ font-size: 18px; color: #b2b2b2; padding-left: 200px; padding-top: 180px; text-transform: uppercase;}
.banner-sub .text span{ display: block; font-size: 36px; }

.section-sub{padding:30px 0; overflow: hidden; background:no-repeat center / cover;}
.curmbs{ position: relative;  margin-top: -50px;font-size: 16px; height: 50px; color: #FFF;}
.curmbs span img{ margin-right: 12px; }
.curmbs span a{ color: #FFF; }

.lanmu{ font-size: 0; text-align: center; margin-bottom: 40px; }
.lanmu li{ display: inline-block; }
.lanmu li a{ display: block; line-height: 30px; margin: 0 10px; padding: 0 45px; border: 1px solid #a4a4a4; font-size: 16px; }
.lanmu li.active a,.lanmu li a:hover{ background: #04287e; color: #FFF; border-color: #04287e; }

.lanmu2{ margin: 0 0 75px; font-size: 0; text-align: center; border-bottom: 1px solid #ddd;  position: relative; }
.lanmu2 li{ display: inline-block;  margin: 0 44px; }
.lanmu2 li>a{ display: flex; justify-content: center; align-items: center; font-size: 16px; height: 60px; border-bottom: 3px solid transparent; }
.lanmu2 li.active>a,.lanmu2 li>a:hover,.lanmu2 li.open a{  border-color: #04287e; color: #04287e; }
.lanmu2 li:first-child>a i{ background: url(../images/p1.png) no-repeat; width: 34px; height: 29px; margin-right: 15px; }
.lanmu2 li:nth-child(2)>a i{ background: url(../images/p2.png) no-repeat; width: 36px; height: 29px; margin-right: 15px; }
.lanmu2 li:nth-child(3)>a i{ background: url(../images/p3.png) no-repeat; width: 28px; height: 29px; margin-right: 15px; }
.lanmu2 li:first-child>a:hover i,.lanmu2 li:first-child.active>a i,.lanmu2 li:first-child.open>a i{ background-image: url(../images/p1-h.png); }
.lanmu2 li:nth-child(2)>a:hover i,.lanmu2 li:nth-child(2).active>a i,.lanmu2 li:nth-child(2).open>a i{ background-image: url(../images/p2-h.png); }
.lanmu2 li:nth-child(3)>a:hover i,.lanmu2 li:nth-child(3).active>a i,.lanmu2 li:nth-child(3).open>a i{ background-image: url(../images/p3-h.png); }

.lanmu2 li .lanmu-box{ display: none; position:absolute;left:0; z-index:999; width:100%; }
.lanmu2 li.open .lanmu-box{ display: block; }
.lanmu2 li .lanmu-box p{ display: inline-block;  }
.lanmu2 li .lanmu-box p a{display:block; font-size: 16px; line-height: 50px; padding: 0 17px; position: relative; color: #898989; }
.lanmu2 li .lanmu-box p a:hover{ color:#04287e;}
.lanmu2 li .lanmu-box p a:before{ position: absolute; left: 0px; top:17px; width: 1px; height:13px; background: #898989; content: '';  }
.lanmu2 li .lanmu-box p:first-child a:before{ display: none; }

.miaosu{ font-size: 18px; padding: 0 70px; text-align: center; margin-bottom: 40px; margin-top: -20px; }

.list-1{ margin: 0 0 0 -20px; }
.list-1 li{ float: left; width: 33.3333%; }
.list-1 li a{ display: block; margin: 0 0 20px 20px; background:#e4e4e4; color: #333; position: relative; }
.list-1 li .img-center{ overflow: hidden; border: 1px solid #e4e4e4; }
.list-1 li .text{ padding: 20px; }
.list-1 li .text h2{ font-size: 20px;  font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.list-1 li .text p{ font-size: 16px; color: #565656; margin: 5px 0 15px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.list-1 li .text .date{ display: flex;justify-content: space-between; align-items: center; height: 50px; font-size: 20px; font-weight: bold; border-top: 1px solid #c1c1c1; }
.list-1 li .text .date i{ width: 27px; height: 15px; background: url(../images/jt-4.png); }
.list-1 li a:hover{ color: #FFF; }
.list-1 li a:hover .img-center img{ transform: scale(1.1); }
.list-1 li a:hover .text{ background: #1d3d8b; }
.list-1 li a:hover .text p{ color: #FFF; }
.list-1 li a:hover .text .date{ border-color: rgba(255,255,255,0.2); }
.list-1 li a:hover .text .date i{ background-image: url(../images/jt-3.png); }
.list-1-1 .text h2{ text-align: center; }

.list-2{ margin: 0 0 0 -20px; }
.list-2 li{ float: left; width: 33.3333%; }
.list-2 li a{ display: block; margin: 0 0 20px 20px; border: 1px solid #e4e4e4; text-align: center; background: #e4e4e4; position: relative; }
.list-2 li .img-center{ overflow: hidden; }
.list-2 li .text{ font-size: 20px; line-height: 58px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.list-2 li a:hover{ border-color: #04287e; background: #04287e; color: #FFF; }
.list-2 li a:hover .img-center img{ transform: scale(1.1); }

.list-3 li a{ display: block; color: #333; background: #f7f7f7; padding: 15px; margin-bottom: 20px; font-size: 16px; overflow: hidden; }
.list-3 li .img-cover{ float: left; width: 397px; height: 200px; overflow: hidden; }
.list-3 li .text{ margin-left: 486px; padding: 25px 50px; }
.list-3 li .text h2{ font-size: 24px; }
.list-3 li .text .text-con{ border-top: 1px solid #e0e0e0; padding-top:15px; margin-top: 15px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-3 li a:hover{ background: #04287e; color: #FFF; }
.list-3 li a:hover .img-center img{transform: scale(1.1);}
.list-3 li a:hover .text-con p{ border-color: #FFF; }

.list-4{ margin: 0 0 0 -11px; }
.list-4 li{ float: left; width: 25%; }
.list-4 li a{ display: block; background: #FFF; margin: 0 0 11px 11px; position: relative; }
.list-4 li .img-center{ overflow: hidden; }
.list-4 li a:hover .img-center img{ transform: scale(1.1); }

.list-5{ margin: 30px 0 0 -20px; }
.list-5 li{ float: left; width: 33.3333%; }
.list-5 li a{ display: block; text-align: center; margin: 0 0 0 20px; font-size: 20px; background: #e4e4e4; border: 1px solid #e4e4e4; }
.list-5 li .text{ line-height: 55px; }
.list-5 li a:hover{ background: #04287e; border-color: #04287e; color: #FFF; }

.pages {margin:0px ;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages a.cur {background-color: #04287e;color: #fff;}

.contact-1{ margin: 0 0 0 -20px; }
.contact-1 li{ float: left; width: 33.333%; }
.contact-1 li .items{ display: block; margin: 0 0 0 20px; text-align: center; border: 1px solid #d3d3d3; background: #FFF; padding: 25px; height:203px; }
.contact-1 li .items .text{ padding-top: 10px; }
.contact-1 li .items .text h3{ font-weight: normal; font-size: 20px; }
.contact-1 li .items .text h2{ font-size: 24px; }
.contact-1 li .items .text p{ font-size: 20px; padding: 0 30px; }

.map{ width: 100%; height: 492px; margin-top: 20px; }

.lanmu3{ height: 84px; border-bottom: 1px solid #e0e0e0; font-size: 0; text-align: center; }
.lanmu3 li{ display: inline-block; }
.lanmu3 li a{ display: block; font-size: 20px; border-bottom: 2px solid transparent; margin: 0 30px;  padding: 0 5px; line-height: 83px; position: relative; }
.lanmu3 li.active a,.lanmu3 li a:hover{ border-color: #04287e; }
.lanmu3 li a:before{ position: absolute; left:-30px; top:30px; width: 1px; height: 24px; background: #b5b5b5; content:''; }
.lanmu3 li:first-child a:before{ display: none; }

.about-1{ padding: 60px 0; }
.about-1 .desc{ font-size: 18px; margin-bottom: 30px; padding: 0 50px; color: #414141; }
.about-1-left{ float: left; width: 617px; }
.about-1-right{ float: right; width: 617px; }
.about-1-right .img-center:last-child{ margin-top: 10px; }

.about-2{ background:url(../images/bg-ab1.jpg) no-repeat center /cover; padding: 60px 0; text-align: center; }
.about-2 li{ display: inline-block; margin: 0 70px; font-size: 18px; }
.about-2 li .icon{ display: flex; justify-content: center; align-items: center; height: 73px;  }
.about-2 li .icon .img2{display: none;}
.about-2 li .text{ margin-top: 10px; }
.about-2 li:hover .icon .img1{display: none;}
.about-2 li:hover .icon .img2{display: block;}

.about-3{ padding: 60px 0; }
.about-3 ul{ margin: 0 0 0 -20px; }
.about-3 li{ float: left; width: 25%; }
.about-3 li a{ display: block; margin: 0 0 0 20px; padding: 17px; border: 1px solid #e0e0e0; }
.about-3 li .text{ padding: 10px 0; }
.about-3 li .text h2{ font-size: 20px; font-weight: normal; text-align: center; }
.about-3 li .text p{ padding: 0 15px; }
.about-3 li a:hover{ background: #04287e; color: #FFF; }

.about-4{ background:url(../images/bg-ab2.jpg) no-repeat center /cover; padding: 60px 0; text-align: center; }
.photo{ position: relative; padding-bottom: 70px;  }
.photo .swiper-slide a{ display: block; padding: 27px; background: #FFF; font-size: 16px; }
.photo .swiper-slide .text{ margin-top: 20px; }
.photo .swiper-button-prev{ outline: none; bottom: 0; top:auto;  margin-top: 0; left:50%; margin-left: -65px; background: url(../images/prev.png) no-repeat; width: 52px; height: 52px; }
.photo .swiper-button-next{ outline: none; bottom: 0; top:auto; margin-top: 0; right:50%; margin-right: -65px; background: url(../images/next.png) no-repeat; width: 52px; height: 52px; }
.photo .swiper-button-prev:hover{ background-image: url(../images/prev-h.png); }
.photo .swiper-button-next:hover{ background-image: url(../images/next-h.png); }

.about-5{ padding: 40px 0 0; }
.about-5 ul{ margin: 0 0 0 -20px; }
.about-5 li{ float: left; width: 25%; }
.about-5 li a{ display: block; margin: 0 0 0 20px; font-size: 16px; text-align: center; }
.about-5 li .text{ margin-top: 19px; }

.show-pro{ padding-top: 30px; }
.show-pro-left{ float: left; width: 607px; position: relative; background: #FFF; }
.pc-slide{float:left;width:607px}
.view .swiper-slide .img-center{width:100%;height:400px;line-height:398px; border:1px solid #e4e4e4;}
.view .swiper-container{width:100%}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{margin:0 30px}
.preview .swiper-slide .img-center{height:110px;border:1px solid #ddd;cursor:pointer;position:relative;line-height:108px}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview .active-nav .img-center{border-color:#023793}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}

.show-pro-right{ float: right; width: 560px; }
.show-pro-right h1{ font-size: 30px; margin-top: 50px; line-height:35px; }
.show-pro-right h2{ font-size: 18px; border-bottom: 1px dashed #999999; color: #5c5c5c; padding: 10px 0; font-weight: normal; }
.show-pro-right .desc{ font-size: 18px; line-height: 35px; padding: 45px 0; color: #04287e; border-bottom: 1px dashed #999999;}
.show-pro-right .btns{ display: flex; justify-content: flex-start; align-items: center; margin-top: 44px; }
.show-pro-right .btns .tel{ display: flex; justify-content: flex-start; align-items: center; font-size: 18px; }
.show-pro-right .btns .tel img{ width: 44px; height: 44px; margin-left: 29px; margin-right: 11px; }
.show-pro-right .btns .tel span{ font-size: 24px; display: block;font-weight: bold; margin-top: -5px;}
.show-pro-right .btns .more{ margin-left: 45px; }
.show-pro-right .btns .more a{ display: inline-block; width: 133px; line-height: 43px; border-radius: 21px; background: #04287e; font-size: 18px; text-align: center; color: #FFF; }

.show-menu{ background: url(../images/icon-s1.png) no-repeat left center; padding-left: 37px; font-size: 18px; border-bottom: 1px dashed #999999; line-height: 50px; margin-top: 30px; }
.show-menu span i{ color: #858585; font-size: 14px; }

.infocontent-title{margin-bottom:20px;text-align:center}
.infocontent-title h1{margin:0;font-size:24px}
.infocontent-title p{margin:10px 0 0;font-size:12px;color:#999}
.infocontent-title p span{padding:0 5px}

.infocontent-desc{margin-bottom:20px;border:1px solid #ddd;padding:20px}
.infocontent-desc p{display: inline-block;}
.infocontent-body{line-height:2;margin-bottom:20px; padding: 10px; font-size: 18px;}
.infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}

.infocontent-epx{margin-bottom:20px; background: #1d3d8b; font-size: 18px; color: #FFF; padding: 15px 48px; display: flex; justify-content: space-between; align-items: center; height: 100px;}
.infocontent-epx li{ display: flex; align-items: center; }
.infocontent-epx li a{color: #FFF;  display: flex; align-items: center;}
.infocontent-epx li img{max-height: 70px; margin: 0 4px;}
.infocontent-epx li span{ margin: 0 4px; }


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:50%; margin-top: -120px; width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:53px;height:53px;background-color:#00b87f;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#000;}
.suspension .a .i{float:left;width:53px;height:53px;background:no-repeat center;}
.suspension .a-service .i{background-image: url(../images/kf-1.png);}
.suspension .a-service-phone .i{background-image: url(../images/kf-2.png);}
.suspension .a-cart .i{background-image: url(../images/kf-3.png);}
.suspension .a-qrcode .i{background-image: url(../images/kf-4.png);}
.suspension .a-top .i{background-image: url(../images/kf-5.png);}
.suspension .a-top{background:#00b87f;display:none;}
.suspension .a-top:hover{background:#000;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:148px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}