﻿/* 
    author:PengJin;
    date:2019-4-8;
*/


.header{position:absolute;}

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:950px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:5px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:26px;height:5px;text-indent:-9999px;cursor:pointer;background:#fff;opacity:0.4;border-radius:2px;}
.banner .hd li.cur{opacity:1;}
.banner .bd,.banner .bd ul{height:950px;}
.banner .bd li{position:relative;width:100%;height:950px;}
.banner .bd li a{display:block;height:950px;background-repeat:no-repeat;background-position:center;text-indent:-9999px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:10%;background:url(../Images/banner_prev.png) no-repeat;}
.banner .next{right:10%;background:url(../Images/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* --end banner-- */

/* --product-- */
.product{padding:60px 0;overflow:hidden;background:#e7e7e8;}
.product-menu{float:left;width:180px;height:665px;overflow:hidden;background:#fff;}
.product-menu li{border-bottom:#efefef solid 1px;}
.product-menu li:last-child{border-bottom:none;}
.product-menu li a{display:block;padding:20px;height:25.5px;line-height:25.5px;}
.product-menu li i{position:relative;display:block;float:left;width:26px;height:26px;overflow:hidden;}
.product-menu li img{position:absolute;left:0;top:-26px;}
.product-menu li span{display:block;padding-left:15px;font-size:16px;color:#666;overflow:hidden;}
.product-menu li.cur{background:#0a2f8f;}
.product-menu li.cur img{top:0;transition: all 1s;}
.product-menu li.cur span{color:#fff;}
.product-main{position:relative;float:right;width:1010px;height:665px;overflow:hidden;}
.product-main .item img{display:block;width:1010px;height:665px;}
.product-slide .prev,.product-slide .next{position:absolute;z-index:333;top:0;width:90px;height:100%;cursor:pointer;opacity:0.6;}
.product-slide .prev{left:0;background:url(../Images/prev01.png) no-repeat center;}
.product-slide .next{right:0;background:url(../Images/next01.png) no-repeat center;}
.product-slide .prev:hover,.product-slide .next:hover{opacity:1;background-color:rgba(255,255,255,0.25);}
/* --end product-- */

/* --bad-- */
.bad{padding-top:60px;overflow:hidden;background:url(../Images/bad_bg.jpg) no-repeat center 0;}
.bad-list{overflow:hidden;}
.bad-list .item{float:left;padding:52px;width:33.33%;height:504px;text-align:center;color:#fff;box-sizing:border-box;transition:all 1s;}
.bad-list .item i{display:block;margin:0 auto;width:93px;height:93px;}
.bad-list .item h3{margin-top:32px;line-height:52px;font-size:45px;font-weight:normal;}
.bad-list .item h3 strong{display:block;}
.bad-list .item p{margin-top:30px;font-size:16px;line-height:25px;}
.bad-list .item-1:hover{background:url(../Images/bad_item02.jpg) no-repeat center;background-size:cover;}
.bad-list .item-2:hover{background:url(../Images/bad_item02.jpg) no-repeat center;background-size:cover;}
.bad-list .item-3:hover{background:url(../Images/bad_item02.jpg) no-repeat center;background-size:cover;}
/* --end bad-- */

/* --adv-- */
.adv{padding:60px 0;overflow:hidden;background:#efefef;}
.adv-tab .tab-menu{margin:0 auto 10px;width:688px;height:108px;text-align:center;background:url(../Images/adv_menu.png) no-repeat;}
.adv-tab .tab-menu li{display:inline-block;margin:0 20px;width:108px;height:108px;color:#fff;cursor:pointer;background:#1b1b1b;border-radius:50%;}
.adv-tab .tab-menu li.cur{background:#0a2f8f;}
.adv-tab .tab-menu li em{display:block;margin-top:20px;height:25px;line-height:25px;font-size:12px;font-family:Arial;}
.adv-tab .tab-menu li span{display:block;height:45px;line-height:45px;font-size:35px;}
.adv-tab .tabCon{position:relative;height:570px;}
.adv-tab .tabCon .pic{overflow:hidden;}
.adv-tab .tabCon .text{position:absolute;bottom:0;left:50%;margin-left:-400px;width:800px;height:100px;text-align:center;}
.adv-tab .tabCon .text span{display:block;height:40px;line-height:40px;font-size:24px;}
.adv-tab .tabCon .text p{margin-top:5px;font-size:15px;line-height:1.5;color:#666;}
/* --end adv-- */

/* --case-- */
.case{padding-top:80px;overflow:hidden;background:#fff;}
.case-list{overflow:hidden;}
.case-list .item{position:relative;float:left;width:20%;}
.case-list .pic{position:relative;}
.case-list .pic img{display:block;width:100%;}
.case-list .text{position:absolute;top:0;left:0;padding:60% 60px 0;width:100%;height:100%;color:#fff;text-align:center;overflow:hidden;box-sizing:border-box;transition:all 0.5s linear;}
.case-list .icon{margin:0 auto;width:60px;overflow:hidden;}
.case-list .icon img{display:block;width:60px;height:60px;}
.case-list .icon:after{display:block;margin:24px auto;width:22px;height:2px;content:"";background:#fff;}
.case-list .tit{font-size:24px;font-weight:bold;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list .tit a{color:#fff;}
.case-list .summary{display:none;margin:22px 0;height:75px;font-size:16px;line-height:25px;overflow:hidden;}
.case-list .btnBox{display:none;margin:0 auto;width:205px;height:37px;line-height:37px;border:#fff solid 1px;overflow:hidden;}
.case-list .btnBox a{display:block;float:left;width:50%;font-size:14px;color:#fff;text-align:center;box-sizing:border-box;}
.case-list .btnBox a:nth-child(1){border-right:#fff solid 1px;}
.case-list .btnBox a:before{background-color:#f9a219;}
.case-list .item.cur .text{padding-top:40%;background:rgba(9,80,160,0.95);}
.case-list .item.cur .summary,.case-list .item.cur .btnBox{display:block;}
/* --end case-- */

/* --made-- */
.made{padding-top:70px;height:603px;overflow:hidden;background:url(../Images/made_bg.jpg) no-repeat center 0;}
.made .inner{position:relative;height:450px;overflow:hidden;}
.made .item{position:absolute;padding-left:95px;width:205px;height:160px;color:#fff;}
.made .item .tit{font-size:35px;}
.made .item .txt{margin-top:5px;height:50px;line-height:25px;font-size:16px;}
.made .item .en{margin-top:20px;font-size:12px;font-family:Arial;opacity:0.38;}
.made .item-1{left:0;top:15px;background:url(../Images/made01.png) no-repeat;animation:rotateinLT 1s ease-out backwards;}
.made .item-2{left:0;bottom:0;background:url(../Images/made02.png) no-repeat;animation:rotateinLB 1s ease-out backwards;}
.made .item-3{right:0;top:15px;background:url(../Images/made03.png) no-repeat;animation:rotateinRT 1s ease-out backwards;}
.made .item-4{right:0;bottom:0;background:url(../Images/made04.png) no-repeat;animation:rotateinRB 1s ease-out backwards;}
/* --end made-- */

/* --photo-- */
.photo{padding:60px 0;overflow:hidden;}
.photo .inner{position:relative;margin:0 auto;width:780px;overflow:hidden;}
.photo .inner:after{display:block;position:absolute;top:0;left:50%;width:1px;height:80px;content:"";background:#171717;}
.photo .inner .item{width:43%;overflow:hidden;}
.photo .inner .fl{animation:bounceinL 1s ease-out backwards;}
.photo .inner .fr{animation:bounceinR 1s ease-out backwards;}
.photo .inner .icon{float:left;width:110px;text-align:center;}
.photo .inner .icon img{display:block;margin:0 auto;width:40px;height:40px;}
.photo .inner .icon span{display:block;padding-top:10px;font-size:18px;color:#333;}
.photo .inner .text{padding-left:10px;font-size:14px;color:#666;line-height:25px;overflow:hidden;}
.photo-slide{position:relative;margin:60px auto 0;width:891px;}
.photo-slide .tempWrap{overflow:visible !important;}
.photo-slide .item{position:relative;margin:0 18px;width:855px;height:515px;text-align:center;overflow:hidden;}
.photo-slide .item .pic{width:855px;height:515px;overflow:hidden;}
.photo-slide .item .pic img{display:block;width:855px;height:515px;}
.photo-slide .item .tit{position:absolute;left:0;bottom:-55px;width:100%;height:55px;line-height:55px;font-size:18px;color:#fff;background:rgba(0,1,36,0.5);transition:all 1s;}
.photo-slide .item.cur{opacity:1;}
.photo-slide .item.cur .tit{bottom:0;}
.photo-slide .bd{margin:0 auto;width:855px;height:515px;}
.photo-slide .prev,.photo-slide .next{position:absolute;z-index:333;top:0;width:855px;height:515px;cursor:pointer;background:rgba(255,255,255,0.75);}
.photo-slide .prev{left:-873px;}
.photo-slide .next{right:-873px;}
.photo-slide .hd{text-align:center;padding-top:40px;overflow:hidden;}
.photo-slide .hd li{display:inline-block;margin:0 7px;width:6px;height:6px;background:#a3a6af;border-radius:50%;text-indent:-9999px;}
.photo-slide .hd li.cur{background:#0545ec;}
/* --end photo-- */


/* --partner-- */
.partner{padding:60px 0;height:604px;overflow:hidden;background:url(../Images/partner_bg.jpg) no-repeat center 0;}
.partner li{position:relative;float:left;width:25%;text-align:center;}
.partner li a{display:block;padding:25px 40px;width:220px;height:100px;}
.partner li .pic{position:relative;overflow:hidden;}
.partner li .pic img{display:block;width:220px;height:100px;}
.partner li .text{display:none\9;position:absolute;top:0;left:0;width:100%;height:100%;line-height:150px;color:#fff;text-align:center;font-size:18px;font-weight:bold;opacity:0;transition:all 0.5s linear;}
.partner li .text:before,.partner li .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.partner li .text:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.partner li .text:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.partner li:hover .text:before,.partner li:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}
.partner li:hover .text{opacity:1;background:#0a2f8f;}
.partner li:hover img{filter:grayscale(100%);}
/* --end partner-- */

/* --aboutus-- */
.aboutus{padding:60px 0;overflow:hidden;background:#fff;}
.aboutus .summary{margin:10px auto;width:1000px;height:100px;font-size:15px;line-height:25px;text-align:center;color:#666;overflow:hidden;}
.chart-list{margin-top:80px;overflow:hidden;}
.chart-list dl{float:left;padding:20px 0;width:25%;height:140px;text-align:center;border-right:#ddd dashed 1px;box-sizing:border-box;}
.chart-list dl:last-child{border-right:none;}
.chart-list dt{position:relative;}
.chart-list dt span{display:inline-block;font-size:75px;color:#333;font-family:"TrumoGothicWestBold";}
.chart-list dt em{position:relative;top:-40px;left:-15px;display:inline-block;width:21px;height:21px;line-height:21px;text-align:center;font-size:12px;color:#fff;background:#0545ec;border-radius:50%;}
.chart-list dl:nth-child(1){animation:fadeinB 1s ease-out backwards;}
.chart-list dl:nth-child(2){animation:fadeinB 1.25s ease-out backwards;}
.chart-list dl:nth-child(3){animation:fadeinB 1.5s ease-out backwards;}
.chart-list dl:nth-child(4){animation:fadeinB 1.75s ease-out backwards;}
/* --end aboutus-- *

/* --news-- */
.news{padding:80px 0;height:694px;overflow:hidden;background:url(../Images/news_bg.jpg) no-repeat;}
.news-hd{padding-bottom:40px;overflow:hidden;}
.news-menu{float:right;}
.news-menu li{float:left;position:relative;margin-left:75px;font-size:16px;height:80px;line-height:80px;}
.news-menu li a{position:relative;z-index:33;display:block;color:#fff;}
.news-menu li:after{display:block;position:absolute;left:0;bottom:26px;width:0;height:7px;content:"";background:#0545ec;transition:all 0.5s;}
.news-menu li.cur:after{width:100%;}
.news-title{color:#fff;line-height:1.5;overflow:hidden;}
.news-title h3{font-weight:normal;font-size:32px;}
.news-title h3 a{color:#fff;}
.news-title p{font-size:24px;}
.news-main .item{float:left;padding:50px;width:300px;height:188px;overflow:hidden;background:#fff;}
.news-main .item em{display:block;height:40px;line-height:40px;font-size:14px;color:#333;font-family:"Geometric 415 Black BT";}
.news-main .item h3{height:30px;line-height:30px;font-size:16px;font-weight:normal;color:#333;overflow:hidden;}
.news-main .item p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;}
.news-main .item .read{display:block;margin-top:24px;width:95px;height:20px;line-height:20px;font-size:12px;color:#999;background:url(../Images/read.png) no-repeat right center;}
.news-main .item:hover{background:#0a2f8f;transition:all 0.5s;}
.news-main .item:hover *{color:#fff;}
/* --end news-- */

/*--fastNav--*/
.fastNav{position:fixed;z-index:9999;right:20px;top:100px;padding:25px 0;width:58px;overflow:hidden;background:rgba(0,0,0,0.5);border-radius:30px;}
.fastNav li{position:relative;width:58px;height:48px;cursor:pointer;overflow:hidden;}
.fastNav li i{display:block;width:58px;height:48px;}
.fastNav li span{display:none;position:absolute;top:0;left:0;padding:9px 15px;width:28px;height:30px;color:#fff;font-size:12px;line-height:15px;text-align:center;background:#0281ec;}
.fastNav li.cur span,.fastNav li:hover span{display:block;}
/*--end fastNav--*/