@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: #1d66b5;}
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;}
@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:#1d66b5; }
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}

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

.c1200{ width:1200px; margin:0 auto; position:relative;}

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

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

/* header */
.header{width: 100%;padding: 16px 0 ; height: 100px; box-sizing: border-box; position: fixed;top: 0;left: 0;z-index: 99;background-color: #fff; box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);}
.header .logo{display: block;float: left;}
.header .logo img{height: 68px;display: block;}
.header .wrap{ position: relative;}
.navBox{float: right;width: 880px; padding-right: 200px;}
.navBox .nLi{position: relative;margin:0 40px;float: left;padding: 20px 0 10px;}
.navBox .nLi h3 a{display:block;line-height:28px;font-size:16px;color:#333;font-weight:normal;position: relative;padding-bottom: 10px;}
.navBox .nLi h3 a::after{content: '';	width: 0;height: 4px;background-color: #1d66b5;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #1d66b5;font-weight: bold;}
.navBox .nLi:hover h3 a::after,.navBox .nLi#on h3 a::after{width: 20px;}
.navBox .nLi .sub{display:none;position:absolute;top:58px;transform: translateX(-50%);left: 50%;z-index: 2;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: 16px;color: #333;padding:14px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub a:hover{font-weight: bold;background-color: #1d66b5;color: #fff;}
.header .box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.header .language{color: #999;font-size: 14px;float: left;width: 100px;text-align: center;line-height: 24px;margin: 22px 20px 22px 0;}
.header .language a{color: #999;margin: 0 3px;}
.header .language a.on,.header .language a:hover{color: #1d66b5;}
.header .search{float: left;width: 36px;height: 36px;background-color: #1d66b5;cursor: pointer;border-radius: 50%;line-height: 36px;text-align: center;font-size: 24px;color: #fff;margin: 16px 0;transition: all 0.6s ease;}
.header .search:hover{opacity: 0.8;}
.searchBox{width: 100%;position: absolute;top: 100px;left: 0;background-color: #fff;padding: 20px 0;display: none; box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1); border-top: solid 1px #eee;}
.searchCont{width:100%;}
.searchCont .icon-close{color: #666;font-size: 26px;line-height: 40px;float: right;cursor: pointer;}
.searchCont .icon-close:hover{color: #1d66b5;}
.searchCont form{width: 50%;height: 40px;background-color: #fff;border: 1px solid #eee;float: right;overflow: hidden;box-sizing: border-box;margin-right: 2%;border-radius: 20px;}
.searchCont form .inputBox{width: 90%;height: 38px;font-size: 14px;border: none;color: #333333;padding:0 20px;box-sizing: border-box;}
.searchCont form .btn{border:none;background-color: rgb(0,0,0,0);font-size: 26px;color: #666;width:58px;height: 38px;line-height: 38px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;}
.searchCont form .btn:hover{color: #1d66b5;}
@media (max-width:1680px){
    .navBox{width: 760px;}
    .navBox .nLi{margin: 0 30px;}
}

/*indexBanner*/
.indexBanner{width: 100%;margin-top: 100px;overflow: hidden;}
.indexBanner .swiper-slide img{width: 100%;display: block;}
.indexBanner .box{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;min-width: 1200px;height: 80px;display: table;font-size: 0;text-align: left;}
.indexBanner .box>div{display: inline-block;vertical-align: top;}
.indexBanner .swiper-pagination{bottom: 40px;left: 0;right: 0;margin:auto;height: 30px;}
.indexBanner .swiper-pagination-bullet{width: 12px;height: 12px;cursor: pointer;border-radius: 0;opacity: 1; background-color: rgba(0,0,0,0); margin: 0 10px !important;position: relative;}
.indexBanner .swiper-pagination-bullet::after{content: '';width: 12px;height: 12px;background-color: rgba(218, 37, 29,0.4);transition: all 0.6s ease;position: absolute;bottom: 0;left: 0; border-radius: 6px;}
.indexBanner .swiper-pagination-bullet-active{ }
.indexBanner .swiper-pagination-bullet-active::after{height: 30px; background-color: rgba(218, 37, 29,0.9); }
.indexBanner .box .cont{background-color: #1d66b5;width: 12%;padding: 0 5px 0 15px;box-sizing: border-box;height: 80px;}
.indexBanner .box .cont .p{float: left;font-size: 16px;color: #ffffff;line-height: 80px;text-transform: uppercase;}
.indexBanner .box .cont .iconfont{float: right;font-size: 40px;color: #ffffff;margin-top: 13px;cursor: pointer;}
.indexBanner .icon-arrow{width:50px;height:50px;line-height:50px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);background-image: none !important;font-size: 26px;color:#fff;text-align: center;transition: all 0.6s ease;}
.indexBanner .icon-arrow::after{display: none;}
.indexBanner .swiper-button-prev{left:-8%;transform: rotate(-180deg);}
.indexBanner .swiper-button-next{right:-8%;}
.indexBanner .swiper-button-prev:hover,.indexBanner .swiper-button-next:hover{background-color: #fff;border-color: #fff;color: #1d66b5;}
.indexBanner:hover .swiper-button-prev{left: 2%;}
.indexBanner:hover .swiper-button-next{right:2%;}

/* indexAbout */
.indexAbout{width: 100%;background: rgba(241, 245, 247,0.28) url(../images/index_about_bg.png) center bottom -240px no-repeat;padding: 100px 0;overflow: hidden;}
.indexAbout .contBox{width: 100%;display: table;font-size: 0;text-align: left;}
.indexAbout .contBox>div{display: inline-block;vertical-align: bottom;}
.indexAbout .cont{width: 39%;margin-right: 7%;}
.indexAbout .cont .tit{font-family:'Avignon';font-size: 30px;line-height: 34px;color: #0c61b0;text-transform: uppercase;}
.indexAbout .cont .title{font-size: 36px;color: #333333;font-weight: bold;margin: 14px 0 30px;}
.indexAbout .cont .txt{font-size: 16px;line-height: 32px;color: #333333;}
.indexAbout .imgBox{width: 54%;display: table;font-size: 0;text-align: right;}
.indexAbout .imgBox>div{display: inline-block;vertical-align: bottom;}
.indexAbout .imgBox .img1{width: 36%;margin-right: 2%;overflow: hidden;}
.indexAbout .imgBox .img2{width: 62%;}
.indexAbout .imgBox .img3{width: 100%;}
.indexAbout .imgBox img{display: block;width: 100%;}
.indexAbout ul{width: 100%;margin-top: 100px;display: flex;align-items: flex-start;justify-content: space-between;}
.indexAbout ul li{position: relative;text-align: center;}
.indexAbout ul li:nth-of-type(2n){width: 1px;height: 48px;background-color:rgba(0, 0, 0,0.1);margin-top: 20px;}
.indexAbout ul li .num{color: #333;font-size: 60px;line-height: 60px;font-family:"Avignon";}
.indexAbout ul li .num img{transform: translate(4px,-18px);}
.indexAbout ul li .tit{font-size: 14px;color: #999;margin-top: 16px;}

/* indexProduct */
.indexProduct{width: 100%;background: #eef2f5 ;padding: 70px 0 0 0;overflow: hidden;}
.indexProduct .wrap2{position: relative;}
.indexProduct .title{width: 100%;margin-bottom: 40px;}
.indexProduct .title h5{font-size: 36px;color: #333333;float: left;line-height: 36px;}
.indexProduct .title a{display: block;float: right;width: 80px;text-align: center;font-size: 14px;border-radius: 20px;line-height: 36px;color: #0c61b0;transition: all 0.6s ease;}
.indexProduct .title a:hover{width: 120px;color: #fff;background-color: #1d66b5;}
.indexProduct .gallery-thumbs{margin-bottom: 40px;}
.indexProduct .gallery-thumbs .swiper-slide{ width: auto !important; margin:0 20px; cursor:pointer;color: #333;font-size: 18px; padding: 10px 0; border-bottom:2px solid rgba(0, 0, 0, 0);transition: all 0.6s ease;}
.indexProduct .gallery-thumbs .swiper-slide-thumb-active{border-bottom:2px solid #1d66b5;color: #1d66b5;}
.indexProduct .gallery-thumbs .swiper-wrapper{transform:none !important;justify-content: flex-start;flex-wrap: wrap;}
.indexProduct .gallery-top{ width: 100%; padding: 80px 0; background: url(../images/index_product_bg.jpg) center no-repeat; background-size: cover;}
.indexProduct .productBox .swiper-slide{background-color: #fff;transition: all 0.6s ease; display: inline-block;}
.indexProduct .productBox .swiper-slide .pic{overflow: hidden;width: 100%;}
.indexProduct .productBox .swiper-slide .pic img{display:inline-block;width: 100%;transition: all 0.6s ease;}
.indexProduct .productBox .swiper-slide .titleBox{padding: 10px 0;position: relative;}
.indexProduct .productBox .swiper-slide .titleBox .tit1{font-size: 20px;line-height: 30px;margin: 10px 0 10px 5%;max-width: 68%;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexProduct .productBox .swiper-slide .titleBox .tit2{font-size: 14px;line-height: 30px;color: #999;position: absolute;top: 20px;right: 5%;overflow: hidden;transition: all 0.6s ease;}
.indexProduct .productBox .swiper-slide .titleBox .iconfont{color: #fff;font-size: 30px;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;opacity: 0;transition: all 0.6s ease;}
.indexProduct .productBox .swiper-slide:hover{background-color: #1d66b5;}
.indexProduct .productBox .swiper-slide:hover .pic img{transform: scale(1.1);}
.indexProduct .productBox .swiper-slide:hover .titleBox .tit1{margin: 0 0 20px 5%;color: #fff;max-width: 78%;}
.indexProduct .productBox .swiper-slide:hover .titleBox .tit2{right: auto;left: 5%;line-height: 24px;color: #fff;top: 35px;max-width: 78%;}
.indexProduct .productBox .swiper-slide:hover .titleBox .iconfont{opacity: 1;right: 20px;}
.indexProduct .swiper-button-next{ right: -60px;}
.indexProduct .swiper-button-prev{ left: -60px;}
.indexProduct .swiper-button-next,.indexProduct .swiper-button-prev{ transform: translateY(-50%);}
.indexProduct .swiper-button-next.swiper-button-white:hover, .indexProduct .swiper-button-prev.swiper-button-white:hover {color: #da251d;}
.indexProduct .swiper-button-next.swiper-button-white::after, .indexProduct .swiper-button-prev.swiper-button-white::after {font-size: 30px; }
.indexProduct .swiper-button-next.swiper-button-white:focus, .indexProduct .swiper-button-prev.swiper-button-white:focus{outline: none;}
@media (max-width:1680px){
    .indexProduct .gallery-thumbs .swiper-slide{ margin:0 12px; }
}


/*indexNews*/
.indexNews{width: 100%;background-color: #eef2f5;padding: 80px 0 110px;overflow: hidden;}
.indexNews .newsBox{width:100%;}
.indexNews .newsBox .hd{width: 100%;position: relative;margin-bottom: 30px;}
.indexNews .newsBox .hd h5{font-size: 36px;line-height: 36px;color: #333333;float: left;}
.indexNews .newsBox .hd ul{width: 70%;display: table;font-size: 0;text-align: left;float: left;}
.indexNews .newsBox .hd ul li{display:inline-block;vertical-align:top;font-size: 18px;line-height: 32px;color: #333333;margin-left: 70px;border-bottom: 2px solid rgba(0,0,0,0);cursor:pointer;transition: all 0.6s ease;}
.indexNews .newsBox .hd ul li.on{color: #1d66b5;border-color: #1d66b5;font-weight: bold;}
.indexNews .newsBox .hd .more{position: absolute;top: 0;right: 0;}
.indexNews .newsBox .hd .more a{display: block;float: right;width: 80px;text-align: center;font-size: 14px;border-radius: 20px;line-height: 36px;color: #0c61b0;transition: all 0.6s ease;}
.indexNews .newsBox .hd .more a:hover{width: 120px;color: #fff;background-color: #1d66b5;}
.indexNews .newsBox .bd .cont{width: 100%;}
.indexNews .newsBox .bd .cont .text{width: 50%;float: left;margin-top: 20px;}
.indexNews .newsBox .bd .cont .text .img{width: 100%;overflow: hidden;}
.indexNews .newsBox .bd .cont .text .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont .text .title{width: 100%;margin: 26px 0 12px;}
.indexNews .newsBox .bd .cont .text .title .tit{float: left;width: 82%;font-size: 24px;line-height: 30px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexNews .newsBox .bd .cont .text .title .time{font-size: 16px;line-height: 30px;color: #999;float: right;}
.indexNews .newsBox .bd .cont .text .txt{font-size: 16px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexNews .newsBox .bd .cont .text:hover .img img{transform: scale(1.1);}
.indexNews .newsBox .bd .cont .text:hover .title .tit{color: #1d66b5;}
.indexNews .newsBox .bd .cont ul{width: 48%;float: right;}
.indexNews .newsBox .bd .cont ul li{width: 100%;background-color: rgba(255, 255, 255, 0.4);padding: 22px 0;margin-top:20px;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li .time{float: left;text-align: center;width: 20%;font-family: 'Avignon';font-size: 48px;line-height: 30px;color: #333333;position: relative;margin-top: 8px;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li .time p{font-family: 'ArialMT';font-size: 14px;line-height: 30px;color: #999999;margin-top: 10px;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li .time::after{content: '';width: 1px;height: 60px;background-color: rgba(0, 0, 0, 0.06);position: absolute;top: 50%;transform: translateY(-50%);right: 0;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li .box{float: right;width: 80%;padding: 0 5%;box-sizing: border-box;}
.indexNews .newsBox .bd .cont ul li .box .tit{	font-size: 18px;line-height: 28px;color: #333333;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li .box .txt{	font-size: 14px;line-height: 24px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexNews .newsBox .bd .cont ul li:hover{background-color: #1d66b5;}
.indexNews .newsBox .bd .cont ul li:hover .time,.indexNews .newsBox .bd .cont ul li:hover .time p,
.indexNews .newsBox .bd .cont ul li:hover .box .tit,
.indexNews .newsBox .bd .cont ul li:hover .box .txt{color: #fff;}
.indexNews .newsBox .bd .cont ul li:hover .time::after{background-color: #fff;}

/*footer*/
.footer{width: 100%;background-color: #fff;padding-top: 60px;}
.footer ul{width: 100%;display: table;font-size: 0;text-align: center;}
.footer ul li{display: inline-block;vertical-align:top;margin: 0 60px;}
.footer ul li a{font-size: 16px;line-height:26px;color: #333;}
.footer ul li a:hover{color: #1d66b5;}
.footer .box{width: 100%;display: table;font-size: 0;text-align: center;margin: 30px 0 50px;}
.footer .box>div{display: inline-block;vertical-align: top;margin: 0 20px;}
.footer .box .txt{color: #999;font-size: 14px;position: relative;padding-left: 26px;}
.footer .box .txt .iconfont{color: #999;font-size: 18px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.footer .copyRight{font-size: 14px;color: #999;text-align: center;padding: 22px 0;width: 100%;border-top: 1px solid #e5e5e5;}
.footer .copyRight a{color: #999;}
.footer .copyRight a:hover{color: #1d66b5;}


/* pageBanner */
.pageBanner{width: 100%;margin-top: 100px;position: relative;overflow: hidden;}
.pageBanner img{width: 100%;display: block;}
.pageBanner .wrap{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.pageBanner h1{font-size: 36px;color: #ffffff;}
.pageBanner p{font-size: 14px;color: #ffffff;text-transform: uppercase;margin-top: 14px;}

/* pageAbout */
.pageAbout{width: 100%;position: relative;background-color: #fff;}
.pageAbout .img{width: 34%;height: 100%;position: absolute;bottom: 0;left: 0;}
.pageAbout .bg{width: 66%;height: 100%;position: absolute;top: 0;right: 0;}
.pageAbout .bg::after{content: '';width: 100%;height: 60px;background-color: #fff;position: absolute;top: -60px;left: 0;}
.pageAbout .wrap{position: relative;z-index: 2;}
.pageAbout .cont{width: 68%;float: right;padding: 20px 0 0;}
.pageAbout .cont .title{width: 100%;margin-bottom: 40px;}
.pageAbout .cont .title .tit1{float: left;font-size: 36px;line-height: 40px;color: #333333;font-weight: bold;}
.pageAbout .cont .title .tit2{float: right;	font-size: 14px;line-height: 40px;color: #ddd;text-transform: uppercase;font-weight: bold;}
.pageAbout .cont .text{	font-size: 16px;line-height: 32px;color: #666666;}
.pageAbout .cont .text img{ max-width: 100%;}
.pageAbout ul{width: 100%;margin: 80px 0 120px;display: flex;align-items: flex-start;justify-content: space-between;}
.pageAbout ul li{position: relative;text-align: center;}
.pageAbout ul li .num{color: #1d66b5;font-size: 48px;line-height: 48px;font-family:"Avignon";}
.pageAbout ul li .tit{font-size: 14px;color: #999;margin-top: 16px;}
@media (max-width:1600px){
    .pageAbout .cont{width: 66%;}
}
@media (max-width:1440px){
    .pageAbout .cont{width: 64%;}
}
@media (max-width:1360px){
    .pageAbout .cont{width: 62%;}
}

/* pageHonor */
.pageHonor{width: 100%;background: url(../images//about/honor_bg.jpg) top center no-repeat fixed;padding: 100px 0;}
.pageHonor .swiper-container{width: 100%;height: 470px;padding-top: 110px;}
.pageHonor .swiper-container .tit{font-size: 30px;line-height: 44px;color: #ffffff;position: absolute;top: 0;left: 0;}
.pageHonor .swiper-slide {height: calc((470px - 26px) / 2);border-radius: 3px;overflow: hidden;cursor: pointer;}
.pageHonor .swiper-slide img{width: 100%;display: inline-block;  transition: all 0.6s ease;}
.pageHonor .swiper-slide:hover img{ transform: scale(1.1);}
.pageHonor .swiper-container .iconfont{width:40px;height:40px;line-height:40px;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.4);font-size: 20px;color:#fff;text-align: center;top: 0;margin-top: 0;transition: all 0.6s ease;}
.pageHonor .swiper-container .swiper-button-prev{right:64px;left: auto;transform: rotate(-180deg);}
.pageHonor .swiper-container .swiper-button-next{right:0;}
.pageHonor .swiper-container .iconfont::after{display: none !important;}
.pageHonor .swiper-container .swiper-button-prev:hover,.pageHonor .swiper-container .swiper-button-next:hover{background-color:#1d66b5;border-color: #1d66b5;}
@media (max-width:1680px){
    .pageHonor .swiper-container {height: 414px;}
    .pageHonor .swiper-slide {height: calc((414px - 26px) / 2);}
}

/* pageNews */
.pageNews{width: 100%;background-color: #f1f5f7;padding: 40px 0 80px;overflow: hidden;}
.newsList{width: 80%;float: right;}
.newsList .list{width: 100%;background-color: #fff;}
.newsList .list .img{display: block;width: 55%;float: left;overflow: hidden;}
.newsList .list .img img{width: 100%;display: block;transition: all 0.6s ease;}
.newsList .list .cont{width: 45%;float: right;padding:3% 3% 0;box-sizing: border-box;}
.newsList .list .cont .tit{display: block;font-size: 24px;line-height: 30px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.newsList .list .cont .txt{font-size: 16px;line-height: 32px;color: #999999;margin: 3% 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newsList .list .cont .box{width: 100%;}
.newsList .list .cont .box a{display: block;float: left;font-size: 14px;color: #0c61b0;width: 80px;line-height: 36px;height: 36px;text-align: center;border-radius: 18px;transition: all 0.6s ease;}
.newsList .list .cont .box a:hover{background-color: #1d66b5;color: #fff;width: 120px;}
.newsList .list .cont .box .time{float: right;font-size: 16px;line-height: 36px;color: #333333;}
.newsList .list:hover .img img{transform: scale(1.1);}
.newsList .list:hover .cont .tit{color: #1d66b5;}
.newsList ul{width: 100%;display: table;font-size: 0;text-align: left;}
.newsList ul li{display: inline-block;vertical-align: top;width: 49%;background-color: #fff;margin-right: 2%;margin-top: 2%;padding: 4% 3%;box-sizing: border-box; transition: all 0.6s ease;}
.newsList ul li:nth-of-type(2n){margin-right: 0;}
.newsList ul li .box{width: 100%;}
.newsList ul li .box .time{float: left;font-size: 14px;color: #999;text-align: center;}
.newsList ul li .box .time p{	font-family: 'Avignon';font-size: 48px;line-height: 38px;color: #333333;margin-bottom: 10px;}
.newsList ul li .box a{display: block;float: right;font-size: 14px;color: #666;width: 80px;line-height: 36px;height: 36px;text-align: center;border-radius: 18px;margin-top: 14px;transition: all 0.6s ease;}
.newsList ul li .box a:hover{color: #1d66b5;}
.newsList ul li .tit{display: block; font-size: 18px;line-height: 30px;color: #333333;margin: 20px 0 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.newsList ul li .txt{font-size: 14px;line-height: 24px;color: #999999;min-height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newsList ul li .tit:hover{color: #1d66b5;}
.newsList ul li:hover{  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); }


/* pageNewsD */
.pageNewsD .cont{width: 80%;float: right;background-color: #fff;padding: 4%;box-sizing: border-box;}
.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: 30px;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: #1d66b5;text-decoration: underline;}

/* pageProduct */
.pageProduct{width: 100%;background-color: #f1f5f7;padding: 40px 0 80px;overflow: hidden;}
.pageNav{width: 17%;float: left;background-color: #fff;padding: 50px 2.5% 20px;box-sizing: border-box;}
.pageNav li{width: 100%;margin-bottom: 30px;position: relative;padding-right: 10px;box-sizing: border-box;}
.pageNav li a{font-size: 16px;color: #333333;line-height: 26px;display: inline-block;transition: all 0.6s ease;}
.pageNav li::after{content: '';width: 0;height: 0;border-left:6px solid #1d66b5;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 0;opacity: 0;transition: all 0.6s ease;}
.pageNav li:hover a,.pageNav li.on a{color: #1d66b5;}
.pageNav li:hover::after,.pageNav li.on::after{opacity: 1;}
.productList{width: 80%;float: right;}
.productList ul{width: 100%;display: table;font-size: 0;text-align: left;}
.productList ul li{display: inline-block;vertical-align: top;width: 32%;background-color: #fff;margin-right: 2%;margin-bottom: 2%;transition: all 0.6s ease;}
.productList ul li:nth-of-type(3n){margin-right: 0;}
.productList ul li .pic{overflow: hidden;width: 100%;}
.productList ul li .pic img{display:block;width: 100%;transition: all 0.6s ease;}
.productList ul li .titleBox{width: 100%;padding: 10px 6%;box-sizing: border-box;}
.productList ul li .titleBox .tit1{float: left;font-size: 18px;line-height: 30px;width: 60%;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.productList ul li .titleBox .tit2{float: right;font-size: 14px;line-height: 30px;text-align: right;color: #999;overflow: hidden;transition: all 0.6s ease;}
.productList ul li:hover{background-color: #1d66b5; }
.productList ul li:hover .pic img{transform: scale(1.1);}
.productList ul li:hover .titleBox .tit1{color: #fff;}
.productList ul li:hover .titleBox .tit2{color: #fff;}

.SearchHint{ text-align: center; font-size: 22px; margin-top: 150px;}


/* pageService */
.pageService{width: 100%;background-color: #f1f5f7;padding: 40px 0 80px;overflow: hidden;}
.serviceList{width: 80%;float: right;}
.serviceList ul{width: 100%;}
.serviceList ul li{width: 100%;background-color: #fff;padding: 40px;box-sizing: border-box;margin-bottom: 20px;}
.serviceList ul li .title .tit{float: left;width: 86%;display: block;font-size: 24px;line-height: 30px;color: #333333;transition: all 0.6s ease;}
.serviceList ul li .title .time{float: right;font-size: 16px;line-height: 30px;color: #333333;}
.serviceList ul li .txt{font-size: 16px;line-height: 30px;color: #999999;margin: 10px 0 20px;transition: all 0.6s ease;}
.serviceList ul li .a{display: block;width: 80px;height: 36px;text-align: center;font-size: 14px;border-radius: 18px;line-height: 36px;color: #1d66b5;transition: all 0.6s ease;}
.serviceList ul li .a:hover{background-color: #0c61b0;color: #fff;width: 120px;}
.serviceList ul li .title .tit:hover{color: #1d66b5;}
.serviceList ul li:hover .txt{color: #333;}
.serviceList ul li:hover{  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1); }


/* pageProductD */
.pageProductD{width: 100%;background-color: #f1f5f7;padding: 30px 0 80px;margin-top: 100px;}
.position{width: 100%;margin-bottom: 20px;}
.position .dw{width: 80%;float: left;font-size: 16px;line-height: 24px;color: #333333;position: relative;padding-left: 26px;margin-top: 6px;}
.position .dw a{color: #333333;}
.position .dw a:hover,.position .dw a.on{color: #1d66b5;}
.position .dw .iconfont{color: #333;font-size: 24px;position: absolute;left: 0;top: 0;}
.position .back{display: block;float: right;width: 120px;height: 36px;background-color: #1d66b5;border-radius: 18px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff;transition: all 0.6s ease;}
.position .back:hover{background-color: #da251d;}
.productD{width: 100%;background-color: #fff;padding: 4.5%;box-sizing: border-box;}
.detailImg {width: 540px;position: relative;overflow: hidden;float: left;}
.detailImg .bigImg {width: 100%;}
.detailImg .bigImg li{width: 100%;overflow: hidden; height: 430px;}
.detailImg .bigImg li img{width: 100%;display: block;}
.detailImg .smallScroll{width:100%; margin-top:12px;position: relative;}
.detailImg .smallScroll .smallImg{float: left;overflow: hidden;width: 474px;margin: 0 12px;}
.detailImg .smallScroll .smallImg ul li{float:left;width: 150px;margin-right: 12px;overflow:hidden;background-color: #1d66b5;}
.detailImg .smallScroll .smallImg ul li img{width:100%;cursor:pointer;display: block;}
.detailImg .smallScroll .smallImg ul li.on img{opacity: 0.5;}
.detailImg .smallScroll .iconfont{width: 21px;height: 120px;float: left;background-color: #e8e8e8;text-align: center;color: #1d66b5;font-size: 20px; transition: all 0.6s ease;}
.detailImg .smallScroll .sPrev{transform: rotate(180deg);}
.detailImg .smallScroll .sNext:hover,.detailImg .smallScroll .sPrev:hover{ background-color: #1d66b5; color: #fff;}
.detailCont{width: 51%;float: right;}
.detailCont .title{width: 100%;margin-bottom: 40px;}
.detailCont .title .tit{float: left;max-width: 52%;font-size: 30px;line-height: 40px;color: #333333;}
.detailCont .title .txt{float: right;font-size: 16px;line-height:26px;padding: 7px 0;max-width: 44%;color: #333333;}
.detailCont .title .txt span{color: #ddd;margin: 0 12px;}
.detailCont .text{font-size: 16px;line-height: 26px;color: #999999;margin-top: 12px;position: relative;padding-left: 84px;}
.detailCont .text span{color: #333333;position: absolute;top: 0;left: 0;}
.detailCont .phoneBox{width: 320px;height: 50px;border-radius: 6px;overflow: hidden;border: 1px solid #1d66b5;margin-top: 50px;}
.detailCont .phoneBox .phoneTit{float: left;width:150px;background-color: #1d66b5;font-size: 18px;line-height: 50px;color: #ffffff;position: relative;padding-left: 46px;box-sizing: border-box;}
.detailCont .phoneBox .phoneTit .iconfont{position: absolute;top: 50%;left: 14px;transform: translateY(-50%);font-size: 28px;}
.detailCont .phoneBox .phone{float: right;width: 170px;font-family:'Avignon';text-align: center;font-size: 24px;line-height: 44px;color: #1d66b5;}
.detailBox{width: 100%;background-color: #fff;padding: 4.5%;box-sizing: border-box;margin-top: 30px;}
.detailBox .tit1{font-size: 24px;line-height: 30px;color: #1d66b5;border-bottom: 1px solid #eee;padding-bottom: 14px;margin-bottom: 14px;}
.detailBox .txt{font-size: 14px;color: #333333;  line-height: 36px;}
.detailBox .txt img{max-width: 100%;}
@media(max-width:1680px){
    .detailCont{width: 45%;}
}

/* pageContent */
.pageContent{ padding: 80px 0; width: 100%; background-color: #f1f5f7;}
.pageContent .text{ width: 100%; padding: 5% ;box-sizing: border-box; background-color: #fff; font-size: 16px; color: #333; line-height: 36px;}
.pageContent .text img{ max-width: 100%;}


/* pageContact */
.pageContact{width: 100%;width: 100%;background-color: #f1f5f7;padding:0 0 80px;}
.contactBox{width: 100%;padding: 5% 4%;box-sizing: border-box;background-color: #fff;position: relative;z-index: 2;margin-top: -60px;overflow: hidden;}
.contactBox .hd{width: 16%;float: left; overflow: hidden;}
.contactBox .hd .title{font-size: 30px;color: #333333;margin-bottom: 60px;text-align: center;}
.contactBox .hd ul{width: 100%;}
.contactBox .hd ul li{cursor:pointer;height: 48px;font-size: 18px;line-height: 48px;color: #333333;text-align: center;padding:0 10px 0 50px;border-radius: 24px;position: relative;margin-bottom: 30px; background-color: #f5f5f5;}
.contactBox .hd ul li .iconfont{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);font-size: 30px;}
.contactBox .hd ul li.on{background-color: #1d66b5;color: #fff;}
.contactBox #allmap{float: left;width: 50%;margin: 0 3%;height: 320px;}
.contactBox .bd{width: 28% !important;float: left;}
.contactBox .bd .cont{width: 100%;}
.contactBox .bd .cont .tit{font-size: 24px;font-weight: bold;line-height: 40px;color: #333333;margin-bottom: 30px;}
.contactBox .bd .cont .txt{ width: 100%;}
.contactBox .bd .cont .txt p{ display: block; padding: 10px 0; font-size: 16px;line-height: 20px;color: #333333;}
/* 改变地图样式 */
.tdt-label.tdt-zoom-animated{  width: 160px; height: 40px; position: relative; padding:0; background: #1d66b5 !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 #1d66b5; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box;}
.contactBox .mapBox{ width:100% ; position: relative; overflow: hidden;}
.contactBox .mapBox .t{ font-size: 16px; text-align: center; padding:8px 15px ; line-height: 24px; color: #fff ;overflow: hidden;box-sizing: border-box;}

.formBox{width: 100%;background-color: #fff;padding: 5% 6%;box-sizing: border-box;margin-top: 30px;overflow: hidden;}
.formBox .title{font-size: 30px;color: #333;text-align: center;}
.formBox form{width: 100%;margin: 40px auto 0;}
.formBox form label{display: block;position: relative;}
.formBox form label p{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 13px; left: 30px;display: block;}
.formBox form label p span{color: #da251d;}
.formBox form .row{width: 32%;float: left;background-color: #f1f5f7;margin-bottom: 30px;border-radius: 30px;margin-right: 2%;}
.formBox form .row:nth-child(3n){margin-right: 0;}
.formBox 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;}
.formBox .row1{width: 100%;background-color: #f1f5f7;float: left;margin-bottom: 50px;border-radius: 14px;}
.formBox 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;}
.formBox form .btn{width: 220px;display:block;height: 48px;line-height:48px;cursor: pointer;background-color: #1d66b5;border: none;color: #fff;font-size: 18px;text-align: center;border-radius: 24px;margin: 0 auto;transition: all 0.6s ease;}
.formBox form .btn:hover{background-color: #da251d;}
.recruit{width: 100%;background-color: #fff;padding: 5% 6%;box-sizing: border-box;margin-top: 30px;overflow: hidden; }
.recruit .title{font-size: 30px;color: #333;text-align: center;}
.recruit ul{width: 100%;background-color: #FFF;display: table;font-size: 0;text-align: left;margin-top: 20px;}
.recruit ul li{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;margin-top: 30px;background-color: #f9f9f9;padding:2% 3%;box-sizing:border-box;transition: all 0.6s ease;}
.recruit ul li:nth-child(2n){margin-right: 0;}
.recruit ul li .box{width: 100%;border-bottom: 1px solid #eee;padding: 10px 0;}
.recruit ul li .box .tit{ display: inline-block; font-size: 18px;line-height: 36px;color: #333; float: left; width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recruit ul li .box .tit:hover{ color: #1d66b5;}
.recruit ul li .box .a{ display: inline-block; float: right;font-size: 14px;height: 36px;text-align: center;border-radius: 18px;line-height: 36px;color: #999;transition: all 0.6s ease;}
.recruit ul li .box .a:hover{color: #0c61b0;}
.recruit ul li .cont{width: 100%;margin-top: 20px;}
.recruit ul li .cont .txt{float: left;width: 49%;margin-right:2%;font-size: 14px;line-height: 34px;color: #333;}
.recruit ul li .cont .txt:nth-child(2n){margin-right: 0;}
.recruit ul li .cont .txt span{color: #999;}
.recruit ul li:hover{background-color: #f1f5f7;}
.pageRecruit{ margin-top: -60px; z-index: 2; position: relative;}

/*pageRecruitD*/
.pageRecruitD{width: 100%;background-color: #f1f5f7;padding: 30px 0 80px;margin-top: 100px;}
.pageRecruitD .box{width: 100%;background-color: #fff;padding: 4%;box-sizing: border-box;}
.pageRecruitD .box .tit{color: #1d66b5;font-size: 32px;}
.pageRecruitD .box .txt{color: #333;font-size: 16px;margin-top: 20px;}
.pageRecruitD .box .txt p{ display: inline-block; vertical-align: middle; margin-right: 30px; color: #333;}
.pageRecruitD .box .txt span{ color: #999;}
.pageRecruitD .text{width: 100%;background-color: #fff;padding: 4%;box-sizing: border-box;margin-top: 20px;color: #333;font-size: 16px; line-height: 36px;}
.pageRecruitD .text img{ max-width: 100%;}



/* boxer */
#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); 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:#1d66b5 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:25px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#1d66b5 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:#1d66b5 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:30px 0 0; text-align:center; font-size:14px;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #eee; color:#333; padding:0 12px; margin:0 3px; }
.pages a:hover { background:#1d66b5;  border:1px solid #1d66b5; color:#fff; text-decoration:none;  }
.pages span { display:inline-block; height:30px; line-height:30px; background:#1d66b5; border:1px solid #1d66b5; color:#fff; padding:0 12px; margin:0 3px;}