/* header */
.header{background-color: #ffffff;padding: 0 5%;height: 110px;position: fixed;top:0;left:0;z-index: 999;;width: 90%;border-bottom: 1px solid #e5e5e5;}
.header .logo{overflow: hidden;float: left;position: relative;top: 30px;}
.header .logo a{width: 180px;height: 48px;display: block;float: left;}
.header .logo a img{width: 180px;height: 48px;display: block;}
.header .nav{float: right;margin-right: 70px;}
.header .nav ul li{float: left;font-size: 16px;height: 110px;line-height: 110px;padding: 0 30px;position: relative;}
.header .nav ul li:first-child{margin-left: 0;}
.header .nav ul li>a{display: block;color: #333;}
.header .nav ul li:hover>a,.header .nav ul li.cur>a{color: #1ca2ea;font-weight: bold;}
.submenu {width: auto;border: solid 1px #dedede;background-color: #fff;margin: 0 auto;position: absolute;left: 0;top: 110px;z-index: 99;display: none;}
.submenu a {display: block;text-align: left;color: #999;font-size: 14px;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;padding-left: 40px;padding-right: 20px;}
.submenu a:before {content:'';display: block;width: 11px;height: 1px;background-color: #999;position: absolute;left: 20px;top: 20px;}
.submenu a:hover{ background-color: #f1f1f1;}


/* 小屏幕 start */
@media screen and (max-width: 1660px) {
.header .nav ul li{margin-left:28px;}
.header .nav{margin-right: 20px;}
}
@media screen and (max-width: 1200px) {
.header .nav ul li{margin-left: 25px;}
.header .nav{margin-right: 20px;}
}
.header{min-width: 1100px;}
/* 小屏幕 End */


/* Banner */
.banner{width:100%;height:auto;overflow:hidden;position:relative}
.swiper-container{width:100%}
.swiper-container .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container .swiper-pagination-bullet{height:13px;width:13px}
.swiper-container img{width:100%;max-width:100%}
.swiper-pagination-fraction{color:#ffffff}
.banner .slogan{position:absolute;top:50%;left:50%;z-index:99;width:1200px;height:200px;margin-left:-600px;margin-top:-100px}
.slogan h6{color:#ff7404;font-size:40px;font-weight:700}
.slogan h5{color:#ffffff;font-size:25px;font-weight:700;margin:30px 0}
.slogan .slogan_btn a{background-color:rgba(1,66,112,0.1);border:1px solid #ffffff;color:#ffffff;padding:15px 35px;display:inline-block;margin-top:20px;margin-right:10px}
.slogan .slogan_btn a:nth-child(1):hover{background-color:#ff7404;border:1px solid #ff7404}
.slogan .slogan_btn a:nth-child(2):hover{background-color:#1ca2ea;border:1px solid #1ca2ea}
.banner .n_slogan{position:absolute;top:50%;left:50%;z-index:99;width:1200px;height:110px;margin-left:-600px;margin-top:-55px}
.n_slogan h6{color:#ff7404;font-size:40px;font-weight:700}
.n_slogan h5{color:#1ca2ea;font-size:30px;font-weight:700}

/* Title */
.wrap-title{padding:40px 0;text-align:center;line-height:1.4;overflow:hidden;}
.wrap-title h3{font-size:30px;font-weight:normal;color:#000000;font-weight: bold;}
.wrap-title p{font-size:16px;color:#999;}
.wrap-title.white *{color:#fff;}

/*Bnt */
.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: #1ca2ea;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);}}


/* About */
.aboutbj{background:#f6f6f6 url(../images/about_bg.jpg) no-repeat center top;height:auto;padding:40px 0 80px 0}
.about-us{padding:0 0 50px 0;text-align:center;line-height:35px;font-size:16px}
.about-more{text-align:center}
.about-more a{border:1px solid #dddddd;padding:10px 35px;margin:0 10px;transition:all 0.3s;display:inline-block;font-size:15px}
.about-more a:nth-child(1){color:#1ca2ea}
.about-more a:nth-child(2){color:#666666}
.about-more a:nth-child(3){color:#ff7404}
.about-more a:nth-child(1):hover{border:1px solid #1ca2ea;color:#1ca2ea}
.about-more a:nth-child(2):hover{border:1px solid #1ca2ea;color:#ff7404}
.about-more a:nth-child(3):hover{border:1px solid #1ca2ea;color:#1ca2ea}


.about-body{padding: 75px 0;overflow: hidden;}
.about-illustrate{background-color: rgb(246 247 248);margin-bottom: 20px;}
.about-illustrate .about-img{width: 664px;height: 368px;overflow: hidden;}
.about-illustrate .about-img img{max-width: 100%;}
.about-illustrate .about-item{width:466px;padding:10px 35px;overflow: hidden;}
.about-illustrate .about-item .about-title{font-size: 24px;color: rgb(51 51 51);line-height: 70px;position: relative;}
.about-illustrate .about-item .about-title::before{content: '';width: 30px;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #1ca2ea;}
.about-illustrate .about-item .about-title h4{font-size: 30px;color: #000000;}
.about-illustrate .about-item .about-text{color: rgb(102 102 102);line-height: 28px;font-size: 14px;padding-top: 30px;}
.about-lable{margin-top: 20px;margin-left: -20px;}
.about-lable .about-lable-item{background-color:rgb(246 247 248);margin-left:20px;transition:all .4s;height:132px;width:224px;overflow:hidden;float:left;text-align:center}
.about-lable .about-lable-item:hover{background-color:#1ca2ea}
.about-lable .about-lable-item span{width:40px;height:40px;overflow:hidden;margin:20px auto;display:block}
.about-lable .about-lable-item span img{max-width:100%}
.about-lable .about-lable-item dl{padding:0 25px}
.about-lable .about-lable-item dl dt{font-weight:700;color:#333;font-size:18px;margin-bottom:8px}
.about-lable .about-lable-item dl dd{color:#333}
.about-lable .about-lable-item:hover dl dd,.about-lable .about-lable-item:hover dl dt{color:#fff}

.about-culture{color:#656565;background-image:url(../images/gyy.png);height:auto;background-size:cover;padding:80px 0}
.about-culture-title{color:#fff;text-align:center;font-size:24px;margin-bottom:12px;line-height:80px;position:relative}
.about-culture-title::before{content:'';width:30px;height:2px;position:absolute;left:50%;bottom:0;background-color:#fff;margin-left:-15px}
.about-culture-describe{color:#fff;text-align:center;line-height:36px}
.about-culture-value{background-color:#fff;box-shadow:0 10px 20px 2px rgba(0,0,0,.1);position: relative;top:-45px;}
.about-culture-value-item{float:left;text-align: center;width:299px;margin: 25px 0;border-left: 1px solid #eeeeee;height: 160px;overflow: hidden;}
.about-culture-value-item span{width:40px;height:40px;overflow:hidden;margin:20px auto;display:block}
.about-culture-value-item span img{max-width:100%}
.about-culture-value-item dl{padding:0 25px;}
.about-culture-value-item dl dt{font-weight:700;color:#333;font-size:18px;margin-bottom:8px}
.about-culture-value-item dl dd{color:#999999}
.h200{height: 230px;}

.about-certificate{padding: 50px 0;margin-left: -15px;}
.about-certificate-list ul li{float: left;width: 185px;height: 254px;margin-left: 15px;margin-bottom: 15px;border:1px solid #dedede;overflow: hidden;cursor: pointer;}
.about-certificate-list ul li img{max-width: 100%;}
.about-certificate-list ul li:hover{border: 1px solid #1ca2ea;}

/* Solution  */
.solution{overflow:hidden;padding:40px 5% 80px 5%;background-color: #f7f8fa;}
.solution-list{overflow:hidden;}
.solution-list .item{position:relative;float:left;width:16.66666%;}
.solution-list .pic{position:relative;}
.solution-list .pic img{display:block;width:100%;}
.solution-list .text{position:absolute;top:0;left:0;padding:50% 30px 0;width:100%;height:100%;color:#fff;text-align:center;overflow:hidden;box-sizing:border-box;transition:all 0.5s linear;}
.solution-list .icon{margin:0 auto;width:60px;overflow:hidden;}
.solution-list .icon img{display:block;width:60px;height:60px;}
.solution-list .icon:after{display:block;margin:24px auto;width:22px;height:2px;content:"";background:#fff;}
.solution-list .tit{font-size:22px;font-weight:bold;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solution-list .tit a{color:#fff;}
.solution-list .summary{display:none;margin:22px 0;height:75px;font-size:16px;line-height:25px;overflow:hidden;}
.solution-list .btnBox{display:none;margin:0 auto;max-width:205px;height:37px;line-height:37px;border:#fff solid 1px;overflow:hidden;}
.solution-list .btnBox a{display:block;float:left;width:50%;font-size:14px;color:#fff;text-align:center;box-sizing:border-box;}
.solution-list .btnBox a:nth-child(1){border-right:#fff solid 1px;}
.solution-list .btnBox a:before{background-color:#f9a219;}
.solution-list .item.cur .text{padding-top:10%;background-color:#1ca2ea;}
.solution-list .item.cur .summary,.solution-list .item.cur .btnBox{display:block;}

/* Product */
.product-box{height:auto;padding:40px 5% 80px 5%;}
.product-tab{overflow:hidden;}
.product-main{height:auto;margin: auto;}
.product-main .item{position:relative;height:auto;overflow:hidden;}
.product-main .pic img{display:block;width:100%;height:auto;}
.product-main .text{position:absolute;right:0;bottom:0;padding:40px 45px;width:525px;height:104px;color:#fff;background:url(../images/made_text.png) no-repeat;}
.product-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";}
.product-main .text span{display:block;margin-top:8px;height:30px;line-height:30px;font-size:24px;}
.product-main .text p{margin-top:15px;line-height:22px;font-size:14px;}
.product-menu{padding-top:30px;margin:0 -60px;width:auto;overflow:hidden;}
.product-menu li{float:left;width:16.66%;text-align:center;cursor:pointer;}
.product-menu li i{position:relative;display:block;margin:0 auto;width:45px;height:45px;overflow:hidden;}
.product-menu li i img{display:block;position:absolute;top:0;left:0;transition:all 0.5s linear;}
.product-menu li p{padding:0 60px;font-size:18px;color:#666;line-height:1.5;}
.product-menu li.cur i img{top:-45px;} 
.product-menu li.cur p{color:#1ca2ea;}

.product-list{padding:0 8% 0 8%}
.product-list  ul{margin-right:-30px;}
.product-list  ul li{width:calc(33.3333% - 30px);margin-right:30px;margin-bottom:30px;float: left;}
.product-list ul li a{display:block;width:100%;height:100%}
.product-list .product-img{display:block;width:100%;overflow:hidden}
.product-list img{display:block;width:100%;height:auto;transition:all 1s cubic-bezier(.12,.4,.57,1.01);overflow: hidden}
.product-list ul li:hover img{transform:translateY(-232px)}
.product-list li p{font-size:16px;color:#1d1d1d;padding:20px 50px 20px 20px;border-bottom:solid 1px #e5e5e5;position:relative;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;opacity:1;transform:translateY(0);transition:all .5s ease-out;background: #ffffff;}
.product-list li p:after{content:"+";display:block;width:30px;height:30px;border:1px solid #ccc;position:absolute;right:20px;top:15px;z-index:1;border-radius: 50%;transition: all 0.5s;
z-index:2;text-align: center;line-height: 30px;}
.product-list li:hover p{background-color:#1ca2ea;color:#fff;padding-left:35px}
.product-list li:hover p:after{top:-10%;background: #ffffff;border:none;color:#666666}

/* News */
.bg-grey{background-color:#f7f8fa;padding:80px 0}
.news{background-color:#ffffff;margin:0 5%}
.news-box{padding:0 5%;margin-left:-1px;border-top:1px solid #e5e5e5}
.news-item{float:left;width:calc(33.3333% - 1px)}
.news-item:not(:last-child){border-right:1px solid #e5e5e5}
.news-item a{display:block;padding:55px 40px}
.news-item .news-time{font-size:16px;color:#1ca2ea;line-height:20px;margin-bottom:25px}
.news-item h3{font-size:24px;line-height:34px;color:#000000;height:auto;overflow:hidden;margin:20px 0;height: 70px;}
.news-item h5{font-size:16px;line-height:25px;color:#333333;overflow:hidden;margin-bottom: 30px;font-weight: 100;}
.news-item .btn-more{border: 1px solid #1ca2ea;background:#1ca2ea;color: #ffffff;;display: inline-block;padding: 15px 40px;font-size: 16px;overflow: hidden;}
.news-item .news-img {margin-top: 40px;width: 100%;}
.news-item .news-img img{max-width: 100%;}
.news-item:hover .btn-more{border: 1px solid #1ca2ea;background:#ffffff; color: #1ca2ea;}

/* Footer */
.footer{width:100%;height: auto;overflow: hidden;background-color: #2C2D33;}
.footer-top {padding:64px 0;overflow: hidden;}
.footer-top .footer-main dl{float: left;width: 200px;}
.footer-top .footer-main dl dt a{font-size: 20px;color: #e1e1e1;margin-bottom: 15px;display: block;}
.footer-top .footer-main dl dd a{display:block;font-size: 14px;color: #e1e1e1;line-height: 40px;}
.footer-top .footer-main dl dt a:hover,.footer-top .footer-main dl dd a:hover{text-decoration: underline;}
.footer-top .footer-code{text-align: right;}
.footer-top .footer-code ul li{display: inline-block;margin-left: 32px;width: 114px;height: 114px;overflow: hidden;}
.footer-top .footer-code ul li img{width: 114px;height: 114px;overflow: hidden;}
.footer-top .footer-code dl dt{font-size: 19px;color: #ffffff;line-height: 23px;margin-top: 37px;letter-spacing: 3px;}
.footer-top .footer-code dl dd{font-size: 9px;color: #ffffff;line-height: 18px;margin-top: 10px;}
.footer-bottom{text-align: left;color: #e1e1e1;line-height: 88px;}

.newbanner{background:url(../images/banner-news.jpg)}
.cbanner{background-size:cover;background-position:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:65vh}
.cbanner-title{font-size:60px;margin-bottom:35px}
.cbanner .crumbs a{color:#ffffff;font-size:16px;}


.cont-box{position:relative;background-color:#fff;margin:-152px 100px 50px}
.cont-box:after,.cont-box:before{content:"";position:absolute;top:0;z-index:1;width:20px;height:50px}
.cont-box:before{left:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent)}
.cont-box:after{right:0;background-image:linear-gradient(-90deg,hsla(0,0%,100%,.2),transparent)}

.cont-item{position:relative;white-space:nowrap;margin-bottom:80px}
.cont-nav,.cont-item-list,.single{padding:0 8% 0 8%}
.cont-box .cont-item-hint{position:absolute;right:0;top:0;height:100%;border-right:10px solid #1ca2ea;font-size:12px;padding-right:12px;display:flex;flex-direction:column;justify-content:center;color:#1ca2ea;line-height: 25px;}
.cont-item-hint span:not(:last-child){margin-top:-3px}
.cont-item-hint span{display:block;transform:rotate(90deg)}

.cont-nav ul{border-bottom:1px solid #dddddd;text-align: center}
.cont-nav ul li{display: inline-flex!important;justify-content: center;}
.cont-nav ul li a{display:block;font-size:20px;padding:80px 25px 50px 25px;position: relative;}
.cont-nav ul li a span{position: relative;z-index: 1;}
.cont-nav ul li a:before{position:absolute;left:0;right:0;bottom:0;top:0;content:"";background-color:#1ca2ea;transform-origin:center bottom;transform:scaleY(0);height:120%;transition:color .35s,transform .35s}
.cont-nav ul li a.active:before,.cont-nav ul li a:hover:before{transform-origin:center top;transform:scaleY(1);}
.cont-nav ul li a.active,.cont-nav ul li a:hover{color:#fff}

/* single-bar */
.single-bar{font-size: 16px;line-height: 24px;color: #333333;}
.single-bar img{max-width: 100%;margin:15px auto}

.cont-item-list, .single {padding: 0 8%;}


/* News */
.news-list{background-color:#f9f9f9;display:flex;margin-bottom:30px}
.news-pic{position:relative;flex-shrink:0;min-height:225px;overflow:hidden;width:40%}
.news-pic img{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;;max-width: 100%;}
.news-text{flex-grow:2;padding:40px}
.news-text .title{font-weight:700;margin-bottom:20px;line-height:1.4;font-size:25px}
.news-text .time{display:block;color:#888888;margin-bottom:20px;font-size:14px}
.news-text .desc{line-height:2;font-size:16px;margin-bottom:25px}
.news-text .btn{perspective:200px;width:150px;height:50px;line-height:50px;border:1px solid #ccc;text-align:center;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition:border-color 2s,color 4s;transition:border-color .4s,color .4s;}
.news-text .btn:hover{border: 1px solid #1ca2ea;}
.news-text .btn:hover a{color:#fff;border-color:#1ca2ea}
.news-text .btn a{display:block;color:#666666}
.news-text .btn:hover::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.news-text .btn::before{-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.news-text .btn{position:relative;z-index:1;cursor:pointer}
.news-text .btn:before{content:'';background:#1ca2ea;position:absolute;left:0;top:0;width:150px;height:50px;z-index:-1;opacity:0;-webkit-transform:scale3d(.2,1,1);transform:scale3d(.2,1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;}
.news-list:hover .news-pic img{-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.news-list:hover .news-text .title{color:#1ca2ea}

/* Page */
.page{text-align: center;margin:60px 0;}
.page a,.page span{border-radius: 3px;border:1px solid #ebebeb;padding:8px 15px;margin: 0 5px;}
.page a:hover,.page a.active{background: #1ca2ea;color:#ffffff;border:1px solid #1ca2ea;}
.page_btn{width:100%;height:79px;border-top:solid 1px #f2f2f2;position:relative;margin-top:50px;}
.page_btn>a{display:block;width:25%;height:100%;color:#999;position:absolute;top:0;cursor:pointer;font-size:16px;}
.page_btn>a i{width:7px;height:12px;position:relative;left:8%;top:34px}
.page_btn>a span{display:block;width:82%;height:24px;line-height:24px;position:absolute;top:28px;z-index:3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page_btn>a:after{content:'';display:block;width:1px;height:40px;background-color:#f2f2f2;position:absolute;top:20px}
.page_btn>a.next{right:0}
.page_btn>a.next span{left:5%;text-align:right;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;}
.page_btn>a.next:after{left:0}
.page_btn>a.next i{background-position:-50px -60px;left:90%}
.page_btn>a.prev:after {right: 0;}
.page_btn>a.prev{left:0}
.page_btn>a.prev span{right:5%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;}
.page_btn>a.prev i{background-position:-35px -60px}
.page_btn>a i{width:7px;height:12px;position:relative;left:8%;top:34px}
.page_btn .return a{display:inline-block;font-size:16px;height:24px;line-height:24px;padding-right:20px;position:relative;top:28px;text-align:center;width:100%}
.page_btn .return a:hover,.page_btn .prev:hover,.page_btn .next:hover{color:#1ca2ea}
.icons_qwtg { display: block; background-image: url(../images/icons_qwtg.png); background-repeat: no-repeat; }
.page_btn>a.next:hover span{padding-left:10px;}
.page_btn>a.prev:hover span{padding-right:10px;}

/* Details */
.detail-header{text-align:center;background-color:#f6f6f6;line-height:1.5;padding-top:50px;padding-bottom:50px;margin-bottom:70px}
.detail-header .title{font-weight:700;margin-bottom:26px;font-size:36px;padding:0 20px;color: #222222;}
.detail-header .time{color:#666666;font-size:16px;font-family: Arial;font-weight: normal;}
.detail-body{max-width:1400px;margin:0 auto;line-height:2;font-size:16px;line-height: 24px;color: #333333;}
.detail-body img{max-width:100%;margin:10px 0}

/* Case */
.case-list{padding:0 8% 0 8%}
.case-list ul{margin-right:-30px;}
.case-list ul li{width:calc(33.3333% - 30px);margin-right:30px;margin-bottom:30px;float: left;}
.case-list ul li a{display:block;width:100%;height:100%}
.case-list .case-img{display:block;width:100%;overflow:hidden}
.case-list img{display:block;width:100%;height:auto;overflow: hidden}
.case-list li p{font-size:16px;color:#1d1d1d;padding:20px 50px 20px 20px;border-bottom:solid 1px #e5e5e5;position:relative;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;opacity:1;transform:translateY(0);transition:all .5s ease-out;background: #ffffff;}
.case-list li p:after{content:"+";display:block;width:30px;height:30px;border:1px solid #ccc;position:absolute;right:20px;top:15px;z-index:1;border-radius: 50%;transition: all 0.5s;
z-index:2;text-align: center;line-height: 30px;}
.case-list li:hover p{background-color:#1ca2ea;color:#fff;padding-left:35px}
.case-list li:hover p:after{top:-10%;background: #ffffff;border:none;color:#666666}