@charset "utf-8";
/* 
    author:PengJin;
    date:2020-11-23;
*/
body{background:var(--c-light);}
/*--banner--*/
.banner{position:relative;z-index:1;width:100%;overflow:hidden;background:#fff;height:350px}
.banner .swiper-slide{display: block;cursor:pointer;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .swiper-slide .text{position:absolute;z-index:3;left:50%;top:50%;padding:0 15px;width:1200px;transform:translate(-50%,-50%);}
.banner .swiper-slide .text h3{position:relative;padding-bottom:22px;font-size:40px;line-height:1;font-weight:700;transition:all 0.5s;}
.banner .swiper-slide .text h3:after{display:block;position:absolute;left:0;bottom:0;width:350px;height:4px;content:"";background:var(--c-accent);} 
.banner .swiper-slide .text p{margin-top:6px;font-weight:400px;font-size:20px;line-height:24px;}
.banner .swiper-slide[data-color="white"]{color:#fff;}
.banner .swiper-slide[data-color="black"]{color:#000;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:15px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 10px !important;width:10px;height:10px;border-radius:50%;background:#646464;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:var(--c-accent);}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;cursor:pointer;background:rgba(0,0,0,0.5);transform:translateY(-50%);}
.banner .swiper-prev{left:2%;}
.banner .swiper-next{right:2%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{background:#000;}
@media(max-width:1200px){
.banner .swiper-slide img{left:0;width:100%;transform:translateX(0);}
.banner .swiper-slide .text{width:calc(100% - 20px);}
.banner .swiper-slide .text h3{font-size:32px;}
.banner .swiper-slide .text h3:after{width:100px;}
.banner .swiper-slide .text p{font-size:12px;line-height:18px;}
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{bottom:20px;}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;background:#fff;}
}
/*--end banner--*/

/*--ad--*/
.ad{padding:30px 0;text-align:center; overflow:hidden;background:var(--c-blue);}
.ad h2{font-size:30px;line-height:1.25;color:#fff;text-transform:none;text-shadow: 0 1px 0 #000, 0 2px 0 #000, 0 3px 0 #000, 0 2px 0 #000, 0 2px 0 #000, 0 3px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}
.ad h2:after{display:block;margin:25px auto;width:190px;height:3px;content:"";background-color:#fff;}
.ad .summary{padding-top:5px;font-family:"Roboto";font-size:20px;line-height:1.5;color:#fff;}
@media(max-width:1200px){
.ad{padding:40px 0;}
.ad h2{font-size:30px;}
.ad .summary{font-size:14px;}
}
/*--end ad--*/

/*--skill--*/
.skill{padding:50px 0;overflow:hidden;background:var(--c-light);}
.skill-intro{padding-bottom:50px;overflow:hidden;}
.skill-intro .tit{float:left;width:290px;height:72px;font-family:sans-serif;font-weight:600;font-size:28px;color:#000;text-transform:uppercase;border-right:var(--c-blue) solid 3px;}
.skill-intro .summary{float:right;padding-right:60px;width:calc(100% - 350px);/*font-family:"Roboto";*/font-size:16px;font-style:italic;line-height:1.5;color:#333;}
.skill-list{margin:-20px;overflow:hidden;}
.skill-list .item{float:left;margin:20px;width:calc(33.33% - 40px);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.skill-list .pic{overflow:hidden;}
.skill-list .pic a{display:block;position:relative;}
.skill-list .pic a:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;}
.skill-list .pic a img{display:block;width:100%;transition:all 1s;}
.skill-list .pic a:hover:after{opacity:1;}
.skill-list .pic a:hover img{transform:scale(1.1);}
.skill-list .text{overflow:hidden;}
.skill-list .hd{overflow:hidden;border-bottom:var(--c-accent) solid 2px;}
.skill-list .hd h3{padding:0 15px;line-height:55px;font-size:15px;font-weight:600;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.skill-list .hd h3 a{color:#242424;}
.skill-list .hd h3 a:hover{color:var(--c-accent);}
.skill-list .bd{padding:25px 15px;overflow:hidden;}
.skill-list .bd p{height:135px;font-family:sans-serif;font-size:14px;color:#898989;line-height:1.5;}
.skill-list .bd span{display:block;margin:10px 0;font-size:13px;text-transform:uppercase;font-weight: bold;}
.skill-list .bd span a{color:var(--c-accent);}
@media(max-width:1200px){
.skill{padding:40px 0;}
.skill-intro{padding-bottom:40px;}
.skill-intro .tit{float:none;width:80%;font-size:22px;}
.skill-intro .summary{float:none;padding-right:0;width:100%;font-size:14px;}
.skill-list{margin:-15px;}
.skill-list .item{float:none;margin:15px;width:calc(100% - 30px);}
.skill-list .hd h3{padding:0 10px;line-height:45px;font-size:16px;}
.skill-list .bd{padding:20px 10px;}
.skill-list .bd p{height:100px;line-height:20px;font-size:14px;}
}
/*--end skill--*/

/*--abouts--*/
.abouts{padding:70px 0;overflow:hidden;background:#fff;}
.abouts .text{text-align:center;overflow:hidden;}
.abouts .text h2{font-family:sans-serif;font-size:40px;line-height:1.25;color:#242424;}
.abouts .text .summary{padding-top:20px;font-size:18px;font-family:sans-serif;color:#6c6c6c;line-height:1.8;overflow:hidden;}
.abouts .links{padding-top:65px;overflow:hidden;}
.abouts .links ul{display:flex;width:100%;justify-content:center;}
.abouts .links li{padding:0 55px;text-align:center;}
.abouts .links li i{display:block;margin:0 auto;width:64px;height:64px;}
.abouts .links li i img{display:block;width:100%;}
.abouts .links li span{display:block;font:600 22px/1.5 'Montserrat',sans-serif;color:#6c6c6c;text-transform:uppercase;}
@media(max-width:1200px){
.abouts{padding:40px 0;}
.abouts .text{text-align:left;}
.abouts .text h2{font-size:20px;}
.abouts .text .summary{font-size:16px;}
.abouts .links{padding-top:35px;}
.abouts .links li{padding:0 20px;}
.abouts .links li i{width:50px;height:50px;}
.abouts .links li span{font-size:18px;}
}
/*--end abouts--*/

/*--product--*/
.product{padding:30px 0;overflow:hidden;background:url(../images/bg/product_bg.jpg) no-repeat center;background-size:cover;}
.product .box-title{position:relative;padding-bottom:20px;overflow:hidden;}
.product .box-title:after{display:block;position:absolute;left:0;bottom:0;width:55px;height:3px;content:"";background:var(--c-accent);}
.product .box-title h2{font:600 28px 'Montserrat';letter-spacing:.3px;color:#fff;text-transform:uppercase;}
.product-slide{margin-top:50px;overflow:hidden;}
.product-slide .swiper-slide{padding:0 15px;}
.product-slide .item{display:block;position:relative;overflow:hidden;}
.product-slide .item:before{display:block;position:absolute;z-index:3;left:50%;top:20%;width:66px;height:66px;line-height:66px;text-align:center;font-size:30px;color:#fff;font-family:"iconfont";content:"\e681";background:var(--c-accent);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.5s;}
.product-slide .item:after{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;}
.product-slide .item img{display:block;width:100%;transition:all 1s;}
.product-slide .item:hover:before{top:50%;}
.product-slide .item:hover:before,.product-slide .item:hover:after{opacity:1;}
.product-slide .arrow{padding-top:80px;text-align:center;overflow:hidden;}
.product-slide .swiper-prev,.product-slide .swiper-next{display:inline-block;margin:0 18px;width:42px;height:42px;line-height:40px;font-size:18px;color:#fff;cursor:pointer;border:#878787 solid 1px;}
.product-slide .swiper-prev:hover,.product-slide .swiper-next:hover{background-color:var(--c-accent);border-color:var(--c-accent);transition:all 0.5s;}
@media(max-width:1200px){
.product .box-title h2{font-size:25px;}
.product-slide{margin-top:25px;}
.product-slide .arrow{padding-top:30px;}
}
/*--end product--*/

/*--testimonial--*/
.testimonial{padding:40px 0;overflow:hidden;background:url(../images/bg/testimonial_bg.jpg) no-repeat center;background-size:cover;}
.testimonial .inner{margin:0 auto;padding-top:62px;padding-left:130px;width:642px;background:url(../images/bg/quote-n.png) no-repeat 0 0;}
.testimonial-slide{overflow:hidden;}
.testimonial-slide .hd{height:130px;overflow:hidden;}
.testimonial-slide .hd .pic{float:left;width:130px;height:130px;overflow:hidden;border-radius:50%;}
.testimonial-slide .hd .pic img{display:block;width:100%;border-radius:50%;}
.testimonial-slide .hd .text{padding:15px 20px;overflow:hidden;}
.testimonial-slide .hd .text h3{font:600 1.3em/2em "Open Sans",sans-serif;color:#fff;}
.testimonial-slide .hd .text span{display:block;}
.testimonial-slide .hd .text span:after{font-family:"iconfont";color:#ffba00;letter-spacing:2px;}
.testimonial-slide .hd .text span[data-lv="1"]:after{content:"\e64b";}
.testimonial-slide .hd .text span[data-lv="2"]:after{content:"\e64b \e64b";}
.testimonial-slide .hd .text span[data-lv="3"]:after{content:"\e64b \e64b \e64b";}
.testimonial-slide .hd .text span[data-lv="4"]:after{content:"\e64b \e64b \e64b \e64b";}
.testimonial-slide .hd .text span[data-lv="5"]:after{content:"\e64b \e64b \e64b \e64b \e64b";}
.testimonial-slide .bd{padding-top:15px;overflow:hidden;}
.testimonial-slide .bd p{font:400 16px/1.6 "Open Sans",sans-serif;color:#bbc1c7;}
.testimonial-slide .swiper-pager{padding-top:30px;text-align:center;}
.testimonial-slide .swiper-pager span{width:15px;height:15px;background:#f5f5f5;border:1px solid #bcbcbc;opacity:1;}
.testimonial-slide .swiper-pager span.swiper-pagination-bullet-active{background:var(--c-accent);}
@media(max-width:1200px){
.testimonial .inner{padding-left:0;width:100%;background-size:50px;}
.testimonial-slide .bd p{font-size:14px;}
}
/*--end testimonial--*/

/*--adv--*/
.adv{overflow:hidden;background:url(../images/bg/adv_bg.jpg) no-repeat center;background-size:cover;}
.adv .pic{float:left;width:33.333%;height:520px;overflow:hidden;background:url(../images/bg/adv_l_bg.jpg) no-repeat;}
.adv .pic .text{position:relative;top:50%;padding:0 30px;color:#fff;overflow:hidden;transform:translateY(-50%);}
.adv .pic .text h2{margin-bottom:20px;font-size:42px;line-height:1.5;font-weight:700;font-family:"Roboto";}
.adv .pic .text p{font-size:15px;}
.adv .list{float:right;padding:50px 0;width:66.666%;height:418px;overflow:hidden;}
.adv .list .item{float:left;width:50%;padding:25px 15px;height:50%;}
.adv .list .icon{float:left;width:60px;height:60px;overflow:hidden;border-radius:50%;}
.adv .list .icon img{display:block;width:100%;border-radius:50%;}
.adv .list .text{padding-left:25px;overflow:hidden;}
.adv .list .text h3{font-size:18px;font-family:"Roboto";font-weight:700;color:#242424;}
.adv .list .text p{font-size:14px;line-height:1.5;color:#333;}
@media(max-width:1200px){
.adv .pic{float:none;width:100%;height:auto;}	
.adv .pic .text{padding:20px;top:0;transform:translateY(0);}
.adv .pic .text h2{font-size:25px;}
.adv .pic .text p{font-size:14px;}
.adv .list{float:none;padding:20px;width:100%;height:auto;}
.adv .list .item{float:none;padding:10px 0;width:100%;height:auto;}
}
/*--end adv--*/

/*--news--*/
.news{padding:60px 0;overflow:hidden;background:#fff;}
.news-menu{position:relative;padding-bottom:20px;overflow:hidden;}
.news-menu:after{display:block;position:absolute;left:0;bottom:0;width:55px;height:3px;content:"";background:var(--c-accent);}
.news-menu li{float:left;line-height:1.25;padding:0 30px;font-family:"Montserrat";letter-spacing:.3px;font-size:28px;color:#242724;cursor:pointer;text-transform:uppercase;border-right:#ccc solid 1px;}
.news-menu li:first-child{padding-left:0;}
.news-menu li:last-child{border-right:none;}
.news-menu li.cur{color:var(--c-accent);}
.news-main{margin-top:50px;overflow:hidden;}
.news-list{margin:0 -20px;overflow:hidden;}
.news-list .item{float:left;margin:0 20px;width:calc(33.33% - 40px);}
.news-list .pic{position:relative;overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .pic:hover img{transform:scale(1.1);}
.news-list .date{position:absolute;left:10px;bottom:0;padding:10px 0;width:68px;height:68px;text-align:center;color:#fff;background:var(--c-accent);}
.news-list .date em{display:block;font-weight:bold;font-size:20px;}
.news-list .date span{display:block;font-size:14px;}
.news-list .text{padding-top:20px;overflow:hidden;}
.news-list .text .meta{overflow:hidden;}
.news-list .text .meta span{display:inline-block;padding:0 20px 0 10px;font:400 16px/1 sans-serif;font-style:italic;color:#a6a6a6;border-right:#a6a6a6 solid 1px;}
.news-list .text .meta span:first-child{padding-left:0;}
.news-list .text .meta span:last-child{border-right:none;}
.news-list .text h3{margin-top:15px;height:52px;line-height:26px;font-size:16px;font-weight:700;overflow:hidden;}
.news-list .text h3 a{color:#000;}
.news-list .text h3 a:hover{color:var(--c-accent);}
.news-list .text p{margin-top:6px;font-size:15px;line-height:1.5;overflow:hidden;color:#8e8d8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:1200px){
.news{padding:40px 0;}
.news-menu li{padding:0 15px;font-size:20px;}
.news-main{margin-top:25px;}
.news-list{margin:0;}
.news-list .item{float:none;margin:0 0 20px;width:100%;}
.news-list .item:last-child{margin-bottom:0;}
}
/*--end news--*/

/*--ad02--*/
.ad02{padding:45px 0;overflow:hidden;background:url(../images/bg/ad02_bg.jpg) no-repeat center;background-size:cover;}
.ad02 p{color:#fff;text-align:center;font-size:32px;line-height:1.25;}
.ad02 p span{color:var(--c-accent);}
@media(max-width:1200px){
.ad02{padding:40px 0;}
.ad02 p{font-size:25px;}	
}
/*--end ad02--*/

/*--clients--*/
.clients{padding:80px 0;overflow:hidden;background:#fff;}
.clients .box-title{position:relative;margin-bottom:50px;padding-bottom:20px;overflow:hidden;}
.clients .box-title:after{display:block;position:absolute;left:0;bottom:0;width:55px;height:3px;content:"";background:var(--c-accent);}
.clients .box-title h2{font:600 28px 'Montserrat',sans-serif;color:#000;text-transform:uppercase;}
.clients .leftCon{float:left;width:555px;}
.clients .rightCon{float:right;width:555px;}
.clients-list{overflow:hidden;}
.clients-list .text{margin-bottom:30px;font-size:15px;line-height:1.75;color:#898989;}
.clients-list ul{margin:-10px;overflow:hidden;}
.clients-list li{float:left;margin:10px;width:calc(25% - 20px);overflow:hidden;border:2px solid var(--c-accent);transition:all 0.5s;}
.clients-list li img{display:block;width:100%;}
.clients-list li:hover{border-radius:50%;}
.msgForm{padding:40px 45px;overflow:hidden;border:1px solid #ebebeb;box-shadow:0 0 10px #e0e0e0 inset;}
.msgForm li{position: relative;margin-bottom:20px;overflow:hidden;}
.msgForm li input{display:block;padding:10px 20px;width:100%;height:43px;font-size:14px;border:1px solid #eaeaea;border-radius:0;box-shadow:none;}
.msgForm li textarea{display:block;padding:10px 20px;width:100%;height:160px;font-size:14px;border:1px solid #eaeaea;border-radius:0;resize:none;box-shadow:none;}
.msgForm li input::-webkit-input-placeholder,.msgForm li textarea::-webkit-input-placeholder{color:#999;} 
.msgForm li button{display:block;width:160px;height:52px;line-height:52px;font-size:15px;color:#fff;text-align:center;border:none;cursor:pointer;background:var(--c-accent);border-radius:4px;transition:all 0.5s;}
.msgForm li button:hover{background-color:var(--c-navy);}
.msgForm li span{display:block;position:absolute;right:0;top:0;width:100px;height:45px;cursor:pointer;background:#eaeaea;}
.msgForm li span img{display:block;width:100%;height:100%;}
.msgForm li input#verCode{width:calc(100% - 120px);}
@media(max-width:1200px){
.clients{padding:40px 0;}
.clients .box-title{margin-bottom:25px;}
.clients .box-title h2{font-size:20px;}
.clients .leftCon,.clients .rightCon{float:none;width:100%;}
.clients-list{padding-bottom:30px;}
.clients-list ul{margin:-5px;width:80%;}
.clients-list li{margin:5px;width:calc(33.33% - 10px);border:none;box-shadow: 1px 1px 1px 1px #ddd;}
.msgForm{padding:20px;}
.msgForm li{margin-bottom:10px;}
}
/*--end clients--*/

/*--ad03--*/
.ad03{padding:25px 0;text-align: center;overflow:hidden;background:url(../images/bg/ad03_bg.jpg) no-repeat center;background-size:cover;}
.ad03 h2{display:inline-block;font-size:25px;line-height:42px;font-weight:500;color:#fff;vertical-align:middle;}
.ad03 span{display:inline-block;margin-left:100px;vertical-align:middle;text-align:center;}
.ad03 span a{display:block;width:154px;height:42px;line-height:42px;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;background:var(--c-accent);border-radius:4px;transition:all 0.5s;}
.ad03 span a:hover{background-color:var(--c-navy);}
@media(max-width:1200px){
.ad03{padding:40px 0;}
.ad03 h2{display:block;margin-bottom:15px;font-size:18px;line-height:1.5;}
.ad03 span{margin-left:0;}
}
/*--end ad03--*/

/*--fancybox-slide--*/
.fancybox-slide .item .pic{overflow:hidden;}
.fancybox-slide .item .pic img{display:block;width:100%;}
.fancybox-slide .item .tit{padding-top:20px;text-align:center;font-size:16px;color:#666;}