/*公共样式*/
.in_banner{height: 350px;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: 100px;left: calc(50% - 400px);overflow: hidden;color: #fff; text-align: center;}
.in_banner .inner  h2{height: 50px;line-height: 50px;font-size: 38px;}
.in_banner .inner  p{margin-top: 5px;font-size: 16px; text-transform: uppercase;}
.in_banner .inner  em{display: block;margin-top: 20px;font-size:16px;text-transform: uppercase;}
.in_main{margin: 60px auto;margin-bottom: 100px;}
.in_title{text-align: center;margin-bottom: 45px;}
.in_title span{display: block;font-size: 36px;}
.in_title em{display: block;color: #5f5d5e;margin-top: 20px;font-size: 18px;text-transform: uppercase;}

/*面包屑*/
.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 p a{ display: inline-block; padding:0 20px; margin: 0 10px; background: url(../images/wt_ico.gif) no-repeat 7px center;}
.in_nav p a:hover{ background: url(../images/wt_ico.gif) no-repeat 7px center #ced6e4; color: #21357c;}
.in_nav .crumbs{padding-left: 22px;background: url(../images/curmbs.png) no-repeat left center;}
.in_nav .crumbs a{ margin: 0 5px;}
.in_nav .crumbs a:hover{color: #21357c;}

/*页码*/
.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 #21357c;background: #21357c;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 #21357c;background: #21357c;color: #fff;}
.pages span a.page-num-current{ border: 1px solid #21357c;}

/*左侧分类*/
.proL{width: 21%;}
.proL .tit{background: linear-gradient(45deg,#21357c,#104cb3);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: 30px;font-weight: bold;}
.proL .tit p{font-size: 24px;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(11,51,120,.1);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: #21357c;}
.proL .call{padding: 30px;background-color: #21357c;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;}
.proR ul li .tit p{font-size: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background-color: #21357c; color: #fff;}
.proR ul li .tit span{font-size: 16px;color: #fff;position: absolute;width: 100%;height: 100%;background-color: #21357c;left: 0;bottom: -100%;transition: 0.5s;}
.proR ul li .tit em{font-size: 20px;font-family: impact;}
.proR ul li:hover .img img{transform: scale(1.1);}
.proR ul li:hover .tit{border-bottom: 1px solid #21357c;border-left: 1px solid #21357c;border-right: 1px solid #21357c;}
.proR ul li:hover .tit span{bottom: 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: #21357c;margin-top: 45px;width: 140px;line-height: 40px;border: 1px solid #21357c;text-align: center;}
.in_pro .in_tit .desc a:hover{color: #fff;background: #21357c;}
.in_pro h3{width: 100%;color: #21357c;border-left: 2px solid #21357c;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: 20%;text-align: right;position: absolute;right: 5px;top: 10px;}
.in_pro .next .nav_links a:hover,.in_pro .next .return a:hover{color:#21357c;}

/*案例详情*/
.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; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align: center;}
.in_pro .in_p p img{ max-width: 100%;}

/*新闻列表*/
.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: #21357c;margin-top: 10px;background: #21357c;}
.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: #21357c;}
.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;}
.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: 50%;}
.in_newsC .in_left .next span:last-child{float: right;text-align: right;}
.in_newsC .in_left .next a:hover{color: #21357c;}
.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: #21357c;}

/*招聘列表*/
.in_news ul li{display: flex; padding: 20px 0;border-top: none;border-bottom: 1px solid #ddd;}
.in_news ul li .jtxt{display: flex; width: 100%; box-sizing: border-box;}
.in_news ul li .jtxt .jtime{width: 150px; position: relative;}
.in_news ul li .jtxt .jtime span{display: block; color: #333; font-size: 1.5rem; margin: 0px 0 10px;}
.in_news ul li .jtxt .jtime i{ color: #ccc; font-size: 12px;}
.in_news ul li .jtxt .jcon{position: relative; width: calc(100% - 150px);padding: 0 30px 0 60px;}
.in_news ul li .jtxt .jcon:before{content: '';position: absolute;left: 0px;top: 1rem;display: block;width: 40px;height: 1px;background: #aaa;}
.in_news ul li .jtxt .jcon p{display: block;margin-bottom: 10px;width: 100%;font-size: 1.1rem; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_news ul li .jtxt .jcon article{ line-height: 24px;font-size: 0.875rem; overflow: hidden; color: #999;}

/*关于我们*/
.in_about{font-size: 16px;color: #333;line-height: 30px; text-align: justify;}
.in_about em{display: block;font-size: 16px;color: rgba(0,0,0,0.5);}
.in_about p{margin: 10px 0px 0px;}
.in_about img{display: block;margin: 0 auto;margin-top: 50px;}

/*联系我们*/
.in_cont{overflow: hidden;position: static;}
.in_cont .contL{width: 38%;height: 540px;background: #f0f0f0 ;padding: 45px 40px; box-sizing: border-box;}
.in_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 .contL .pho{font-size: 15px;line-height: 30px;border-bottom: rgba(255, 255, 255, .5) 1px dashed;padding-bottom: 30px;margin-bottom: 20px;}
.in_cont .contL .ewm{width: 140px;height: 140px;}
.in_cont .contL .ewm img{display: block;width: 100%;height: 100%;}
.in_cont #contR{width: 62%;height: 540px;}

/*留言*/
.messageBox{ width: 800px; margin: 0 auto; line-height: 60px;}
.messageBox li{ height: auto; overflow: hidden; }
	.messageBox .mBox{ width: 50%; box-sizing: border-box;}
	.messageBox .mBox1{ float: left!important; overflow: hidden;}
	.messageBox .mBox1 input{ float: left;}
	.messageBox .mBox2{ float: right!important; overflow: hidden;}
	.messageBox .mBox2 input{ float: right;}
	.messageBox textarea{ margin: 20px 0; border: 1px #ccc solid; height: 200px; line-height: 50px; padding:0 10px;  width: 100%; box-sizing: border-box; overflow: hidden;}
	.messageBox button{width: 100%; height: 50px; box-sizing: border-box; cursor: pointer; background: #21357c; color: #fff; transition: all .5s ease;}
	.messageBox button:hover{ background: #fa852f;}
.messageBox input{ border: 1px #ccc solid; height: 50px; line-height: 50px; padding:0 10px;  width: 92%;}