.col-md-1{
	    width: 16.28571%;
	}
        .banner_bj {
            background: url('../images/jionup/banner_06.jpg') no-repeat;
            text-align: center;
            color: #fff;
            padding-top: 110px;
            height: 400px;
        }

        .banner_bj h3 {
            font-size: 42px;
            letter-spacing: 6px;
            font-weight: 600;
        }

        .product_content {
            text-align: center;
            padding: 40px 0 100px;
            
        }

        .product_content h2 {
            color: #333;
            margin: 40px auto;
            font-weight: 400;
            letter-spacing: 2px;
            font-size: 32px;
        }

        .content_all {
            height: 140px;
            text-align: left;
            text-align: center;
            padding: 0;
            margin:15px 20px 0;
        }

        .content_all h4 {
             margin: 20px 0;
            font-size: 16px;
            color: #333;
        }

        .banner {
            background: #F6F6F6;
            height: 60px;
            width: 100%;
        }

        .banner ul {
            list-style: none;
            float: left;
            width: 100%;
            text-align: center;
            line-height: 40px;
        }

        .banner ul li {
            float: left;
            padding: 10px 20px;
            width: 20%;
        }

        .banner ul .active {
            color: #fff;
            background: #007fff;
        }
      
        .banner ul .active a{
            color: #fff;
        }


        .big_tools {
            text-align: center;
            background: url('../images/jionup/job_bj.png') no-repeat;
            height: 700px;
        }

        .big_tools h2 {
            color: #333;
            margin: 50px auto;
            font-weight: 400;
            letter-spacing: 2px;
            font-size: 32px;
        }

        .tools {
            height: 502px;
            box-shadow: 0 0 2px 0 rgba(0, 0, 255, 0.2);
        }

        .tools ul {
            list-style: none;
        }

        .tools ul li {
            width: 100%;
            height: 60px;
            line-height: 47px;
            padding: 10px;
            font-size: 18px;
        }

        .tools ul .active_td {
            background: #fff;
            border-left: 5px solid #007fff;
            border-radius: 5px;
            margin-top: 20px;
        }

        .big_content {
            background: #fff;
            height: 500px;
            padding: 15px;
        }

        .demand {
            width: 90%;
            margin: 10px auto;
            text-align: left;
        }

        .demand span {
            color: #007fff;
            font-size: 18px;
            font-weight: 500;
        }

        .demand p {
            height: 20px;
            margin: 0 0 5px;
            text-indent: 20px;
        }

        .demand a {
            width:240px;
            height: 35px;
            line-height: 35px;
            color: #007fff;
            border: 1px solid #007fff;
            border-radius: 20px;
            margin: 50px auto;
            text-align: center;
        }
    

    
       
        section{padding: 20px 0;}
        section.banner{background-size: cover;background-repeat: no-repeat;background-position: center;}
        section.greybg{background-color: #f2f3f4;}
       
        .btn{
            border-radius: 3px;
            width: 160px;
            background-color:rgba(255,255,255,0);
            height: 40px;
            font-size: 16px;
            line-height: 26px;
        }
      
        .banner .frbtn-wht{margin-right: 20px;}
        .frbtn-wht{color: #017ed3;background-color: #fff;border: none;}
        .frbtn-wht:hover{background-color: #b9dcff;color: #017ed3;}
        .frbtn-wht:focus{background-color: #b9dcff;color: #017ed3;}
        .frbtn-blue{color: #fff;background: linear-gradient(to right,#40a2ec,#2b72e7);border: none;}
        .frbtn-blue:hover{background-color: rgba(1,150,255,0.8);color: #fff;}
        .frbtn-blue:focus{background-color: rgba(1,150,255,0.8);color: #fff;}
        /*阴影盒子*/
        .frbox{box-shadow:0 6px 20px #D1EBFC;-moz-box-shadow:0 6px 20px #D1EBFC;-webkit-box-shadow:0 6px 20px #D1EBFC;}
        @media (min-width: 1100px){
            .container {width: 1280px;}
        }
        
    

    
        .hr_mail{
		    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
	font-size:20px;
	padding:80px 0; 
		}
        .recruit-box{background-color: #fff;margin-top: 50px;border-radius: 6px;padding-bottom: 0px;}
        .re-btn-box{padding: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;width:100%}
		
		
		
        .re-btn span{font-size: 18px;color: #333;padding: 15px 30px;display: inline-block;border-radius: 6px;background-color: #fff;}
        #zhaopin_a,#zhaopin_b{width:50%;}
		 #zhaopin_a{text-align:right}
		 #zhaopin_b{text-align:left}
        .re-btn.active span{background-color: #007fff;color:#fff}
		.col-md-12 p{line-height:30px;}
		.col-md-12 .rec-p3{text-indent:24px;}
		.fa-chevron-circle-right{margin-right:2px;}
        		
		
		
        
        #rec-cate a{font-size: 18px;line-height: 28px;padding-right: 50px;color: #2682fb;}
        #rec-info p{margin: 0;font-size: 16px;color: #54565a;line-height: 40px;}
        #rec-info .col-md-4 p{font-size:14px;}
        #rec-info .col-md-4 p.rec-info-tit{font-size:16px;}
        #rec-info a{color: #007fff;}
        #rec-info .rec-info-tit{font-size: 18px;color: #333;font-weight: 600;line-height: 50px;}
        #rec-info .col-md-3{background-color: #ecf0f5;}
        #rec-info .col-md-2{background-color: #ecf0f5;border-top: 1px solid #fff;}
        #rec-info .col-md-4{background-color: #ecf0f5;border-top: 1px solid #fff;}
        #rec-info .rec-info-des{padding: 30px 100px;display: none;padding-left: 150px;padding-top: 20px;}
        #rec-info .rec-info-des p{margin-bottom: 10px;font-size: 14px;line-height: 28px;}
        #rec-info .rec-info-box .row{margin: 0;    background-color: #ecf0f5;padding:15px;border-top: 1px solid #fff;}
        #rec-cate a.rec-cate-box{color: #333;}
        #rec-cate a.rec-cate-box.active{color: #2682fb;}
        #rec-cate a.rec-cate-box:hover, #rec-cate a.rec-cate-box:focus{color: #2682fb;text-decoration: none;}
        #rec-info .frbtn-blue{color: #fff;background: linear-gradient(to right,#40a2ec,#2b72e7);border: none;border-radius: 30px;margin-top:20px;}
        hr.rec-hr{margin:8px auto;border-top: 2px solid #efefef;}

        .rec-p2{color: #007fff;font-size: 16px;margin-top: 30px;padding-right:5px;margin-bottom:10px;}
        .rec-p4{color: #333;font-size: 18px;padding-left: 15px;border-left: 2px solid #2682fb;margin-top: 40px;margin-bottom:30px;}
        .rec-p5{margin-top: 70px;}
        @media screen and (min-width: 1000px) {
            .features img{margin: auto;width: 80%;}
        }
        @media screen and (max-width: 600px) {
            #rec-info p{line-height: 18px;padding: 5px 0;font-size: 14px;}
            #rec-info .rec-info-tit{line-height: 30px;}
            .rec-info-box .col-xs-3{padding-left: 2px;padding-right: 1px;}
            .re-btn{letter-spacing: 2px;padding: 15px 10px;}
            
            #rec-info .rec-info-des{padding: 10px;}
            .rec-info-box .col-xs-3{padding-left: 1px;padding-right: 1px;}
            #rec-info .frbtn-blue {margin: 0 0 10px 0;}
        }