.header.scroll{position:relative;}
.banner{height:417px;position:relative;background-color:#c9c9c9;background-position:bottom;background-repeat:no-repeat;}
.banner .join{display:inline-block;margin-top:100px;}
.banner .join img{max-width:90%;}

.sub{background-color:#0079be;}
.sub .item{float:left;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;border-right:1px solid #b19f9f;width:20%;text-align:center;box-sizing:border-box;}
.sub .item:hover,.sub .item.on{background-color:#fe7e17;}

.mainLeft{width:270px;float:left;position:relative;z-index:10;margin-top:-100px;}
.mainLeft .colum{height:87px;background:url("../images/19.jpg") no-repeat;padding:90px 0 0 24px;background-size: 100%;}
.mainLeft .colum .item{color:#fff;border-left:3px solid #fff;padding-left:10px;position:relative;}
.mainLeft .colum .cn{font-size:28px;}
.mainLeft .colum .en{font-size:14px;}
.mainLeft .colum .btn{display:none;width:78px;height:35px;line-height:35px;color:#fff;font-size:14px;text-align:center;border:1px solid #fff;border-radius:5px;position:absolute;right:10px;top:50%;margin-top:-17px;}
.mainLeft .menu{background-color:#fff;border-left:1px solid #c6c6c6;-webkit-box-shadow:-1px 4px 20px 0px rgba(0,0,0,0.2);}
.mainLeft .menu .item{cursor:pointer;display:block;height:43px;line-height:43px;border-bottom:1px solid #c6c6c6;font-size:14px;text-align:center;color:#474646;}
.mainLeft .menu .item:hover,.mainLeft .menu .item.on{background-color:#fe7e17;color:#fff;}

.mainLeft+.mainContent{float:right;width:915px;}
.mainContent{}
.mainContent .blk{height:30px;line-height:30px;border-bottom:1px solid #c2c2c2;margin:20px 0;}
.mainContent .blk .name{font-size:14px;float:left;background:url("../images/82.png") left no-repeat;height:29px;line-height:29px;border-bottom:2px solid #0182ca;font-weight:bold;color:#333;padding-left:20px;font-weight:bold;}
.mainContent .blk .position{float:right;color:#4f4e4e;}
.mainContent .content{color:#4d4c4b;font-size:14px;line-height:1.5;}
.mainContent .content img{max-width:100%;}

.news-box{position:relative;}
.news-box .item{display:block;}
.news-box .item .title{font-size:14px;color:#1b1b1b;font-weight:bold;}
.news-box .item .inner{color:#ababab;}
.news-box .item .desc{font-size:14px;margin-top:5px;}
.news-box .item .time{color:#fff;float:left;margin-right:20px;font-weight:bold;background-color:#aeaead;width:71px;height:67px;text-align:center;}
.news-box .item .time .d{font-size:30px;font-weight:bold;font-style:normal;}
.news-box .item .time .ym{font-size:14px;}
.news-box .item:hover .time{background-color:#0182ca;}
.news-box .list li{overflow:hidden;padding-bottom:10px;border-bottom:1px dotted #ababab;}
.news-box .list li+li{margin-top:10px;}

.pro-box{overflow:hidden;}
.pro-box .list{margin-right:-20px;}
.pro-box .list li{float:left;margin-right:16px;margin-bottom:35px;}
.pro-box .item{display:block;width:215px;border:1px solid #7d7d7d;cursor:pointer;}
.pro-box .item .media{height:200px;}
.pro-box .item .media img{width:100%;height:100%;}
.pro-box .item .title{height:44px;color:#fff;background-color:#7d7d7d;line-height:44px;text-align:center;font-size:14px;}
.pro-box .item:hover{border-color:#0182ca;}
.pro-box .item:hover .title{background-color:#0182ca;}

.case-box{overflow:hidden;}
.case-box .list{margin-right:-20px;}
.case-box .list li{float:left;margin-right:16px;margin-top:35px;}
.case-box .item{display:block;width:280px;border:1px solid #7d7d7d;cursor:pointer;}
.case-box .item .media{height:200px;}
.case-box .item .media img{width:100%;height:100%;}
.case-box .item .title{height:44px;color:#fff;background-color:#7d7d7d;line-height:44px;text-align:center;font-size:14px;}
.case-box .item:hover{border-color:#0182ca;}
.case-box .item:hover .title{background-color:#0182ca;}

.contact{padding:20px 0;overflow:hidden;color:#6e6e6e;font-size:14px;}
.contact .input-item{margin:10px 0;}
.contact .input-item label{display:block;margin-bottom:10px;}
.contact .input-item .text{width:100%;box-sizing:border-box;text-indent:10px;border:1px solid #C8c8c8;background-color:#ededed;height:40px;line-height:40px;}
.contact .input-item textarea.text{height:100px;}
.contact .button{background-color:#ae130c;width:100px;height:40px;border-radius:3px;border:none;font-size:14px;color:#fff;}
.contact .blk{border-bottom:1px solid #ccc;font-size:16px;float:left;color:#000;}
.contact .fb{width:48%;float:left;}
.contact .address{width:48%;float:right;}

.job-list{}
.job-item{padding:50px 0;overflow:hidden;}
.job-item .text{float:right;}
.job-item .media{float:left;}
.job-item:nth-child(odd){background-color:#f5f5f5;}
.job-item:nth-child(odd) .text{float:left;}
.job-item:nth-child(odd) .media{float:right;}
.job-item .title{color:#1a84c0;margin-bottom:20px;font-size:22px;}
.job-item .con{color:#494949;line-height:25px;font-size:14px;}
.job-item .con b{color:#000;}
.job-item img{max-width:100%;}

.content{}
.content .info{border-bottom:2px solid #0182ca;margin-bottom:20px;}
.content .info .title{color:#333;font-size:24px;}
.content .info .desc{font-size:14px;padding:10px 0;}

@media only screen and (max-width:1000px){
	.mainLeft .colum{height:auto;padding:10px;background-size:cover;}
	.mainLeft .colum .cn{font-size:18px;}
	.mainLeft .menu{border-left:none;}
	.mainLeft+.mainContent,.mainLeft{width:auto;float:none;}
}
@media only screen and (min-width: 480px) and (max-width: 769px){
}
@media only screen and (max-width:500px){
	.mainLeft .colum .btn{display:block;}
	.banner {height:auto;}
	.mainLeft{margin:0;}
	.banner .join{margin-top:0;padding:20px;}
	.mainContent .content{padding:0 10px;font-size:12px;}
	.content .info{margin-bottom:10px;}
	.content .info .title{font-size:16px;}
	.content .info .desc{display:none;}
	.case-box .list,.pro-box .list{margin:5px;}
	.case-box .list li,.pro-box .list li{width:50%;margin:0;}
	.case-box .item,.pro-box .item{width:auto;margin:5px;}
	.case-box .item .media img,.case-box .item .media,.pro-box .item .media img,.pro-box .item .media{height:auto;}
	.case-box .item .title,.pro-box .item .title{height:20px;line-height:20px;font-size:12px;}
	.contact .fb,.contact .address{float:none;width:auto;margin:0 10px 20px 10px;}
}