@charset "utf-8";
/*公共样式*/
.in_header{width: 100%;height: 90px;line-height: 90px;background: #fff;}
.in_header .logo{width: auto;height: 100%;}
.in_header .logo img{display: block;width: 100%;height: 100%;}
.in_header ul{width: 60%;float: right;}
.in_header ul li{width: 14.28%;float: left;text-align: center;font-size: 15px;position: relative;}
.in_header ul li a:hover,.in_header ul li.active a.on{color: #0083ce;}
.in_header ul li dl{position: absolute;left: calc(50% - 50px);top: 95%;width: 200px;z-index: 9999;transition: all ease .238s;transform: translateY(3px);box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);display: none;}
.in_header ul li dl a{display: block;width: 100%;line-height: 45px;color: #4b4b4b;background: #fff;font-size: 14px;padding: 0 15px;box-sizing: border-box;border-top: 1px solid #eaeaea;text-align: left;}
.in_header ul li:hover dl{display: block;}
.in_header.fixed{position: fixed;border-bottom: 1px solid rgba(255,255,255,.1);box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.1);z-index: 9999;}
.in_banner{height: 480px;position: relative;}
.in_banner:after{content: "";z-index: 20;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.1);pointer-events: none;}
.in_banner .inner{width: 800px;position: absolute;z-index: 333;top: 135px;left: calc(50% - 400px);overflow: hidden;}
.in_banner .inner .text{width: 50%;padding-right: 20px;box-sizing: border-box;text-align: right;color: #fff;}
.in_banner .inner .text h2{height: 50px;line-height: 50px;font-size: 38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in_banner .inner .text p{margin-top: 5px;font-size: 16px;}
.in_banner .inner .text em{display: block;margin-top: 50px;font-size:16px;text-transform: uppercase;}
.in_banner .inner .submenu{width: 20%;padding-left: 30px;padding-top: 10px;box-sizing: border-box;}
.in_banner .inner .submenu dl dt{width: 150px;height: 44px;line-height: 44px;cursor: pointer;background: #0083ce url(../images/dropdown.png) no-repeat 126px center;}
.in_banner .inner .submenu dl dt span{display: block;text-align: center;width: 110px;font-size: 15px;color: #fff;border-right: rgba(255,255,255,0.5) solid 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;box-sizing: border-box;}
.in_banner .inner .submenu dl dd{display: none;width: 150px;overflow: hidden;background: #fff;}
.in_banner .inner .submenu dl dd a{display: block;padding-left: 20px;height: 40px;line-height: 40px;color: #666;border-bottom: #eee solid 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_banner .inner .submenu dl dd a:hover{color: #0083ce;}
.in_main{margin: 60px auto;margin-bottom: 100px;}
.in_title{text-align: center;}
.in_title span{display: block;font-size: 28px;margin-bottom: 15px;}
.in_title em{display: block;color: rgb(102, 102, 102);}

/*面包屑*/
.in_nav{width: 100%;height: 65px;line-height: 65px;border-bottom: 1px solid rgba(200,200,200,0.2);background: rgba(245,245,245,1);} 
.in_nav p{float: left;color: #666;}
.in_nav p span{font-weight: bold;color: #333;}
.in_nav .crumbs{padding-left: 22px;background: url(../images/curmbs.png) no-repeat left center;}
.in_nav .crumbs a:hover{color: #0083ce;}

/*页码*/
.pages{margin-top: 50px;text-align: center;}
.pages span{border: 1px solid #ddd;margin: 0 2px;padding: 5px 10px;}
.pages span a{color: #666;}
.pages span.page-numbar{border: none;padding: 0;margin: 0;}
.pages span.page-numbar a{border: 1px solid #ddd;margin: 0 2px;padding: 5px 10px;}
.pages span:hover{border: 1px solid #0083ce;background: #0083ce;color: #fff;cursor: pointer;}
.pages span.page-status:hover{border: 1px solid #ddd;}
.pages span.page-numbar:hover{border: none;background: none;}
.pages span:hover a{color: #fff;}
.pages span.page-numbar:hover a{color: #666;}
.pages span.page-numbar a:hover{border: 1px solid #0083ce;background: #0083ce;color: #fff;}

/*左侧分类*/
.proL{width: 21%;}
.proL .tit{background: linear-gradient(45deg,#0873b1,#0083ce);border-radius: 5px 5px 0px 0px;color: #fff;padding: 30px;box-sizing: border-box;}
.proL .tit h3{font-family: 'Oswald',sans-serif;text-transform: uppercase;font-size: 28px;}
.proL .tit p{font-size: 24px;font-weight: bold;margin-top: 8px;}
.proL ul{background-color: #f9f9f9;}
.proL ul li a{display: block;height: 55px;line-height: 55px;padding: 0 30px;position: relative;z-index: 1;transition: 0.5s;border-bottom: 1px solid #e5e5e5;}
.proL ul li a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background-color: rgba(0,140,215,.05);transform-origin: 100%;transition: transform .38s cubic-bezier(.4,0,.2,1);transform: scaleX(0);}
.proL ul li a:hover:before,.proL ul li.active a:before{transform: scaleX(1);transform-origin: 0;}
.proL ul li a:hover,.proL ul li.active a{color: #0083ce;}
.proL .call{padding: 30px;background-color: #0083ce;color: #fff;}
.proL .call span{display: block;font-size: 16px;margin-bottom: 8px;}
.proL .call strong{display: block;font-size: 30px;font-family: 'Oswald',sans-serif;letter-spacing: 1px;}

/*产品列表*/
.proR{width: 76%;}
.proR ul{margin-top: -30px;}
.proR ul li{float: left;width: 32%;margin-top: 30px;margin-left: 2%;text-align: center;}
.proR ul li:nth-child(3n-2){margin-left: 0;}
.proR ul li .img{overflow: hidden;position: relative;border: 1px solid #e5e5e5;margin-bottom: -1px;}
.proR ul li .img img{transition: 0.5s;display: block;width: 100%;height: 250px;}
.proR ul li .tit{position: relative;overflow: hidden;height: 55px;line-height: 55px;border: 1px solid #e5e5e5;box-sizing: border-box;transition: 0.5s;}
.proR ul li .tit p{font-size: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.proR ul li .tit span{font-size: 16px;color: #fff;position: absolute;width: 100%;height: 100%;background-color: #0083ce;left: -100%;bottom: 0;z-index: -2;transition: 0.5s;}
.proR ul li:hover .img img{transform: scale(1.05);}
.proR ul li:hover .tit{border-bottom: 1px solid #0083ce;border-left: 1px solid #0083ce;border-right: 1px solid #0083ce;color: #fff;}
.proR ul li:hover .tit span{left: 0;}

/*产品详情*/
.in_pro .in_img{width: 45%;border: 1px solid #e5e5e5;padding: 10px;box-sizing: border-box;}
.in_pro .in_img img{display: block;width: 100%;height: 330px;}
.in_pro .in_tit{width: 52%;}
.in_pro .in_tit h1{font-weight: bold;font-size: 24px;margin-top: 15px;}
.in_pro .in_tit .time{margin-top: 15px;border-bottom: 1px dashed #d9d9d9;padding-bottom: 10px;}
.in_pro .in_tit .time span{display: inline-block;margin-right: 10px;}
.in_pro .in_tit .desc{margin-top: 20px;}
.in_pro .in_tit .desc span{display: block;margin-bottom: 5px;font-size: 15px;font-weight: bold;}
.in_pro .in_tit .desc em{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #888;}
.in_pro .in_tit .desc a{display: block;color: #0083ce;margin-top: 45px;width: 140px;line-height: 40px;border: 1px solid #0083ce;text-align: center;}
.in_pro .in_tit .desc a:hover{color: #fff;background: #0083ce;}
.in_pro h3{width: 100%;color: #0083ce;border-left: 2px solid #0083ce;padding-left: 20px;height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;background: #f5f5f5;margin-top: 30px;}
.in_pro .in_con{margin-top: 30px;}
.in_pro .next{border-top: 1px dotted #aaa;position: relative;margin-top: 30px;}
.in_pro .next .nav_links{width: 75%;margin-top: 10px;color: #666;line-height: 28px;}
.in_pro .next .nav_links a{color: #666;}
.in_pro .next .return{width: 150px;text-align: right;position: absolute;right: 5px;top: 10px;}
.in_pro .next .nav_links a:hover,.in_pro .next .return a:hover{color:#0083ce;}

/*案例详情*/
.in_pro .in_p{margin-bottom: 30px;}
.in_pro .in_p h1{width: 100%;text-align: center;font-size: 28px;font-weight: bold;padding-bottom: 10px;}
.in_pro .in_p dl{overflow: hidden;padding-top: 20px;margin: 20px 0;text-align:center;border-top: 1px solid #d9d9d9;}
.in_pro .in_p dl dt{display: inline-block;margin: 0 8px;}
.in_pro .in_p p{padding: 10px 15px;box-sizing: border-box;background: #f2f2f2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*新闻列表*/
.in_news ul li{display: flex;padding: 30px 0;border-top: none;border-bottom: 1px solid #ddd;}
.in_news ul li .txt{display: flex;width: calc(100% - 165px);padding-right: 50px;box-sizing: border-box;}
.in_news ul li .txt .time{width: 100px;position: relative;}
.in_news ul li .txt .time span{display: block;color: #999;font-size: 1.5rem;margin: 0px 0 30px;transition: all .5s ease;}
.in_news ul li .txt .time i{padding: 6px 11px;border: 1px solid transparent;transition: all .5s ease;color: #ccc;font-size: 20px;}
.in_news ul li .txt .con{position: relative; width: calc(100% - 100px);transition: all .5s ease;padding: 0 30px 0 60px;}
.in_news ul li .txt .con::before{content: '';position: absolute;left: 0px;top: 1rem;display: block;width: 40px;height: 1px;background: #aaa;transition: all .5s ease;}
.in_news ul li .txt .con a{display: block;margin-bottom: 10px;width: 100%;font-size: 1.5rem; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;}
.in_news ul li .txt .con article{line-height: 24px;height: 48px;font-size: 0.875rem;overflow: hidden;color: #999;transition: 600ms;}
.in_news ul li .img{width: 165px;height: 110px;}
.in_news ul li .img a{display :block;width: 100%;height: 100%;overflow: hidden;}
.in_news ul li .img img{width: 100%;height: 100%;transform: scale(1);transition: all .5s ease;}
.in_news ul li:hover .txt .time span{color: #333;}
.in_news ul li:hover .txt .time i{border-color: #0083ce;margin-top: 10px;background: #0083ce;}
.in_news ul li:hover .txt .con{padding-left: 80px;}
.in_news ul li:hover .txt .con::before{width: 60px;}
.in_news ul li:hover .txt .con a{color: #0083ce;}
.in_news ul li .img:hover img{transform: scale(1.1);}

/*新闻详情*/
.in_newsC .in_left{width: 69.4752%;}
.in_newsC .in_left .tit{margin-bottom: 30px;}
.in_newsC .in_left .tit h1{width: 100%;text-align: center;font-size: 28px;font-weight: bold;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_newsC .in_left .tit ul{overflow: hidden;padding-top: 20px;margin: 20px 0;text-align:center;border-top: 1px solid #d9d9d9;}
.in_newsC .in_left .tit ul li{display: inline-block;margin: 0 8px;}
.in_newsC .in_left .tit p{padding: 10px 15px;box-sizing: border-box;background: #f2f2f2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.in_newsC .in_left .next{border-top: 1px solid #d9d9d9;margin-top: 20px;padding-top: 15px;}
.in_newsC .in_left .next span{float: left;width: 48%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_newsC .in_left .next span:last-child{float: right;text-align: right;}
.in_newsC .in_left .next a:hover{color: #0083ce;}
.in_newsC .in_right{width: 26.5248%;border: 10px solid #f0f0f0;padding: 20px;box-sizing: border-box;}
.in_newsC .in_right h1{font-weight: 700;font-size: 24px;}
.in_newsC .in_right ul li{width: calc((100% - 0px)/1);height: auto;background-color: #fff;border-top: 1px solid #f0f0f0;overflow: hidden;padding: 25px 0px;}
.in_newsC .in_right ul li:first-child{border-top: none;}
.in_newsC .in_right ul li a{width: 100%;display: block;color: #555;font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.in_newsC .in_right ul li a:hover{color: #0083ce;}

/*关于我们*/
.in_about{width: 100%;}
.in_about .aboutT{width: 100%;height: 100%; position: relative;padding: 50px 0;box-sizing: border-box;}
.in_about .aboutT .bg{width: 40%;background: rgba(235,235,235,1);height: 100%;position: absolute;right: 0;top: 0;z-index: -2;box-shadow: 0px 9px 27px 4px rgba(204, 204, 204, 0);}
.in_about .aboutT .txt{width: 50%;padding-top: 20px;box-sizing: border-box;}
.in_about .aboutT .txt h1{font-size: 24px;text-transform: uppercase;font-family: 'Oswald', sans-serif !important;}
.in_about .aboutT .txt i{display: block;width: 30px;height: 2px;background: #0083ce;margin: 15px 0;margin-bottom: 18px;}
.in_about .aboutT .txt span{display: block;font-size: 30px;font-weight: bold;}
.in_about .aboutT .txt em{display: block;font-size: 16px;text-transform: uppercase;font-family: 'Oswald', sans-serif !important;color: #D3D3D3;margin-top: 10px;margin-bottom: 25px;letter-spacing: 1px;}
.in_about .aboutT .txt p{font-size: 15px;line-height: 2;color: #666;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;text-indent: 1.8em;}
.in_about .aboutT .img{width: 47%;height: 450px;}
.in_about .aboutT .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.in_about .aboutC{width: 100%;background: rgba(230, 230, 230, 1);padding: 60px 0;box-sizing: border-box;margin-top: 70px;}
.in_about .aboutC .txt{width: 68.6275%;height: 300px;background: url(../images/abbg2.jpg) no-repeat center;background-size: 100% 100%;}
.in_about .aboutC .txt .left{width: 39.01%;text-align: center;color: #fff;padding-top: 120px;box-sizing: border-box;}
.in_about .aboutC .txt .left span{display: block;font-family: 'Oswald', sans-serif !important;font-size: 24px;}
.in_about .aboutC .txt .left p{font-size: 20px;margin-top: 8px;}
.in_about .aboutC .txt .right{width: 60.98%;height: 100%;background: #fff;padding: 45px 30px;box-sizing: border-box;}
.in_about .aboutC .txt .right em{display: block;font-size: 24px;margin-bottom: 15px;}
.in_about .aboutC .txt .right p{line-height: 2;color: #666;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.in_about .aboutC .img{width: 28.3725%;height: 300px;overflow: hidden;}
.in_about .aboutC .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.in_about .aboutL{width: 100%;height: 460px;background: url(../images/abbg4.jpg) no-repeat center;padding-top: 70px;box-sizing: border-box;}
.in_about .aboutL .tit{text-align: center;color: #fff;}
.in_about .aboutL .tit p{font-size: 34px;font-weight: bold;}
.in_about .aboutL .tit i{display: block;width: 30px;height: 2px;background: #fff;margin: 0 auto;margin-top: 20px;}
.in_about .aboutL ul{margin-top: 50px;}
.in_about .aboutL ul li{float: left;margin-left: 0.2%;width: 19.8%;height: 185px;background: rgba(255,255,255,0.8);padding: 30px;box-sizing: border-box;}
.in_about .aboutL ul li h1{font-size: 20px;font-weight: bold;}
.in_about .aboutL ul li p{color: #666;margin-top: 8px;line-height: 1.8;}
.in_about .aboutL ul li:hover{background: rgba(0,140,215,0.8);color: #fff;}
.in_about .aboutL ul li:hover p{color: #fff;}
.in_about .aboutB{margin-top: 70px;}
.in_about .aboutB ul li{float: left;width: 31.6%;margin-left: 2.5%;position: relative;}
.in_about .aboutB ul li:first-child{margin-left: 0;}
.in_about .aboutB ul li a{display: block;width: 100%;height: 470px;overflow: hidden;}
.in_about .aboutB ul li img{display: block;width: 100%;height: 100%;transition: 0.6s;}
.in_about .aboutB ul li .txt{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;color: #fff;padding: 40px 35px;box-sizing: border-box;background: url(../images/abbg8.png) no-repeat bottom center;background-size: 100% 100%;}
.in_about .aboutB ul li p{font-size: 24px;font-weight: bold;}
.in_about .aboutB ul li i{display: block;width: 30px;height: 2px;background: #fff;margin-top: 15px;}
.in_about .aboutB ul li:hover img{transform: scale(1.05);}

/*售后服务*/
.after{position: relative;margin: 0 auto;height: 610px;background: url(../images/adv_bg.jpg) no-repeat center 0;}
.after .item{width: 30%;overflow: hidden;margin-top: 160px;padding: 0 30px;box-sizing: border-box;}
.after .item h3{padding-bottom: 10px;line-height: 40px;font-size: 24px;color: #0083ce;border-bottom: #ccc solid 1px;}
.after .item p{margin-top: 10px;font-size: 15px;color: #666;margin-bottom: 20px;}
@media screen and (max-width: 1500px){
	.after .item{width: 28%;margin-top: 150px;}
	.after .item h3{line-height: 30px;font-size: 20px;}
  	.after .item p{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
}

/*联系我们*/
.in_cont{width: 100%;margin-top: 60px;}
.in_cont .cont{overflow: hidden;position: static;}
.in_cont .cont .contL{width: 38%;height: 540px;background: #0083ce url(../images/conbg.png) repeat top left;padding: 45px 40px;color: #fff;box-sizing: border-box;}
.in_cont .cont .contL h3{font-size: 24px;font-weight: bold;border-bottom: rgba(255, 255, 255, .5) 1px dashed;padding-bottom: 20px;margin-bottom: 20px;}
.in_cont .cont .contL .pho{font-size: 15px;line-height: 30px;border-bottom: rgba(255, 255, 255, .5) 1px dashed;padding-bottom: 25px;margin-bottom: 25px;}
.in_cont .cont .contL .ewm{width: 130px;height: 130px;}
.in_cont .cont .contL .ewm img{display: block;width: 100%;height: 100%;}
.in_cont .cont #contR{width: 62%;height: 540px;}
.in_cont .message{width: 100%;background: rgba(242, 244, 246, 1);padding: 65px 0;padding-bottom: 80px;box-sizing: border-box;margin-top: 80px;}
.in_cont .message .w1400{background-color: rgba(255, 255, 255, 1);padding: 50px;box-sizing: border-box;}
.in_cont .message .form{width: 100%;margin-top: 30px;}
.in_cont .message .form textarea{width: 100%;min-height: 160px;padding: 12px;box-sizing: border-box;background: #f2f2f2;}
.in_cont .message .form .input{float: left;background: #f2f2f2;width: 49%;height: 45px;line-height: 45px;padding-left: 12px;box-sizing: border-box;margin-top: 20px;margin-right: 2%;overflow: hidden;}
.in_cont .message .form .input:nth-child(2n-1){margin-right: 0;}
.in_cont .message .form .input2 input{width: 80%;float: left;line-height: 45px;}
.in_cont .message .form .input2 img{width: 20%;float: right;height: 45px;}
.in_cont .message .form button{background: #0083ce;width: 100%;height: 45px;line-height: 45px;margin-top: 30px;font-size: 15px;color: #fff;cursor: pointer;transition: 0.5s;} 
.in_cont .message .form button:hover{background: #ed0205;}