/**
 * 工程师单页面
 * 
 * @author Chensiren <793952481@qq.com>
 * @since  2015-08-03
 */

<!--顶部开始-->
.top-engineer{ z-index: 999;}
.top-engineer .top-engineer-in .left{ width: 104px; height: 46px; padding: 17px 0; float: left;}
.top-engineer .top-engineer-in .right{float: right;  padding: 27px 0 7px 0;}
.top-engineer .top-engineer-in .right li{float: right; text-align: center; margin-left: 10px;}
.top-engineer .top-engineer-in .right li a{ font-size: 16px; color: #fff;}
.top-engineer .top-engineer-in .right li a:hover{ color: #107ee3;}
/*banner开始*/
.banner{ width:100%; min-width: 1000px; height: 930px; background: url(/images/main/spe/joinengineer/banner.jpg) center no-repeat; background-size: 100% 100%; margin:0 auto;}
.banner .top-engineer{ width: 100%; height: 80px; background: #000; opacity: 0.7;}
.banner .top-engineer-in{ width: 1200px; height: 80px; margin:0 auto; min-width: 1000px;}
.banner-content{ width: 1200px; height: 750px; margin: 0 auto;}
.banner-content .banner-join{ position: absolute; width: 680px; height: 190px; left: 0; top: 50%; position:relative;}
.banner-content .banner-join h2{ height: 50px; font-size: 40px; color: #fff;}
.banner-content .banner-join p{  font-size: 18px; color: #fff; padding: 10px 0;}
.banner-content .banner-join a{ display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; border: 2px solid #fff; margin-top: 20px; transition:all 0.2s ease-in-out;}
.banner-content .banner-join a:hover{ width: 170px; height: 60px; position: absolute; left:15px; background: #fff; color: #000;}

/*主体内容开始*/
.main{ width: 1200px; margin:0 auto; padding: 50px 0 0 0;}
.product-list .left-div,.product-list .right-div{ width: 50%; height: 430px; margin: 30px 0 100px 0; float: left; }
.product-list .right-div{ height: 380px; }
.main .product-list .right-div-4{ padding: 130px 0 0 0; height:300px;}
.product-list .left-div{ background: url(/images/main/spe/joinengineer/list-1.jpg) no-repeat center center;}
.product-list .left-div-2{ background: url(/images/main/spe/joinengineer/list-2.jpg) no-repeat center center;}
.product-list .left-div-3{ background: url(/images/main/spe/joinengineer/list-3.jpg) no-repeat center center;}
.product-list .left-div-4{ background: url(/images/main/spe/joinengineer/list-4.jpg) no-repeat center center;}
.product-list .right-div{ padding: 10px 0 0 0;}
.product-list .right-div h3{ padding: 0 0 0 50px; height: 35px; line-height: 35px; font-size: 30px; color: #000; background: url(/images/main/spe/joinengineer/h-1.png) no-repeat; margin: 20px 0;}
.product-list .right-div .h-2{ background: url(/images/main/spe/joinengineer/h-2.png) no-repeat;}
.product-list .right-div .h-3{ background: url(/images/main/spe/joinengineer/h-3.png) no-repeat;}
.product-list .right-div .h-4{ background: url(/images/main/spe/joinengineer/h-4.png) no-repeat;}
.product-list .right-div .h-5{ background: url(/images/main/spe/joinengineer/h-5.png) no-repeat;}
.product-list .right-div .h-6{ background: url(/images/main/spe/joinengineer/h-6.png) no-repeat;}
.product-list .right-div .h-7{ background: url(/images/main/spe/joinengineer/h-7.png) no-repeat;}
.product-list .right-div p{ line-height: 30px; color: #666; font-size: 16px;}
.product-list a{ display:block; width: 300px; height: 52px; line-height: 52px; text-align: center; background: #107ee3; color: #fff; font-size: 20px; margin-top: 30px;}
.product-list a:hover{ background: #286090;}
.bottom .title{ height: 30px; background: url(/images/main/spe/joinengineer/title-dashed-bg.png) repeat-x center center;}
.bottom .title h2{ width: 250px; height: 30px; line-height: 30px; text-align: center; color: #000; font-size: 30px; background: #fff; margin:0 auto;}
.bottom .instraction{ padding: 50px 0; width: 800px; margin:0 auto;}
.bottom .instraction li{ line-height: 25px; font-size: 14px;}
/*返回顶部*/
.retun-con{ width: 50px; position: fixed; right: 30px; top: 50%; margin-top: -104px;}
.retun-con div{ height: 50px; text-align: center; border: 1px solid #ccc; margin-bottom: 2px;}
.retun-con div a{ display: block; width: 50px; height: 50px; color: #fff;}
.retun-con div span{ display: none; padding: 10px 6px;}
.retun-con .retun-consul { background: #81c0f2 url(/images/main/spe/joinengineer/sbtn.png) no-repeat 0 -150px;}
.retun-con .retun-weixin { background: #81c0f2 url(/images/main/spe/joinengineer/sbtn.png) no-repeat;}
.retun-con .retun-mobile { background: #81c0f2 url(/images/main/spe/joinengineer/sbtn.png) no-repeat 0 -50px;}
.retun-con .retun-top { background: #81c0f2 url(/images/main/spe/joinengineer/sbtn.png) no-repeat 0 -100px;}
.retun-con .retun-top:hover,.retun-con .retun-mobile:hover,.retun-con .retun-weixin:hover,.retun-con .retun-consul:hover{ background: #2D96E9; color: #fff;}
.retun-con .retun-top:hover span,.retun-con .retun-mobile:hover span,.retun-con .retun-weixin:hover span,.retun-con .retun-consul:hover span{ display: block;}
/*二维码扫描*/
.weixin{ width: 258px; height: 335px; position: fixed; right: 100px; top: 50%; margin-top: -175px; background:url(/images/main/spe/joinengineer/weixin.png);border:1px solid #9c9b9b}
.mobile{ width: 260px; height: 350px; position: fixed; right: 100px; top: 50%; margin-top: -125px;background:url(/images/main/spe/joinengineer/mobile.png);}