@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; 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;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #1a4384;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both;}
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee;}
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'avanti'; src: url('../fonts/avanti-2.ttf');} 
@font-face {font-family:'Avignon'; src: url('../fonts/Avignon-Bold.ttf');} 
.scrollbar::-webkit-scrollbar{ width:6px; 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:#1a4384; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.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;}

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;border-bottom: 1px solid rgba(255, 255, 255, 0.14);padding: 25px 0;background-color: #fff;transition: all 0.6s ease;}
.header .logo{display: block;float: left;}
.header .logo img{display: block;height: 50px;transition: all 0.6s ease;}
.header .box{ width: 1100px; float: right;display: table;font-size: 0;text-align: right;}
.navBox{ max-width: 900px; display: inline-table;font-size: 0;text-align: right;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-right: 50px;}
.navBox .nLi h3 {padding: 10px 0;}
.navBox .nLi h3 a{display:block; line-height:30px;font-size:16px;color:#333;font-weight: normal;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #1a4384;font-weight: bold;}
.navBox .nLi .sub{display:none;position:absolute;top:50px;transform: translateX(-50%);left: 50%;width: 160px;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: #1a4384;color: #fff;}
.header .tel{ display: inline-block; vertical-align: top;  padding: 10px 0;}
.header .tel p{ display: inline-block; vertical-align: middle; font-size: 36px; color: #1a4384; font-weight: bold; line-height: 30px; margin:0 5px 0 0; }
.header .tel span{ display: inline-block; vertical-align: middle; font-size: 30px; color: #1a4384; font-weight: bold; line-height: 30px;}
.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); border-bottom: rgba(255,255,255,0);padding: 15px 0;}
.is-fixed .logo img{height: 40px;}
.is-fixed .navBox .nLi h3 {padding: 5px 0;}
.is-fixed .tel {padding: 5px 0;}
@media (max-width: 1680px) {
    .header .box{ width: 980px;}
    .navBox{ max-width: 800px;}
    .navBox .nLi{margin-right: 40px;}
}

/*indexBanner*/
.indexBanner{width: 100%;position: relative;margin-top: 100px;}
.indexBanner .swiper-container{width: 100%;}
.indexBanner .swiper-container .swiper-wrapper{height: auto !important;}
.indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative;}
.indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;}
.indexBanner .swiper-container .swiper-slide .box{width: 65%;position: absolute;left: 50%;}
.indexBanner .swiper-container .swiper-slide .box1{text-align: center;top: 20%;transform: translateX(-50%);}
.indexBanner .swiper-container .swiper-slide .box1 .tit1{font-size: 50px;font-weight: bold;line-height: 54px;color: #fff;}
.indexBanner .swiper-container .swiper-slide .box1 .txt1{font-size: 20px;line-height: 24px;color: #ffffff;margin: 2% 0 3%;}
.indexBanner .swiper-container .swiper-slide .box1 .more1{display: block;width: 180px;height: 48px;margin: 0 auto;border: 1px solid #fff;text-align: left;font-size: 14px;line-height: 48px;color: #fff;padding-left: 20px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.indexBanner .swiper-container .swiper-slide .box1 .more1 .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.indexBanner .swiper-container .swiper-slide .box1 .more1:hover{background-color: #f5901c;border-color: #f5901c;}
.indexBanner .swiper-container .swiper-slide .box2{top: 50%;transform: translate(-50%,-50%);}
.indexBanner .swiper-container .swiper-slide .box2 .cont{position: absolute;top: 50%;left: 0;transform: translateY(-60%);}
.indexBanner .swiper-container .swiper-slide .box2 .tit2{font-size: 50px;font-weight: bold;line-height: 54px;color: #333;}
.indexBanner .swiper-container .swiper-slide .box2 .tit2 span{color: #f5901c;font-family: Avignon;}
.indexBanner .swiper-container .swiper-slide .box2 .txt2{font-size: 20px;line-height: 30px;color: #949aa3;margin: 3% 0 6%;}
.indexBanner .swiper-container .swiper-slide .box2 .more2{display: block;width: 180px;height: 48px;background-color: #1a4384;font-size: 14px;line-height: 48px;color: #fff;padding-left: 20px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.indexBanner .swiper-container .swiper-slide .box2 .more2 .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.indexBanner .swiper-container .swiper-slide .box2 .more2:hover{background-color: #f5901c;}
.indexBanner .swiper-container .swiper-slide .box2 .img{float: right;overflow: hidden;}
.indexBanner .swiper-container .swiper-slide .box2 .img1{width: 48.8%;}
.indexBanner .swiper-container .swiper-slide .box2 .img2{width: 57.2%;}
.indexBanner .swiper-container .swiper-slide .box2 .img img{width: 100%;display: block;}
.indexBanner .pagination{width: 100%;position: absolute;left: 0;bottom:3%;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;background:rgba(255, 255, 255, 0.6);margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.indexBanner .swiper-active-switch{background: #fff;height: 16px;}
@media (max-width: 1680px) {
    .indexBanner .swiper-container .swiper-slide .box1 .tit1{font-size: 44px;line-height: 48px;}
    .indexBanner .swiper-container .swiper-slide .box1 .txt1{font-size: 16px;line-height: 20px;}
    .indexBanner .swiper-container .swiper-slide .box2 .tit2{font-size: 44px;line-height: 48px;}
    .indexBanner .swiper-container .swiper-slide .box2 .txt2{font-size: 16px;line-height: 20px;}
}
@media (max-width: 1600px) {
    .indexBanner .swiper-container .swiper-slide .box1 .tit1{font-size: 40px;line-height: 44px;}
    .indexBanner .swiper-container .swiper-slide .box2 .tit2{font-size: 40px;line-height: 44px;}
}
@media (max-width: 1400px) {
    .indexBanner .swiper-container .swiper-slide .box1 .tit1{font-size: 36px;line-height: 40px;}
    .indexBanner .swiper-container .swiper-slide .box2 .tit2{font-size: 36px;line-height: 40px;}
    .indexBanner .swiper-container .swiper-slide .box1 .more1{width: 160px;height: 42px;line-height: 42px;}
    .indexBanner .swiper-container .swiper-slide .box2 .more2{width: 160px;height: 42px;line-height: 42px;}
}
@media (max-width: 1280px) {
    .indexBanner .swiper-container .swiper-slide .box1 .tit1{font-size: 32px;line-height: 36px;}
    .indexBanner .swiper-container .swiper-slide .box2 .tit2{font-size: 32px;line-height: 36px;}
}


/* indexTitle */
.indexTitle h6{font-size: 40px;color: #333333;}
.indexTitle .p{font-size: 30px;line-height: 36px;color: #e5e8ed;text-transform: capitalize;}

/* indexAbout */
.indexAbout{width: 100%;background:url('../images/index_about_bg.jpg') bottom center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;}
.indexAbout .cont{width: 42%;float: left;margin-top: 4%;}
.indexAbout .cont .txt{font-size: 16px;line-height: 40px;color: #999;margin: 7% 0;}
.indexAbout .cont .more{display: block;width: 180px;height: 48px;background-color: #1a4384;font-size: 14px;line-height: 48px;color: #fff;padding-left: 20px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.indexAbout .cont .more .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.indexAbout .cont .more:hover{background-color: #f5901c;}
.indexAbout .img{width: 46%;overflow: hidden;float:right;}
.indexAbout .img .box{ width: 49%; text-align: center;}
.indexAbout .img img{display: inline-block; max-width: 100%; margin: 2% 0;}
.indexAbout .img .box:nth-child(2){ text-align: left;}
.indexAbout .img img.img1{ margin: 20% 0 10%;}

/* indexProduct */
.indexProduct{width: 100%;height: 490px;background:url('../images/index_product_bg.jpg') top center no-repeat fixed;padding: 80px 0 0;}
.indexProduct .indexTitle{text-align: center;}
.indexProduct .indexTitle h6,.indexProduct .indexTitle .p{color: #fff;}
.indexProduct .productBox{width: 100%;margin-top: 50px;position: relative;}
.indexProduct .productList {width:calc(100% + 24px);color: #fff;text-align: center;}
.indexProduct .productList .swiper-wrapper{height: auto !important;}
.indexProduct .productList .swiper-slide{height: auto !important;padding-right: 24px;box-sizing: border-box;}
.indexProduct .productList .swiper-slide a{background-color: #e1e5eb;cursor: pointer;display: block;width: 100%;position: relative;}
.indexProduct .productList .swiper-slide a::after{content: '';width: 100%;height: 100%;background-color: rgba(26, 67, 132, 0.6);position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide .img{overflow: hidden;width: 100%;background-color: #fff;position: relative;}
.indexProduct .productList .swiper-slide .img img{display:block;width: 100%;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide .img .iconfont{width: 45px;height: 45px;border: solid 1px #ffffff;border-radius: 50%;color: #fff;font-size: 24px;text-align: center;line-height: 45px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);z-index: 2;opacity: 0;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide .cont{width: 100%;padding:7% 6%;box-sizing: border-box;text-align: left;position: relative;z-index: 2;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide .cont .tit{font-size: 18px;color: #333;margin-bottom: 12px;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide .cont .txt{font-size: 16px;line-height:28px;color: #aaa;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexProduct .productList .swiper-slide a:hover{background-color: #1a4384;}
.indexProduct .productList .swiper-slide a:hover::after{opacity: 1;filter:alpha(opacity=100);}
.indexProduct .productList .swiper-slide a:hover .img .iconfont{opacity: 1;filter:alpha(opacity=100);top: 50%;}
.indexProduct .productList .swiper-slide a:hover .img .iconfont:hover{background-color: #fff;color: #1a4384;}
.indexProduct .productList .swiper-slide a:hover .cont .tit{color:#fff;}
.indexProduct .productList .swiper-slide a:hover .cont .txt{color:#fff;}
.indexProduct .productBox .iconfont{display: block;width:50px;height:50px;line-height:50px;border: 1px solid #fff;font-size: 24px;color:#fff;text-align: center;position: absolute;top: 30%;z-index: 3;transition: all 0.6s ease;}
.indexProduct .productBox .arrow-left1{transform: rotateY(-180deg);left: -100px;}
.indexProduct .productBox .arrow-right1{right: -100px;}
.indexProduct .productBox .iconfont:hover{background-color: #1a4384;color: #fff;border-color: #1a4384;}
@media (max-width: 1680px) {
    .indexProduct{width: 100%;height: 440px;}
}
@media (max-width: 1600px) {
    .indexProduct{width: 100%;height: 430px;}
}
@media (max-width: 1440px) {
    .indexProduct .productBox .arrow-left1{left: -70px;}
    .indexProduct .productBox .arrow-right1{right: -70px;}
}
@media (max-width: 1366px) {
    .indexProduct .productBox .arrow-left1{left: -50px;}
    .indexProduct .productBox .arrow-right1{right: -50px;}
}
@media (max-width: 1330px) {
    .indexProduct .productBox .iconfont{border: 1px solid #f5901c;color: #f5901c;}
    .indexProduct .productBox .arrow-left1{left: -30px;}
    .indexProduct .productBox .arrow-right1{right: -30px;}
}
@media (max-width: 1280px) {
    .indexProduct .productBox .arrow-left1{left: 0px;}
    .indexProduct .productBox .arrow-right1{right: 0px;}
}

/* indexApplication */
.indexApplication{width: 100%;background: url('../images/index_application_bg.jpg') bottom center no-repeat;background-size: cover;padding: 140px 0 80px;}
.indexApplication .box{width: 100%;margin-top: 50px;padding: 0 0;box-sizing: border-box;}
.indexApplication .box .indexTitle{float: left;}
.indexApplication .box .arrowBox{float: right;width: 130px;margin-top: 30px;}
.indexApplication .box .arrowBox .iconfont{display: block;float: left;width:50px;height:50px;line-height:50px;font-size: 24px;color: #1a4384;text-align: center;border: 1px solid #1a4384;box-sizing: border-box;transition: all 0.6s ease;}
.indexApplication .arrow-left2{transform: rotateY(-180deg);margin-right: 30px;}
.indexApplication .box .arrowBox .iconfont:hover{background-color: #1a4384;color: #fff;}
.indexApplication .applicationList {width:calc(100% + 40px);color: #fff;text-align: center;margin: 50px 0;}
.indexApplication .applicationList .swiper-wrapper{height: auto !important;}
.indexApplication .applicationList .swiper-slide{height: auto !important;padding-right: 40px;box-sizing: border-box; overflow: hidden;}
.indexApplication .applicationList .swiper-slide a{cursor: pointer;display: inline-block;width: 100%;position: relative;overflow: hidden;}
.indexApplication .applicationList .swiper-slide a img{display:block;width: 100%;transition: all 0.6s ease;}
.indexApplication .applicationList .swiper-slide .cont{width: 100%;padding: 20px 6%;box-sizing: border-box;text-align: left;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;  background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.8));}
.indexApplication .applicationList .swiper-slide .cont .tit{font-size: 18px;line-height: 20px;color: #fff;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);position: relative;padding-left: 15px;transition: all 0.6s ease;}
.indexApplication .applicationList .swiper-slide .cont .tit::after{content: '';width: 5px;height: 5px;background-color: #fff;position: absolute;top: 7px;left: 0;}
.indexApplication .applicationList .swiper-slide .cont .txt{font-size: 16px;line-height:28px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexApplication .applicationList .swiper-slide .cont .txt img{ display: none;}
.indexApplication .applicationList .swiper-slide a:hover img {transform: scale(1.1);}
.indexApplication .applicationList .swiper-slide a:hover .cont{ background: linear-gradient(180deg,rgba(26,67,132,1) 0,rgba(26,67,132,1));}
.indexApplication .pagination{width: 100%;text-align: center;}
.indexApplication .swiper-pagination-switch{display: inline-block;width: 20px;height: 12px;border-radius: 6px;background:rgba(26, 67, 132, 0.24);margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.indexApplication .swiper-active-switch{background: #1a4384;width: 30px;}
.indexApplication .listBox{width: 100%;display: table;font-size: 0;text-align: center;margin-top: 100px;}
.indexApplication .listBox li{display: inline-block;vertical-align: top;cursor: pointer;}
.indexApplication .listBox li .img{	width: 110px;height: 110px;border-radius: 50%;margin: 0 auto 10px;background-color: rgba(26, 67, 132, 0.4);transition: all 0.6s ease;}
.indexApplication .listBox li .img img{width: 100%;display: block;}
.indexApplication .listBox li .tit{	font-size: 18px;line-height: 40px;color: #333333;}
.indexApplication .listBox li.iconfont{color: #f6f6f6;font-size: 50px;line-height: 110px;margin: 0 3%;}
.indexApplication .listBox li:hover .img{background-color: #1a4384;transform: rotateY(360deg);}

/* indexCase */
.indexCase{width: 100%;background: url(../images/index_case_bg.jpg) center center no-repeat fixed;padding: 80px 0 ;overflow: hidden;}
.indexCase .swiper-container {width: 100%;height: auto;}
.indexCase .swiper-container .swiper-wrapper{height: auto !important;}
.indexCase .swiper-slide{height: auto !important;padding: 0 10px;box-sizing: border-box;}
.indexCase .swiper-slide a{display: block;background-color: #fff;border: solid 1px rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.indexCase .swiper-slide a img{display: block;width: 100%;transition: all 0.6s ease;}
.indexCase .arrowBox{width: 100%;display: flex;align-items: center; justify-content: center;margin-top: 30px;}
.indexCase .arrowBox .pagination{margin: 0 10px;}
.indexCase .arrowBox .swiper-pagination-switch{display: inline-block;width: 20px;height: 12px;border-radius: 6px;background-color: rgba(255, 255, 255,0.3);margin: 0 5px;cursor: pointer;}
.indexCase .arrowBox .swiper-active-switch {width: 30px;background-color: #fff;}


/*indexNews*/
.indexNews{width: 100%;background: url('../images/index_news_bg.jpg') center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;}
.indexNews .indexTitle{text-align: center;}
.indexNews .indexTitle .p{color: #999;}
.indexNews .newsBox{width:100%;margin-top: 50px; overflow: hidden;}
.indexNews .newsBox{width: 100%;position: relative;}
.indexNews .newsBox .text{width: 48.5%;overflow: hidden;}
.indexNews .newsBox .text a{width: 100%;display: block;position: relative;}
.indexNews .newsBox .text img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews .newsBox .text .box{width: 96%; background-color: rgba(26, 67, 132, 0.8);padding:4% 5%;box-sizing: border-box;position: absolute;bottom: 3%;right:2%;transition: all 0.6s ease;}
.indexNews .newsBox .text .box .tit{font-size: 18px;line-height: 36px;color: #fff;}
.indexNews .newsBox .text .box .time{font-size: 14px;color: #ccc;margin: 4px 0 10px;}
.indexNews .newsBox .text .box .txt{font-size: 16px;line-height: 28px;color: #ddd;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexNews .newsBox .text .box .iconfont{color: #fff;font-size: 24px;justify-content: flex-start;margin-top: 6px;transition: all 0.6s ease;}    
.indexNews .newsBox .text:hover img{transform: scale(1.1);}
.indexNews .newsBox .text:hover .box{width: 100%;bottom: 0;right: 0; background-color: #1a4384;}
.indexNews .newsBox .text:hover .box .iconfont{margin-left: 5%;}
.indexNews .newsBox ul{width: 48.5%;height: 100%;position:absolute;top: 0;right: 0;}
.indexNews .newsBox ul li{width: 100%;height: 32%;margin-bottom: 1.4%;}
.indexNews .newsBox ul li:last-child{margin-bottom: 0;}
.indexNews .newsBox ul li .img{width: 30%;height: 100%; background-size: cover !important; float: left;overflow: hidden;}
.indexNews .newsBox ul li .img img{height: 100%;display: block;transition: all 0.6s ease;}
.indexNews .newsBox ul li .box{float: right;width: 66%;}
.indexNews .newsBox ul li .box .tit{font-size: 18px;color: #333333; margin-top: 5px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexNews .newsBox ul li .box .time{font-size: 14px;color: #999;margin: 2% 0 3%;}
.indexNews .newsBox ul li .box .txt{font-size: 16px;line-height: 28px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexNews .newsBox ul li .box .iconfont{color: #999;font-size: 24px;justify-content: flex-start;transition: all 0.6s ease;}    
.indexNews .newsBox ul li:hover .img img{transform: scale(1.1);}
.indexNews .newsBox ul li:hover .box .tit{color: #1a4384;}
.indexNews .newsBox ul li:hover .box .iconfont{margin-left: 5%;}
.indexNews .more{display: block;width: 180px;height: 48px;margin: 50px auto 0;border: 1px solid #1a4384;font-size: 14px;line-height: 48px;color: #1a4384;padding-left: 20px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.indexNews .more .iconfont{color: #1a4384;font-size: 26px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);transition: all 0.6s ease;}
.indexNews .more:hover{background-color: #1a4384;color: #fff;}
.indexNews .more:hover .iconfont{color: #fff;}
@media (max-width: 1440px) {
    .indexNews .newsBox ul li .box .txt{font-size: 14px;line-height: 24px;}
}


/*footer*/
.footer{width: 100%;background: url('../images/footer_bg.jpg') center center no-repeat; background-size: cover; padding-top: 70px;overflow: hidden;}
.footer .left{float: left;width: 410px;}
.footer .left .logo{display: block;}
.footer .left .logo img{display: block;height: 44px; filter: grayscale(100%) brightness(500%); }
.footer .left .phone{position: relative;font-size: 14px;color: #fff;padding-left: 56px;margin: 30px 0 20px;}
.footer .left .phone p{font-family:avanti;font-size: 26px;line-height: 34px;color: #fff;}
.footer .left .phone .icon-dianhua{color: #fff;font-size: 50px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.footer .left .txt{font-size: 14px;color: #636875;width: 100%;line-height: 20px;display: flex;align-items: flex-start;justify-content: flex-start;margin-top: 8px;}
.footer .left .txt .iconfont{color: #636875;font-size: 18px;}
.footer .left .txt .tit{width: 70px;margin-left: 5px;}
.footer .left .txt .tit1{width: 245px;}
.footer .center{float: right; }
.footer .center dl{float: left;margin-right: 100px;}
.footer .center dl dt a{font-size: 16px;line-height: 48px;color: #ffffff;}
.footer .center dl dd a{font-size: 14px;line-height: 30px;color: #636875;}
.footer .center dl dt a:hover{color: #f5901c;}
.footer .center dl dd a:hover{color: #f5901c;}
.footer .right{float: left;margin-top: 16px;}
.footer .right img{display: block;width: 130px;}
.footer .right p{text-align: center;font-size: 14px;color: #999;margin-top: 10px;}
.footer .copyRight{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 60px;padding: 18px 0;font-size: 14px;color: #636875;}
.footer .copyRight a{color: #636875;}
.footer .copyRight a:hover{color: #f5901c;}
@media (max-width: 1680px) {
    .footer .center dl{margin-right: 50px;}
}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;margin-top: 100px;}
.pageBanner img{display: block;width: 100%;}
.pageBanner .title{font-size: 38px;color: #ffffff;text-align: center;position: absolute;top: 50%;left: 0; right: 0; margin:-40px auto 0;}
.pageBanner .title p{text-transform: uppercase;font-size: 24px; margin-top: 4px;}

/* pageAbout */
.pageAbout{width: 100%;background:#f7f8fa url('../images/about/about_bg.jpg') center center no-repeat; background-size: cover; padding: 100px 0; overflow: hidden;}
.pageAbout .imgBox{width: 37%;position: relative;float: left;}
.pageAbout .imgBox .swiper-container{width: 100%;}
.pageAbout .imgBox .swiper-container .swiper-wrapper{height: auto !important;}
.pageAbout .imgBox .swiper-container .swiper-slide{height: auto !important;}
.pageAbout .imgBox .swiper-container .swiper-slide img{display: block;width: 100%;}
.pageAbout .imgBox .pagination{width: 100%;position: absolute;left: 0;bottom:3%;text-align: right;z-index: 2;padding-right: 30px;box-sizing: border-box;}
.pageAbout .imgBox .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;background:rgba(255, 255, 255, 0.6);margin: 0 5px;cursor: pointer;transition: all 0.6s ease;}
.pageAbout .imgBox .swiper-active-switch{background: #fff;}
.pageAbout .cont{width: 58%;float: right;}
.pageAbout .cont .title{width: 100%;margin: 4% 0;}
.pageAbout .cont .title .tit1{float: left;font-size: 36px;font-weight: bold;line-height: 36px;color: #333333;}
.pageAbout .cont .title .tit2{float: left;font-size: 14px;color: #f5901c;line-height: 36px;position: relative;padding-left: 22px;box-sizing: border-box;margin-left: 30px;}
.pageAbout .cont .title .tit2 .iconfont{position: absolute;top: 0;left: 0;font-size: 18px;color: #f5901c;}
.pageAbout .cont .txt{font-size: 16px;line-height: 40px;color: #666;}
.pageAbout .cont .txt img{ max-width: 100%; display: none;}
.pageAbout .cont .box{width: 100%;margin-top: 6%;}
.pageAbout .cont .box .img{width: 24%;overflow: hidden;float: left;margin-right: 3%;border: 1px solid #ddd;box-sizing: border-box;}
.pageAbout .cont .box .img1{width: 44.5%;overflow: hidden;float: right;}
.pageAbout .cont .box img{width: 100%;display: block;}
@media (max-width:1680px){
    .pageAbout .cont .txt{font-size: 14px;line-height: 36px;}
}

/* pageEquipment */
.pageEquipment{width: 100%;background-color: #fff;padding: 90px 0;}
.pageEquipment .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;}
.pageEquipment ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 60px;}
.pageEquipment ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.pageEquipment ul li img{width: 100%;display: block;}
.pageEquipment ul li:nth-child(3n){margin-right: 0;}

/* pageNav */
.pageNav{width: 100%;border-bottom: 1px solid #eee;padding: 25px 0;}
.pageNav ul{width: 100%;display: table;text-align: center;font-size: 0;}
.pageNav ul li{display: inline-block;vertical-align: top;margin: 0 30px;}
.pageNav ul li a{color: #333;font-size: 16px;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #1a4384;font-weight: bold;}

/* pageProduct */
.pageProduct{width: 100%;padding: 80px 0;}
.pageProduct .productList{width: 100%;display: table;font-size: 0;text-align: left;}
.pageProduct .productList li{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);}
.pageProduct .productList li:nth-child(4n){margin-right: 0;}
.pageProduct .productList li a{background-color: #e1e5eb;cursor: pointer;display: block;width: 100%;position: relative;}
.pageProduct .productList li a::after{content: '';width: 100%;height: 100%;background-color: rgba(26, 67, 132, 0.6);position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;transition: all 0.6s ease;}
.pageProduct .productList li .img{overflow: hidden;width: 100%;background-color: #fff;position: relative;}
.pageProduct .productList li .img img{display:block;width: 100%;transition: all 0.6s ease;}
.pageProduct .productList li .img .iconfont{width: 45px;height: 45px;border: solid 1px #ffffff;border-radius: 50%;color: #fff;font-size: 24px;text-align: center;line-height: 45px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);z-index: 2;opacity: 0;transition: all 0.6s ease;}
.pageProduct .productList li .cont{width: 100%;padding: 8% 6%;box-sizing: border-box;text-align: left;position: relative;z-index: 2;transition: all 0.6s ease;}
.pageProduct .productList li .cont .tit{font-size: 18px;color: #333;margin-bottom: 12px;transition: all 0.6s ease;}
.pageProduct .productList li .cont .txt{font-size: 16px;line-height:28px;color: #aaa;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageProduct .productList li a:hover{background-color: #1a4384;}
.pageProduct .productList li a:hover::after{opacity: 1;filter:alpha(opacity=100);}
.pageProduct .productList li a:hover .img .iconfont{opacity: 1;filter:alpha(opacity=100);top: 50%;}
.pageProduct .productList li a:hover .img .iconfont:hover{background-color: #fff;color: #1a4384;}
.pageProduct .productList li a:hover .cont .tit{color:#fff;}
.pageProduct .productList li a:hover .cont .txt{color:#fff;}

/* pageApplication */
.pageApplication{width: 100%;}
.pageApplication li{width: 100%;padding: 4% 0;  overflow: hidden;}
.pageApplication li .box{display: inline-block; align-items: center; justify-content: space-between; font-size: 0;}
.pageApplication li .img{width: 30%; padding:0 5% 0 0; overflow: hidden; display: inline-block; vertical-align: middle;}
.pageApplication li .img img{display:block;width: 100%;}
.pageApplication li .cont{width: 65%; vertical-align: middle; display: inline-block;}
.pageApplication li .cont .tit{font-size: 24px;line-height: 30px;color: #1a4384;border-bottom: 1px solid #eee;margin-bottom: 3% ;position: relative;padding:0 0 3% 30px;transition: all 0.6s ease;}
.pageApplication li .cont .tit::after{content: '';width: 10px;height: 10px;background-color: #1a4384;position: absolute;top: 10px;left: 0;}
.pageApplication li .cont .txt{font-size: 16px;line-height:38px;color: #333;}
.pageApplication li:nth-child(2n){background-color: #f9f9f9;}
.pageApplication li:nth-child(2n) .img{ padding:0 0 0 5%;}

/* pageNews */
.pageNews{width: 100%;padding: 60px 0;}
.pageNews ul{width: 100%;}
.pageNews ul li{width:100%;margin-bottom: 2%;box-shadow: 0 0 24px rgba(0,0,0,0.06);-webkit-box-shadow: 0 0 24px rgba(0,0,0,0.06);-moz-box-shadow: 0 0 24px rgba(0,0,0,0.06);}
.pageNews ul li .img{width: 24%;float: left;overflow: hidden;}
.pageNews ul li .img img{width: 100%;transition: all 0.6s ease;display: block;}
.pageNews ul li .cont{width: 72%;float: right;padding-right: 4%;box-sizing: border-box;}
.pageNews ul li .cont h6{color: #333;font-size: 18px;line-height: 26px;font-weight: normal;margin-top: 3%;}
.pageNews ul li .cont h6 span{ color: #f5901c; margin-right: 5px;}
.pageNews ul li .cont .time{color: #666;font-size: 16px;line-height: 20px;margin: 2% 0;}
.pageNews ul li .cont .text{color: #333;font-size: 16px;line-height: 30px;margin-bottom: 3%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageNews ul li .cont .iconfont{color: #999;font-size: 24px;justify-content: flex-start;transition: all 0.6s ease;}    
.pageNews ul li:hover .img img{transform:scale(1.1);}
.pageNews ul li:hover .cont h6{color: #1a4384;}
.pageNews ul li:hover .cont .iconfont{margin-left: 5%;color: #1a4384;}

/* pageNewsD */
.pageNewsD{width: 100%;padding:60px 0 ;}
.pageNewsD .cont{width: 100%;}
.pageNewsD .cont .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .cont .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .cont .time span{margin: 0 10px;}
.pageNewsD .cont .text{font-size: 16px;line-height: 38px;color: #333333;}
.pageNewsD .cont .text img{max-width: 100%;}
.pageNewsD .cont .link{width: 100%;border-top: 1px dashed #e5e5e5;padding-top: 30px;margin-top: 40px;}
.pageNewsD .cont .link a{display: inline-block;font-size: 16px;line-height: 26px;color: #333333;max-width: 49%;transition: all 0.6s ease;}
.pageNewsD .cont .link a:hover{color: #1a4384;text-decoration: underline;}

/* pageContent */
.pageContent{ width: 100%; padding: 60px 0;}
.pageContent .box{ width: 100%; font-size: 16px; color: #333; line-height: 38px;}
.pageContent .box img{ max-width: 100%;}

/* pageContact */
.pageContact{width: 100%;background-color: #f9f9f9;padding: 60px 0;}
.pageContact .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;}
.pageContact ul{width: 100%;display: table;font-size: 0;text-align: center;margin-top: 60px;}
.pageContact ul li{display: inline-block;vertical-align: top;cursor: pointer;width: 20%;margin: 0 5%;}
.pageContact ul li .iconfont{width: 80px;height:80px;border-radius: 50%;text-align: center;line-height: 80px;background-color: rgba(26, 67, 132, 0.5);color: #fff;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageContact ul li .tit{color: #333;font-size: 18px;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: #1a4384;}
.pageContact ul li:hover .tit{color: #1a4384;}

/* pageForm */
.pageForm{width: 100%;padding: 60px 0;}
.pageForm .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;}
.pageForm form{width: 100%;margin: 40px auto 0;}
.pageForm form label{display: block;position: relative;}
.pageForm form label p{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 13px; left: 30px;display: block;}
.pageForm form .row{width: 49%;float: left;background-color: #f3f3f3;margin-bottom: 30px;margin-right: 2%;}
.pageForm form .row:nth-child(2n){margin-right: 0;}
.pageForm form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:18px 30px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .row1{width: 100%;background-color: #f3f3f3;float: left;margin-bottom: 50px;}
.pageForm form .txt.w2{width: 100%;font-size: 16px;color: #333;line-height: 20px;height:176px;resize: none;padding:18px 30px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .btn{width: 320px;display:block;height: 48px;line-height:48px;cursor: pointer;background-color: #1a4384;border: none;color: #fff;font-size: 18px;text-align: center;margin: 0 auto;transition: all 0.6s ease;}
.pageForm form .btn:hover{background-color: #f5901c;}

/* map */
.map{width: 100%;height: 60vh; position: relative; z-index: 1;}
.map #map{width: 100%;height: 60vh;}


/*pageProductD*/
.pageProductD{width: 100%;padding: 60px 0 80px;}
.product_box{ width: 100%; overflow: hidden;}
.pro_l{position:relative; width: 550px; height: 500px; border: solid 1px #eee; z-index: 3;}
#showbox {z-index:2;height: 500px !important;}
#showbox>div{top: 0 !important;}
#showbox span {background:url('../images/whitebg.png') repeat; border: solid 1px #eee;cursor: pointer;}
#showsum {left:20px; position: absolute !important; bottom: 0;height: 91px !important;}
#showsum span{background-color: #eee; padding:1px; width:98px !important;height:90px !important;}
#showsum span img{top: 0 !important;}
#showsum span.sel{background-color:#1a4384;padding:2px;width:96px !important;height:88px !important;cursor: pointer;}
.pro_r{width:600px; position: relative; height: 500px; z-index: 2;}
.pro_r .pro_info{ float: left; width: 100%;}
.pro_r .pro_info .name{ float: left; font-size: 24px; color: #333; width: 100%; border-bottom: solid 1px #eee; line-height: 24px; padding: 15px 0;}
.pro_r .pro_info .summary{ float: left;  width: 100%; margin-top: 20px; font-size:14px ; color: #333;line-height: 26px; max-height: 315px;  overflow-y: auto;padding-right: 10px;box-sizing: border-box;}
.pro_r .pro_info .summary img{ max-width: 100%; display: none;}
.showpage a{display: block;width: 26px;height: 42px;position: absolute;bottom: 29px;cursor:pointer; z-index: 1;color: #1a4384;font-size: 38px;}
.showpage #showlast{left: 0;transform: rotate(-180deg);}
.showpage #shownext{right: 0;}
.productD{width: 100%;margin-top: 60px;}
.productD .tit{color: #1a4384;font-size: 24px;border-bottom: 1px solid #eee;padding-bottom: 14px;margin-bottom: 20px;}
.productD .txt{ font-size: 14px;line-height: 30px;color: #333;}
.productD .txt img{max-width: 100%;}




#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url('../images/iconBox.png') no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#1a4384 url('../images/iconBox.png') no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url('../images/iconBox.png') no-repeat -50px 0; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#1a4384 url('../images/iconBox.png') no-repeat -50px 0; left:0px;}
#boxer .boxer-arrow.next{background-position:-100px 0px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#1a4384 url('../images/iconBox.png') no-repeat -100px 0px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url('../images/loading.gif') no-repeat center;}



/* 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 #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#1a4384;  border:1px solid #1a4384; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#1a4384; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}