/* wrap-title */
.wrap-title {text-align: center;overflow: hidden;animation: fadeinT 1s ease-out backwards;}
.wrap-title h2{position:relative;font-size: 40px; line-height: 1.25; color: #333; font-weight: normal;}
.wrap-title h2 a {color: #333;}
.wrap-title p { margin-top: 10px; font-size: 20px; color: #333;}
.wrap-title i { margin: 20px auto 0; display: block; width: 36px; height: 6px; background: #0f3766;}
/* wrap-title end */


/* btn-wave */
.btn-wave{position:relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content:'';display: block;width: 120%;height: 0;padding: 60% 0;background-color:rgba(0,0,0,0.25);border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/*end btn-wave */

i,em { font-style:normal;}

/*--banner--*/
.banner{position:relative;z-index:1;width:100%; height:700px; overflow:hidden;clear:both;}
.banner .bd {overflow:hidden;}
.banner .bd li { display: block; width: 100%; overflow: hidden;}
.banner .bd li img{display:block;width:1920px; position: relative; left: 50%; transform: translateX(-50%);}
.banner .hd { position: absolute; left: 0; bottom: 30px; display: block; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li { font-size: 0; float: left;  text-align: center; overflow: hidden;  margin: 0 5px; width: 15px; height: 13px; background: url(../Default/Img/Index/banner-cir01.png) no-repeat center;}
.banner .hd ul li.cur { background: url(../Default/Img/Index/banner-cir02.png) no-repeat center;}
.banner .prev,.banner .next{position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:58px;color:#fff;text-align:center;cursor:pointer;outline:none;background:#858585;transform:translateY(-50%);opacity:.5;}
.banner .prev{left:5%;}
.banner .next{right:5%;}
.banner .prev:hover,.banner .next:hover{color:#fff;background:#0f3766;opacity:1;}
@media(max-width:1440px){
	.banner { height: 100vh;}
}
@media(max-width:1200px){
.banner{margin-top:0; height: auto;}
.banner .prev,.banner .next{display:none;}		
.banner .swiper-slide img{position:static;width:100%;transform:translate(0);}
.banner .swiper-pager { bottom: 20px;}
}
/*--end banner--*/


/* indexData */
.indexData { padding: 40px 0; overflow: hidden; border-bottom: 1px solid #dfdfdf;}
.indexData ul { display: flex;}
.indexData li { flex: 1; text-align: center;}
.indexData li p span { font-size: 60px; color: #0f3766;font-family: "DIN Medium";}
.indexData li p i { font-size: 16px; color: #666; font-style:normal;}
.indexData li em { display: block; font-size: 16px; color: #666;}
.indexData li:hover p span { color: #ed9329;}
/* indexData end */


/* zxsj */
.zxsj { display: block; padding: 70px 0; overflow: hidden;}
.zxsj .zxsj-con { margin-top: 50px; overflow: hidden;}
.zxsj .zxsj-con .item {position: relative; float: left; margin: 0 8px; width: calc(100%/3 - 16px); background: #f5f5f5;animation: fadeinR 1s ease-out backwards;}
.zxsj .zxsj-con .item .pic {  visibility:hidden; width: 100%;}
.zxsj .zxsj-con .item .pic img {display: block; width: 100%;}
.zxsj .zxsj-con .item .text {  padding: 30px;box-sizing: border-box; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.zxsj .zxsj-con .item .text i {display: inline-block;width: 56px;height: 56px;border-radius: 50%;background: #72736e;overflow: hidden;}
.zxsj .zxsj-con .item .text i img {display: block;width: 100%;filter: contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%);-o-filter: contrast(0%) brightness(200%);}
.zxsj .zxsj-con .item .text p { margin:10px 0; font-size: 28px; color: #333;}
.zxsj .zxsj-con .item .text span { display: block; font-size: 16px; color: #333; line-height: 1.75;}
.zxsj .zxsj-con .item:hover .pic { visibility:unset;}
.zxsj .zxsj-con .item:hover .text { text-align: left;}
.zxsj .zxsj-con .item:hover .text i { background: #ed9329;}
.zxsj .zxsj-con .item:hover .text i img { filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
/* zxsj end */


/* fadz */
.fadz {padding: 71px 0px;box-sizing: border-box;position: relative;display: block;background: url(../Default/Img/Index/fadz-bg.jpg) no-repeat center;width: 100%;height: 304px;}
.fadz::after { content:""; display: block; position: absolute;left: 15px; bottom: 0; background: url(../Default/Img/Index/fadz-bf.png) no-repeat center; width: 265px; height: 360px;}
.fadz::before { content:""; display: block; position: absolute;right: 15px; bottom: -20px; background: url(../Default/Img/Index/fadz-bf02.png) no-repeat center; width: 290px; height: 360px;}
.fadz .fadz-fl { float: left; width: 410px;}
.fadz .fadz-fl h3 { font-weight: normal; font-size: 36px; color: #333;}
.fadz .fadz-fl .fadz-btn { margin-top: 20px; overflow: hidden;}
.fadz .fadz-fl .fadz-btn a { float: left; margin-right: 15px; width: 150px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff;}
.fadz .fadz-fl .fadz-btn a:nth-child(1) { background: #ed9329;}
.fadz .fadz-fl .fadz-btn a:nth-child(2) { background: #0f3766;}
.fadz .fadz-fr {float: right;width: 760px;}
.fadz .fadz-fr ul { display: block; width: 100%;}
.fadz .fadz-fr li { margin: 23px 0;  float: left; width: 30%;}
.fadz .fadz-fr li i { float: left; width:45px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #333; background: #fff; border-radius: 50%;}
.fadz .fadz-fr li p {margin-left: 15px;width: 70%;float: left;font-size: 16px;line-height: 1.5;color: #333;}
.fadz .fadz-fr li:nth-child(2),.fadz .fadz-fr li:nth-child(5) { width: 40%;}
@media (max-width:1440px) {
	.fadz .fadz-fl { padding-left: 65px; width: 370px; position: relative; z-index: 3;}
	.fadz::before { bottom: -20px; width: 150px; height: 220px; background-size: 100%;}
	.fadz::after { width: 155px; height: 212px; background-size: 100%;}
	.fadz .fadz-fl h3 { font-size: 24px;}
}
/* fadz end */


/* video */
.video { position: relative; padding: 70px 0; overflow: hidden; background: #fff;}
.video .video-main { float: left; width: 600px;overflow: hidden;}
.video .video-main .item {  display: block; width: 100%;}
.video .video-main .item a {position: relative;display: block; width: 100%;}
.video .video-main .pic { display: block; width: 100%;}
.video .video-main .pic img {display: block; width: 100%;}
.video .video-main .item a::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../Default/Img/Index/play.png) no-repeat center;}
.video .video-menu { float: right; width: 555px;}
.video .video-menu .menu-tit { display: block;}
.video .video-menu .menu-tit h3 { padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; font-size: 40px; color: #111; font-weight: normal;}
.video .video-menu .menu-tit h3 a{color:#000;}
.video .video-menu .tit p { margin:20px 0 15px; font-size: 18px; color: #2a2a2a;}
.video .video-menu .tit span { display: block; font-size: 16px; color: #666;line-height: 2;}
.video .video-menu ul {margin: 31px -10px 0;display: block;}
.video .video-menu ul li { margin: 0 10px; float: left; width: calc(100%/3 - 20px);}
.video .video-menu ul li a { position: relative; display: block;}
.video .video-menu ul li img { display: block; width: 100%;}
.video .video-menu ul li:hover a::after,.video .video-menu ul li.cur a::after { content: ''; display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; border: 4px solid #ed9329; box-sizing: border-box;}
/* video end */


/* server */
.server {position:relative;padding: 50px 0 40px;box-sizing: border-box;background: url(../Default/Img/Index/server-bg.jpg) no-repeat center;width: 100%;height: 667px;}
.server > i { position: absolute; left: 0; bottom: -40px; width: 320px;animation: fadeinL 1s ease-out backwards;}
.server > i img { display: block; width: 100%;}
.server .server-con { display: block; overflow: hidden;}
.server .server-con .item {position: relative;float: left;width: calc(100%/7);margin: 50px 0;text-align: center;}
.server .server-con .server-tp .item.cur i {background: #ee932a;}
.server .server-con .server-tp .item.cur i img {filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.server .server-con .item i { display: block; margin: 0 auto; width: 92px; height: 92px; border-radius: 50%; background: #72736e;}
.server .server-con .item i img {display: block;width: 100%;filter: contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%);-o-filter: contrast(0%) brightness(200%);}	
.server .server-con .item p { margin-top: 14px; font-size: 18px; color: #333;  text-align: center;}
.server .server-con .server-tp .item::after {content: "";display: block;position: absolute;right: -31px;top: 46px;background: url(../Default/Img/Index/server-arrow01.png) no-repeat center;width: 60px;height: 13px;}
.server .server-con .server-tp .item:last-child::after {background: url(../Default/Img/Index/server-arrow03.png) no-repeat center;width: 13px;height: 60px;right: 77px;top: 170px;}
.server .server-con .server-bm .item::after {content: "";display: block;position: absolute;right: -31px;top: 46px;background: url(../Default/Img/Index/server-arrow02.png) no-repeat center;width: 60px;height: 13px;}
.server .server-con .server-bm .item:last-child::after { display: none;}
.server .server-con .server-bm .item:nth-child(5)::after {background: url(../Default/Img/Index/server-arrow04.png) no-repeat center;width: 55px;height: 125px;top: -14px;}
.server .server-con .server-bm .item:nth-child(5) .server-cir:nth-child(1) { margin-top: -85px;}
.server .server-con .server-bm .item:nth-child(5) .server-cir:nth-child(2) { margin-top:30px;}
.server .server-con .item .server-cir:hover i {background: #ee932a;}
.server .server-con .item .server-cir:hover i img {filter: contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%);-o-filter: contrast(0%) brightness(200%);}
@media (max-width:1440px) {
	.server > i { width: 185px;}
}
/* server end */


/* photos */
.photos { padding: 80px 0 75px; overflow: hidden; background: #fff;}
.photos .photos-slide { position: relative; margin-top: 50px;}
.photos .photos-slide .item { position: relative; float: left; width: 580px; margin: 0 10px;}
.photos .photos-slide .item .pic { display: block; width: 100%; overflow: hidden;}
.photos .photos-slide .item .pic img { display: block; width: 100%;transition: all 1s;}
.photos .photos-slide .item:hover img { transform: scale(1.05);}
.photos .photos-slide .item a { position: relative; display: block; width: 100%;}
.photos .photos-slide .item a::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.photos .photos-slide .item .text { border-top: 1px solid #fff; padding: 20px 0; position: absolute; left: 3%; bottom: 0; width:94%; z-index: 3;}
.photos .photos-slide .item .text p { margin: 8px 0; font-size: 20px; color: #fff;}
.photos .photos-slide .prev,.photos .photos-slide .next {  cursor: pointer; position: absolute; top: 190px; width: 47px; height: 47px; line-height: 47px; text-align: center; border-radius: 50%; background: #f3f3f3;}
.photos .photos-slide .prev i,.photos .photos-slide .next i { color: #000;}
.photos .photos-slide .prev { left: -90px;}
.photos .photos-slide .next { right: -90px;}
.photos .photos-slide .prev:hover ,.photos .photos-slide .next:hover { background: #ee932a;}
.photos .photos-slide .prev:hover i ,.photos .photos-slide .next:hover i { color: #fff;}
/* photos end */

/* case */
.case { position: relative; background: #fff;}
.case .case-slide { margin-top: 40px; overflow: hidden;}
.case .case-slide .item { position: relative;}
.case .case-slide .item .pic { position: relative; display: block; width: 100%; height: 540px;}
.case .case-slide .item .pic img { position: absolute; left: 50%; transform: translateX(-50%); width: 1920px; height: 540px;}
.case .case-slide .item .text { padding: 40px 20px; box-sizing: border-box; position: absolute; left: 50%; bottom: 0; width: 1200px; transform: translateX(-50%); background: rgba(0,0,0,.5);}
.case .case-slide .item .text h3 { font-size: 20px; color: #fff; font-weight: normal;}
.case .case-slide .item .text ul { margin-top: 15px; overflow: hidden;}
.case .case-slide .item .text li { float: left; margin-right: 20px; font-size: 15px; color: #fff;}
.case .case-more { position: absolute; right: 30px; top: 33%; width: 160px; height: 50px; line-height: 50px; border:1px solid #fff;  color: #fff; font-size: 15px; text-align: center;}
.case .case-more:hover { background: #f5f5f5; border:1px solid #e3e3e3; color: #333;}
.case .case-menu { padding-right: 1px; box-sizing: border-box; margin: 0 auto; width: 1200px;background: #dcdcdc;overflow: hidden;}
.case .case-menu li {margin-left: 1px;margin-bottom: 1px;float: left;width: calc(100%/6 - 1px);height: 93px;text-align: center;background: #f8f8f8;}
.case .case-menu li a { padding: 31px 0;display: block; width: 100%;box-sizing: border-box;}
.case .case-menu li i { display: inline-block; width: 30px; height: 30px; overflow: hidden; vertical-align: middle;}
.case .case-menu li i img { display: block; width: 100%;}
.case .case-menu li p { display: inline-block; vertical-align: middle; font-size: 18px; color: #333;}
.case .case-menu li:hover,.case .case-menu li.cur  { background: #ed9329;}
.case .case-menu li:hover p ,.case .case-menu li.cur p { color: #fff;}
.case .case-menu li:hover i img,.case .case-menu li.cur i img { margin-top: -30px;}
@media(max-width:1440px) {
    .case .case-slide .item .pic img { left: auto;transform:translateX(0);}
}
/* case end */


/* jsgh */
.jsgh {min-width: 1200px; overflow: hidden; position: relative;display: block;padding: 70px 0;background: #fff;box-sizing: border-box;}
.jsgh-slide {margin-top: 60px;}
.jsgh-slide .jsgh-menu { margin-bottom: 55px; display: block; width: 100%; text-align: center;}
.jsgh-slide .jsgh-menu ul { display: inline-block;}
.jsgh-slide .jsgh-menu li { position: relative; margin: 0 17px; float: left; padding: 10px 25px; background: #f4f4f4;  font-size: 20px; color: #666;}
.jsgh-slide .jsgh-menu li:after { transform: rotate(45deg);content: ''; display: none; position: absolute;  left: 50%; bottom: -4px; margin-left: -4px; width: 8px; height: 8px; background: #0f3766;}
.jsgh-slide .jsgh-menu li.cur,.jsgh-slide .jsgh-menu li:hover { background: #0f3766;}
.jsgh-slide .jsgh-menu li.cur ,.jsgh-slide .jsgh-menu li:hover { color: #fff;}
.jsgh-slide .jsgh-menu li.cur:after,.jsgh-slide .jsgh-menu li:hover:after { display: block;}
.jsgh-slide .swiper-main { display: block;background: #fff;}
.jsgh-slide  .tempWrap { overflow: visible!important;}
.jsgh-slide .swiper-main .item { margin-right: 50px; position: relative;float: left;width: 81%;padding-bottom: 20px;}
.jsgh-slide .swiper-main .pic { position: relative; float:left; width: 61%;}
.jsgh-slide .swiper-main .pic img { display: block; width: 100%;}
.jsgh-slide .swiper-main .pic::before { content: ''; display: block; position: absolute; right: -10px; top: 10px; background: url("../Default/Img/Index/jsgh-icon01.png") no-repeat center; width: 10px; height: 19px;}
.jsgh-slide .swiper-main .pic:after {content: '';display: block;position: absolute;left: 0;bottom: -20px;width: 100%;height: 10px;background: #0f3766;}
.jsgh-slide .swiper-main .tit { float: left; width: 39%; padding-left: 2%; box-sizing: border-box;}
.jsgh-slide .swiper-main .tit p { font-size: 24px; color: #27282c;}
.jsgh-slide .swiper-main .tit p a { color: #27282c;}
.jsgh-slide .swiper-main .tit em { display: block; padding: 20px 0 30px; border-bottom: 1px solid #e5e5e5;  font-size: 16px; color: #ccc; font-family: "DIN Medium"; }
.jsgh-slide .swiper-main .tit span { padding-top: 30px; display: block; font-size: 16px; color: #666; line-height: 1.5;}
.jsgh-slide .swiper-main .jsgh-btn { position: absolute; left: 63%; bottom: 0; width: 37%; height: 60px; background: #ed9329;}
.jsgh-slide .swiper-main .jsgh-btn a { float: left; width: 30%; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; border-right: 1px solid #ef9e3f;}
.jsgh-slide .swiper-main .jsgh-btn .jsgh-page { float: right; margin-right: 30px;}
.jsgh-slide .swiper-main .jsgh-btn .jsgh-page span { float: left; width: 50px; height: 60px; line-height: 60px;}
.jsgh-slide .swiper-main .jsgh-btn .jsgh-prev { background: url("../Default/Img/Index/arrow-icon01.png") no-repeat center;}
.jsgh-slide .swiper-main .jsgh-btn .jsgh-next { background: url("../Default/Img/Index/arrow-icon02.png") no-repeat center;}
.jsgh-slide .swiper-main .jsgh-btn .jsgh-page span:hover { background-color: #0f3766;}
/* jsgh end */


/* product */
.product { padding: 50px 0 20px; box-sizing: border-box; display: block; background: url(../Default/Img/Index/product-bg.jpg) no-repeat center; width: 100%; height: auto; background-size:cover;}
.product .product-slide { margin-top: 50px; overflow: hidden;}
.product .product-menu {display: block; text-align: center;}
.product .product-menu ul { display: inline-block;}
.product .product-menu li { float: left; padding: 0 25px; border-right: 1px solid #b7b7b7;}
.product .product-menu li i { margin: 0 auto; display: block; width: 35px; height: 35px; overflow: hidden;}
.product .product-menu li i img { display: block; width: 100%;}
.product .product-menu li p { margin-top: 10px; font-size: 18px; color: #333;}
.product .product-menu li:hover i img,.product .product-menu li.cur i img { margin-top: -35px;}
.product .product-menu li:hover p,.product .product-menu li.cur p { color: #ed9329;}
.product .product-menu li:last-child { border-right: none;}
.product .product-main { margin-top: 30px;}
.product .product-main .item { margin: 15px 10px; float: left; width: calc(100%/3 - 20px); border: 1px solid #e4e4e4; box-sizing: border-box;}
.product .product-main .item .pic { display: block; width:100%; overflow: hidden;}
.product .product-main .item .pic img { display: block; width: 100%;transition: all 1s;}
.product .product-main .item  p { border-top: 1px solid #e4e4e4; display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #333;}
.product .product-main .item:hover img {transform: scale(1.1);}
.product .product-main .item:hover p { color: #ed9329;}
/* product end */


/* team */
.team { position: relative; display: block; padding: 80px 0; overflow: hidden; background: #fff;}
.team::after {content: '';position: absolute;left: 0;bottom: 154px;width: 100%;height: 1px;background: #ebebeb;}
.team .team-slide {position: relative;z-index: 2;margin-top: 60px;}
.team .team-slide .team-main { display: block; overflow: hidden;}
.team .team-slide .team-main .item { display: none; width: 100%;}
.team .team-slide .team-main .item.cur { display: block;}
.team .team-slide .team-main .item .pic { float: left; width: 340px;}
.team .team-slide .team-main .item .pic img { display: block; width: 100%;}
.team .team-slide .team-main .item .text { padding: 35px 50px; box-sizing: border-box; float: left; background: url(../Default/Img/Index/team-bf.jpg) no-repeat center; width: 810px; height: 340px;}
.team .team-slide .item .text .team-hd { padding-bottom: 14px; border-bottom: 1px solid #c0c0c0;}
.team .team-slide .item .text .team-hd span {display: inline-block;vertical-align: middle;font-size: 26px;line-height: 40px;height: 40px;color: #333;}
.team .team-slide .item .text .team-hd span a { color: #333;}
.team .team-slide .item .text .team-btn {margin-left: 45px;display: inline-block;vertical-align: middle;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #ed9329;font-size: 14px;color: #fff;}
.team .team-slide .item .text .team-btn a {color: #fff;}
.team .team-slide .item .text .team-sum { height: 185px; overflow-y: auto;}
.team .team-slide .item .text .team-sum p { margin-top: 25px; font-size: 14px; color: #666;}
.team .team-slide .team-menu { margin-top: 45px; overflow: hidden;}
.team .team-slide .team-menu li { float: left;width: calc(100%/7);}
.team .team-slide .team-menu li a {  position: relative; display: block; width:153px; height: 100%;}
.team .team-slide .team-menu li.cur a::after,.team .team-slide .team-menu li:hover a::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:5px solid #ed9329; border-radius: 50%; box-sizing: border-box;}
.team .team-slide .team-menu li .pic {display: block;margin: 0 auto;width: 153px;height: 153px;background: #eaeaea;border-radius: 50%;overflow: hidden;}
.team .team-slide .team-menu li .pic img {display: block;width: 100%;}
.team .team-prev,.team .team-next{position:absolute;z-index:9;bottom: 47px;width: 53px;height: 53px;line-height: 53px;color: #000;text-align:center;cursor:pointer;outline:none;border: #ebebeb solid 1px;border-radius: 50%;background: #fff;opacity:1;}
.team .team-prev{left: -90px;}
.team .team-next{right: -90px;}
.team .team-prev:hover,.team .team-next:hover{color:#fff;background:#858585;border-color:#858585;opacity:1;}
/* team end */


/* info */
.info {  padding: 65px 0; box-sizing: border-box; overflow: hidden; display: block; background: url(../Default/Img/Index/Info-bg.jpg) no-repeat center; width: 100%; height: 775px;}
.info .info-tit p { margin-top: 50px; font-size: 16px; color: #222; text-align: center; line-height: 1.75;}
.info .info-tit a {display: block; margin: 20px auto 0; width: 115px; height: 40px; line-height: 40px; text-align: center; border:1px solid #cacaca; font-size: 16px; color: #222;}
.info .info-con { margin-top: 20px; overflow: hidden;}
.info .info-con .item { margin-top: 7px; position: relative; float: left; width: calc(50%); padding: 5px; box-sizing: border-box; background:#fff;}
.info .info-con .item .pic { display: block; width: 100%; overflow: hidden;}
.info .info-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.info .info-con .item .text {position: absolute;left: 5px;bottom: 5px;width: calc(100% - 10px);height: 60px; line-height: 60px; background-image: linear-gradient(transparent, rgba(0,0,0,.3));}
.info .info-con .item .text p { padding:0 15px; font-size: 15px; color: #fff;}
.info .info-con .item:nth-child(n+2) { margin:7px; width: calc(25% - 14px);}
.info .info-con .item:hover .pic img { transform: scale(1.1);}
/* info end */


/* news */
.news { display: block; padding: 70px 0; overflow: hidden; background:#fff;}
.news .news-menu { padding-bottom: 55px; overflow: hidden;}
.news .news-menu .wrap-title {float: left;}
.news .news-menu ul {margin-top: 13px;float: right;}
.news .news-menu li { position: relative; float: left; width: 110px; height: 36px; line-height: 36px; text-align: center;}
.news .news-menu li a { display: block; font-size: 16px; color: #333;}
.news .news-menu li:hover a,.news .news-menu li.cur a { background: #ed9329; color: #fff;}
.news .news-menu li::after { transform: rotate(45deg);content: ''; display: none; position: absolute;  left: 50%; bottom: -4px; margin-left: -4px; width: 8px; height: 8px; background: #ed9329;}
.news .news-menu li.cur::after,.news .news-menu li:hover::after { display: block;}
.news .news-main { display: block; overflow: hidden;}
.news .news-list { display: block; overflow: hidden;}
.news .news-list .list-fl { float: left; width: 565px;}
.news .news-list .list-fl .pic { display: block; width: 100%; overflow: hidden;}
.news .news-list .list-fl .pic img { display: block; width: 100%; transition: all 1s;}
.news .news-list .list-fl .text { position: relative; overflow: hidden; padding: 25px 0 20px;}
.news .news-list .list-fl .text::after { content: ''; width: 30px;  height: 3px; background: #0f3766; position: absolute; left: 0; bottom: 0;}
.news .news-list .list-fl .text em { display: block; font-family: "DIN Medium"; font-size:14px;}
.news .news-list .list-fl .text h3 { margin: 15px 0; font-size: 18px; color: #333; font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-list .list-fl .text p { font-size: 14px; line-height: 1.75; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-list .list-fr { float: right; width: 600px;}
.news .news-list .list-fr .item { display: block; margin-bottom: 30px; width: 100%; overflow: hidden;}
.news .news-list .list-fr .item .pic { display: block; float: left; width: 195px; overflow: hidden;}
.news .news-list .list-fr .item .pic img { display: block; width: 100%; transition: all 1s;}
.news .news-list .list-fr .item  .text { position: relative; float:right; width: 385px;}
.news .news-list .list-fr .item  .text h3 { font-weight: normal	; font-size: 18px; color: #333; margin-bottom: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-list .list-fr .item  .text p { font-size: 14px; color: #666; line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-list .list-fr .item  .text em {margin-left: 46px;margin-top: 25px;font-family: "DIN Medium";display: block;font-weight: bold;}
.news .news-list .list-fr .item  .text::after { content: ''; width: 30px;  height: 3px; background: #0f3766; position: absolute; left: 0; bottom: 0;}
.news .news-list .list-fr .news-more { display: block;}
.news .news-list .list-fr .news-more a { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; background: #e0e0e0; text-align: center; font-size: 16px; color: #666;}
.news .news-list .list-fr .news-more a  i { margin-left: 5px; font-size: 14px; }
.news .news-list .list-fr .news-more a:hover { background: #ed9329; color: #fff;}
.news .news-list .list-fl .pic:hover img { transform: scale(1.1);}
.news .news-list .list-fr .item:hover img { transform: scale(1.1);}
.news .news-list .list-fl:hover .text * { color: #ed9329!important;}
.news .news-list .list-fr .item:hover .text * { color: #ed9329;}
/* news end */


/* indexHonor */
.indexHonor { padding: 60px 0; box-sizing: border-box; display: block; background: url(../Default/Img/Index/honor-bg.jpg) no-repeat center; width: 100%; height: 790px;}
.indexHonor .indexHonor-con { position: relative; margin-top: 70px;width: 100%; height:470px;  overflow: hidden;}
.indexHonor .indexHonor-con .item { position: absolute;width: 170px; height: 90px; transition: all 1s;}
.indexHonor .indexHonor-con .item:hover { margin-top: -20px;}
.indexHonor .indexHonor-con .item a {display: block;width: 100%;border-radius: 25px;overflow: hidden;background: #fff;border: 1px solid #f1f1f1;position: relative;z-index: 4;border-bottom: none;}
.indexHonor .indexHonor-con .item  img {display: block;margin: 0 auto;width: 82%;}
.indexHonor .indexHonor-con .item::before {position: absolute;left: 39%;bottom:-15px;content: '';display: block;width: 30px;height: 30px;transform: rotate(45deg);background: #fff;z-index: 3;}
.indexHonor .indexHonor-con .item::after {content: '';display: block;position: absolute;left: 0;top: 100%;background: url(../Default/Img/Index/honor-bf.png) no-repeat center;width: 170px;height: 45px;}
.indexHonor .indexHonor-more {margin: 40px auto 0;width: 120px;}
.indexHonor .indexHonor-more a { display: block; width: 100%; font-size: 16px; color: #666;}
.indexHonor .indexHonor-more:hover a { color:#ed9329;}
.indexHonor .indexHonor-con .item:nth-child(1)  { left: 0; top: 25px;animation: fadeinT 3s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(2)  {left: 120px;top: 127px;animation: fadeinT 2.8s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(3)  {left: 309px;top: 25px;animation: fadeinT 2.6s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(4)  {left: 292px;top: 225px;animation: fadeinT 2.4s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(5)  {left: 158px;top: 327px;animation: fadeinT 2.2s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(6)  {left: 461px;top: 157px;animation: fadeinT 1.8s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(7)  {left: 631px;top: 238px;animation: fadeinT 2.1s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(8)  {left: 550px;top: 37px;animation: fadeinT 2.2s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(9)  {left: 758px;top: 1px;animation: fadeinT 2.4s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(10)  {left: 805px;top: 122px;animation: fadeinT 2.6s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(11)  {left: 1012px;top: 7px;animation: fadeinT 2.8s ease-out backwards;}
.indexHonor .indexHonor-con .item:nth-child(12)  {left: 986px;top: 264px;animation: fadeinT 3s ease-out backwards;}
/* indexHonor end */
