/* 清除 */

body{ margin: 0; padding: 0;}

*{ margin: 0; padding: 0; list-style: none;}

a{ text-decoration: none; cursor: pointer; display: block;}

img{ border: 0; display: block; cursor: pointer;}

h1, h2, h3, h4, h5{ font-weight: normal;}

ul, li{ list-style: none; cursor: pointer;}

b{ font-weight: normal;}

i{ font-style: normal;}

em{ font-style: normal;}

button, textarea, input{ outline: none; display: block;}

html,body{ font-size: calc(100vw/19.2); overflow-x: hidden;}

/* 清除浮动 */

.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}

.clearfix{*zoom:1;}

.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 20;}

.w1200{ width: 1200px; margin: auto;}

.hearder{ background: #fff; width: 100%; height: 90px; position: fixed; left: 0; top: 0; right: 0; z-index: 30;}

.hearder .logo{ float: left; height: 68px; padding: 11px 0;}

.hearder .logo a, .hearder .logo img{ height: 100%;}

.hearder .cont{ float: right;}

.hearder .nav{ float: left;}

.hearder .nav .li{ float: left; margin: 0 15px; position: relative;}

.hearder .nav .li .ter{ font-size: 16px; color: #333; line-height: 90px; transition: all 0.5s;}

.hearder .nav .li.on .ter{ color: #2b5ea5;}

.hearder .nav .li:hover .ter{ color: #2b5ea5;}

.hearder .nav .li .list, .hearder .nav .li .lists{ display: none; position: absolute; top: 90px; left: -40px; padding: 20px 10px; background: #f3f3f3; justify-content: center; align-items: flex-start;}

.hearder .nav .li .lists2{ right: -40px; left: auto;}

.hearder .nav .li:hover .list, .hearder .nav .li:hover .lists{ display: flex;}

.hearder .nav .li .list a{ margin: 0 10px;}

.hearder .nav .li .list a .img, .hearder .nav .li .lists .img a{ width: 270px; height: 174px; overflow: hidden;}

.hearder .nav .li .list a .img img, .hearder .nav .li .lists .img img{ width: 100%; transition: all 0.5s;}

.hearder .nav .li .list a:hover .img img, .hearder .nav .li .lists .img:hover img{ transform: scale(1.02);}

.hearder .nav .li .list a p{ font-size: 16px; line-height: 20px; color: #333; text-align: center; margin-top: 10px; transition: all 0.5s;}

.hearder .nav .li .list a:hover p{ color: #2b5ea5;}

.hearder .nav .li .lists .img{ margin: 0 10px;}

.hearder .nav .li .lists .min{ min-width: 100px; margin: 0 30px;}

.hearder .nav .li .lists .min a{ /*float: left;*/ width: 100%; font-size: 16px; color: #333; line-height: 16px; margin-bottom: 20px; transition: all 0.5s; white-space: nowrap;}

/*.hearder .nav .li .lists .min a:first-child, .hearder .nav .li .lists .min a:nth-child(2){ width: 50%;}*/

.hearder .nav .li .lists .min a:hover{ color: #2b5ea5;}

.hearder .nav .li .lister{ display: none; position: absolute; top: 90px; left: 50%; transform: translateX(-50%); padding: 10px 20px; background: #f3f3f3;}

.hearder .nav .li .lister a{ text-align: center; font-size: 16px; color: #333; line-height: 40px; white-space: nowrap; transition: all 0.5s;}

.hearder .nav .li:hover .lister{ display: block;}

.hearder .nav .li .lister a:hover{ color: #2b5ea5;}

.hearder .retrue{ float: right; width: 88px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #2b5ea5; font-size: 14px; margin: 30px 0 0 20px;}

.hearder .retrue a{ color: #2b5ea5; transition: all 0.5s;}

.hearder .retrue a:hover{ color: #fff; background: #2b5ea5;}

.hearder .w1200{ width: auto; padding: 0 65px;}

.banner{ width: 100%; margin-top: 90px; overflow: hidden;}

.banner .mink, .banner .video{ width: 100%; height: 700px; overflow: hidden; position: relative;}

.banner .mink .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}

.banner .mink .img img{ height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.banner .swiper-pagination-bullet{ display: block; width: 10px; height: 22px; background: url(../images/icon20.png) no-repeat center; background-size: 10px auto; opacity: 1;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 7px;}

.banner .swiper-pagination-bullet-active{ width: 22px; background: url(../images/icon19.png) no-repeat center; background-size: 22px auto;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{ width: 100%; bottom: 30px; left: 0; display: flex; justify-content: center;}

.banner .cont{ width: 1200px; position: absolute; top: 225px; left: 50%; margin-left: -600px; z-index: 3;}

.banner .cont h1{ font-size: 36px; font-weight: bold; line-height: 40px; color: #ff8a00; text-shadow: 0 2px 3px #373737;}

.banner .cont em{ display: block; width: 72px; height: 6px; background: #fff; margin: 30px 0 25px 5px;}

.banner .cont p{ font-size: 30px; line-height: 40px; text-shadow: 0 2px 3px #373737; color: #fff;}

.banner .cont a{ display: flex; justify-content: center; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; background: #ff8a00; color: #fff; margin-top: 50px; transition: all 0.5s;}

.banner .cont a:hover{ width: 130px;}

.banner .cont a i{ display: block; width: 0; height: 40px; background: url(../images/icon15.png) no-repeat center; background-size: auto 10px; transition: all 0.5s;}

.banner .cont a:hover i{ width: 22px; margin-left: 8px;}

.banner .video video{ display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.indexNews{ padding: 60px 0;}

.title{ text-align: center;}

.title h1{ font-size: 30px; font-weight: bold; color: #333; line-height: 40px;}

.title p{ font-size: 14px; color: #999; line-height: 30px; text-transform: uppercase;}

.title em{ display: block; width: 40px; height: 4px; background: #2b5ea5; margin: 10px auto 0;}

.indexNews .cont{ padding-top: 50px;}

.indexNews .left{ width: 605px; float: left;}

.indexNews .left .img{ width: 100%; height: 326px; overflow: hidden;}

.indexNews .left .img img{ width: 100%; transition: all 0.5s;}

.indexNews .left:hover .img img{ transform: scale(1.03);}

.indexNews .textDiv{ width: 530px; height: 150px; background: #f9f9f9; box-shadow: 2px 0 9px hsla(0,0%,22%,0.15); margin: -50px auto 0; position: relative; z-index: 5;}

.indexNews .textDiv h1{ font-size: 18px; font-weight: bold; line-height: 50px; color: #2b5ea5; padding: 0 20px; background: #fff;}

.indexNews .textDiv .boot{ padding: 10px 20px;}

.indexNews .textDiv .boot .p{ float: right; width: 390px; font-size: 16px; line-height: 24px; color: #333;}

.indexNews .textDiv .boot .time{ width: 75px; float: left; color: #999; position: relative;}

.indexNews .textDiv .boot .time .m{ font-size: 36px; line-height: 36px; padding-top: 3px;}

.indexNews .textDiv .boot .time .k{ font-size: 16px; line-height: 16px; margin-top: 15px; text-align: right;}

.indexNews .textDiv .boot .time em{ width: 64px; height: 1px; background: #999; display: block; position: absolute; left: -3px; top: 42px; transform: rotate(-30deg);}

.indexNews .right{ float: right; width: 574px;}

.indexNews .right .li{ width: 100%; height: 114px; background: #fff; box-shadow: 2px 0 9px hsla(0,0%,22%,0.15); margin-bottom: 15px; transition: all 0.5s;}

.indexNews .right .li a{ padding: 20px 20px 0 20px;}

.indexNews .right .li .time{ width: 75px; float: left; color: #999; position: relative;}

.indexNews .right .li .time .m{ font-size: 36px; line-height: 36px; padding-top: 3px; transition: all 0.5s;}

.indexNews .right .li .time .k{ font-size: 16px; line-height: 16px; margin-top: 15px; text-align: right; transition: all 0.5s;}

.indexNews .right .li .time em{ width: 64px; height: 1px; background: #999; display: block; position: absolute; left: -3px; top: 42px; transform: rotate(-30deg); transition: all 0.5s;}

.indexNews .right .li .text{ float: right; width: 435px;}

.indexNews .right .li .text h1{ font-size: 16px; font-weight: bold; color: #333; line-height: 20px; transition: all 0.5s;}

.indexNews .right .li:hover .text h1{ color: #2b5ea5;}

.indexNews .right .li .text p{ font-size: 16px; line-height: 24px; color: #666; margin-top: 8px; transition: all 0.5s;}

.indexNews .right .more{ width: 100%; height: 40px; background: #f9f9f9;}

.indexNews .right .more a{ color: #2b5ea5; text-align: center; font-size: 16px; line-height: 40px; transition: all 0.5s;}

.indexNews .right .more:hover a{ background: #2b5ea5; color: #fff;}

.indexAbout{ padding: 60px 0; background: url(../images/icon21.png) no-repeat top center; background-size: 100% auto;}

.indexAbout .cont{ padding-top: 50px;}

.indexAbout .textDiv{ float: left; width: 570px;}

.indexAbout .textDiv h1{ font-size: 24px; font-weight: bold; color: #333; line-height: 30px;}

.indexAbout .textDiv em{ display: block; width: 60px; height: 2px; background: #2b5ea5; margin: 15px 0 5px 0;}

.indexAbout .textDiv p{ margin-top: 15px; font-size: 16px; color: #333; line-height: 30px;}

.indexAbout .textDiv p:nth-child(2){ font-weight: bold;}

.indexAbout .textDiv .more{ width: 128px; height: 38px; border: 1px solid #2b5ea5; margin-top: 80px; font-size: 16px; line-height: 38px; text-align: center; color: #2b5ea5; transition: all 0.5s;}

.indexAbout .textDiv .more:hover{ background: #2b5ea5; color: #fff;}

.indexAbout .right{ width: 612px; float: right;}

.indexAbout .right .kine a{ width: 100%; height: 306px; overflow: hidden;}

.indexAbout .right .kine a img{ width: 100%; transition: all 0.5s;}

.indexAbout .right .kine:hover a img{ transform: scale(1.03);}

.indexAbout .right .swiper-pagination-bullet{ width: 16px; height: 4px; background: #e3e3e3; opacity: 1; border-radius: 0;}

.indexAbout .right .swiper-pagination-bullet-active{ background: #2359a4;}

.indexAbout .right .swiper-container-horizontal>.swiper-pagination-bullets{ width: 100%; position: absolute; left: 0; bottom: 20px; display: flex; justify-content: center;}

.indexAbout .right .list{ background: #f9f9f9; border: 1px solid #e3e3e3; border-top: none; padding-top: 1px;}

.indexAbout .right .list .li{ float: left; width: 25%; height: 100px;}

.indexAbout .right .list .li a{ border-left: 1px solid #e3e3e3; padding-top: 15px; height: 85px; transition: all 0.5s;}

.indexAbout .right .list .li:first-child a{ border-left: none;}

.indexAbout .right .list .li p{ font-size: 16px; color: #333; text-align: center; line-height: 20px; transition: all 0.5s;}

.indexAbout .right .list .li .img{ width: 100%; height: 50px; transition: all 0.5s;}

.indexAbout .right .list .li:first-child .img{ background: url(../images/icon1.png) no-repeat center; background-size: 44px auto;}

.indexAbout .right .list .li:nth-child(2) .img{ background: url(../images/icon3.png) no-repeat center; background-size: 40px auto;}

.indexAbout .right .list .li:nth-child(3) .img{ background: url(../images/icon5.png) no-repeat center; background-size: 43px auto;}

.indexAbout .right .list .li:nth-child(4) .img{ background: url(../images/icon7.png) no-repeat center; background-size: 39px auto;}

.indexAbout .right .list .li:hover a{ background: #2b5ea5;}

.indexAbout .right .list .li:hover p{ color: #fff;}

.indexAbout .right .list .li:first-child:hover .img{ background: url(../images/icon2.png) no-repeat center; background-size: 44px auto;}

.indexAbout .right .list .li:nth-child(2):hover .img{ background: url(../images/icon4.png) no-repeat center; background-size: 40px auto;}

.indexAbout .right .list .li:nth-child(3):hover .img{ background: url(../images/icon6.png) no-repeat center; background-size: 43px auto;}

.indexAbout .right .list .li:nth-child(4):hover .img{ background: url(../images/icon8.png) no-repeat center; background-size: 39px auto;}

.centerIndex{ padding: 60px 0; background: url(../images/banner3.jpg) no-repeat center; background-size: cover;}

.titleOne h1, .titleOne p{ color: #fff;}

.titleOne em{ background: #fff;}

.centerIndex .cont{ padding-top: 50px;}

.centerIndex .imgDiv{ float: left; position: relative;}

.centerIndex .imgDiv a{ width: 440px; height: 542px; overflow: hidden;}

.centerIndex .imgDiv a img{ width: 100%; transition: all 0.5s;}

.centerIndex .imgDiv:hover a img{ transform: scale(1.02);}

.centerIndex .imgDiv .text{ position: absolute; top: 70px; left: 45px; color: #fff;}

.centerIndex .imgDiv .text h1{ font-size: 30px; line-height: 40px; font-weight: bold;}

.centerIndex .imgDiv .text p{ font-size: 18px; line-height: 20px; text-transform: uppercase; margin-top: 5px;}

.centerIndex .right{ float: right; width: 750px;}

.centerIndex .right .li{ width: 100%; height: 266px; background: #fff; margin-top: 10px;}

.centerIndex .right .li:first-child{ margin-top: 0;}

.centerIndex .right .li .img{ float: left; width: 345px; height: 266px; overflow: hidden;}

.centerIndex .right .li .img img{ width: 100%; transition: all 0.5s;}

.centerIndex .right .li:hover .img img{ transform: scale(1.02);}

.centerIndex .right .text{ float: right; width: 340px; padding: 30px 30px 0 0;}

.centerIndex .right .text h1{ font-size: 24px; font-weight: bold; color: #2b5ea5; line-height: 30px;}

.centerIndex .right .text em{ display: block; width: 40px; height: 1px; background: #e3e3e3; margin: 10px 0 5px 0;}

.centerIndex .right .text .p{ font-size: 14px; line-height: 30px; color: #666; height: 90px;}

.centerIndex .right .text a{ width: 130px; height: 40px; background: #fff; margin-top: 30px; font-size: 14px; color: #2b5ea5; line-height: 40px; display: flex; justify-content: center; border: 1px solid #2b5ea5; transition: all 0.5s;}

.centerIndex .right .text a i{ display: block; width: 22px; height: 100%; margin-left: 10px; background: url(../images/icon15m.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}

.centerIndex .right .li:hover .text a{ color: #fff; background: #2b5ea5;}

.centerIndex .right .li:hover .text a i{ background: url(../images/icon15.png) no-repeat center; background-size: 100% auto;}

.footer .open{ background: #f9f9f9; padding: 10px 0;}

.footer .open h1{ font-size: 16px; color: #333; line-height: 30px; float: left;}

.footer .open a{ float: left; font-size: 16px; color: #333; line-height: 30px; margin-right: 20px; transition: all 0.5s;}

.footer .open a:hover{ color: #2b5ea5;}

.footer .footNav{ background-image: linear-gradient(to right, #154a9a , #018fd7);}

.footer .footNav .top{ padding: 15px 0; border-bottom: 1px solid #4091ce;}

.footer .footNav .top .nav{ float: left;}

.footer .footNav .top .nav .li{ float: left; padding-left: 30px; position: relative;}

.footer .footNav .top .nav .li:first-child{ padding-left: 0;}

.footer .footNav .top .nav .li a{ font-size: 16px; line-height: 30px; color: #fff; transition: all 0.5s;}

.footer .footNav .top .nav .li a:hover{ opacity: 0.8;}

.footer .footNav .top .nav .li em{ position: absolute; left: 15px; top: 50%; margin-top: -8px; width: 1px; height: 16px; background: #fff;}

.footer .footNav .top .nav .li:first-child em{ opacity: 0;}

.footer .footNav .top .right{ float: right;}

.footer .footNav .top .right a{ width: 30px; height: 30px; float: left; margin-left: 10px; border-radius: 100%; transition: all 0.5s;}

.footer .footNav .top .right a:hover{ background: hsla(0,0%,100%,0.30);}

.footer .footNav .top .right a img{ width: 100%;}

.footer .footNav .boot{ padding: 30px 0 35px 0;}

.footer .footNav .boot .text{ float: left; padding-top: 10px;}

.footer .footNav .boot .text h1{ font-size: 22px; font-weight: bold; line-height: 30px; color: #fff;}

.footer .footNav .boot .text p{ font-size: 14px; line-height: 20px; color: #fff; opacity: 0.5; /*text-transform: uppercase;*/ margin-bottom: 3px;}

.footer .footNav .boot .text .mk{ font-size: 14px; line-height: 20px; padding: 3px 0; color: #fff;}

.footer .footNav .boot .text .mk a{ display: inline-block; color: #fff; transition: all 0.5s;}

.footer .footNav .boot .text .mk .p{ display: inline-block; margin-right: 5px;}

.footer .footNav .boot .text .mk a:hover{ opacity: 0.8;}

.footer .footNav .boot .Qr{ float: right;}

.footer .footNav .boot .Qr img{ width: 120px;}

.bannerDate{ margin-top: 90px; overflow: hidden; width: 100%;}

.bannerDate .mink{ width: 100%; height: 430px; overflow: hidden; position: relative;}

.bannerDate .mink .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

.bannerDate .mink .img img{ height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.bannerDate .mink .cont{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 5; color: #fff; text-align: center;}

.bannerDate .mink .cont h1{ font-size: 30px; font-weight: bold; text-shadow: 0 2px 3px #373737; line-height: 40px;}

.bannerDate .mink .cont p{ font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase; text-shadow: 0 2px 3px #373737;}

.bannerDate .mink .cont em{ display: block; width: 30px; height: 2px; background: #fff; margin: 10px auto; text-shadow: 0 2px 3px #373737;}

.minkNav{ background: #f3f3f3;}

.minkNav .cont .icon{ float: left; width: 25px; height: 40px; background: url(../images/icon22.png) no-repeat left center; background-size: 16px auto;}

.minkNav .cont .ker{ float: left; font-size: 14px; color: #999; line-height: 40px; margin-right: 5px;}

.minkNav .cont a{ float: left; font-size: 14px; line-height: 40px; color: #999; transition: all 0.5s;}

.minkNav .cont a:hover{ color: #2b5ea5;}

.minkNav .cont i{ float: left; width: 20px; height: 40px; text-align: center; line-height: 40px; color: #999; font-size: 14px;}

.productDate{ padding: 50px 0 60px 0;}

.productDate .left{ float: left; width: 270px;}

.productDate .left .tit{ width: 270px; height: 110px; background: url(../images/date.jpg) no-repeat center; background-size: 100% 100%;}

.productDate .left .tit div{ font-size: 30px; font-weight: bold; line-height: 110px; color: #fff; padding-left: 40px;}

.productDate .left .list .li{ width: 100%; height: 60px; background: #f6f6f6; position: relative; border-bottom: 1px solid #e3e3e3;}

.productDate .left .list .li a{ padding: 0 40px; line-height: 60px; font-size: 18px; color: #333; transition: all 0.5s;}

.productDate .left .list .li:hover a{ color: #2b5ea5;}

.productDate .left .list .li em{ display: block; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #2b5ea5; opacity: 0;}

.productDate .left .list .li i{ display: block; width: 8px; height: 14px; background: url(../images/icon23m.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -7px; right: 40px;}

.productDate .left .list .li.on{ background: hsla(215,59%,41%,0.15);}

.productDate .left .list .li.on a{ color: #2b5ea5;}

.productDate .left .list .li.on em{ opacity: 1;}

.productDate .left .list .li.on i{ background: url(../images/icon23.png) no-repeat center; background-size: 100% 100%;}

.productDate .right{ float: right; width: 900px; background: #fafafa; border: 1px solid #e3e3e3; display: flex; justify-content: flex-start;}

.productDate .right .imgDiv{ float: left; width: 360px; background: #2b5ea5;}

.productDate .right .imgDiv .img, .productDate .right .imgDiv img{ width: 100%;}

.productDate .right .imgDiv .text{ background: #2b5ea5; padding: 20px 20px 25px 20px;}

.productDate .right .imgDiv .text h1{ font-size: 24px; font-weight: bold; color: #fff; line-height: 30px;}

.productDate .right .imgDiv .text p{ font-size: 14px; line-height: 20px; color: #fff; margin-top: 10px;}

.productDate .right .textDiv{ float: right; width: 500px; padding: 0 0 20px 25px;}

.productDate .right .textDiv .li{ margin-top: 25px;}

.productDate .right .textDiv h1{ font-size: 16px; font-weight: bold; color: #2b5ea5;  margin: 25px 0 10px 0;}

.productDate .right .textDiv .li .p{ font-size: 14px; line-height: 24px; color: #333;}

.productDate .right .textDiv p{ font-size: 14px; line-height: 24px; color: #333;}
.productDate .right .textDiv span{ font-size: 16px; font-weight: bold; color: #2b5ea5; margin: 25px 0 10px 0;}

.productRight{ float: right; width: 900px;}

.productRight .prod .li{ width: 100%; background: #fff; box-shadow: 2px 0 9px hsla(0,0%,22%,0.15); margin-bottom: 20px;}

.productRight .prod .li .img{ float: left; width: 345px; height: 266px; overflow: hidden;}

.productRight .prod .li .img img{ width: 100%; transition: all 0.5s;}

.productRight .prod .li:hover .img img{ transform: scale(1.03);}

.productRight .prod .li .text{ float: right; width: 480px; padding: 30px 40px 0 0;}

.productRight .prod .li .text h1{ font-size: 24px; font-weight: bold; color: #2b5ea5; line-height: 30px;}

.productRight .prod .li .text em{ display: block; width: 40px; height: 1px; background: #e3e3e3; margin: 12px 0;}

.productRight .prod .li .text .p{ font-size: 14px; line-height: 30px; height: 110px; color: #666;}

.productRight .prod .li .text a{ width: 130px; height: 40px; background: #fff; font-size: 14px; color: #2b5ea5; line-height: 40px; display: flex; justify-content: center; border: 1px solid #2b5ea5; transition: all 0.5s;}

.productRight .prod .li .text a i{ display: block; width: 22px; height: 100%; margin-left: 10px; background: url(../images/icon15m.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}

.productRight .prod .li .text a:hover{ color: #fff; background: #2b5ea5;}

.productRight .prod .li .text a:hover i{ background: url(../images/icon15.png) no-repeat center; background-size: 100% auto;}

.productRight .mik{ line-height: 60px; padding: 0 20px; box-shadow: 2px 0 9px hsla(0,0%,22%,0.15); font-size: 16px; color: #333; margin-bottom: 75px;}

.padding{ display: flex; justify-content: center; flex-wrap: wrap;}

.padding li{ border: 1px solid #e6e6e6; width: 30px; height: 30px; margin: 0 5px 5px 5px; font-size: 12px; line-height: 30px; text-align: center; transition: all 0.5s;}

.padding li.next, .padding li.end, .padding li.home, .padding li.prev{ width: auto; padding: 0 8px;}

.padding li a{ color: #999; transition: all 0.5s;}

.padding li.next a, .padding li.end a, .padding li.home a, .padding li.prev a{ color: #333;}

.padding li.on{ background: #2b5ea5; border-color: #2b5ea5;}

.padding li.on a{ color: #fff;}

.padding li:hover{ background: #2b5ea5; border-color: #2b5ea5;}

.padding li:hover a{ color: #fff;}

.aboutDates{ float: right; width: 900px;}

.aboutDates .text{ font-size: 16px; line-height: 30px; color: #333;}

.aboutDates .text img{ max-width: 100%; margin: auto; padding: 10px 0;}

.aboutDates .imgOne{ padding-bottom: 10px;}

.aboutDates .imgOne .img1{ float: left; width: 499px; height: 277px; overflow: hidden; position: relative;}

.aboutDates .imgOne .img1 img{ width: 100%;}

.aboutDates .imgOne .img1 .up{ background: #2b5ea5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 1;}

.aboutDates .imgOne .img1 .cont{ position: absolute; left: 40px; top: 50%; transform: translateY(-50%); z-index: 5; color: #fff;}

.aboutDates .imgOne .img1 .cont h1{ font-size: 24px; font-weight: bold; line-height: 30px;}

.aboutDates .imgOne .img1 .cont p{ font-size: 18px; font-weight: bold; line-height: 20px;}

.aboutDates .imgOne .img1 .cont em{ display: block; width: 70px; height: 4px; background: #fff; margin: 15px 0 25px 0;}

.aboutDates .imgOne .img2{ float: right; width: 400px; height: 277px; overflow: hidden;}

.aboutDates .imgOne .img2 img{ width: 100%;}

.aboutDates .imgTwo{ padding-top: 10px;}

.aboutDates .imgTwo .img1{ float: left; width: 414px; height: 300px; overflow: hidden;}

.aboutDates .imgTwo .img1 img, .aboutDates .imgTwo .img2 img{ width: 100%;}

.aboutDates .imgTwo .img2{ width: 480px; height: 300px; overflow: hidden; float: right;}

.courseAbout{ width: 900px; float: right;}

.courseAbout .li{ position: relative;}

.courseAbout .li .cont{ width: 410px; height: 150px; float: right; position: relative;}

.courseAbout .li:nth-child(2n) .cont{ float: left; text-align: right;}

.courseAbout .li .time{ font-size: 36px; font-weight: bold; color: #cfcfcf; line-height: 40px; transition: all 0.5s;}

.courseAbout .li:hover .time{ color: #2b5ea5;}

.courseAbout .li .text{ font-size: 16px; line-height: 24px; color: #333; padding-top: 10px;}

.courseAbout .li .center{ width: 22px; height: 100%; position: absolute; top: 10px; left: 50%; margin-left: -11px;}

.courseAbout .li .center em{ width: 22px; height: 22px; background: url(../images/icon24m.png) no-repeat top center; background-size: 100% auto; display: block; transition: all 0.5s;}

.courseAbout .li .center i{ width: 2px; height: 100%; background: #999; display: block; position: absolute; top: 10px; left: 50%; margin-left: -1px; transition: all 0.5s;}

.courseAbout .li:hover .center em{ background: url(../images/icon24.png) no-repeat top center; background-size: 100% auto;}

.courseAbout .li:hover .center i{ background: #2b5ea5;}

.courseAbout .li .list{text-align: left; display: none; width: 100%; height: 190px; background: #2b5ea5; position: absolute; left: 0; top: 50px; font-size: 16px; line-height: 24px; color: #fff; box-shadow: 4px 9px 8px hsla(215,100%,10%,0.20); z-index: 10;}

.courseAbout .li .list img{ height: 11px; position: absolute; top: -11px; left: 20px;}

.courseAbout .li:nth-child(2n) .list img{ left: auto; right: 20px;}

.courseAbout .li .list .mk{ padding: 20px 25px;}

.courseAbout .li:hover .list{ display: block;}

.aboutImgs{ float: right; width: 900px;}

.aboutImgs .img .li{ width: 286px; float: left; margin-right: 21px; margin-bottom: 20px;}

.aboutImgs .img .li:nth-child(3n){ margin-right: 0;}

.aboutImgs .img .li .mk{ width: 100%; height: 215px; overflow: hidden; position: relative;}

.aboutImgs .img .li .mk img{ width: 100%; transition: all 0.5s;}

.aboutImgs .img .li:hover .mk img{ transform: scale(1.03);}

.aboutImgs .img .li .mk .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #2b5ea5; opacity: 0; transition: all 0.5s;}

.aboutImgs .img .li .mk em{ display: block; width: 48px; height: 48px; background: url(../images/icon26.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; z-index: 5; opacity: 0; transition: all 0.5s;}

.aboutImgs .img .li .text{ line-height: 44px; background: #f3f3f3; border: 1px solid #e3e3e3; font-size: 16px; color: #333; text-align: center; padding: 0 10px; transition: all 0.5s;}

.aboutImgs .img .li:hover .text{ color: #2b5ea5;}

.aboutImgs .img .li:hover .mk .up{ opacity: 0.8;}

.aboutImgs .img .li:hover .mk em{ opacity: 1; transform: rotate(180deg);}

.aboutImgs .img{ padding-bottom: 30px;}

.aboutCult{ width: 900px; float: right;}

.aboutCult .li{ margin-bottom: 20px; background: #f3f3f3;}

.aboutCult .li .img{ float: right; width: 450px; height: 300px; overflow: hidden;}

.aboutCult .li .img img{ width: 100%; transition: all 0.5s;}

.aboutCult .li:hover .img img{ transform: scale(1.03);}

.aboutCult .li:nth-child(2n) .img{ float: left;}

.aboutCult .li .text{ width: 370px; float: left; padding: 0 40px;}

.aboutCult .li:nth-child(2n) .text{ float: right;}

.aboutCult .li .text em{ display: block; font-size: 48px; font-weight: bold; color: #e5e4e4; line-height: 50px; padding-top: 85px; transition: all 0.5s;}

.aboutCult .li:hover .text em{ color: #2b5ea5;}

.aboutCult .li .text h1{ font-size: 24px; font-weight: bold; color: #333; line-height: 30px; padding: 10px 0;}

.aboutCult .li .text p{ font-size: 18px; line-height: 20px; color: #333;}

.aboutHonour{ width: 900px; float: right;}

.aboutHonour .honour .li{ float: left; width: 210px; margin-bottom: 30px; margin-right: 20px;}

.aboutHonour .honour .li:nth-child(4n){ margin-right: 0;}

.aboutHonour .honour .li .img{ width: 100%; height: 144px; overflow: hidden; /*background: #eee;*/}

.aboutHonour .honour .li .img img{ max-width: 100%; max-height: 100%; transition: all 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.aboutHonour .honour .li .img a{ width: 100%; height: 100%; position: relative;}

.aboutHonour .honour .li:hover .img img{ transform: translate(-50%,-50%) scale(1.02);}

.aboutHonour .honour .li .text{ font-size: 16px; line-height: 42px; padding: 0 10px; color: #333; text-align: center; transition: all 0.5s;}

.aboutHonour .honour .li:hover .text{ color: #2b5ea5;}

.planDiv{ float: right; width: 900px;}

.planDiv .plans{ padding-bottom: 30px;}

.planDiv .plans .li{ padding: 30px 0; border-bottom: 1px solid #e6e6e6; position: relative;} 

.planDiv .plans .li:first-child{ padding: 0 0 30px 0;}

.planDiv .plans .li .img{ float: left; width: 250px; height: 162px; overflow: hidden;}

.planDiv .plans .li .img img{ width: 100%; transition: all 0.5s;}

.planDiv .plans .li:hover .img img{ transform: scale(1.03);}

.planDiv .plans .li .text{ width: 585px; float: right; padding-right: 35px;}

.planDiv .plans .li .text h1{ padding: 15px 0 10px 0;}

.planDiv .plans .li .text h1 a{ font-size: 18px; font-weight: bold; color: #333; line-height: 20px; transition: all 0.5s;}

.planDiv .plans .li:hover .text h1 a{ color: #2b5ea5;}

.planDiv .plans .li .text p{ font-size: 14px; color: #666; line-height: 24px;}

.planDiv .plans .li .more{ position: absolute; bottom: 35px; right: 40px;}

.planDiv .plans .li .more{ font-size: 14px; color: #999; display: flex; justify-content: flex-start; align-items: center; line-height: 20px; transition: all 0.5s;}

.planDiv .plans .li .more i{ display: block; margin-left: 8px; height: 20px; width: 12px; background: url(../images/icon28.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}

.planDiv .plans .li:hover .more{ color: #2b5ea5;}

.planDiv .plans .li:hover .more i{ background: url(../images/icon27.png) no-repeat center; background-size: 100% auto;}

.contactOne{ float: right; width: 900px;}

.contactOne .map{ width: 100%; padding: 20px 0; background: #fafafa;}

.contactOne .map img{ margin: auto; width: 626px;}

.contactOne .mapMink{ background: #eee;}

.contactOne .mapMink .mk{ padding: 20px 25px;}

.contactOne .mapMink .mk h1{ font-size: 24px; font-weight: bold; color: #333; line-height: 30px;}

.contactOne .mapMink .ber{ font-size: 14px; line-height: 24px; color: #333; margin-top: 10px;}

.contactOne .mapMink .ber .m, .contactOne .mapMink .ber p{ float: left; margin-right: 20px;}

.contactOne .form{ margin-top: 30px;}

.contactOne .form h2{ font-size: 24px; font-weight: bold; color: #333; line-height: 30px; margin-bottom: 20px;}

.contactOne .form .her{ display: flex; justify-content: space-between;}

.contactOne .form .input{ width: 255px; padding: 0 15px; border: 1px solid #a9a9ab; transition: all 0.5s;}

.contactOne .form .input:hover, .contactOne .form .text:hover{ border-color: #2b5ea5;}

.contactOne .form .input input{ display: block; width: 100%; height: 40px; border: none; font-size: 14px; color: #333;}

.contactOne .form .input input::placeholder, .contactOne .form .text textarea::placeholder{ color: #999; transition: all 0.5s;}

.contactOne .form .input:hover input::placeholder, .contactOne .form .text:hover textarea::placeholder{ color: #2b5ea5;}

.contactOne .form .text{ margin: 20px 0 40px 0; border: 1px solid #a9a9ab; padding: 15px; transition: all 0.5s;}

.contactOne .form .text textarea{ display: block; width: 100%; height: 130px; border: none; font-size: 14px; color: #333;}

.contactOne .form .bot button{ display: block; width: 120px; height: 40px; background: #2b5ea5; border: none; border-radius: 0; font-size: 14px; color: #fff; transition: all 0.5s;}

.contactOne .form .bot button:hover{ box-shadow: 0 2px 5px #2b5ea5;}

.contactList{ width: 900px; float: right; background: url(../images/back.png) no-repeat center bottom; background-size: 90% auto; padding-bottom: 110px;}

.contactList h2{ font-size: 24px; font-weight: bold; color: #333; line-height: 30px; padding: 5px 0 20px 0;}

.contactList .li{ margin-bottom: 16px; display: flex; justify-content: space-between;}

.contactList .li .inp{ width: 286px;}

.contactList .li .inp.inpOne{ width: 585px;}

.contactList .li .e{ padding: 0 15px; border: 1px solid #a9a9ab; background: #fff; transition: all 0.5s;}

.contactList .li .e:hover{ border-color: #2b5ea5;}

.contactList .li .e input{ display: block; width: 100%; height: 38px; background: hsla(0,0%,100%,0.00);}

.contactList .li .e input{ display: block; width: 100%; height: 38px; background: hsla(0,0%,100%,0.00); font-size: 14px; color: #333; border: none;}

.contactList .li .e input::placeholder, .contactList .li .text textarea::placeholder{ color: #999; transition: all 0.5s;}

.contactList .li .e:hover input::placeholder, .contactList .li .text:hover textarea::placeholder{ color: #2b5ea5;}

.contactList .li .inp.inpTwo .e{ position: relative;}

.contactList .li .inp.inpTwo .e input{ background: url(../images/icon29.png) no-repeat right center; background-size: 14px auto; position: relative; z-index: 1;}

.contactList .li .inp .e select{ display: block; width: 100%; height: 38px; font-size: 14px; color: #333; padding: 0 15px; border: none; outline: none; margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; z-index: 2; background: hsla(0,0%,100%,0.00);}

.contactList .li .text{ width: 100%;}

.contactList .li .text .e{ height: auto; padding: 15px;}

.contactList .li .text textarea{ display: block; height: 135px; width: 100%; border: none; font-size: 14px; color: #333;}

.contactList .bot{ padding-top: 25px;}

.contactList .bot button{ display: block; width: 120px; height: 40px; border: none; border-radius: 0; background: #2b5ea5; font-size: 14px; color: #fff; transition: all 0.5s;}

.contactList .bot button:hover{ box-shadow: 0 2px 5px #2b5ea5;}

.peopleOne{ width: 900px; float: right; position: relative;}

.peopleOne h1{ font-size: 24px; font-weight: bold; color: #2b5ea5; line-height: 30px; padding: 10px 0;}

.peopleOne .text{ font-size: 14px; line-height: 30px; color: #333; width: 610px;}

.peopleOne .img{ position: absolute; top: 0; right: 0; overflow: hidden;}

.peopleOne .img img{ width: 268px; transition: all 0.5s;}

.peopleOne .img img:hover{ transform: scale(1.03);}

.peopleTwo{ float: right; width: 900px;}

.peopleTwo .img, .peopleTwo .img img{ width: 100%;}

.peopleTwo .text{ padding: 20px 0; font-size: 16px; color: #333; line-height: 30px;}

.peopleThree{ width: 900px; float: right;}

.peopleThree .tit{ background: #d8dfea; padding: 0 30px; font-size: 18px; font-weight: bold; color: #2b5ea5; text-align: center; line-height: 60px;}

.peopleThree .tit .li{ float: left;}

.peopleThree .tit .li:first-child, .peopleThree .tit .li:nth-child(2),

.peopleThree .list .tr .td:first-child, .peopleThree .list .tr .td:nth-child(2){ width: 190px;}

.peopleThree .tit .li:nth-child(3), .peopleThree .tit .li:nth-child(4), .peopleThree .tit .li:nth-child(5),

.peopleThree .list .tr .td:nth-child(3), .peopleThree .list .tr .td:nth-child(4), .peopleThree .list .tr .td:nth-child(5){ width: 140px;}

.peopleThree .list{ background: #f3f8ff; border-top: 1px solid #fff;}

.peopleThree .list .boxPoeple{ display: none;}

.peopleThree .list .tr{ padding: 0 30px; font-size: 14px; text-align: center; line-height: 60px; color: #333; transition: all 0.5s;}

.peopleThree .list .tr .td{ float: left;}

.peopleThree .list .tr .td:last-child{ float: right; margin-right: 10px;}

.peopleThree .list .tr .td .icon{ width: 14px; height: 60px; background: url(../images/icon30.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}

.peopleThree .list .tr.trOne{ background: #2b5ea5; color: #fff;}

.peopleThree .list .tr.trOne .td .icon{ background: url(../images/icon30m.png) no-repeat center; background-size: 100% auto;}

.peopleThree .list:hover .tr{ background: #2b5ea5; color: #fff;}

.peopleThree .list:hover .tr .td .icon{ background: url(../images/icon30m.png) no-repeat center; background-size: 100% auto;}

.peopleThree .fime{ padding: 15px 30px 0 30px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #2b5ea5;}

.peopleThree .fime h2{ font-size: 20px; font-weight: bold; color: #333; line-height: 40px;}

.peopleThree .fime .mink{ padding: 10px 0 15px 0;}

.peopleThree .fime .m{ float: left; width: 33.33%; font-size: 14px; line-height: 20px; color: #333; padding: 5px 0;}

.peopleThree .rmine{ padding: 25px 30px; border-bottom: 2px solid #2b5ea5;}

.peopleThree .rmine .text{ font-size: 16px; line-height: 24px; color: #333; margin-top: 25px;}

.peopleThree .rmine .text:first-child{ margin-top: 0;}

.peopleThree .rmine .text h3{ font-size: 16px; color: #0d6fb8; line-height: 20px; margin-bottom: 20px;}

.rightDater{ width: 900px; float: right;}

.rightDater h1{ font-size: 24px; font-weight: bold; color: #333; text-align: center; line-height: 30px;}

.rightDater .mint{ display: flex; justify-content: center; padding: 10px 0; border-bottom: 1px dotted #e6e6e6; font-size: 14px; line-height: 30px; color: #999;}

.rightDater .mint em{ display: block; margin: 0 25px;}

.rightDater .mint a{ display: block; margin: 0 25px; color: #2b5ea5;}

.rightDater .text{ font-size: 16px; line-height: 24px; color: #333; padding: 15px 0 30px 0;}

.rightDater .text p{ font-family: 'FangSong_GB2312';}

.rightDater .text img{ max-width: 100%; margin: auto; margin: 15px 0;}

.rightDater .boot{ display: flex; justify-content: space-between;}

.rightDater .boot a{ width: 390px; font-size: 16px; color: #333; line-height: 30px; transition: all 0.5s;}

.rightDater .boot a:last-child{ text-align: right;}

.rightDater .boot a:hover{ color: #2b5ea5;}
.rightDater .text img{display: inline-block;} 

.newsDiv{ width: 900px; float: right;}

.newsDiv .box .li{ padding: 30px 0; border-bottom: 1px solid #e6e6e6; position: relative;}

.newsDiv .box .li:first-child{ padding: 0 0 30px 0;}

.newsDiv .box .li .img{ float: left; width: 250px; height: 162px; overflow: hidden; margin-right: 30px;}

.newsDiv .box .li .img img{ width: 100%; transition: all 0.5s;}

.newsDiv .box .li:hover .img img{ transform: scale(1.03);}

.newsDiv .box .li .text{ padding-top: 30px; width: 450px; float: left;}

.newsDiv .box .li .text h1{ font-size: 18px; font-weight: bold; color: #333; line-height: 30px; transition: all 0.5s;}

.newsDiv .box .li:hover .text h1{ color: #2b5ea5;}

.newsDiv .box .li .text .p{ font-size: 14px; line-height: 24px; color: #666; margin-top: 20px;}

.newsDiv .box .li a{ display: none; width: 120px; height: 40px; text-align: center; line-height: 40px; background: #2b5ea5; color: #fff; position: absolute; right: 15px; top: 50%; margin-top: -20px; font-size: 14px;}

.newsDiv .box .li:hover a{ display: block;}

.newsDiv .box .li i{ width: 1px; height: 162px; background: #e3e3e3; position: absolute; bottom: 30px; right: 155px; display: block;}

.newsDiv .box .li .time{ position: absolute; right: 40px; bottom: 90px; text-align: right;}

.newsDiv .box .li:hover .time{ display: none;}

.newsDiv .box .li .time .m{ font-size: 14px; color: #ccc; line-height: 20px;}

.newsDiv .box .li .time p{ font-size: 24px; font-weight: bold; color: #ccc; line-height: 26px;}

.newsDiv .box{ padding-bottom: 40px;}

.terraceDiv{ width: 900px; float: right;}

.terraceDiv .top h1{ font-size: 24px; font-weight: bold; color: #2b5ea5; line-height: 30px;}

.terraceDiv .top .p{ font-size: 16px; color: #333; line-height: 30px; margin-top: 15px;}

.terraceDiv .list .li{ margin-top: 25px; box-shadow: 1px 0 7px hsla(0,0%,39%,0.15);}

.terraceDiv .list .li .img{ float: right; width: 343px; height: 280px; overflow: hidden;}

.terraceDiv .list .li:nth-child(2n) .img{ float: left;}

.terraceDiv .list .li .img img{ width: 100%; transition: all 0.5s;}

.terraceDiv .list .li:hover .img img{ transform: scale(1.03);}

.terraceDiv .list .li .text{ width: 556px; height: 280px; background: #f39800; float: right;}

.terraceDiv .list .li:nth-child(2n) .text{ float: left; background: #2b5ea5;}

.terraceDiv .list .li .text .div{ padding: 30px 25px 0 25px;}

.terraceDiv .list .li .text h1{ font-size: 24px; font-weight: bold; line-height: 30px; color: #fff;}

.terraceDiv .list .li .text .min{ font-size: 16px; line-height: 30px; color: #fff; margin-top: 15px;}

/*   */

.navCell{ display: none;}

.hearCell{ height: 60px; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 20; padding: 0 15px;}

.hearCell .img{ float: left; height: 30px; padding: 15px 0;}

.hearCell .img a, .hearCell .img a img{ display: block; height: 100%;}

.hearCell .push{ float: right; width: 26px; height: 26px; background: url(../images/nav-cell.png) no-repeat center; background-size: 100% auto; margin: 17px 0;}

.navCell .up{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 25; opacity: 0.5;}

.listCell{ width: 160px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 30; background: #fff; padding: 0 20px; transition: all 0.5s; opacity: 0;}

.listCellTwo{ right: 0; opacity: 1;}

.listCell .img{ height: 36px; padding: 70px 0 20px 0;}

.listCell .sole{ width: 24px; height: 24px; background: url(../images/icon-22.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 15px; right: 15px;}

.listCell .tit{ display: block; font-size: 16px; color: #333; line-height: 30px; transition: all 0.1s;}

.listCell .tit.titOne{ background: url(../images/icon23m.png) no-repeat center right 5px; background-size: 8px auto;}

.listCell .tit.on{ background: url(../images/icon20m.png) no-repeat center right 5px; background-size: 14px auto;}

.listCell .list{ position: absolute; top: 150px; left: 0; right: 0; bottom: 30px; overflow-y: auto; padding: 0 20px;}

.listCell .list .li{ border-bottom: 1px solid #ececec; padding: 7px 0;}

.listCell .list .mink{ display: none; padding-top: 3px;}

.listCell .list .mink a{ display: block; font-size: 15px; color: #666; line-height: 30px; padding-left: 25px; position: relative;}

.listCell .list .mink a em{ display: block; width: 6px; height: 6px; background: #666; border-radius: 100%; position: absolute; top: 50%; margin-top: -3px; left: 10px;}

.pp_top , .pp_bottom{ display: none;}

/*  */

.rightNavMink{ position: fixed; right: 0; top: 0; z-index: 20;}

.rightNavMink .li{ margin-bottom: 1px; width: 70px; height: 50px; background: #2b5ea5; position: relative;}

.rightNavMink .li .icon{ width: 70px; height: 50px; position: relative; z-index: 5;}

.rightNavMink .li:first-child .icon{ background: #2b5ea5 url(../images/icon14.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li:nth-child(2) .icon{ background: #2b5ea5 url(../images/icon13.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li:nth-child(3) .icon{ background: #2b5ea5 url(../images/icon12.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li:nth-child(4) .icon{ background: #2b5ea5 url(../images/icon11.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li:nth-child(5) .icon{ background: #2b5ea5 url(../images/icon10.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li:nth-child(6) .icon{ background: #2b5ea5 url(../images/icon9.png) no-repeat center; background-size: 30px auto;}

.rightNavMink .li .text{ position: absolute; right: -100%; top: 0; background: #2b5ea5; line-height: 50px; font-size: 16px; color: #fff; white-space: nowrap; padding: 0 15px; min-width: 100px; text-align: center; transition: all 0.5s; opacity: 0;}

.rightNavMink .li:hover .text{ right: 80px; opacity: 1;}

.rightNavMink .li .text a{ color: #fff;}

.rightNavMink .li .wearch{ padding: 15px 0;}

.rightNavMink .li .wearch p{ font-size: 12px; line-height: 14px; text-align: center; margin-top: 8px;}

.rightNavMink .li .input{ display: flex; justify-content: center; align-items: center; padding: 10px 0;}

.rightNavMink .li .input input{ display: block; background: #fff; height: 30px; font-size: 14px; padding: 0 10px; border: none; border-radius: 0; width: 100px;}

.rightNavMink .li .input button{ display: block; width: 50px; height: 30px; border: none; border-radius: 0; background: #999; font-size: 14px; color: #fff;}

.rightNavMink .li .text .tr{ width: 20px; height: 16px; position: absolute; right: -20px; top: 17px; background: url(../images/icon25s.png) no-repeat left center; background-size: auto 100%;}
/* 1.07 */
.minkNav .cont{ display: flex; justify-content: flex-start; font-size: 14px; line-height: 40px; color: #999;}
.minkNav .cont .ker{ margin-right: 0;}
.minkNav .cont a{ margin: 0 3px;}
.hearder .nav .li .list{ left: 50%; transform: translateX(-50%);}