@charset "utf-8";
/*公共样式*/
.in_main{padding: 60px 0;padding-bottom: 80px;}
.banner_in{width: 100%;}
.banner_in img{width: 100%;display: block;}

/*面包屑*/
.crumbs{width: 100%;border-bottom: 1px solid rgba(200,200,200,0.2);background: rgba(245,245,245,1);} 
.crumbs ul{width: 75%;float: left;}
.crumbs ul li{display: inline-block;color: #fff;}
.crumbs ul li a{position: relative;font-size: 16px;height: 80px;line-height: 80px;padding: 0px 25px;color: #222;font-weight: bold;display: block;transition: 0.3s ease 0s;}
.crumbs ul li a:after{content: "";position: absolute;width: 1px;height: 15px;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.crumbs ul li a:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 2px; background: none;transition: all .3s;}
.crumbs ul li:last-child a:after{display: none;}
.crumbs ul li.active a,.crumbs ul li a:hover{color: #1169c0;}
.crumbs ul li.active a:before,.crumbs ul li a:hover:before{width: 40%;left: 30%;background-color: #1169c0;}
.crumbs .top_link{margin: 25px 0px;}
.crumbs .top_link a:hover{color: #1169c0;}

/*页码*/
.pages{margin-top: 40px;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 #1169c0;}
.pages span.page-status:hover{border: 1px solid #ddd;}
.pages span.page-numbar:hover{border: none;}
.pages span:hover a{color: #1169c0;}
.pages span.page-numbar:hover a{color: #666;}
.pages span.page-numbar a:hover{color: #1169c0;border: 1px solid #1169c0;}

/*左侧导航*/
.in_nav{width: 300px;}
.in_nav .navT{width: 100%;}
.in_nav .navT h2{height: 80px;line-height: 80px;background: #1169c0;font-size: 30px;font-weight: bold;color: #fff;text-align: center;}
.in_nav .navT ul{background: #fff;padding: 20px 40px;padding-top: 15px;}
.in_nav .navT ul li{line-height: 45px;padding-left: 20px;box-sizing: border-box;background: url(../images/caseicon.gif) no-repeat left center;}
.in_nav .navB{background: #fff;padding: 25px 20px;padding-bottom: 0;box-sizing: border-box;margin-top: 20px;width: 100%;}
.in_nav .navB h1{line-height: 1.4;font-size: 24px;font-weight: bold;}
.in_nav .navB ul li{width: calc((100% - 0px)/1);border-top: 1px solid #f0f0f0;padding: 25px 0px;}
.in_nav .navB ul li:first-child{border-top: none;}
.in_nav .navB ul li a{width: 100%;display: block;font-size: 15px;font-weight: bold;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all .3s ease;}
.in_nav .navB ul li p{color: #999;}
.in_nav .navT ul li.active a,.in_nav .navT ul li a:hover{color: #1169c0;}
.in_nav .navB ul li a:hover{color: #1169c0;}

/*产品列表*/
.in_pro{width: 100%;background: #f7f7f7;}
.in_list{width: calc(100% - 320px);background: #fff;padding: 0 3%;padding-top: 1%;padding-bottom: 5%;box-sizing: border-box;}
.in_list .in_link{border-bottom: 1px solid #eee;padding-bottom: 15px;padding-top: 10px;}
.in_list ul{margin-top: 10px;}
.in_list ul li{margin-left: 2%;width: 32%;float: left;margin-top: 20px;margin-bottom: 5px;}
.in_list ul li:nth-child(3n-2){margin-left: 0;}
.in_list ul li .img{width: 100%;overflow: hidden;}
.in_list ul li .img img{display: block;width: 100%;transition: all .8s ease;}
.in_list ul li p{border: 1px solid #ddd;text-align: center;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 15px;box-sizing: border-box;font-size: 15px;}
.in_list .in_link a:hover{color: #1169c0;}
.in_list ul li:hover .img img{transform: scale(1.1);}
.in_list ul li:hover p{color: #1169c0;}

/*产品详情*/
.in_con{width: 100%;}
.in_con .conT{width: 100%;position: relative;border-bottom: 3px solid #1169c0;background: #f5f5f5;height: 420px;overflow: hidden;}
.in_con .conT .left{width: 50%;}
.in_con .conT .left img{display: block;width: 100%;height: 100%;}
.in_con .conT .right{width: 50%;padding: 5%;box-sizing: border-box;}
.in_con .conT .right h3{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 2px solid #ddd;font-size: 30px;color: #1169c0;}
.in_con .conT .right p{margin: 15px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.in_con .conT .right a{display: block;width: 144px;height: 48px;line-height: 48px;background: #555;font-size: 16px;text-align: center;color: #fff;transition: all .5s ease;margin-top: 30px;}
.in_con .conP{display: flex;border-bottom: 1px solid #ddd;padding: 25px 0px;width: 100%;background: #fff;transition: padding 0.5s ease;line-height: 46px;font-weight: bold;font-size: 28px;color: #1169c0;}
.in_con .conC{margin-top: 40px;}
.in_con .conL{border-top: 1px solid #d9d9d9;margin-top: 40px;padding-top: 20px;}
.in_con .conL span{display: block;float: left;width: 50%;}
.in_con .conL span:last-child{text-align: right;}
.in_con .conT .right a:hover{background: #000;}
.in_con .conL a:hover{color: #1169c0;}

/*新闻列表*/
.in_news{width: 100%;}
.in_news ul li{display: flex;padding: 30px 0;border-bottom: 1px solid #ddd;}
.in_news ul li .newT{display: flex;width: calc(100% - 165px);margin-top: 12px;}
.in_news ul li .newT .time{width: 100px;position: relative;}
.in_news ul li .newT .time span{display: block;color: #333;font-size: 1.5rem;margin: 0px 0 30px;transition: all .5s ease;}
.in_news ul li .newT .time i{padding: 6px 10px;border: 1px solid transparent;transition: all .5s ease;color: #999;font-size: 20px;}
.in_news ul li .newT .txt{position: relative;width: calc(100% - 100px);transition: all .5s ease;padding: 0 30px 0 60px;} 
.in_news ul li .newT .txt::before{content: '';position: absolute;left: 0px;top: 1rem; display: block;width: 40px;height: 1px;background: #aaa;transition: all .5s ease;}
.in_news ul li .newT .txt a{display: block;width: 100%;margin-bottom: 15px;font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s ease;}
.in_news ul li .newT .txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #999;}
.in_news ul li .img{width: 165px;height: 110px;overflow: hidden;}
.in_news ul li .img a{display: block;}
.in_news ul li .img img{width: 100%;height: 100%;transition: all .5s ease;}
.in_news ul li:hover .newT .time i{border-color: #1169c0;background: #1169c0;color: #fff;}
.in_news ul li:hover .newT .txt{padding-left: 80px;}
.in_news ul li:hover .newT .txt::before{width: 60px;}
.in_news ul li:hover .newT .txt a{color: #1169c0;}
.in_news ul li .img:hover img{transform: scale(1.1);}

/*新闻详情*/
.in_newscon{width: 100%;}
.in_newscon .in_left{width: 69.4752%;}
.in_newscon .in_left .newsT{margin-bottom: 30px;}
.in_newscon .in_left .newsT h1{width: 100%;text-align: center;font-size: 28px;font-weight: bold;line-height: 1.4;color: #333;}
.in_newscon .in_left .newsT ul{text-align:center;border-top: 1px solid #d9d9d9;overflow: hidden;padding-top: 20px;margin: 20px 0;}
.in_newscon .in_left .newsT ul li{display: inline-block;margin: 0 8px;}
.in_newscon .in_left .newsT p{background: #f2f2f2;padding: 10px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.in_newscon .in_left .newsC{margin-bottom: 30px;}
.in_newscon .in_left .newsN{border-top: 1px solid #d9d9d9;padding-top: 20px;}
.in_newscon .in_left .newsN span{float: left;width: 50%;}
.in_newscon .in_left .newsN span:last-child{text-align: right;}
.in_newscon .in_right{width: 26.5248%;border: 10px solid #f0f0f0;padding: 20px;padding-bottom: 0;box-sizing: border-box;}
.in_newscon .in_right h1{font-weight: 700;font-size: 24px;line-height: 1.4;color: #000;}
.in_newscon .in_right ul li{width: calc((100% - 0px)/1);border-top: 1px solid #f0f0f0;padding: 25px 0px;box-sizing: border-box;}
.in_newscon .in_right ul li:first-child{border-top: none;}
.in_newscon .in_right ul li a{width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 15px;font-weight: bold;margin-bottom: 10px;transition: all .3s ease;}
.in_newscon .in_right ul li p{color: #999;}
.in_newscon .in_left .newsN a:hover{color: #1169c0;}
.in_newscon .in_right ul li a:hover{color: #1169c0;}

/*关于我们*/
.in_about{margin-top: 30px;}
.in_about h3{font-size: 28px;font-weight: bold;position: relative;padding-bottom: 25px;margin-bottom: 20px;}
.in_about h3::before{content: '';width: 65px;height: 2px;background: #1169c0;position: absolute;bottom: 0;left: 0;}
.in_about p{font-size: 16px;line-height: 2;color: #555;}
.in_about p img{display: block;margin: 25px auto;}

/*联系我们*/
.in_cont{width: 100%;}
.in_cont dl{width: 100%;margin: 35px auto;}
.in_cont dl h3{font-size: 30px;margin-bottom: 20px;}
.in_cont dl h3 span{display: block;font-size: 22px;margin-top: 20px;}
.in_cont dl dt{font-size: 16px;line-height: 36px;margin-top: 10px;}
.in_cont dl dt img{float: left;margin-right: 5px;}
.in_cont .map{width: 100%;margin-top: 75px;}
.in_cont .map iframe{width: 100%;display: block;border: 1px solid rgb(204, 204, 204);}