@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff;}
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: #28bdf1;}
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;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.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;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.scrollbar::-webkit-scrollbar{ width:2px; 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:#28bdf1;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}


.c1440 {width: 1440px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative; min-width: 1200px;}
.c1200 {width:1200px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative;}
@media (max-width: 1440px){
    .c1440{ width: 1200px;}
}


/* header */
.header{width: 100%;padding:  0; background-color: #fff; position: relative;z-index: 99;transition: all 0.6s ease;}
.header1{ background-color: rgba(255,255,255,0); position: fixed;top: 0;left: 0; }
.headerTop{ padding: 20px 0; width: 100%; transition: all 0.6s ease; position: relative; z-index: 2;}
.headerTop .logo{display: inline-block;}
.headerTop .logo img{display: block;height: 60px; transition: all 0.6s ease;}
.headerTop .info{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.headerTop .info dl{ position: relative;}
.headerTop .info dl dt{ font-size: 14px; color: #666; line-height: 20px; position: relative; padding: 10px 0;}
.headerTop .info i{ padding:  10px; line-height: 20px; color: #999;}
.headerTop .info dl dd{ display: none;position: absolute; width: 140px; padding: 0; box-sizing: border-box; top: 40px; left: 50%; transform: translateX(-50%); background-color: #fff; text-align: center; 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);z-index: 99;}
.headerTop .info dl dd img{ width: 100%;}
.headerTop .info dl dd p{ font-size: 12px; color: #666;  padding-bottom: 10px;}
.headerTop .info dl:hover dd{ display: inline-block;}
.headerTop .info dl:hover dt a{ color: #28bdf1;}
.headerC{ background-color: #014ca0;position: relative; z-index: 1;}
.headerC .navBox{  height: 60px;}
.headerC .navBox .nLi{display: inline-block;vertical-align: top;position: relative;}
.headerC .navBox .nLi h3 a{display:block;line-height:30px;font-size:16px;color:#fff;font-weight: normal;padding: 15px 40px;transition: all 0.6s ease;}
.headerC .navBox .nLi:first-child{ margin-left: 0;}
.headerC .navBox .nLi:hover h3 a,.navBox .nLi.on h3 a{ background-color: #28bdf1; }
.headerC .navBox .nLi .sub{display:none;width: 180px;position:absolute;top:60px;transform: translateX(-50%);left: 50%;z-index: 3;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);}
.headerC .navBox .nLi .sub>li{border-bottom: 1px solid #eee;}
.headerC .navBox .nLi .sub>li:last-child{border-bottom: none;}
.headerC .navBox .nLi .sub>li>a{display:block;text-align: center;font-size: 14px;line-height: 20px;color: #333;padding:12px 8px;box-sizing: border-box;transition: all 0.6s ease;}
.headerC .navBox .nLi .sub>li>a:hover,.navBox .nLi .sub>li>a.on{background-color: #28bdf1;color: #fff;}

.headerC .tel{display: inline-block; font-size: 30px; line-height: 40px;height: 60px; box-sizing: border-box; padding: 10px 0; color: #fff; font-weight: bold;  padding-left: 40px; position: relative;}
.headerC .tel span{  font-size: 36px; line-height: 40px; position: absolute; left: 0; top: 10px; }


.header1{ background-color: rgba(255,255,255,0); position: fixed;top: 0;left: 0; }
.header1 .navBox .nLi h3 a,.header1 .tel span,.header1 .tel p{ 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;  position: fixed;top: 0;left: 0;}
.is-fixed .headerTop{ padding: 15px 0;}
.is-fixed .logo img{ height: 50px;}

 @media (max-width: 1440px){
    .headerC .navBox .nLi h3 a{ padding: 15px 30px;}
}


/* indexBanner */
.indexBanner{ width: 100%;  position: relative; overflow: hidden; min-width: 1200px; z-index: 1;}
.indexBanner .swiper-slide{width: 100%;;position: relative; background-size: cover !important;}
.indexBanner .swiper-slide img{ width: 100%; display: block;}
.indexBanner .swiper-slide a{ width: 100%;  display: inline-block;}
.indexBanner .swiper-pagination{bottom: 40px !important;right: 0;}
.indexBanner .swiper-pagination-bullet{width: 15px;height: 15px;cursor: pointer; background-color: #fff; box-sizing: border-box;border-radius: 50%; border: solid 1px #fff; transition: all 0.6s ease;margin: 0 8px !important; opacity: 1; position: relative;}
.indexBanner .swiper-pagination-bullet-active{ background-color: #28bdf1; }
.indexBanner .swiper-button-prev,.indexBanner .swiper-button-next{ width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #fff; font-size: 20px; color: #333; text-align: center; background-image:  none !important; transition: all 0.6s ease;}
.indexBanner .swiper-button-prev { left: 4%;}
.indexBanner .swiper-button-next { right: 4%; transform: rotate(180deg);}
.indexBanner .swiper-button-prev:hover,.indexBanner .swiper-button-next:hover{  background-color: #28bdf1; color: #fff;}

/* indexTitle */
.indexTitle{ width: auto; position: relative; font-size: 40px; color: #333;}

/* indexAbout */
.indexAbout{ width: 100%; position: relative; overflow: hidden; padding: 80px 0;}
.indexAbout .box{ width: 46%;padding-top: 20px;}
.indexAbout .box .txt{ font-size: 16px; color: #333; margin-top: 20px; line-height: 34px;}
.indexAbout .img{ width: 43.75%;}
.indexAbout .img img{ width: 100%; display: block;}
.indexAbout .more{ position: relative; margin-top: 30px; width: auto; display: inline-block;}
.indexAbout .more a{ display: inline-block; line-height: 50px; background-color: #014ca0; padding: 0 20px; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; color: #fff; width: 110px; transition: all ease 0.6s; overflow: hidden;}
.indexAbout .more span{ display: inline-block; line-height: 20px; width: 16px; text-align: center; position: absolute; z-index: 2; color: #fff; top: 15px;  right: 10px; transform: rotate(90deg) ;}
.indexAbout .more a:hover{ background-color: #28bdf1;}


/* indexProduct */
.indexProduct{ width: 100%; padding: 80px 0; position: relative; background: url(../images/proBg.jpg) center no-repeat; background-size: cover; min-width: 1200px; overflow: hidden;}
.indexProduct .indexTitle{ text-align: center;}
.indexProduct ul{ width: 100%; box-sizing: border-box; margin: 50px 0 0 0;}
.indexProduct ul li { box-sizing: border-box; width: 460px; margin-right: 30px; padding: 0 0; text-align: center;}
.indexProduct ul li:nth-child(3n){ margin-right: 0;}
.indexProduct ul li .img{ width: 100%; overflow: hidden;}
.indexProduct ul li .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.indexProduct ul li .tit{ line-height: 30px; margin-top: 15px; color: #333; box-sizing: border-box; font-size: 18px; padding: 0;}
.indexProduct ul li:hover img{ transform: scale(1.05);}
.indexProduct ul li:hover .tit{ color: #014ca0;}
@media (max-width: 1440px){
    .indexProduct ul li{ width: 380px;}
    .indexProduct ul li .tit{ font-size: 16px;}
}


/* indexNews */
.indexNews{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.indexNews .more{ position: relative; width: auto; display: inline-block;}
.indexNews .more a{ display: inline-block; line-height: 50px; background-color: #014ca0; padding: 0 20px; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; color: #fff; width: 110px; transition: all ease 0.6s; overflow: hidden;}
.indexNews .more span{ display: inline-block; line-height: 20px; width: 16px; text-align: center; position: absolute; z-index: 2; color: #fff; top: 15px;  right: 10px; transform: rotate(90deg) ;}
.indexNews .more a:hover{ background-color: #28bdf1;}
.indexNews ul{ width: 100%; margin-top: 50px;}
.indexNews ul li{ width: 23.5%; margin-right: 2%; background-color: rgba(1,76,160,0.05);transition: all 0.6s ease; }
.indexNews ul li:nth-child(4n){ margin-right: 0;}
.indexNews ul li a{ box-sizing: border-box; padding: 25px; width: 100%; display: inline-block; }
.indexNews ul li .time{ font-size: 14px; color: #fff; padding: 0 15px; line-height: 30px; border-radius: 15px; display: inline-block; background-color: #014ca0; transition: all 0.6s ease;}
.indexNews ul li .tit{ font-size: 18px; color: #333; line-height: 30px; padding: 15px 0; transition: all 0.6s ease;}
.indexNews ul li .txt{ font-size: 14px; color: #999; line-height: 22px; transition: all 0.6s ease;}
.indexNews ul li .gd{ font-size: 14px; color: #014ca0; font-weight: bold; margin-top: 20px; transition: all 0.6s ease;}
.indexNews ul li:hover { background-color: #014ca0;}
.indexNews ul li:hover .time{ background-color: #28bdf1; }
.indexNews ul li:hover .tit,.indexNews ul li:hover .gd{ color: #fff;}
.indexNews ul li:hover .txt{ color: rgba(255,255,255,0.8);}

/* indexService */
.indexService{ width: 100%; padding: 80px 0; position: relative; background: url(../images/serviceBg.jpg) center no-repeat; background-size: cover; min-width: 1200px; overflow: hidden;}
.indexService .indexTitle{ color: #fff;}
.indexService ul{ width: 100%; margin-top: 50px;}
.indexService ul li{ width: 19.2%; background-color: #fff; position: relative; text-align: center; margin:0 1% 1% 0; box-sizing: border-box; padding:35px 20px; transition: all 0.6s ease; cursor: pointer; }
.indexService ul li:nth-child(5n){ margin-right: 0;}
.indexService ul li .iconfont{ font-size: 40px; color: #014ca0; position: relative; transition: all 0.6s ease;}
.indexService ul li .iconfont::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; background-color: #28bdf1; z-index: 0;margin: -8px 0 0 8px; transition: all 0.6s ease;}
.indexService ul li .iconfont::before{ z-index: 2;position: relative;}
.indexService ul li .tit{ font-size: 16px; margin-top: 15px; transition: all 0.6s ease;}
.indexService ul li:hover{background-color: #28bdf1;}
.indexService ul li:hover .iconfont{ color: #fff;}
.indexService ul li:hover .iconfont::after{ background-color: rgba(255,255,255,0.6);}
.indexService ul li:hover .tit{ color: #fff;}


/* indexPartner */
.indexPartner{ width: 100%; padding: 80px 0; position: relative; background: url(../images/partnerBg.jpg) center no-repeat fixed; background-size: cover; min-width: 1200px; overflow: hidden;}
.indexPartner .top{ width: 100%; margin-bottom: 50px;}
.indexPartner .swiper-slide{ box-sizing: border-box; border: solid 1px #eee;}
.indexPartner .swiper-slide img{ width: 100%; display: block;}
.indexPartner .swiper-pagination{ right: 0; top: 20px;}
.indexPartner .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; margin-left:20px ; background-color: #014ca0; opacity: 0.3;}
.indexPartner .swiper-pagination .swiper-pagination-bullet:first-child{ margin-left: 0;}
.indexPartner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}

/* indexSlogan */
.indexSlogan{ width: 100%; padding: 60px 0; position: relative; background: url(../images/sloganBg.jpg) center no-repeat ; background-size: cover; min-width: 1200px;}
.indexSlogan .txt{ font-size: 26px; color: #014ca0;}


/* footer */
.footer{ width: 100%; box-sizing: border-box; min-width: 1200px; background-color: #091d33; overflow: hidden;}
.footer .box{ width: 100%; padding:80px 0 ;}
.footer .Fnav{}
.footer .Fnav ul{ width: 400px; margin-top: 20px; }
.footer .Fnav ul li{ font-size: 18px; color: #fff; margin:10px 80px 10px 0;}
.footer .Fnav ul li:nth-child(3n){ margin-right: 0;}
.footer .Fnav ul li a{ color: #fff;}
.footer .Fnav ul li a:hover{ color: #28bdf1;}
.footer .Fcontact{  padding-right: 70px; margin-right: 70px; border-right: solid 1px rgba(255,255,255,0.1); }
.footer .Fcontact div{  margin: 15px 0; font-size: 16px; line-height: 26px; color: rgba(255,255,255,0.9);}
.footer .Fcontact div span{ font-size: 18px; color: rgba(255,255,255,0.9); margin-right: 10px;}
.footer .FEWM{ width: 110px; text-align: center;}
.footer .FEWM img{ width: 100%;}
.footer .FEWM p{ font-size: 14px; margin-top: 10px; color: rgba(255,255,255,0.4);}
.footer .copy{ padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1); color: rgba(255,255,255,0.4);}
.footer .copy a{ color: rgba(255,255,255,0.4);}
.footer .copy a:hover{ color: #28bdf1;}


/* pageBanner */
.pageBanner{ width: 100%; height: 320px; min-width: 1200px; position: relative; background-size: cover !important;  }
.pageBanner .c1440{ height: 100%;}
.pageBanner .title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 48px; color: #fff;}
.pageBanner .title span{ display: inline-block;}

/* pageTitle */
.pageTitle{ width: auto; margin: auto; text-align: center; position: relative; font-size: 40px; color: #333;}

/* pageContent */
.pageContent{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageContent .text{ margin: 40px auto; font-size: 16px; color: #333; line-height: 32px; overflow: hidden;}
.pageContent .text img{ max-width: 100%; height: auto !important;}

/* pageAbout */
.pageAbout{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageAbout .text{margin: 40px auto; font-size: 16px; color: #333; line-height: 32px; overflow: hidden;}
.pageAbout .text img{ max-width: 100%; height: auto !important;}
.pageAbout .img{ width: 100%; }
.pageAbout .img img{ width: 100%; display: block;}

@media (max-width: 1440px){
    .pageContent .text{  font-size: 14px; line-height: 28px;}
    .pageAbout .text{  font-size: 14px; line-height: 28px;}
}


/* pageHonor */
.pageHonor{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/about/honorBg.jpg) center  no-repeat; background-size: cover;}
.pageHonor .box1{ width: 100%; margin-top: 50px;}
.pageHonor .box1 li{  margin: 0 30px 0 0; box-sizing: border-box; }
.pageHonor .box1 li:last-child{ margin-right: 0;}
.pageHonor .box1 li .img{ width: 100%; box-sizing: border-box; padding: 15px;  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);}
.pageHonor .box1 li p{ font-size: 16px; color: #333; width: 100%; text-align: center; margin-top: 15px;}
.pageHonor .box1 li img{ height: 100%; width: 100%; display: block;}
.pageHonor .box2{ width: 100%; margin-top: 30px;}
.pageHonor .box2 li{ height: 400px; margin: 0 30px 0 0;  box-sizing: border-box; padding: 15px;}
.pageHonor .box2 li:last-child{ margin-right: 0;}
.pageHonor .box2 li img{ height: 100%; width: 100%; display: block;}
.pageHonor ul li{ }
.pageHonor ul li.img1{width: 580px !important;}
.pageHonor ul li.img1 .img{ background: url(../images/about/honorImgbg1.jpg) center no-repeat; background-size: 100% 100%; }
.pageHonor ul li.img2{width: 280px !important;}
.pageHonor ul li.img2 .img{ background: url(../images/about/honorImgbg2.jpg) center no-repeat; background-size: 100% 100%;}
.pageHonor .honorBox{ margin-top: 30px; width: 100%; position: relative;}
.pageHonor .honorItem{ width: 100%; overflow: hidden;}
.pageHonor .honorItem .swiper-slide{}
.pageHonor .honorItem .swiper-slide .img{background: url(../images/about/honorImgbg2.jpg) center no-repeat;  background-size: 100% 100%; padding: 15px;box-sizing: border-box; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);}
.pageHonor .honorItem .swiper-slide img{ height: 100%; width: 100%;  display: block;}
.pageHonor .honorItem .swiper-slide p{ font-size: 16px; color: #333; width: 100%; text-align: center; margin-top: 15px;}
.pageHonor .honorBox .swiper-button-prev,.pageHonor .honorBox .swiper-button-next{ width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #333; font-size: 20px; color: #fff; text-align: center; background-image:  none !important; transition: all 0.6s ease;}
.pageHonor .honorBox .swiper-button-prev { left: -80px;}
.pageHonor .honorBox .swiper-button-next { right: -80px; transform: rotate(180deg);}
.pageHonor .honorBox .swiper-button-prev:hover,.pageHonor .honorBox .swiper-button-next:hover{  background-color: #28bdf1; color: #fff;}



/* pageNews */
.pageNews{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageNews ul{ width: 100%; }
.pageNews ul li{ width: 32%; margin:0 2% 2% 0; background-color: rgba(1,76,160,0.05);transition: all 0.6s ease; }
.pageNews ul li:nth-child(3n){ margin-right: 0;}
.pageNews ul li a{ box-sizing: border-box; padding: 25px; width: 100%; display: inline-block; }
.pageNews ul li .time{ font-size: 14px; color: #fff; padding: 0 15px; line-height: 30px; border-radius: 15px; display: inline-block; background-color: #014ca0; transition: all 0.6s ease;}
.pageNews ul li .tit{ font-size: 18px; color: #333; line-height: 30px; padding: 15px 0; transition: all 0.6s ease;}
.pageNews ul li .txt{ font-size: 14px; color: #999; line-height: 22px; transition: all 0.6s ease;}
.pageNews ul li .gd{ font-size: 14px; color: #014ca0; font-weight: bold; margin-top: 20px; transition: all 0.6s ease;}
.pageNews ul li:hover { background-color: #014ca0;}
.pageNews ul li:hover .time{ background-color: #28bdf1; }
.pageNews ul li:hover .tit,.pageNews ul li:hover .gd{ color: #fff;}
.pageNews ul li:hover .txt{ color: rgba(255,255,255,0.8);}


/* pageNewsD */
.pageNewsD{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageNewsD .tit{ text-align: center; font-size: 36px; color: #333;font-weight: normal;}
.pageNewsD .time{ text-align: center; padding: 20px 0; }
.pageNewsD .time span{ display: inline-block; font-size: 16px; margin:  0 20px; color: #999;}
.pageNewsD .text{ font-size: 16px; line-height: 32px; border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd; padding: 40px 0; }
.pageNewsD .text img{ max-width: 100%; display: inline-block; height: auto !important;}
@media (max-width: 1440px){
    .pageNewsD .text{  font-size: 14px; line-height: 28px;}

}

.Plink{width: 100%;margin-top: 40px;position: relative;padding: 10px 0;}
.Plink a{max-width: 48%;display: inline-block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink a:hover{text-decoration: underline;color: #28bdf1;}


/* pagePartner */
.pagePartner{ width: 100%; padding: 80px 0; position: relative;  min-width: 1200px;overflow: hidden;}
.pagePartner ul{ width: 100%; }
.pagePartner ul li{width: 18.8%; margin:0 1% 1% 0; box-sizing: border-box; border: solid 1px #eee;}
.pagePartner ul li:nth-child(5n){ margin-right: 0;}
.pagePartner ul li img{ width: 100%; display: block;}


/* pageService */
.pageService{ width: 100%; padding: 80px 0; position: relative; min-width: 1200px; overflow: hidden;}
.pageService ul{ width: 100%;}
.pageService ul li{ width: 19.2%; background-color: rgba(1,76,160,0.05); position: relative; text-align: center; margin:0 1% 1% 0; box-sizing: border-box; padding:35px 20px; transition: all 0.6s ease; cursor: pointer;}
.pageService ul li:nth-child(5n){ margin-right: 0;}
.pageService ul li .iconfont{ font-size: 40px; color: #014ca0; position: relative; transition: all 0.6s ease;}
.pageService ul li .iconfont::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; background-color: #28bdf1; z-index: 0;margin: -8px 0 0 8px; transition: all 0.6s ease;}
.pageService ul li .iconfont::before{ z-index: 2;position: relative;}
.pageService ul li .tit{ font-size: 16px; margin-top: 15px; transition: all 0.6s ease;}
.pageService ul li:hover{background-color: #28bdf1;}
.pageService ul li:hover .iconfont{ color: #fff;}
.pageService ul li:hover .iconfont::after{ background-color: rgba(255,255,255,0.6);}
.pageService ul li:hover .tit{ color: #fff;}



/* pageContact */
.pageContact{ width: 100%; padding: 80px 0; position: relative; min-width: 1200px; overflow: hidden;}
.pageContact .box{ width: 48%;margin-right: 8%;}
.pageContact .box .tit{ font-size: 40px; color: #333;}
.pageContact .box .list{ width: 100%; margin-top: 40px;}
.pageContact .box .list li{ width: 100%; margin-bottom: 30px;}
.pageContact .box .list li:last-child{ margin-bottom: 0;}
.pageContact .box .list li .iconfont{ float: left; font-size: 20px; width: 40px; line-height: 40px; border-radius: 50%; border: solid 1px #014ca0; text-align: center; color: #014ca0; margin-right: 15px;}
.pageContact .box .list li .cont { float: left; width: calc(100% - 70px); line-height: 40px; }
.pageContact .box .list li .cont .t{ font-size: 18px; color: #333;}
.pageContact .box .list li .cont .d{ font-size: 18px; color: #333; }
.pageContact .box .list li .cont .d b{ font-size: 24px; color: #014ca0;}
.pageContact .form{ width: 44%;}
.pageContact .form .top{ font-size: 24px; color: #333;}
.pageContact .form form{ width: 100%; margin-top: 30px;}
.pageContact .form .row{ width: 100%; }
.pageContact .form .row p{ float:left; display:block; margin-left: 2%; width: 49%;  }
.pageContact .form .row p:first-child{ margin-left: 0;}
.pageContact .form label{ position:relative; display:block; }
.pageContact .form label span{ position:absolute; left:0; top:20px; line-height: 20px; font-size:16px; color: #999;}
.pageContact .form .txt{ border:0; border-bottom: solid 1px #eee; padding:20px 0; height: 20px; overflow: hidden; font-size: 14px; line-height: 18px;  color: #333;}
.pageContact .form .txt:focus{ border-bottom-color: #28bdf1;}
.pageContact .form .txt.w1{ width:100%;  }
.pageContact .form .txt.w2{ width:100%; height: 100px; }
.pageContact .form .btn{ width:180px; height: 50px; margin-top: 30px; font-size: 16px; line-height: 50px; color: #fff; border: 0; overflow: hidden; background-color: #014ca0; cursor: pointer; transition: all 0.6s ease;}
.pageContact .form .btn:hover{ background-color: #28bdf1;}

/* pageMap */
.pageMap{ width: 100%; padding-bottom: 80px; position: relative;}
.pageMap #map{ width: 100%; height: 520px;}
 

/* pageDownload */
.pageDownload{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageDownload ul{ width: 100%;}
.pageDownload ul li{ width: 49%; margin: 0 2% 2% 0; box-sizing: border-box; }
.pageDownload ul li:nth-child(2n){ margin-right: 0;}
.pageDownload ul li a{ box-sizing: border-box; width: 100%;  border: solid 1px #eee; padding:30px 20px;  transition: all ease 0.6s;}
.pageDownload ul li a .tit{ font-size: 16px;line-height: 36px; color: #333; max-width: calc(100% - 140px); }
.pageDownload ul li a .more{ width: 100px; text-align: center; border-radius: 3px; overflow: hidden; background-color: #014ca0; color: #fff;line-height: 36px; transition: all 0.6s ease;}
.pageDownload ul li a .more span{ display: inline-block;  vertical-align: middle; font-size: 14px; margin-right: 8px;}
.pageDownload ul li:hover a{background-color: #014ca0;}
.pageDownload ul li:hover .tit{ color: #fff;}
.pageDownload ul li:hover .more{ background-color: #fff; color: #014ca0;}


/* pageProduct */
.pageProduct{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; position: relative;}
.productLeft{ width: 300px;box-sizing: border-box; }
.productLeft .top{ width: 100%; box-sizing: border-box; padding: 25px 15px; text-align: center;line-height: 30px; font-size: 24px; font-weight: bold;  background-color: #014ca0; color: #fff;}
.productLeft .proNav{ width: 100%; box-sizing: border-box;  position: relative;background-color: rgba(1,76,160,0.05);  }
.productLeft .proNav h3{  width: 100%;position: relative; z-index: 2; font-weight: normal;background-color: rgba(1,76,160,0.1);}
.productLeft .proNav h3 a{ position: relative; display: inline-block; box-sizing: border-box; width: 100%;  padding: 15px 15px 15px 15px; border-bottom: dashed 1px #fff;color: #fff; background-color: #28bdf1;}
.productLeft .proNav h3 em{ display:none; width: 14px; height: 14px; margin-top: -7px; position: absolute; top: 50%; right: 15px; z-index: 1; }
.productLeft .proNav h3 em::after{ content: ''; position: absolute; top: 0; left: 6px; width: 2px; height: 100%;   background-color: #014ca0; transition: all 0.6s ease;}
.productLeft .proNav h3 em::before{ content: ''; position: absolute; top: 6px; left: 0; width: 100%; height: 2px;   background-color: #014ca0;  transition: all 0.6s ease;}
/*.productLeft .proNav h3.on em::after{ transform: rotate(90deg);background-color: #fff;  }
.productLeft .proNav h3.on a{ border-bottom: 0;color: #fff; background-color: #28bdf1;}*/
.productLeft .proNav ul{ padding:0 25px; box-sizing: border-box; width: 100%; /* display:none;*/ position: relative; z-index: 2; }
.productLeft .proNav ul li a{display: inline-block; width: 100%; border-bottom: dashed 1px #ccc; padding: 15px 0; font-size: 14px; color: #666;}
.productLeft .proNav ul li.on a,.productLeft .proNav ul li:hover a{ color: #28bdf1;}
.productLeft .proNav ul li:last-child a{ border-bottom: 0;}
.productLeft .proNav h3:last-child a{ border-bottom: 0;}


.pageProduct .productBox{ width: calc(100% - 350px); position: relative; box-sizing: border-box; background-color: rgba(1,76,160,0.05);}
.pageProduct .productBox .tit{ width: 100%; box-sizing: border-box; padding:25px 30px; font-size: 20px; color: #014ca0; font-weight: bold; line-height: 28px; border-bottom: solid 2px #014ca0;}
.pageProduct .productBox .text{ font-size: 14px; line-height: 26px;min-height: 440px; width: 100%; box-sizing: border-box; padding:  30px; }
.pageProduct .productBox .text img{ max-width: 70%; display: inline-block; height: auto !important;}
.pageProduct .productBox table{ width: 70%;margin-left: 15%;}
.pageProduct .productBox table tr,.pageProduct .productBox table td{max-width: 100%; border: solid 1px #ccc; }

/*pages*/
.pages{ padding: 60px 0; width: 100%;  font-size:14px; text-align: center; }
.pages a { display:inline-block; height:32px; line-height:32px; background:#333; color: #fff; text-align:center;  padding:0 12px; margin:0 5px; box-sizing: border-box;}
.pages a:hover { background:#28bdf1;  text-decoration:none }
.pages span { display:inline-block;  height:32px; line-height:32px; background:#28bdf1; color:#fff; text-align:center; padding:0 12px; margin:0 5px;}