/* 
    author:PengJin;
    date:2019-4-4;
*/
/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;border:#f9a219 solid 1px;border-radius:50%;}
.banner .hd li.cur{background:#f9a219;}
.banner .bd,.banner .bd ul{}
.banner .bd li{position:relative;width:100%;}
.banner .bd li a{display:block;}
.banner .bd li a img{width: 100%;}
.banner .bd .app-banner{display: none;}
.banner .bd .pc-banner{}
.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:2%;background:url(../image/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../image/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* --end banner-- */

/* --product-- */
.product{padding:60px 0 65px;overflow:hidden;background:#f4f4f4;}
.product-hot{position:relative;float:left;width:558px;height:620px;overflow:hidden;}
.product-hot .pic{width:558px;height:620px;overflow:hidden;}
.product-hot .pic img{display:block;width:558px;height:620px;transition:all 0.5s linear;}
.product-hot .pic a:hover img{transform:scale(1.1);}
.product-hot .text{position:absolute;bottom:30px;left:10%;width:80%;color:#fff;text-align:center;line-height:1.5;}
.product-hot .text span{display:block;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-hot .text p{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list{float:right;width: 100%;margin-bottom: -20px;}
.product-list .item{position:relative;top:0;float: left;margin: 10px;width: calc(25% - 20px);padding: 0 0px;/* margin: 10px; */transition:all 0.5s linear;box-sizing: border-box;margin-bottom: 20px;border: 1px solid #dedede;}
.product-list .pic{width: 100%;height: auto;overflow:hidden;background:#fff;}
.product-list .pic img{display:block;height: 239px;margin: auto;}
.product-list .text{padding:16px;text-align:center;line-height:1.5;}
.product-list .text span{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .text p{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .item:hover{top: -10px;box-shadow:0 0 20px #ccc;background:#0950a0;}
.product-list .item:hover *{color:#fff;}
/* --end product-- */

/* --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;max-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:80px 0 65px;overflow:hidden;background:#fff;}
.made-tab{overflow:hidden;}
.made-main{height:500px;}
.made-main .item{position:relative;height:500px;overflow:hidden;}
.made-main .pic img{display:block;width:1200px;height:500px;}
.made-main .text{position:absolute;right:0;bottom:0;padding:40px 45px;width:525px;height:104px;color:#fff;background:url(../image/made_text.png) no-repeat;}
.made-main .text em{display:block;height:20px;line-height:20px;font-size:14px;font-weight:bold;opacity:0.42;font-family:"Geometric 415 Black BT";}
.made-main .text span{display:block;margin-top:8px;height:30px;line-height:30px;font-size:24px;}
.made-main .text p{margin-top:15px;line-height:22px;font-size:14px;}
.made-menu{padding-top:30px;margin:0 -60px;width:1320px;overflow:hidden;}
.made-menu li{float:left;width:16.66%;text-align:center;cursor:pointer;}
.made-menu li i{position:relative;display:block;margin:0 auto;width:45px;height:45px;overflow:hidden;}
.made-menu li i img{display:block;position:absolute;top:0;left:0;transition:all 0.5s linear;}
.made-menu li p{padding:0 60px;font-size:18px;color:#666;line-height:1.5;}
.made-menu li.cur i img{top:-45px;} 
.made-menu li.cur p{color:#1255a1;}
/* --end made-- */

/* --adv-- */
.adv{padding-top:60px;overflow:hidden;background:#f8f8f8;}
.adv .wrap-title{text-align:left;}
.adv-slide{position:relative;clear:both;margin-top:35px;height:610px;}
.adv-slide .tempWrap,.adv-slide .bd{overflow:visible !important;}
.adv-slide .item{position:relative;height:610px;background-repeat:no-repeat;background-position:center;}
.adv-slide .inner{position:relative;margin:0 auto;width:1200px;height:610px;}
.adv-slide .text{position:absolute;top:0;left:0;padding:25px;width:350px;height:350px;color:#fff;background:#0950a0;opacity:0;transition:all 0.5s linear;}
.adv-slide .item.cur .text{top:-35px;opacity:1;}
.adv-slide .num{height:50px;line-height:50px;font-weight:bold;font-size:36px;font-family:"Geometric 415 Black BT";}
.adv-slide .tit{margin-top:20px;font-size:30px;overflow:hidden;}
.adv-slide .summary{margin-top:10px;height:100px;font-size:14px;line-height:25px;overflow:hidden;}
.adv-slide .en{margin-top:15px;line-height:1.25;font-family:"Geometric 415 Black BT";overflow:hidden;}
.adv-slide .en strong{display:block;font-size:30px;}
.adv-slide .en p{font-size:14px;}
.adv-slide .hd{position:absolute;left:50%;bottom:35px;margin-left:-50px;width:100px;height:27px;text-align:center;background:#f68400;border-radius:15px;}
.adv-slide .hd ul{margin-top:8px;}
.adv-slide .hd li{display:inline-block;margin:0 6px;width:8px;height:8px;border:#fff solid 2px;border-radius:50%;text-indent:-9999px;cursor:pointer;}
.adv-slide .hd li.cur{background:#fff;}
.adv-slide .arrow{position:absolute;z-index:333;right:0;top:-120px;width:100%;height:61px;}
.adv-slide .arrow .prev,.adv-slide .arrow .next{float:right;background:#fff;border:#e5e5e5 solid 1px;}
.adv-slide .arrow .prev{border-right:none;}
.adv-slide .arrow .prev a{display:block;width:133px;height:61px;background:url(../image/prev01.png) no-repeat center;}
.adv-slide .arrow .prev a:hover{background-image:url(../image/prev01_cur.png);}
.adv-slide .arrow .next a{display:block;width:133px;height:61px;background:url(../image/next01.png) no-repeat center;}
.adv-slide .arrow .next a:hover{background-image:url(../image/next01_cur.png);}
/* --end adv-- */

/* --system-- */
.system{padding:60px 0 10px;overflow:hidden;background-color:#f4f6fa;background-image:linear-gradient(to bottom, #f1f0ee,#f3f8fd);}
.system-list{width:1290px;}
.system-list .item{float:left;margin-right:90px;padding:50px;width:240px;height:240px;overflow:hidden;background:url(../image/system_item.png) no-repeat center;border-radius:50%;transition:all 0.5s linear;}
.system-list .icon{display:block;margin:0 auto;width:50px;height:50px;}
.system-list .text{padding-top:10px;text-align:center;overflow:hidden;}
.system-list .text span{display:block;height:32px;line-height:32px;font-size:24px;color:#333;overflow:hidden;}
.system-list .text em{display:block;height:18px;line-height:18px;font-size:12px;color:#999;font-family:Arial;overflow:hidden;}
.system-list .text p{margin-top:12px;height:96px;line-height:24px;font-size:15px;color:#666;overflow:hidden;}
.system-list .item:hover{background-color:#fff;box-shadow:0 0 20px #ddd;border-radius:10px;}
/* --end system-- */

/* --partner-- */
.partner{padding:60px 0 50px;overflow:hidden;background:#fff;}
.partner ul{border:#eee solid 1px;border-right:none;border-bottom:none;overflow:hidden;}
.partner li{position:relative;float:left;width:25%;border-right:#eee solid 1px;border-bottom:#eee solid 1px;box-sizing:border-box;}
.partner li .pic{position:relative;overflow:hidden;}
.partner li .pic img{display:block;width:100%;height: auto;padding: 10px 0;margin: auto;}
.partner li .text{display:none\9;position:absolute;top:0;left:0;width:100%;height:100%;line-height:118px;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:#0950a0;}
.partner li:hover img{filter:grayscale(100%);}
/* --end partner-- */

/* --aboutus-- */
.aboutus{padding-top:70px;height:515px;background:url(../image/aboutus_bg.jpg) no-repeat center 0;}
.aboutus .wrap-title h3{margin-bottom:8px;}
.aboutus .text{margin:10px auto;width:936px;height:115px;font-size:14px;line-height:25px;text-align:center;color:#fff;overflow:hidden;}

.aboutus .read{padding-top:0;text-align:center;overflow:hidden;}
.aboutus .read a{display:inline-block;font-size:18px;color:#fff;line-height:37px;border-bottom:#fff solid 2px;transition: all 0.5s;}
.aboutus .read a:hover{padding:0 20px;font-weight:bold;}
.abt-list{padding-top:66px;color:#fff;overflow:hidden;}
.abt-list dl{float:left;width:20%;box-sizing:border-box;}
.abt-list dt{position:relative;margin-top:27px;height:70px;}
.abt-list dt span{line-height:70px;font-size:83.65px;font-family:"Geometric 415 Black BT";}
.abt-list dt em{display:inline-block;position:relative;left:-10px;width:45px;height:22px;line-height:22px;text-align:center;font-size:18px;font-weight:bold;background:url(../image/abt_em.png) no-repeat;}
.abt-list dd{height:40px;line-height:40px;font-size:18px;}
/* .abt-list .item01{padding-left:170px;width:420px;}
.abt-list .item01 dd{text-indent:15px;}
.abt-list .item02{padding-left:128px;width:380px;}
.abt-list .item03{padding-left:108px;width:400px;} */
/* --end aboutus-- */

/* --honor-- */
.honor{padding:60px 0 50px;overflow:hidden;background:url(../image/honor_bg.png);}
.honor .wrap-title em{display:inline-block;padding:0 10px 0 4px;height:30px;line-height:30px;color:#fff;font-family:"Geometric 415 Black BT";background:#f68400;border-radius:0 20px 20px 0;}
.honor-slide{position:relative;height:198px;}
.honor-slide .prev,.honor-slide .next{position:absolute;top:50%;margin-top:-20px;width:39px;height:39px;cursor:pointer;}
.honor-slide .prev{left:-65px;background:url(../image/prev02.png) no-repeat 0 0;}
.honor-slide .prev:hover{background-position:0 -39px}
.honor-slide .next{right:-65px;background:url(../image/next02.png) no-repeat 0 0;}
.honor-slide .next:hover{background-position:0 -39px}
.honor-list{overflow:hidden;}
.honor-list .item{position:relative;float:left;margin-right:15px;width:296px;height:198px;background:url(../image/honor_item.png) no-repeat;}
.honor-list .item a{display:block;width:270px;height:198px;overflow:hidden;}
.honor-list .pic{padding:9px;width:252px;height:181px;overflow:hidden;}
.honor-list .pic img{display:block;width:252px;height:181px;}
.honor-list .text{display:none\9;position:absolute;top:0;left:0;padding:0 30px;width:210px;height:100%;line-height:198px;color:#fff;text-align:center;font-size:18px;font-weight:bold;opacity:0;transition:all 0.5s linear;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.honor-list .text:before,.honor-list .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.honor-list .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}
.honor-list .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;}
.honor-list .item:hover .text:before,.honor-list .item:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}
.honor-list .item:hover .text{opacity:1;background:#0950a0;}
.honor-list .item:hover img{filter:grayscale(100%);}
/* --end honor-- */

/* --news-- */
.news{padding:80px 0;overflow:hidden;background:#fff;}
.news .hd{margin-bottom:30px;height:55px;line-height:54px;border-bottom:#e5e5e5 solid 1px;}
.news .hd .more{float:right;font-size:14px;color:#999;font-family:Arial;}
.news .hd .more:hover{color:#0950a0;}
.news .hd span{display:inline-block;margin-right:60px;font-size:20px;}
.news .hd span a{color:#999;}
.news .hd span.cur a{display:block;color:#333;border-bottom:#393939 solid 2px;}
.news .bd{height:370px;overflow:hidden;}
.faq{float:left;width:466px;}
.faq-item{margin-bottom:50px;padding-left:45px;overflow:hidden;background:url(../image/faq.png) no-repeat 0 0;}
.faq-item dt{height:33px;line-height:33px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.faq-item dt a{color:#333;}
.faq-item dd{margin-top:12px;height:44px;line-height:22px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.faq-item dd a{color:#999;}
.faq-item:hover *{color:#0950a0;}
.news-tab{float:right;width:636px;}
.news-item{margin-bottom:25px;overflow:hidden;}
.news-item .pic{float:left;width:169px;height:106px;overflow:hidden;}
.news-item .pic img{display:block;width:169px;height:106px;}
.news-item .text{padding-left:18px;overflow:hidden;}
.news-item .text h3{height:24px;line-height:24px;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-item .text h3 a{color:#333;}
.news-item .text p{margin-top:8px;height:48px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-item .text p a{color:#888;}
.news-item .text em{display:block;margin-top:10px;font-size:14px;color:#888;}
.news-item:hover .pic img{transform:scale(1.1);transition: all 0.5s linear;}
.news-item:hover .text *{color:#0950a0;}
/* --end news-- */

/* --flinks-- */
.flinks{padding:27px 0;line-height:41px;overflow:hidden;border-bottom:#373737 solid 1px;background:#202020;}
.flinks .addlink{float:right;color:#fff;}
.flinks dl{padding:0 56px;overflow:hidden;background:url(../image/flinks.png) no-repeat 0 0;}
.flinks dt{float:left;font-size:18px;color:#fff;}
.flinks dt a{color:#fff;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 20px;color:#999;}
.flinks dd a:hover{color:#eee;}
/* --end flinks-- */




@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .product{padding: 60px 0 ;}
  .case{padding-top: 60px;}
  .news{padding: 60px 0;}
}
@media (max-width: 1259px) {
  .product-list .pic {width: 100%;height: auto;}
  .product-list{width: 100%;}
  .product-list .item{width: calc(25% - 20px);}
  .product-hot{width: 40%;height: 460px;}
  .product-hot .pic {width: 100%;height: 100%;}
  .product-hot .pic img{width: 100%;height: 100%;}
  .product-list .pic img{height: 160px;}
  .case-list .text{    padding: 20px 20px 0;}
  .case-list .tit {font-size: 20px;}
  .case-list .item.cur .text {padding-top: 20px;}
  .case-list .summary{padding: 5px 0;}
  .abt-list dt span {line-height: 94px;font-size: 50px;}
  .faq{width: 40%;}
  .news-tab{width: 57%;}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .aboutus .text p{height:auto;}
  .wrap-title h3 a{font-size: 22px;margin-bottom: 10px;}
  .wrap-title{padding-bottom: 20px;}
  .product{padding: 40px 0 22px;}
  .case{padding-top: 40px;}
  .news{padding: 40px 0;}
  .partner{padding: 40px 0 ;}
  .product-hot{margin-bottom: 20px;}
  .product-list .pic,
  .product-hot,
  .product-hot .pic{width: 100%;height: auto;}
  .product-list .item,
  .product-list,
  .product-hot .text{width: 100%;margin: 0px 0px 15px 0px;}
  .product-hot .pic img{width: 100%;height: auto;}
  .product-hot .text{left: 0;padding:  0 20px;    box-sizing: border-box;}
.product-hot .text span{font-size: 18px;}
.case-list .item{width: 100%;}
.case-list .pic{height: 320px;}
.case-list .item .text{    padding-top: 36px;background:rgba(9,80,160,0.5);}
.case-list .item .summary,.case-list .item .btnBox{display:block;}
.case-list .tit{font-size: 18px;}
.case-list .icon img{width: 40px;height: 40px;margin: auto;}
.case-list .summarym,
.case-list .icon:after {    margin: 12px auto;}
.partner li{width: 50%;}
.partner li .text{font-size: 14px;}

.abt-list dt span{font-size: 30px;margin-right: 5px;line-height: 82px;}
.abt-list dl{width: 50%;}
.abt-list dl:last-child{width: 100%;}
.abt-list dd,
.abt-list dt{margin-top: 0px;height: auto;text-align: center;}
.abt-list dt{margin: -12px 0 -22px;}
.abt-list {padding-top: 20px;}
.aboutus{padding-top: 30px;padding-bottom: 40px;}
.aboutus .text {margin: 0 auto;width: 100%;height: 80px;}
.faq{width: 100%;}
.news-tab{width: 100%;    margin-bottom: 15px;}
.product-list .pic img {height: 250px;}
}