@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font:12px Arial,"Microsoft YaHei"; color:#333;background-color:#fff;min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
*:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-outer-spin-button {-webkit-appearance: none;}
img{border:0}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";font-size:12px;}
table{width: 100%;border-collapse:collapse;}
table tr,table td{max-width: 100%;border:1px solid #eee; }

.scrollbar::-webkit-scrollbar{width:3px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#2e59a3; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

@font-face {font-family:'Avignon'; src: url('../fonts/Avignon-Bold.ttf');} 
@font-face {font-family:'Avanti'; src: url('../fonts/avanti-2.ttf');} 

/*浮动*/
.clear{zoom: 1;clear:both;}
.clear:after{content: '';display: block;clear: both;}
.fl{float:left;}
.fr{float:right;}
.tLeft{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;display: block;}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{width: 1200px; margin:0 auto;}
.wrap{width: 75%;margin:0 auto;min-width: 1200px;}
.wrap1{width: 81.25%;margin:0 auto;min-width: 1200px;}

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all 0.6s ease;}
.header .headerTop{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 12px 0;}
.header .p1{font-size: 14px;line-height: 38px;color: #666666;}
.header .p2{font-size: 14px;line-height: 36px;color: #666666;position: relative;padding-left: 28px;}
.header .p2 span{font-family: Avanti;font-size: 20px;font-weight: bold;color: #d7000f;}
.header .p2 .iconfont{color: #666;font-size: 22px;position: absolute;bottom: 0px;left: 0;}
.header .box{padding: 12px 0;}
.header .logo{display: block;float: left;}
.header .logo img{display: block;height: 60px;transition: all 0.6s ease;}
.navBox{width:950px;float: right;}
.navBox .nLi{display: inline-block;vertical-align: top;margin-left: 70px;position: relative;}
.navBox .nLi h3{padding: 20px 0;}
.navBox .nLi h3 a{display:block;line-height:20px;font-size:16px;color:#333;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #2e59a3;}
.navBox .nLi .sub{display:none;position:absolute;top:60px;transform: translateX(-50%);left: 50%;width: 120px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub a{display:block;text-align: center;font-size: 14px;color: #333;padding:14px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub a:hover{background-color: #2e59a3;color: #fff;}
.fixed{background-color: #fff;}
.is-fixed{box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);background-color: #fff;}

/*indexBanner*/
.indexBanner{width: 100%;position: relative;overflow: hidden;}
.indexBanner .swiper-container{width: 100%;}
.indexBanner .swiper-container .swiper-wrapper{height: auto !important;}
.indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative;cursor: auto;}
.indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;}
.indexBanner .pagination{width: 75%;position: absolute;left: 50%;bottom:4%;text-align: center;z-index: 2;transform: translateX(-50%);min-width: 1200px;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 5px;height: 5px;background:#9ea4a8;border-radius: 50%;margin: 0 20px;cursor: pointer;position: relative;transition: all 0.6s ease;}
.indexBanner .swiper-pagination-switch::after{content: '';width: 13px;height: 13px;border-radius: 50%;border: solid 1px #2e59a3;position: absolute;top: -5px;left: -5px;opacity: 0;transition: all 0.6s ease;}
.indexBanner .swiper-active-switch{background-color: #2e59a3;}
.indexBanner .swiper-active-switch::after{opacity: 1;}
.indexBanner .arrow{width: 120px; position: absolute;bottom: 3%;right: 3%;z-index: 2;}
.indexBanner .icon-jiantou1{font-size: 28px;color: #333;transition: all 0.6s ease;}
.indexBanner .arrow-left{transform: rotate(-180deg);}
.indexBanner .icon-jiantou1:hover{color: #2e59a3;}
.indexBanner .scroll{position: absolute;bottom: 4%;left: 3%;z-index: 4;}
.indexBanner .scroll .p{color: #999;font-size: 16px;font-family: Avanti;transform: rotate(90deg);font-weight: bold;position: absolute;bottom: 74px;left: -26px;width: 90px;height: 20px;}
.indexBanner .scroll .icon{width: 32px;height: 32px;line-height: 32px;border: 1px solid #999;border-radius: 50%;color: #999;font-size: 16px;text-align: center; }

/* indexSearch */
.indexSearch{width: 100%;border-bottom: 1px solid #eaeaea;padding: 20px 0;}
.indexSearch .box{width: 850px;float: left;margin-top: 14px;position: relative;padding-left: 100px;box-sizing: border-box;}
.indexSearch .box p{font-size: 16px;color: #333333;font-weight: bold;line-height: 22px;position: absolute;top: 0;left: 0;}
.indexSearch .box a{font-size: 14px;color: #999999;font-weight: normal;margin-right: 30px;line-height: 22px;}
.indexSearch .box a:hover{ color: #2e59a3;}
.indexSearch .searchBox{width: 320px;float: right;}
.indexSearch .searchBox form{width: 100%;height: 50px;background-color: #f8f8f8;border-radius: 25px;overflow: hidden;}
.indexSearch .searchBox form .inputBox{width: 260px;height: 50px;float: left;font-size: 14px;background-color: rgba(0, 0, 0, 0);border: none;color: #333333;padding-left: 20px;box-sizing: border-box;}
.indexSearch .searchBox form .btn{border:none;background-color: rgb(0,0,0,0);font-size: 26px;color: #666;width: 60px; height: 50px;line-height: 50px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;}
.indexSearch .searchBox form .btn:hover{color: #2e59a3;}

/* indexTitle */
.indexTitle h1{font-family: Avignon;font-size: 42px;color: #2e59a3;line-height: 44px;text-transform: capitalize;}
.indexTitle p{font-size: 24px;color: #333333;line-height: 24px;margin-top: 10px;position: relative;padding-bottom: 40px;}
.indexTitle p::after{content: '';width: 31px;height: 7px;background-color: #2e59a3;opacity: 0.3;position: absolute;bottom: 0;left: 0;}

/* more */
.more{display: block;width: 140px;height: 50px;line-height: 50px;background-color: #2e59a3;border-radius: 25px 0 25px 0;font-size: 16px;color: #fff;position: relative;padding: 0 30px;}
.more .iconfont{position: absolute;top: 0;right: 30px;color: #fff;font-size: 28px;transition: all 0.6s ease;}
.more:hover .iconfont{right: 20px;}

/* indexProduct */
.indexProduct{width: 100%;padding: 50px 0 80px;overflow: hidden;}
.indexProduct .tabs{display: flex;align-items: center;justify-content: flex-end;margin-top: 60px;}
.indexProduct .tabs>div{width: 150px;height: 50px;border-radius: 25px;box-sizing: border-box;border: solid 1px #dddddd;font-size: 14px;line-height: 50px;color: #333333;text-align: center;cursor: pointer;margin-right: 20px;transition: all 0.6s ease;}
.indexProduct .tabs>a{display: block;width: 150px;height: 50px;border-radius: 25px;box-sizing: border-box;border: solid 1px #dddddd;font-size: 14px;line-height: 50px;color: #333333;text-align: center;transition: all 0.6s ease;}
.indexProduct .tabs .active,.indexProduct .tabs>div:hover,.indexProduct .tabs>a:hover{background-color: #2e59a3;border-color: #2e59a3;color: #fff;font-size: 16px;font-weight: bold;box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-webkit-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-moz-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);}
.indexProduct .productBox{width: 100%;margin: 50px 0 0;box-shadow: 0px -70px 30px 0px rgba(3,0,0,0.03);-webkit-box-shadow: 0px -70px 30px 0px rgba(3,0,0,0.03);-moz-box-shadow: 0px -70px 30px 0px rgba(3,0,0,0.03);}
.indexProduct .productBox .bigBox{width: 100%;position: relative;background:url('../images/product_bg1.jpg') top center no-repeat;background-size: cover;}
.indexProduct .productBox .productListT{width: 100%;}
.indexProduct .productBox .productListT .swiper-slide.swiper-slide-active{position: relative;z-index: 3;}
.indexProduct .productBox .productListT .img{float: left;width: 30%;overflow: hidden;margin-left: 2%;}
.indexProduct .productBox .productListT .img img{width: 100%;display: block;}
.indexProduct .productBox .productListT .cont{float: right;width: 48%;margin-right: 3%;padding-top: 5%;}
.indexProduct .productBox .productListT .cont .tit{font-size: 24px; display: inline-block; font-weight: bold;color: #000000;margin-bottom: 3.5%;}
.indexProduct .productBox .productListT .cont .tit:hover{ color: #2e59a3;}
.indexProduct .productBox .productListT .cont table tr,.indexProduct .productBox .productListT .cont table td{border: none;}
.indexProduct .productBox .productListT .cont table td{width: 50%;padding: 3px 0;}
.indexProduct .productBox .productListT .cont .p{width: 100%;font-size: 14px;color: #000000;position: relative;padding-left: 12px;box-sizing: border-box;}
.indexProduct .productBox .productListT .cont .p span{color: #999;}
.indexProduct .productBox .productListT .cont .p::after{content: '';	width: 4px;height: 4px;background-color: #999999;border-radius: 50%;position: absolute;top: 8px;left: 0;}
.indexProduct .productBox .productListT .cont .txt{font-size: 14px;line-height: 26px;color: #666666;margin: 3.5% 0;}
.indexProduct .productBox .productListT .cont .txt img{ max-width: 100%; display: none;}
.indexProduct .productBox .productListT .cont .a{border-bottom: 1px solid #ddd;width: 75%;padding: 2% 0;transition: all 0.6s ease;}
.indexProduct .productBox .productListT .cont .a a{font-size: 14px;line-height: 16px;color: #666666;display: inline-block;position: relative;padding-right: 40px;transition: all 0.6s ease;}
.indexProduct .productBox .productListT .cont .a a .iconfont{color: #666;font-size: 28px;position: absolute;top: 1px;right: 0;transition: all 0.6s ease;}
.indexProduct .productBox .productListT .cont .a:hover{border-bottom-color: #2e59a3;}
.indexProduct .productBox .productListT .cont .a:hover a{color: #2e59a3;}
.indexProduct .productBox .productListT .cont .a:hover a .iconfont{color: #2e59a3;right: -10px;}
.indexProduct .productBox .bigBox .pagination{width: 135px;position: absolute;right: 3%;bottom:18%;text-align: right;z-index: 2;}
.indexProduct .productBox .bigBox .swiper-pagination-switch{display: inline-block;width: 5px;height: 5px;background:#9ea4a8;border-radius: 50%;margin: 0 20px;cursor: pointer;position: relative;transition: all 0.6s ease;}
.indexProduct .productBox .bigBox .swiper-pagination-switch::after{content: '';width: 33px;height: 33px;border-radius: 50%;border: solid 1px #2e59a3;position: absolute;top: -15px;left: -15px;opacity: 0;transition: all 0.6s ease;}
.indexProduct .productBox .bigBox .swiper-active-switch{background-color: #2e59a3;}
.indexProduct .productBox .bigBox .swiper-active-switch::after{opacity: 1;}
.indexProduct .productBox ul{width: 100%;margin: 50px 0;}
.indexProduct .productBox ul li{display: inline-block;vertical-align: top;width: 22.75%;margin-right: 3%;background: url('../images/product_bg.jpg') bottom center no-repeat;background-size: cover;}
.indexProduct .productBox ul li:nth-child(4n){margin-right: 0;}
.indexProduct .productBox ul li a{display: block;width: 100%;height: 100%;}
.indexProduct .productBox ul li .img{width: 100%;overflow: hidden;position: relative;}
.indexProduct .productBox ul li .img img{width: 100%;display: block;}
.indexProduct .productBox ul li .img .iconfont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);color: #fff;font-size: 30px;width: 70px;height: 70px;line-height: 70px;text-align: center;background-color: rgba(46, 89, 163, 0.8);box-shadow: 0 0 0 10px rgba(46, 89, 163, 0.3);-webkit-box-shadow: 0 0 0 10px rgba(46, 89, 163, 0.3);-moz-box-shadow: 0 0 0 10px rgba(46, 89, 163, 0.3);transition: all 0.6s ease;}
.indexProduct .productBox ul li .p1{font-size: 18px;font-weight: bold;color: #000000;text-align: center;margin: 2% 0;transition: all 0.6s ease;}
.indexProduct .productBox ul li .p2{font-size: 14px;color: #000000;text-align: center;padding-bottom: 8%;}
.indexProduct .productBox ul li .p2 span{color: #999;}
.indexProduct .productBox ul li:hover .img .iconfont{transform: translate(-50%,-50%) scale(1);}
.indexProduct .productBox ul li:hover .p1{color: #2e59a3;}
.indexProduct .more{margin: 0 auto;}
.indexProduct .productBox>.swiper-wrapper{height: auto !important;}
.indexProduct .productBox>.swiper-wrapper>.swiper-slide{height: auto !important;}
.indexProduct .productBox>.swiper-wrapper>.swiper-slide.swiper-slide-active .bigBox{box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-webkit-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-moz-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);}
.indexProduct .productBox>.swiper-wrapper>.swiper-slide.swiper-slide-active ul li{box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-webkit-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-moz-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);}


@media (max-width: 1680px) {
    .indexProduct .productBox .productList .cont{padding-top: 4%;}
    .indexProduct .productBox .bigBox .pagination{bottom: 15%;}
}
@media (max-width: 1600px) {
    .indexProduct .productBox .bigBox .pagination{bottom: 13%;}
}

/* indexAdvantage */
.indexAdvantage{width: 100%;background: url('../images/advantage_bg.jpg') center center no-repeat;background-size: cover;padding: 80px 0;overflow: hidden;}
.indexAdvantage .indexTitle{text-align: center;}
.indexAdvantage .indexTitle h1,.indexAdvantage .indexTitle p{color: #fff;}
.indexAdvantage .indexTitle p::after{background-color: #fff;right: 0;margin: auto;opacity: 1;}
.indexAdvantage ul{width: 100%;margin-top: 50px;}
.indexAdvantage ul li{width: 23.5%;display: inline-block;vertical-align: top;margin-right: 2%;cursor: pointer;background-color: #fff;border-radius: 30px 0 30px 0;padding: 30px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.indexAdvantage ul li:nth-child(4n){margin-right: 0;}
.indexAdvantage ul li .iconfont{color: #2e59a3;font-size: 60px;transition: all 0.6s ease;}
.indexAdvantage ul li .tit{font-size: 18px;font-weight: bold;line-height: 28px;color: #141414;text-align: center;margin: 4% 0 6%;transition: all 0.6s ease;}
.indexAdvantage ul li .txt{font-size: 14px;line-height: 24px;color: #999999;text-align: center;transition: all 0.6s ease;}
.indexAdvantage ul li:hover{background-color: rgba(255, 255, 255, 0.4);box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.1);-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.1);}
.indexAdvantage ul li:hover .iconfont,.indexAdvantage ul li:hover .tit,.indexAdvantage ul li:hover .txt{color: #fff;}


/* indexSolution */
.indexSolution{width: 100%;background-color: #f6f7f8;padding: 80px 0;overflow: hidden;}
.indexSolution .more{margin-top: 40px;}
.indexSolution ul{width: 100%;margin-top: 50px;}
.indexSolution ul li{width: 23.5%;display: inline-block;vertical-align: top;margin:0 2% 2% 0;background-color: #fff;}
.indexSolution ul li:nth-child(4n){margin-right: 0;}
.indexSolution ul li .img{width: 100%;overflow: hidden;}
.indexSolution ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexSolution ul li .cont{padding: 6%;}
.indexSolution ul li .t{font-size: 18px;font-weight: bold;color: #000000;margin-bottom:3%;}
.indexSolution ul li .a{font-size: 14px;color: #666;position: relative;line-height: 18px;padding: 5% 0;transition: all 0.6s ease;}
.indexSolution ul li .a .iconfont{font-size: 32px;color: #666;position: absolute;top: 50%;right: 60%;transform: translateY(-50%);transition: all 0.6s ease;}
.indexSolution ul li .a::after{content: '';width: 0;height: 1px;background-color: #2e59a3;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexSolution ul li:hover .img img{transform: scale(1.1);}
.indexSolution ul li:hover .a{color: #2e59a3;}
.indexSolution ul li:hover .a .iconfont{right: 0;color: #2e59a3;}
.indexSolution ul li:hover .a::after{width: 100%;}


/* indexAbout */
.indexAbout{width: 100%;overflow: hidden;position: relative;}
.indexAbout .img{width: 40%;display: block;min-width: 680px;}
.indexAbout::after{content: '';width: 72%;min-width: 1200px;height: 92%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);position: absolute;top: 0;right: 0;}
.indexAbout .wrap{padding-left: 21%;padding-top: 4%;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.indexAbout .box{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;margin-top: -4%;}
.indexAbout .cont{width: 65%;margin-bottom: 4%;}
.indexAbout .cont .tit{font-size: 20px;font-weight: bold;line-height: 36px;color: #000000;}
.indexAbout .cont .txt{font-size: 14px;line-height: 24px;color: #666666;margin: 3% 0 6%;}
.indexAbout .honorBox{width: 25%;margin-right: 16px;position: relative;}
.indexAbout .honorBox .swiper-container{width: 100%;}
.indexAbout .honorBox .swiper-container .swiper-slide .pic{background: url('../images/honorBg.jpg') center center no-repeat;background-size: cover;padding: 9% 8% 8% 9%;}
.indexAbout .honorBox .swiper-container .swiper-slide .pic img{display: block;width: 100%;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.indexAbout .honorBox .pagination{width: 100%;text-align: center;margin: 4% 0 0;}
.indexAbout .honorBox .swiper-pagination-switch{display: inline-block;width: 10px;height: 10px;background:#ccc;border-radius: 50%;margin: 0 5px;cursor: pointer;position: relative;transition: all 0.6s ease;}
.indexAbout .honorBox .swiper-active-switch{background-color: #2e59a3;}
.indexAbout .honorBox .iconfont{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.4);font-size: 20px;color: #fff;position: absolute;top: 50%;z-index: 3;transition: all 0.6s ease;}
.indexAbout .honorBox .arrow-left1{transform:translateY(-50%) rotate(-180deg);left: -16px;}
.indexAbout .honorBox .arrow-right1{transform: translateY(-50%);right: -16px;}
.indexAbout .honorBox .iconfont:hover{background-color: #2e59a3;}
.indexAbout .aboutBox{width: 100%;padding: 0 16px;box-sizing: border-box;position: relative;margin-top: 3%;}
.indexAbout .aboutBox .imgBox{width: 100%;overflow: hidden;}
.indexAbout .aboutBox .picture{width:calc(100% + 12px);}
.indexAbout .aboutBox .picture .swiper-slide{padding-right: 12px;box-sizing: border-box;cursor: pointer;}
.indexAbout .aboutBox .picture .swiper-slide .img1{width: 100%;padding: 5px;box-sizing: border-box;overflow: hidden;background-color: #f3f3f3;}
.indexAbout .aboutBox .picture .swiper-slide .img1 img{width: 100%;display: block;}
.indexAbout .aboutBox .picture .swiper-slide .p{font-size: 14px;line-height: 20px;color: #333;text-align: center;font-weight: bold;margin-top: 10px;}
.indexAbout .aboutBox .iconfont{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.4);margin-top: -15px;font-size: 20px;color: #fff;position: absolute;top: 50%;z-index: 3;transition: all 0.6s ease;}
.indexAbout .aboutBox .arrow-left2{transform:translateY(-50%) rotate(-180deg);left: 0;}
.indexAbout .aboutBox .arrow-right2{transform: translateY(-50%);right: 0;}
.indexAbout .aboutBox .iconfont:hover{background-color: #2e59a3;}
@media (max-width: 1680px) {
    .indexAbout .box{margin-top: -2%;}
}
@media (max-width: 1600px) {
    .indexAbout::after{min-width: 1100px;}
}
@media (max-width: 1366px) {
    .indexAbout::after{min-width: 1070px;}
}
@media (max-width: 1280px) {
    .indexAbout::after{min-width: 1040px;}
}

/* indexNews */
.indexNews{width: 100%;background: url('../images/news_bg.png') bottom center no-repeat;background-size: 100% auto;padding: 40px 0 80px;overflow: hidden;}
.indexNews .bigBox{padding: 40px 60px;background-color: #fff;margin-bottom: 60px;}
.indexNews .more{margin: 0 auto;}
.indexNews .box{float: left;width: 35%;}
.indexNews .box .cont{width: 100%;margin-top: 60px;}
.indexNews .box .cont .img{width: 100%;overflow: hidden;margin-bottom: 30px;}
.indexNews .box .cont .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews .time{font-size: 16px;color: #999999;transition: all 0.6s ease;}
.indexNews .tit{font-size: 18px;font-weight: bold;color: #000000;margin: 10px 0 6px;transition: all 0.6s ease;}
.indexNews .txt{font-size: 14px;color: #666;line-height: 28px;transition: all 0.6s ease;}
.indexNews .a{display: inline-block;font-size: 14px;line-height: 30px;color: #666666;position: relative;padding-right: 40px;margin-top: 16px;transition: all 0.6s ease;}
.indexNews .a .iconfont{font-size: 34px;color: #999; position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.6s ease;}
.indexNews ul{float: right;width: 59%;}
.indexNews ul li{width: 100%;transition: all 0.6s ease;}
.indexNews ul li a{display: block;padding: 3.8% 9%;}
.indexNews ul li:hover{background-color: #2e59a3;box-shadow: 0px 0px 40px 0px rgba(46, 89, 163, 0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(46, 89, 163, 0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(46, 89, 163, 0.2);}
.indexNews ul li:hover .time,.indexNews ul li:hover .tit,.indexNews ul li:hover .txt,
.indexNews ul li:hover .a,.indexNews ul li:hover .a .iconfont{color: #fff;}
.indexNews .box .cont:hover .img img{transform: scale(1.1);}
.indexNews .box .cont:hover .tit{color: #2e59a3;}

/* indexPartner */
.indexPartner{width: 100%;background: url('../images/partner_bg.jpg') center center no-repeat;background-size: cover;padding: 0 0 100px;overflow: hidden;}
.indexPartner .wrap1{background-color: #fff;padding: 80px 60px;box-sizing: border-box;position: relative;}
.indexPartner .wrap1 .img{float: right;width: 75%;overflow: hidden;}
.indexPartner .wrap1 .img img{width: 100%;display: block;}
.indexPartner .box{position: absolute;top: 80px;left: 60px;}
.indexPartner .box .tit{font-size: 18px;color: #666666;margin: 8% 0 18%;}
.indexPartner .box .txt{position: relative;padding: 28% 0 0;}
.indexPartner .box .txt p{font-size: 16px;color: #141414;position: relative;padding-left: 50px;}
.indexPartner .box .txt p::after{content: '';width: 38px;height: 1px;background-color: #e7e7e7;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.indexPartner .box .txt .iconfont{color: #eee;font-size: 60px;position: absolute;top: 0;right: -50px;}
@media (max-width: 1600px) {
    .indexPartner .box .tit{margin: 6% 0 10%;}
    .indexPartner .box .txt{padding: 20% 0 0;}
}
@media (max-width: 1440px) {
    .indexPartner .box .tit{font-size: 16px;}
    .indexPartner .box .txt p{font-size: 14px;}
}

/*footer*/
.footer{width: 100%;background-color: #f1f1f1;overflow: hidden;}
.footer ul{width: 100%;border-bottom: 1px solid #ddd;padding: 40px 0 0;margin-bottom: 40px;}
.footer ul li{display: inline-block;vertical-align: top;margin: 0 60px;}
.footer ul li a{display: block; font-size: 16px;line-height: 18px;color: #333;padding: 0 0 30px;border-bottom: 3px solid rgba(46, 89, 163, 0);transition: all 0.6s ease;}
.footer ul li:hover a{color: #2e59a3;font-weight: bold;border-bottom-color: #2e59a3;}
.footer .box{position: relative;}
.footer .icon{font-family: Avanti;font-size: 36px;line-height: 36px;font-weight: bold;color: #2e59a3;position: relative;padding-left: 40px;margin-bottom: 16px;}
.footer .icon .iconfont{position: absolute;top: 0;left: 0;font-size: 38px;}
.footer .icon1{font-size: 14px;line-height: 20px;color: #666;position: relative;padding-left: 26px;margin-top: 10px;}
.footer .icon1 .iconfont{position: absolute;top: 0;left: 0;font-size: 18px;}
.footer .center{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.footer .center img{height: 116px;display: block;}
.footer .img{width: 120px;}
.footer .img img{display: block;width: 120px;height: 120px;}
.footer .p{font-size: 14px;color: #666666;text-align: center;margin-top: 10px;}
.footer .copyRight{width: 100%;padding: 20px 0;background-color: #d7d4d1;margin-top: 40px;}
.footer .copyRight .tit{font-size: 14px;color: #999;line-height: 36px;}
.footer .copyRight .tit a{color: #999;}
.footer .copyRight .tit a:hover{color: #2e59a3;}
.footer .copyRight .tRight a{display: inline-block;vertical-align: text-top;width: 36px;height: 36px;line-height: 36px;background-color: #bebebe;border-radius: 50%;color: #fff;font-size: 20px;margin-left: 15px;transition: all 0.6s ease;}
.footer .copyRight .tRight a:hover{background-color: #2e59a3;}


/* customer */
.customer{width: 80px;position:fixed;right:0; top:50%;transform: translateY(-50%);z-index: 99;}
.customer dl{width: 100%;height: 80px;margin-bottom: 2px;position: relative; z-index: 2;}
.customer dl dt{width: 80px;height: 80px;background-color: #2e59a3;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease;}
.customer dl dt a{display: block;width: 100%;height: 100%;padding-top: 15px;box-sizing: border-box;}
.customer dl dt a .iconfont{color: #fff;font-size: 30px;line-height: 30px;}
.customer dl dt a p{font-size: 14px;line-height: 16px;color: #ffffff;text-align: center;margin-top: 4px;}
.customer dl.icon1 dd{width: 120px; height: 120px;position: absolute; top: 0; right: -120px; z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd img{ width: 120px; height: 120px; border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon2 dd{width: 200px;height: 80px;text-align: center;color: #fff;font-size: 26px; line-height: 80px;font-family: Avanti;font-weight: bold;background-color:rgba(46, 89, 163, 0.95); position: absolute; top: 0;right: -200px;z-index: 1; transition: all 0.6s ease;}
.customer dl:hover dd{right: 80px;}

/*demandBox*/
.demandBox{width: 360px;padding:30px 0 40px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;margin:-200px 0 0 -180px;z-index: 1000;display: none;}
.demandBox .title{color: #2e59a3;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 30px;}
.demandBox .demand{width: 300px;margin: 0 auto;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form label{display: block;position: relative;}
.demandBox .demand form label span{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 8px; left: 0;display: block;}
.demandBox .demand form .row{width: 100%;margin: 0 0 10px;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .row1{width: 100%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;}
.demandBox .demand form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 80px;line-height:20px;resize: none;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .button{width: 100%;margin:20px 0 0;}
.demandBox .demand form .button .btn{width:130px;display:block;height: 40px;line-height:40px;cursor: pointer;float: left;background-color: #2e59a3;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .btn:hover{background-color: #333;}
.demandBox .demand form .button .sClose{width:130px;height: 40px;line-height:40px;cursor: pointer;text-align: center;float: right;background-color: #333;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .sClose:hover{background-color: #2e59a3;}

/*Popup*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.WeChat{width: 300px;height: 330px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 1000;}
.WeChat .wx{width: 140px;height: 140px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;}
.WeChat .wx img{width: 100%;}
.WeChat p{color: #333;font-size: 14px;text-align: center;width: 300px;}
.WeChat .close{width: 110px;height: 36px;background: #2e59a3;color: #fff;font-size: 14px;margin: 30px auto 0;line-height: 36px;text-align: center;cursor: pointer;}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;}
.pageBanner img{width: 100%;display: block;}
.pageBanner .wrap{position: absolute;bottom: 6%;left: 50%;transform: translateX(-50%);}
.pageBanner .bannerTit .t{font-size: 46px;color: #ffffff;margin-bottom: 4px;}
.pageBanner .bannerTit .p{font-size: 28px;color: #ffffff;position: relative;padding-bottom: 30px;text-transform: uppercase;}
.pageBanner .bannerTit .p::after{content: '';width: 40px;height: 4px;background-color: #ffffff;opacity: 0.5;position: absolute;bottom: 0;left: 0;}
.pageBanner .position{color: #fff;font-size: 16px;line-height: 22px;position: absolute;bottom: 0;right:0;max-width: 900px;padding-left: 28px;}
.pageBanner .position a{color: #ffffff;}
.pageBanner .position .iconfont{font-size: 22px;color: #ffffff;position: absolute;top: 0;left: 0;}
.pageBanner .position a:hover,.pageBanner .position a:last-child{color: #2e59a3;}

@media (max-width: 1600px) {
    .pageBanner{ margin-top: 100px;}
}

/* pageTitle */
.pageTitle{text-align: center;}
.pageTitle h1{font-family: Avignon;font-size: 42px;line-height: 42px;color: #2e59a3;}
.pageTitle p{font-size: 24px;line-height: 24px;color: #333333;margin-top: 10px;}

/* pageNav */
.pageNav{width: 18%;background-color: #f8f8f8;border-radius: 8px;padding: 30px 20px 40px;box-sizing: border-box;}
.pageNav .navList{width: 100%;margin-top:30px;}
.pageNav .navList .item{margin: 16px 0 0;}
.pageNav .navList .item .tit a{display: block;width: 100%;line-height: 24px;padding: 12px;box-sizing: border-box;text-align: center;border-radius: 8px;border: solid 1px #e4e4e4;font-size: 16px;color: #000000;transition: all 0.6s ease;}
.pageNav .navList .item.select .tit a,.pageNav .navList .item:hover .tit a{background-color: #2e59a3;border-color: #2e59a3;color: #fff;box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-webkit-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-moz-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);}
.pageNav .navList .list{width: 100%;display: none;margin: 10px 0 20px;}
.pageNav .navList .list li{border-bottom: 1px solid #e4e4e4;text-align: center;}
.pageNav .navList .list li a{display: block; font-size: 14px;line-height: 24px;color: #666666;padding: 9px 0;}
.pageNav .navList .list li.on,.pageNav .navList .list li:hover{border-bottom-color: #2e59a3;}
.pageNav .navList .list li.on a,.pageNav .navList .list li:hover a{color: #2e59a3;}
.pageNav .navList .item.select .list{display: block;}

/* pageProduct */
.pageProduct{width: 100%;padding: 60px 0 80px;overflow: hidden;}
.pageProduct .pageNav{float: left;}
.pageProduct .productList{width: 78%;float: right;}
.pageProduct .productList ul{ width: 100%;}
.pageProduct .productList ul li{display: inline-block;vertical-align: top;width: 30%;margin-right: 5%;margin-bottom: 4%;background-color: #fff;box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-webkit-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);-moz-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.05);}
.pageProduct .productList ul li:nth-child(3n){margin-right: 0;}
.pageProduct .productList ul li a{display: block;width: 100%;height: 100%;}
.pageProduct .productList ul li .img{width: 100%;overflow: hidden;position: relative;transition: all 0.6s ease;}
.pageProduct .productList ul li .img img{width: 100%;display: block;}
.pageProduct .productList ul li .img .iconfont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);color: #fff;font-size: 30px;width: 80px;height: 80px;line-height: 80px;text-align: center;background-color: rgba(46, 89, 163, 0.7);transition: all 0.6s ease;}
.pageProduct .productList ul li .p1{font-size: 18px;font-weight: bold;color: #000000;text-align: center;margin: 4% 0 2%;transition: all 0.6s ease;}
.pageProduct .productList ul li .p2{font-size: 14px;color: #000000;text-align: center;padding-bottom: 8%;}
.pageProduct .productList ul li .p2 span{color: #999;}
.pageProduct .productList ul li:hover .img{background-color: rgba(51, 51, 51, 0.15);}
.pageProduct .productList ul li:hover .img .iconfont{transform: translate(-50%,-50%) scale(1);}
.pageProduct .productList ul li:hover .p1{color: #2e59a3;}

/* pageSearch */
.pageSearch{margin-top: 147px;background-color: #f8f8f8;border: none;}
.pageSearch .searchBox form{background-color: #fff;}

/* positionBox */
.positionBox .position{color: #999;font-size: 16px;line-height: 22px;padding-left: 28px;margin-top: 40px;position: relative;}
.positionBox .position a{color: #999;}
.positionBox .position .iconfont{font-size: 22px;color: #999;position: absolute;top: 0;left: 0;}
.positionBox .position a:hover{color: #2e59a3;}

/* productDetail */
.productDetail{float: right;width: 78%;}
.productD {width: 100%;position: relative; margin-bottom: 50px;}
.productD .bigImg {width: 46% !important;float: left; }
.productD .bigImg li{width: 100%;overflow: hidden;background-color: #fff; box-sizing: border-box;}
.productD .bigImg li img{width: 100%;display: block; }

.productD .smallScroll{width: 49%;position: absolute;bottom: 3%;right: 0;}
.productD .smallImg{overflow: hidden;width: 86%;margin: 0 auto;}
.productD .smallImg ul{width: 100%;overflow: hidden;}
.productD .smallImg li{cursor: pointer;width: 80px;height: 80px;background-color: #ffffff;overflow: hidden;margin-right: 17px;  box-sizing: border-box; float: left;}
.productD .smallImg img{width: 80px;height: 80px;display: block;border: solid 1px #dddddd;box-sizing: border-box;}
.productD .smallImg li.on img{border: 2px solid #2e59a3;}
.productD .sPrev, .productD .sNext{display: block;color: #999;font-size: 30px;transition: all 0.6s ease;position: absolute;top: 50%;transform: translateY(-50%);}
.productD .sPrev{transform: rotate(-180deg) translateY(-50%);left: 0;margin-top: -30px;}
.productD .sNext{right: 0;}
.productD .sPrev:hover,.productD .sNext:hover{color: #2e59a3;}

.productD .cont{float: right;width: 49%;padding-bottom: 110px;}
.productD .cont .tit{font-size: 28px;font-weight: bold;color: #333333;margin: 3% 0;}
.productD .cont table tr,.productD .cont table td{border: none;}
.productD .cont table td{padding: 1.5% 0;font-size: 14px;line-height: 18px;}
.productD .cont table td:nth-child(2n-1){color: #999;width: 20%;}
.productD .cont table td:nth-child(2n){color: #333333;width: 30%;}
.productD .cont .p1{font-size: 16px;font-weight: bold;color: #141414;border-bottom: 1px solid #eee;padding-bottom: 2%;margin: 4% 0 2%;}
.productD .cont .p2{font-size: 16px;color: #141414;margin-bottom: 3%;}

.productD .cont .contImg{width: 100%;position: relative;padding: 0 30px 30px;box-sizing: border-box;border-bottom: 1px solid #eee;}
.productD .cont .contImg .pic{width: 100%;overflow: hidden;}
.productD .cont .contImg .picBox{width:calc(100% + 10px);overflow: visible;}
.productD .cont .contImg .picBox .swiper-slide{padding-right:10px;box-sizing: border-box;cursor: pointer;}
.productD .cont .contImg .picBox .swiper-slide .img{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;overflow: hidden;}
.productD .cont .contImg .picBox .swiper-slide .img img{width: 100%;display: block;}
.productD .cont .contImg .iconfont{font-size: 30px;color: #999;position: absolute;top: 50%;z-index: 3;margin-top: -15px;transition: all 0.6s ease;}
.productD .cont .contImg .arrow-left1{transform:translateY(-50%) rotate(-180deg);left: 0;}
.productD .cont .contImg .arrow-right1{transform: translateY(-50%);right: 0;}
.productD .cont .contImg .iconfont:hover{color: #2e59a3;}

.productDetail .video{width: 100%;position: relative;overflow: hidden;background-color: #fff;margin: 0 0 50px 0;cursor: pointer;}
.productDetail .video img{width: 100%;display: block;opacity: 0.6;}
.productDetail .video .play{display: block;position: absolute;top: 32%;left: 50%;transform: translateX(-50%);}
.productDetail .video .play .iconfont{width: 50px;height: 36px;border-radius: 6px;border: 2px solid #2e59a3;line-height: 40px;text-align: center;color: #2e59a3;font-size: 24px;font-weight: bold;margin: 0 auto;transition: all 0.6s ease;}
.productDetail .video .play p{color: #2e59a3;font-size: 16px;text-align: center;margin-top: 16px;}
.productDetail .video .play .iconfont:hover{background-color: #2e59a3;color: #fff;}

.productDetail .videoBox{  position: fixed;bottom: -100%;left: 20px;z-index: 999;transition: all 0.6s ease;}
.productDetail .videoBox .iconfont{display: block;position: absolute;top: 0px;right: 0px;color: #fff;font-size: 30px;transition: all 0.6s ease;cursor: pointer;}
.productDetail .videoBox .iconfont:hover{color: #2e59a3;}
.productDetail .videoBox video{ width: auto; height: auto; max-width:370px;display: block; max-height: 350px;}

.productDetail .detail{width: 100%;border-bottom: 1px solid #eee;padding-bottom: 50px;}
.productDetail .detail .t1{font-size: 28px;color: #333333;margin-bottom: 10px;}
.productDetail .detail .t2{font-size: 14px;line-height: 34px;color: #666666;margin-bottom: 20px;}
.productDetail .detail .t2 img{width: 100%; height: auto !important;}

.productDetail .box{width: 100%;margin-top: 40px;}
.productDetail .box .t{font-size: 20px;line-height: 24px;color: #333333;font-weight: bold;}
.productDetail .box .recommendBox{width: 100%;position: relative;margin-top: 40px;}
.productDetail .box .recommendBox .imgBox{width: 100%;overflow: hidden;box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);-webkit-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);-moz-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);}
.productDetail .box .recommendBox .recommend{width:calc(100% + 30px);overflow: visible;}
.productDetail .box .recommendBox .recommend .swiper-slide{padding-right: 30px;box-sizing: border-box;cursor: pointer;}
.productDetail .box .recommendBox .recommend .swiper-slide a{display: block;width: 100%;height: 100%;box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);-webkit-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);-moz-box-shadow: 0px 5px 40px 0px rgba(3, 0, 0, 0.04);}
.productDetail .box .recommendBox .recommend .swiper-slide .img{width: 100%;overflow: hidden;position: relative;transition: all 0.6s ease;}
.productDetail .box .recommendBox .recommend .swiper-slide .img img{width: 100%;display: block;}
.productDetail .box .recommendBox .recommend .swiper-slide .img .iconfont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);color: #fff;font-size: 30px;width: 70px;height: 70px;line-height: 70px;text-align: center;background-color: rgba(46, 89, 163, 0.7);transition: all 0.6s ease;}
.productDetail .box .recommendBox .recommend .swiper-slide .p1{font-size: 18px;font-weight: bold;color: #000000;text-align: center;margin: 4% 0 2%;transition: all 0.6s ease;}
.productDetail .box .recommendBox .recommend .swiper-slide .p2{font-size: 14px;color: #000000;text-align: center;padding-bottom: 8%;}
.productDetail .box .recommendBox .recommend .swiper-slide .p2 span{color: #999;}
.productDetail .box .recommendBox .recommend .swiper-slide:hover .img{background-color: rgb(51, 51, 51, 0.15);}
.productDetail .box .recommendBox .recommend .swiper-slide:hover .img .iconfont{transform: translate(-50%,-50%) scale(1);}
.productDetail .box .recommendBox .recommend .swiper-slide:hover .p1{color: #2e59a3;}
.productDetail .box .recommendBox .iconfont{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.4);font-size: 20px;color: #fff;position: absolute;top: 50%;z-index: 3;transition: all 0.6s ease;}
.productDetail .box .recommendBox .arrow-left{transform:translateY(-50%) rotate(-180deg);left: 0;}
.productDetail .box .recommendBox .arrow-right{transform: translateY(-50%);right: 0;}
.productDetail .box .recommendBox .iconfont:hover{background-color: #2e59a3;}
@media (max-width: 1680px) {
    .productD .cont .tit{margin: 1% 0 3%;}

    .productD .smallImg li{width: 68px;height: 68px;margin-right: 15px;}
    .productD .smallImg img{width: 68px;height: 68px;}
 
    .productD .cont .contImg{padding: 0 30px 20px;}
    .productD .cont .contImg .iconfont{margin-top: -10px;}
    .productD .cont .contImg .picBox .swiper-slide .img{width: 70px;height: 70px;}
}
@media (max-width: 1660px) {
    
    .productD .smallImg li{margin-right: 11px;}
}




/* pageVideo */
.pageVideo{width: 100%;padding: 80px 0;overflow: hidden;}
.pageVideo ul{width: 100%;} 
.pageVideo ul li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageVideo ul li:nth-child(3n){margin-right: 0;}
.pageVideo ul li .img{width: 100%;overflow: hidden;background-color: #000;position: relative;}
.pageVideo ul li .img img{width: 100%;display: block;opacity: 0.6;}
.pageVideo ul li .img .iconfont{width: 60px;height: 60px;box-sizing: border-box;border-radius: 50%;border: 3px solid #fff;line-height: 60px;text-align: center;font-weight: bold;color: #fff;font-size: 28px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.pageVideo ul li .tit{font-size: 20px;font-weight: bold;color: #000000;padding: 20px 0;text-align: center;transition: all 0.6s ease;}
.pageVideo ul li:hover .tit{color: #2e59a3;}
.pageVideo ul li .img .iconfont:hover{background-color: #fff;color: #2e59a3;}

/* pageVideoD */
.pageVideoD{width: 100%;padding: 80px 0;overflow: hidden;}
.pageVideoD .tit{color: #333;font-size: 26px;font-weight: bold;}
.pageVideoD .video{width: 100%;margin: 30px 0;}
.pageVideoD .video video{width: 100%;display: block;}
.pageVideoD .txt{color: #333;font-size: 16px;line-height: 30px;}


/* pageFood */
.pageFood{width: 100%;padding: 80px 0;overflow: hidden;}
.pageFood ul{width: 100%;}
.pageFood ul li{width: 23.5%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageFood ul li:nth-child(4n){margin-right: 0;}
.pageFood ul li .img{width: 100%;overflow: hidden;}
.pageFood ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageFood ul li .cont{padding: 6%;}
.pageFood ul li .t{font-size: 18px;font-weight: bold;color: #000000;margin-bottom:3%;}
.pageFood ul li .a{font-size: 14px;color: #666;position: relative;line-height: 18px;padding: 5% 0;transition: all 0.6s ease;}
.pageFood ul li .a .iconfont{font-size: 32px;color: #666;position: absolute;top: 50%;right: 60%;transform: translateY(-50%);transition: all 0.6s ease;}
.pageFood ul li .a::after{content: '';width: 0;height: 1px;background-color: #2e59a3;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageFood ul li:hover .img img{transform: scale(1.1);}
.pageFood ul li:hover .a{color: #2e59a3;}
.pageFood ul li:hover .a .iconfont{right: 0;color: #2e59a3;}
.pageFood ul li:hover .a::after{width: 100%;}


/* pageNews */
.pageNews{width: 100%;padding: 80px 0;background-color: #fff;overflow: hidden;}
.pageNews ul{width: 100%;} 
.pageNews ul li{width: 23.5%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.pageNews ul li:nth-child(4n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden;margin-bottom: 14px;}
.pageNews ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageNews ul li .time{font-size: 16px;color: #999999;}
.pageNews ul li .tit{font-size: 18px;font-weight: bold;color: #000000;margin: 10px 0 6px;transition: all 0.6s ease;}
.pageNews ul li .txt{font-size: 14px;color: #666;line-height: 28px;transition: all 0.6s ease;}
.pageNews ul li .a{width: 110px; font-size: 14px;line-height: 30px;color: #666666;box-sizing: border-box;position: relative;padding-right: 40px;margin-top: 10px;transition: all 0.6s ease;}
.pageNews ul li .a .iconfont{font-size: 34px;color: #999; position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.6s ease;}
.pageNews ul li .a::after{content: '';width: 0;height: 1px;background-color: #2e59a3;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #2e59a3;}
.pageNews ul li:hover .a{width: 100%;color: #2e59a3;}
.pageNews ul li:hover .a .iconfont{color: #2e59a3;}
.pageNews ul li:hover .a::after{width: 100%;}

/* pageNewsD */
.pageNewsD{width: 100%;padding:80px 0 30px;overflow: hidden;}
.pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .time span{margin: 0 30px;}
.pageNewsD .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageNewsD .text img{max-width: 100%;}
.pageNewsD .link{width: 100%;margin-top: 60px;position: relative;border-top: 1px dashed #eee;padding: 30px 0;}
.pageNewsD .link a{display: block;max-width: 48%;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.pageNewsD .link a:hover{text-decoration: underline;color: #2e59a3;}


/* aboutTitle */
.aboutTitle .t1{font-size: 32px;line-height: 32px;color: #2e59a3;text-transform: uppercase;font-weight: bold;}
.aboutTitle .t2{font-size: 24px;color: #141414;}

/* pageContent */
.pageContent{ width: 100%; padding: 80px 0;}
.pageContent .txt{ font-size: 16px; color: #333; line-height: 34px;}

/* pageAbout */
.pageAbout{width: 100%;padding: 60px 0 80px;overflow: hidden;}
.pageAbout .wrap{position: relative;}
.pageAbout .cont{width: 55%;}
.pageAbout .txt{font-size: 14px;line-height: 28px;color: #666666;margin-top: 3%;}
.pageAbout .txt p{margin: 1% 0;}
.pageAbout .txt img{ max-width: 100%; display: none;}
.pageAbout .img{width: 39%;overflow: hidden;background-color: #000;position: absolute;bottom: 1%;right: 0;}
.pageAbout .img img{width: 100%;display: block;opacity: 0.7;}
.pageAbout .img .iconfont{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;background-color: #ffffff;border-radius: 50%;line-height: 70px;text-align: center;color: #2e59a3;font-size: 36px;cursor: pointer;transition: all 0.6s ease;}
.pageAbout .img .iconfont:hover{color: #fff;background-color: #2e59a3;}

/* boxVideo */
.boxVideo{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 1000;width: 52%;border: 10px solid #fff;}
.boxVideo video{width: 100%;display: block;}
.boxVideo .iconClose{display: block;position: absolute;top: -40px;right: -40px;color: #fff;font-size: 30px;cursor: pointer;}
.boxVideo .iconClose:hover{color: #2e59a3;}

/* pageFactory */
.pageFactory{width: 100%;position: relative;overflow: hidden;padding-bottom: 60px;z-index: 1;}
.pageFactory::after{content: '';width: 100%;height: 66%;background-color: #f6f7f8;position: absolute;bottom: 0;left: 0;z-index: -1;}
.pageFactory .aboutTitle{text-align: center;}
.pageFactory .factoryBox{width: 100%;margin-top: 40px;}
.pageFactory .factoryBox .swiper-slide .img{width: 32%;display: inline-block; float: left; vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.pageFactory .factoryBox .swiper-slide .img:nth-child(3n){margin-right: 0;}
.pageFactory .factoryBox .swiper-slide .img img{display: block;width: 100%;}
.pageFactory .factoryBox .pagination{width: 100%;text-align: center;margin-top: 10px;}
.pageFactory .factoryBox .swiper-pagination-switch{display: inline-block;width: 14px;height: 14px;background:#ddd;border-radius: 50%;margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.pageFactory .factoryBox .swiper-active-switch{background-color: #2e59a3;}


/* pageHonor */
.pageHonor{width: 100%;padding: 60px 0;overflow: hidden;}
.pageHonor .aboutTitle{text-align: center;}
.pageHonor .tabs{display: flex;align-items: center;justify-content:center;margin-top:20px;}
.pageHonor .tabs>div{height: 42px;border-radius: 8px;font-size: 16px;line-height: 42px;color: #141414;padding: 0 30px;margin: 0 12px;cursor: pointer;position: relative; background-color: rgba(0, 0, 0, 0.1);}
.pageHonor .tabs>div::after{content: '';width: 1px;	height: 16px;background-color: #cccccc;position: absolute;top: 12px;right: -11px;}
.pageHonor .tabs>div:last-child::after{display: none;}
.pageHonor .tabs .active,.pageHonor .tabs>div:hover{background-color: #2e59a3;color: #fff;box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-webkit-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);-moz-box-shadow: 0px 7px 13px 0px rgba(46, 89, 163, 0.15);}
.pageHonor .honorBox{width: 100%;margin-top: 40px;}
.pageHonor .honorBox>.swiper-wrapper{height: auto !important;}
.pageHonor .honorBox>.swiper-wrapper>.swiper-slide{height: auto !important;}
.pageHonor .honorBox .honorList{width: 100%;}
.pageHonor .honorBox .honorList .swiper-slide{padding: 0 16px;box-sizing: border-box;transform: scale(0.8);transition: all 0.6s ease;}
.pageHonor .honorBox .honorList .swiper-slide .img{width: 100%;overflow: hidden; box-sizing: border-box; background: url(../images/honorBg.jpg) center no-repeat; background-size: 100% 100%; padding: 25px;}
.pageHonor .honorBox .honorList .swiper-slide .img img{width:100%;display: block;}
.pageHonor .honorBox .honorList .swiper-slide .p{font-size: 14px;text-align: center;color: #999999;margin-top: 16px;transition: all 0.6s ease;}
.pageHonor .honorBox .honorList .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide{transform: scale(1);}
.pageHonor .honorBox .honorList .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .img{border:8px solid #fff;box-sizing: border-box;box-shadow: 0px 5px 40px 0px rgba(46, 89, 163, 0.05);-webkit-box-shadow: 0px 5px 40px 0px rgba(46, 89, 163, 0.05);-moz-box-shadow: 0px 5px 40px 0px rgba(146, 89, 163, 0.05);}
.pageHonor .honorBox .honorList .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .p{font-size: 18px;color: #333333;}

.pageHonor .honorBox .honorList .iconfont{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.4);font-size: 20px;color: #fff;position: absolute;top: 50%;z-index: 3;transition: all 0.6s ease;}
.pageHonor .honorBox .honorList .arrow-left{transform:translateY(-50%) rotate(-180deg);left: 0;}
.pageHonor .honorBox .honorList .arrow-right{transform: translateY(-50%);right: 0;}
.pageHonor .honorBox .honorList .iconfont:hover{background-color: #2e59a3;}


/* pageContact */
.pageContact{width: 100%;padding: 80px 0 ;overflow: hidden; position: relative; z-index: 1; background-color: #f6f7f8;}
.pageContact .aboutTitle{text-align: center;}
.pageContact ul{width: 100%;margin-top: 60px;}
.pageContact ul li{display: inline-block;vertical-align: top;cursor: pointer;width: 25%;}
.pageContact ul li .iconfont{width: 80px;height:80px;border-radius: 50%;text-align: center;line-height: 80px;background-color: rgba(46, 89, 163, 0.1);color: #2e59a3;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageContact ul li .tit{color: #333;font-size: 22px;margin: 6% 0 3%;font-weight: bold;transition: all 0.6s ease;}
.pageContact ul li .txt{color: #666;font-size: 16px;line-height: 24px;}
.pageContact ul li:hover .iconfont{background-color: #2e59a3;color: #fff;}
.pageContact ul li:hover .tit{color: #2e59a3;}
    


/* pageForm */
.pageForm{width: 100%;padding: 80px 0 ;overflow: hidden;}
.pageForm .aboutTitle{text-align: center;}
.pageForm form{width: 100%;margin: 40px auto 0;}
.pageForm form label{display: block;position: relative;}
.pageForm form label span{display: block;font-size: 16px;line-height:30px;color: #333;position: absolute; top: 0px; left: 20px;display: block;}
.pageForm form .row{width: 49%;float: left;background-color: #fafafa; box-sizing: border-box; border: solid 1px #ddd; margin-bottom: 30px;margin-right: 2%;padding: 14px 0;overflow: hidden;}
.pageForm form .row:nth-child(2n){margin-right: 0;}
.pageForm form input{width: 100%;font-size: 16px;color: #333;line-height: 30px;padding:0 20px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .row1{width: 100%;float: left;background-color: #fafafa; box-sizing: border-box; border: solid 1px #ddd;margin-bottom: 50px;padding: 14px 0;overflow: hidden;}
.pageForm form textarea{width: 100%;font-size: 16px;color: #333;line-height: 30px;height:150px;resize: none;padding:0 20px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .btn{width: 50%;background-color: #2e59a3;margin: 0 auto;display:block;height:58px;line-height:58px;cursor: pointer;background-color: #2e59a3;border: none;color: #fff;font-size: 18px;transition: all 0.6s ease;}
.pageForm form .btn:hover{box-shadow: 0 0 20px rgba(46, 89, 163, 0.3);}

/* pageMap */
.pageMap{ width:100%; position: relative; height: 650px; margin: 147px auto 0; overflow: hidden;}
.pageMap #allmap{height: 650px;width:100%;overflow: hidden; position: relative; z-index: 1;}
.pageMap #result{  position: absolute; bottom: 20px; z-index: 2; left: 50%; margin-left: -150px; width: 300px;text-align: center; display: table; word-spacing: 0; }
.pageMap #result .item{ width: 148px; height: 50px; display: inline-block; margin:0 0;  position: relative; overflow: hidden;}
.pageMap #result input[type='radio']{ width: 148px;height: 50px;  opacity: 0; }
.pageMap #result label{ position: absolute; top: 0; left: 0; width: 148px;height: 50px; line-height: 50px; border: 0; background-color: rgba(0, 0, 0, 0.6);font-size: 20px; color: #fff; overflow: hidden; cursor: pointer;}
.pageMap #result input:checked+label{background-color: #2e59a3 ; }
.pageMap #result input:checked+label::after {background-color: #2e59a3 ;}

.tdt-label.tdt-zoom-animated{  width: 320px; height: 150px; position: relative; padding:0; background: #2e59a3 !important; border: 0 !important; box-sizing: border-box;}
.tdt-label.tdt-zoom-animated::after{ content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; bottom: -15px; margin-left: -10px; border-top: 10px solid #2e59a3; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box;}
.pageMap .mapBox{ width:100% ; position: relative; overflow: hidden;}
.pageMap .mapBox .t{ font-size: 22px; padding: 15px; color: #fff ;border-bottom: solid 1px rgba(255, 255, 255, 0.2); overflow: hidden;box-sizing: border-box;}
.pageMap .mapBox .d{ font-size: 16px; color: #fff;padding: 15px; line-height: 26px;}


/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; text-align:center; color:#333; padding:0 12px; margin:0 4px; border-radius: 5px;}
.pages a:hover { background:#2e59a3;  border:1px solid #2e59a3; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px;  border-radius: 5px; line-height:32px; background:#2e59a3; color:#fff; text-align:center; padding:0 12px; margin:0 4px;}