* {-webkit-tap-highlight-color:transparent;margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"微软雅黑";font-size:14px; padding:0; margin:0 auto; text-align: justify;background: #fff;color: #666;}
ul li{ list-style-type:none;}
img{ border:0; max-width: 100%;}
a{ color: #666; }
a:hover{ color: #0071bf; }
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd,em{ margin:0; padding:0; font-style: normal; font-weight: normal;}
input,textarea,button,select{outline:none !important;border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}


        .top-head .switch {
            padding-left: 18px;
            line-height: 20px;
            height: 20px;
            float: right;
            margin-top: 38px;
            background: url(/pc/images/ico.png) left center no-repeat;
        }
        .top-head .switch span {
            color: #666666;
            margin: 0 3px;
            cursor: pointer;
        }
        .abackblue{

            background: #dfdfdf;
        }
        .abackblue:hover{
            background:-webkit-linear-gradient(left,#00d8cb,#0d87cc);
            background:-o-linear-gradient(right,#00d8cb,#0d87cc);
            background:-moz-linear-gradient(right,#00d8cb,#0d87cc);
            background: linear-gradient(to right,#00d8cb,#0d87cc);
            color: #fff;
        }
        
.actives{
    color:#0071bf;
}
.h1{ font-size: 28px; }
.h2{ font-size:22px;}
.h3{ font-size: 18px;}
.h4{ font-size: 18px;}
.text{line-height:24px;color: #666666;}
.container{width: 1220px; margin: 0 auto; overflow: hidden;}
.news_container{width: 1350px; margin: 0 auto; overflow: hidden;    padding: 30px 0 0 63px;}
.more{display: block; height:22px;background: url(../images/ico/more.png) left center no-repeat; background-size: contain;}
.pagelist{ padding: 30px 0; overflow: hidden; text-align: center; }
.pagelist li{ display: inline-block; margin: 0 4px;}
.pagelist a{ height: 30px; line-height: 30px; display: block; padding: 0 11px; background: #eee}
.pagelist a:hover{background: #0071bf; color: #fff;}
.pagelist .active{background: #0071bf; color: #fff;}
.location{background: url(../images/ico/home.png) no-repeat scroll left center;line-height: 50px;padding-left: 25px;border-bottom: 1px solid #999999;}

/*头部*/
.top-head{ height: 83px; min-width: 1220px; overflow: hidden;}
.top-head .logo{ float: left; margin:18px 0 0 20px; width: 230px; overflow: hidden;}
.top-head .logo img{ display: block;  height: 47px; margin: 0 auto;}
.top-head .navmenu{background: #fff;  overflow: hidden;float: left }
.top-head .navmenu li{ display: inline-block; text-align: center; margin-left:35px;margin-top:10px}
.top-head .navmenu a{ display: block; line-height: 73px; font-size: 16px;}


/*banner*/
.index-banner{height:500px; position: relative; min-width: 1220px; overflow: hidden;}
.index-banner .hd{position: absolute; z-index: 11; left: 0; right: 10%; bottom: 50px; text-align: right;}
.index-banner .hd a{ display: inline-block; margin-left: 10px; width: 64px; height: 64px;}
.index-banner .prev{ background: url(../images/ico/prev.png) center no-repeat;}
.index-banner .prev:hover{ background: url(../images/ico/prev-a.png) center no-repeat;}
.index-banner .next{ background: url(../images/ico/next.png) center no-repeat;}
.index-banner .next:hover{ background: url(../images/ico/next-a.png) center no-repeat;}
.index-banner .bd{ position:relative;z-index:0;}
.index-banner .bd li{ zoom:1;vertical-align:middle;height:500px;}
.index-banner .bd2 li{ zoom:1;vertical-align:middle;height:300px;}

.index-banner2{height:300px; position: relative; min-width: 1220px; overflow: hidden;}
.index-banner2 .hd{position: absolute; z-index: 11; left: 0; right: 10%; bottom: 50px; text-align: right;}
.index-banner2 .hd a{ display: inline-block; margin-left: 10px; width: 64px; height: 64px;}
.index-banner2 .prev{ background: url(../images/ico/prev.png) center no-repeat;}
.index-banner2 .prev:hover{ background: url(../images/ico/prev-a.png) center no-repeat;}
.index-banner2 .next{ background: url(../images/ico/next.png) center no-repeat;}
.index-banner2 .next:hover{ background: url(../images/ico/next-a.png) center no-repeat;}
.index-banner2 .bd{ position:relative;z-index:0;}
.index-banner2 .bd li{ zoom:1;vertical-align:middle;height:300px;}

/*page1*/
.index-part2{ min-width: 1220px;overflow: hidden;}
.index-part2 .container{overflow: hidden;}
.index-part2 p{margin:10px 0 0;}
.index-part2 h4{margin:0 0 0 75px;}
.index-part2 .head{ width:400px;margin: 0 0 0 75px;overflow-y: hidden;}
.index-part2 .info{ margin:10px 0 0 75px;}
.index-part2 .text{ height:170px; width:320px; color: #fff; position: relative; padding:20px 10px 0 30px; float: left; background: rgba(0,159,230,.6);}
.index-part2 .text:after{ content: ""; position: absolute; right: 0; top: -57px; width: 150px; height: 57px; background: rgba(102,102,102,.6);}
.index-part2 .img{ float: left; height: 170px; width: 300px;}
.index-part2 .more{ margin:30px 0 25px;}

.index-part3{ min-width: 1220px; overflow: hidden; }
.index-part3 .container{margin: 50px auto; padding: 50px 0 0; overflow: hidden;}
.index-part3 .main{ float: right; background: #fff; width: 525px; padding:33px 140px 0 70px; overflow: hidden;}
.index-part3 .main .more{ width: 75px; float: right;}
.index-part3 .text{ margin: 20px 0 0;overflow: hidden; }
.index-part3 .tip{ float: right; width:1050px; margin: 50px 0 0; color: #3e6eb3; padding:25px 35px;background: #fff;overflow: hidden; }
.index-part3 .tip li{float: left; font-size: 13px; width: 65px;text-align: center;}
.index-part3 .tip p{ height:50px; margin: 0 auto 10px; overflow: hidden; }
.index-part3 .tip img{height: 50px}

.index-part4{ min-width: 1220px; overflow: hidden; }
.index-part4 .info{ overflow:hidden;}
.index-part4 .info .text{ float: left; width: 370px; margin:5px 75px 0 75px;}
.index-part4 .info h5{ font-size: 18px;}
.index-part4 .info h3{ font-size: 22px; margin: 0 0 10px;}
.index-part4 .info .p{ width: 370px;float: left;line-height:24px; color: #666666;}
.index-part4 .tip{color: #3e6eb3;text-align: center; padding:50px 0 0;overflow: hidden; margin-bottom: 55px;margin-left:22px}
.index-part4 .tip li{ float: left; width: 25%; font-size:18px;}
.index-part4 .tip p{ height:70px; margin: 0 auto 10px; overflow: hidden; }
.index-part4 .tip img{ display: block; margin: 0 auto; max-height: 100%; }
.index-part4 .tip h4{ width: 200px; margin: 10px auto 0; font-size: 14px; color: #666;}

.index-part5{ min-width: 1220px;overflow: hidden;}
.index-part5 .left{ position: relative; color: #fff; float: left;height:510px; width:676px; overflow: hidden;}
.index-part5 .left img{ display: block;height:510px; width:676px;}
.index-part5 .main{ padding: 10px 20px 0 100px; position: absolute; left: 0; right: 0; bottom: 0; min-height:95px; background: rgba(41,171,226,.6);}
.index-part5 .main span{ position: absolute; left:20px; top: 10px;text-align: center;}
.index-part5 .main em{ display: block; font-size: 22px;margin-top:10px}
.index-part5 .main h4{ font-size:18px;line-height:26px; height: 52px; overflow: hidden;}
.index-part5 .main p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-part5 .right{ float: right; width: 544px; height: 510px; overflow: hidden; }
.index-part5 .right a{ display: block; border-bottom: 1px solid #c0c0c0;color: #666666; position: relative; padding: 13px 70px 13px 120px; min-height: 102px; overflow: hidden;}
.index-part5 .right a:last-child{ border-bottom: 1px solid #fff; }
.index-part5 .right span{ position: absolute; left:30px; top:15px;text-align: center; font-weight: lighter;}
.index-part5 .right em{ display: block; font-size: 22px;margin-top:10px}
.index-part5 .right h4{ font-size:18px; margin: 0 0 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-part5 .info{line-height:24px; height:48px; overflow: hidden;}
.index-part5 .right a:hover{ background: #29abe2; border-bottom: 1px solid #29abe2; color: #fff;}


.page2-part1{ padding: 45px 0 0; overflow: hidden;}
.page2-part1 .main{ overflow: hidden; }
.page2-part1 .main a{ float: left;background: #fff;}
.page2-part1 .main img{display: block; height: 180px; width: 280px;margin:0 36px 10px 0px;}
.page2-part1 .main .h4{ line-height: 50px;font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:280px}
.page2-part1 .main p{width:280px; line-height: 22px;  color: #666; position: relative;min-height: 50px;
    overflow: hidden;}

/*page2*/
.page2-part2{ min-width: 1220px; padding:40px 0;overflow: hidden;}
.page2-part2 dl{padding: 0 0 100px  75px; min-height: 425px; overflow: hidden; }
.page2-part2 dt{ float: right;position: relative;}
.page2-part2 dt img{ width:592px;height:352px; float: right;}
.page2-part2 dt:before{ content: ""; width: 152px; height: 152px; position: absolute; left: -75px; bottom: -70px; background: rgba(41,171,226,.6); z-index: 1;}
.page2-part2 dd{ float: left; width:440px; overflow: hidden; }
.page2-part2 h2{margin: 0 0 10px;}
.page2-part2 h4{margin: 0 0 50px;}
.page2-part2 .text{ margin: 115px 0 0; }

.page2-part3{ min-width: 1220px; padding: 0 0 60px; color: #666; overflow: hidden; }
.page2-part3 .container{ padding: 0 75px; }
.page2-part3 .left{ margin: 0 0 20px; overflow: hidden;}
.page2-part3 h4{margin: 20px 0 0;}
.page2-part3 .img{width: 268px; height:199px;float: right;}
.page2-part3 .img img{display: block;width: 268px; height:199px; }
.page2-part3 .addtime{ display: block; font-size: 22px; margin:30px 0 0;color: #3f6eb4;}
.picScroll-left{ float: left; width:800px;position: relative; overflow: hidden;}
.picScroll-left .hd{position: absolute; left: 0; top: 80px; right: 0;}
.picScroll-left .hd a{ width: 30px; height: 30px; }

.picScroll-left .hd .prev{float: left; background: url(../images/ico/prev1.png) center no-repeat;background-size: contain}
.picScroll-left .hd .next{float: right; background: url(../images/ico/next.png) center no-repeat;background-size: contain}
.picScroll-left .bd{padding:0 60px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 310px !important; margin-right:40px; line-height:24px;overflow:hidden;}


.page2-part4{ min-width: 1220px; margin: 0 0 50px; overflow: hidden;}
.page2-part4 .more{ width: 75px; float: right;}
.page2-part4 p{line-height:24px;overflow: hidden; }
.page2-part4 dt{ width: 535px; position: relative; float: left; height: 492px;overflow: hidden;}
.page2-part4 dt .text{overflow: hidden;}
.page2-part4 .text{ width:350px; height:246px; color: #fff; background:rgba(0,159,230,.6);.page2-part2 dt:before ; position: absolute; right: 0; bottom: 0;}
.page2-part4 .text:before{content: ""; position: absolute; left:-28px; top:-10px; width: 198px; height: 196px; background: url(../images/ico/d.png) left top no-repeat; background-size: 99px 98px;}
.page2-part4 .text .more{background: url(../images/ico/more1.png) left top no-repeat; background-size: contain;}
.page2-part4 .text div{ position: relative;z-index: 5;padding: 30px 50px 0 35px;}
.page2-part4 .text h3{ font-size:22px; margin:0 0 35px;}
.page2-part4 .info{width:343px;height:246px; overflow: hidden;}
.page2-part4 .item1 .info{ padding: 40px 50px 0 65px; background: url(../images/ico/v.png) -25px 15px #fff no-repeat; background-size: 105px 100px;}
.page2-part4 .item2 .info{ padding: 30px 85px 0 20px; float: right;  background: url(../images/ico/m.png) 265px 15px #fff no-repeat; background-size: 126px 88px}
.page2-part4 .item2 h3{ text-align: right; }
.page2-part4 .item2 .more{ float: left;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.page2-part4 dd{ width:685px; float: right; overflow: hidden; }
.page2-part4 dd ul{overflow: hidden; }
.page2-part4 dd li{ height:246px; color: #666; overflow: hidden;}
.page2-part4 dd h3{font-size:22px;}
.page2-part4 dd p{ margin:45px 0 10px;height: 72px;}

.page2-part5{ min-width: 1220px;overflow: hidden;}
.page2-part5 .container{ min-height: 605px; }
.page2-part5 .info{width:610px; margin-left: 55px; position: relative; overflow: hidden;}
.page2-part5 .info:after{ content: ""; position: absolute; right: 0; top: 0; width: 150px; height: 60px; background: rgba(0,159,230,.6);}
.page2-part5 .info h2{ font-size: 22px;margin: 0 240px 10px 0;}
.page2-part5 .info h4{ font-size: 18px; margin: 0 0 30px;}
.page2-part5 .info p{ line-height: 24px; margin: 30px 0 0}
.page2-part5 .info .text{ width: 370px; }
.page2-part5 .imgs{ margin: 110px 0 0 55px;overflow: hidden;}
.page2-part5 .imgs li{ float: left; margin-right: 2%; width: 220px; height: 160px; }
.page2-part5 .imgs img{display: block;width: 220px; height: 160px;}

/*page3*/
.page3-part2{ min-width: 1220px; padding: 40px 0;overflow: hidden; }
.page3-part2 dl{ padding: 0 45px 0 65px; overflow: hidden; }
.page3-part2 dt{ width: 390px; float: left; overflow: hidden; }
.page3-part2 dt h2{ font-size: 22px;margin: 0 0 10px;}
.page3-part2 dt h4{ font-size: 18px; margin: 0 0 30px;}
.page3-part2 .left{ float: left; overflow: hidden;}
.page3-part2 dt p{line-height: 24px;margin: 20px 0 0;}
.page3-part2 dd{ width: 680px; float: right; overflow: hidden;}
.page3-part2 ul{color: #666; padding-right: 35px; overflow: hidden;}
.page3-part2 li{ float: right; width: 230px; position: relative; margin-left:100px;}
.page3-part2 li:last-child{ margin-left: 0;}
.page3-part2 li p{ position: relative;}
.page3-part2 li img{display: block; width: 230px; height: 230px;}
.page3-part2 li span{ position: absolute; bottom:15px; right: -25px; width: 116px; height: 69px; background: rgba(0,159,230,.6);}
.page3-part2 li h5{ margin:10px 0 0; font-size:14px; line-height:24px; overflow: hidden; }

.page3-part3{ min-width: 1220px; background: #fafafa; padding: 60px 6%; overflow: hidden;}
.page3-part3 ul{ width: 1080px; overflow: hidden; }
.page3-part3 li{ float: left; width: 25%; text-align: center; padding:35px 0; overflow: hidden; }
.page3-part3 img{ display: block; height: 80px; margin: 0 auto 80px; }
.page3-part3 h4{ font-size: 16px; color: #666; margin: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page3-part3 li:hover{ background: #fff; }
.page3-part3 li:hover h4{ color: #3f6eb4; }

.page3-part4{ min-width: 1220px; padding:50px 0 0;overflow: hidden; }
.page3-part4 dl{ padding: 50px 75px 0; }
.page3-part4 dt{ float: left; width: 382px;overflow: hidden; }
.page3-part4 dt h2{margin: 0 0 10px;}
.page3-part4 dt h4{margin: 0 0 40px;}
.page3-part4 dt .text{ margin:40px 15px 0 0;}
.page3-part4 dd{ float: right; width: 670px; height: 417px; position: relative; overflow: hidden;}
.page3-part4 ul{ position: absolute; bottom: 30px; left: 60px; background: #fff; right: 0;overflow: hidden; }
.page3-part4 ul li{ float: left; margin: 10px 0 10px 10px; width: 142px;}
.page3-part4 ul p{ font-weight: 600; color: #0071bf; font-size: 22px;}

/*page4*/
.page4-part2{ min-width: 1220px; padding:30px 0;overflow: hidden; }
.page4-part2 dl{ padding: 0 70px; }
.page4-part2 dt{ float: left; width:460px; margin:10px 0 0; overflow: hidden; }
.page4-part2 dt h2{ font-size: 22px;margin: 0 0 10px;}
.page4-part2 dt h4{ font-size: 18px; margin: 0 0 30px;}
.page4-part2 dt p{line-height:24px;}
.page4-part2 dd{ float: right; width: 535px; height: 320px; overflow: hidden;}
.page4-part2 .text{ margin: 30px 0 0;height: 145px;overflow: hidden; line-height: 1}

.page4-part3{ min-width: 1220px;overflow: hidden;}
.news-list{ color: #666; overflow: hidden;}
.news-list li{ position: relative; padding: 20px 240px 20px 140px;border-bottom: 1px solid #cccccc; min-height: 165px; overflow: hidden; }
.news-list li img{ display: block; width:220px; height: 125px; position: absolute; right: 0; top: 20px;}
.news-list h3{width: 800px}
.news-list a{height: auto !important;}
.news-list li h4{ font-size:16px; line-height:26px;overflow: hidden; }
.news-list li p{ margin: 20px 0 0; overflow: hidden; }
.news-list li p span{color: #0071bc; margin-right: 50px;}
.news-list .day{ color: #999999;position: absolute; left: 40px; top: 60px; font-size: 48px;}

/*page5*/
.page5-part2{ min-width: 1220px;margin: 60px 0 0; overflow: hidden; }
.page5-part2 .container{ min-height: 417px; padding-left: 70px;}
.page5-part2 h2{ font-size: 22px;margin: 0 0 10px; width: 400px;}
.page5-part2 h4{ font-size: 18px; margin: 0 0 30px;}
.page5-part2 p{line-height: 24px; margin:30px 0 0;}
.page5-part2 .text{ width: 340px;height: 230px; overflow: hidden;}
.page5-part2 .main{ float: left; width:614px; min-height: 417px; position: relative;height: 304px;}
.page5-part2 .main:after{content: "";position: absolute;right: 0;top: 0;width: 150px;height: 60px;background: rgba(0,159,230,.6);}

.page5-part3{ min-width: 1220px;overflow: hidden; }
.page5-part3 .main{ float: right; padding: 70px 20px 0 100px; margin: 0 0 150px; height: 350px; background: #fff; width: 50.5%; overflow: hidden;}
.page5-part3 h2{ font-size: 22px;margin: 0 0 10px;}
.page5-part3 h4{ font-size: 18px; margin: 0 0 30px;}


/*page6*/
.page6-part2{ min-width: 1220px;overflow: hidden; }
.page6-part2 .container{ min-height: 430px; }
.page6-part2 .main{ width:395px; height:360px; padding: 50px 0 0 75px; background: #fff; overflow: hidden; }
.page6-part2 h4{margin: 10px 0 25px;}

.page6-part3{ min-width: 1220px;position: relative;overflow: hidden;}
.page6-part3 .container{ min-height: 310px; overflow: inherit; }
.page6-part3 .main{margin-left: 535px; position: relative; padding: 50px 0 0; min-height: 310px; background: #fff;}
.page6-part3 .main:before{ content: "";background: rgba(0,159,230,.6); width: 153px; height: 65px; position: absolute; left: -190px; bottom: 30px;}
.page6-part3 .main:after{ content: ""; width:220px; height:220px; background: rgba(0,159,230,.6); position: absolute; right:0; top: -111px;}
.page6-part3 .main .text{ width: 320px; }
.page6-part3 h4{margin: 10px 0 25px;}

.page6-part4{ min-width: 1220px; padding:30px 0;overflow: hidden; }
.page6-part4 .container{ padding: 0 75px; }
.job-list li{ border-bottom: 1px solid #ddd;overflow: hidden; }
.job-list .head{ position: relative; padding: 20px 460px 20px 0; overflow: hidden;}
.job-list .head h4{ font-size:18px; }
.job-list .head p{ color: #7e899c;margin:6px 0 0}
.job-list .head span{ position: absolute; right: 230px; text-align: right;top: 38px; }
.job-list .info{ display: none; padding: 0 0 40px; overflow: hidden; }
.job-list .info h5{ font-size: 18px;overflow: hidden; }
.job-list .info p{line-height:24px; overflow: hidden; }
.job-list .more{ position: absolute; cursor: pointer; right: 0; top:20px; width: 30px; height: 55px; background: url(../images/ico/ico9.jpg) center no-repeat; background-size: 18px 14px;}
.job-list .btn{ width: 118px; height: 43px; border: 1px solid #5584fc; border-radius: 4px; color: #5584fc; line-height:43px; text-align: center;position: absolute; right: 60px; top: 28px; }

.page-show .head{font-size: 22px; padding: 25px; color: #0679c4; border-bottom: 1px solid #ddd; overflow: hidden; }
.page-show .head p{color: #595757; margin: 20px 0 0; font-size: 14px;}
.page-show .main{ padding: 30px;font-size: 16px;line-height: 200%; overflow: hidden; }
.page-show .tip{margin:40px 30px;overflow: hidden;}
.page-show .tip li{ height:30px; line-height:30px; color:#0679c4;}
.page-show .tip a{ color:#0679c4;}
.page-show .tip a:hover{ color:#0679c4;}


/*footer*/
.footer{ min-width: 1220px; padding: 50px 0 0; overflow: hidden;}
.footer .container{ padding: 0 0 70px;overflow: hidden;}
.footer .menu{ float: left; width:720px; overflow: hidden;}
.footer .menu li{ float: left; width: 15%; margin-right: 0.66%;}
.footer .menu li:last-child{ margin-right: 0; }
.footer .menu h4{ font-size:16px; margin: 0 0 20px;}
.footer .menu a{ display: block; line-height:24px;}
.footer .address{ float: right; width:465px; position: relative; padding-left: 160px; min-height: 120px; overflow: hidden;}
.footer .address dt{width: 120px; height: 120px; position: absolute; left: 0; top: 0; }
.footer .address img{ width:120px; height:120px; margin-right: 5%;}
.footer .address dd p{ margin: 10px 0 0; }
.footer .copyright{ background: #cccccc; padding: 20px; text-align: center;overflow: hidden; }
.footer .copyright a{ display: inline-block; color: #333;}






/*c*/
.lc-solution-floor{
    background:#fafafa;
}
.lc-solution-white{
    background: white;
}
.pd{padding:0 0 90px 0 }


.solution-floor-hd {
    padding: 50px 0;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    color: #0989c5;
}

.solution-floor-title[data-v-5dd25230] {
    line-height: 40px;
    font-size: 22px;
    color: #3870AD;
}
.retail-advantage-title[data-v-5dd25230] {
    position: relative;
    padding: 25px 0;
    line-height: 34px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.retail-advantage[data-v-5dd25230] {
    font-size: 0;
}
.retail-advantage .col-3[data-v-5dd25230] {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.col-3 {
    width: 33.3%;
}
.solution-icon[data-v-5dd25230] {
    display: inline-block;
    width: 96px;
    height: 96px;
    line-height: 96px;
    border-radius: 50%;
}
.solution-icon img[data-v-5dd25230] {
    max-width: 96px;
}
img {
    border: 0;
    vertical-align: middle;
}
.retail-advantage-des[data-v-5dd25230] {
    margin: 18px auto 0;
    width: 75%;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
/*c*/

.job-list{margin-top:60px; margin-bottom:60px; overflow:hidden;}
.job-list .item{float:left; width:590px; position:relative; cursor:pointer;}
.job-list .item::before{
    content: "";
    background: rgba(0,159,230,.6);
    width: 153px;
    height: 65px;
    position: absolute;
    left: 0px;
    bottom: 90px;
}
.job-list .item img{width:100%; height:100%}
.job-list .right{margin-left:40px}
.job-list .content{border:1px solid #777; height:120px; line-height:140px; border-top:none; padding-left:50px;font-size:22px; position:relative;}
.job-list .content::before{
    content: "";
    background:url("../images/job_list_arrow.png") no-repeat; background-size:contain;
    width: 45px;
    height: 25px;
    position: absolute;
    right: 40px;
    bottom: 35px;
}
.job-list .split{position:absolute; background:rgba(0,159,230,.6)}

.job{background:url("../images/job_bg.jpg") no-repeat; height:400px; margin:60px 0; position:relative; cursor:pointer;}
.job .text{font-size:22px; top:60px; left:75px; position:absolute; line-height:200%}
.job .name{font-size:18px; bottom:100px; left:75px; position:absolute;}
/*.job::before{*/
/*    content: "";*/
/*    background:url("../images/job_list_arrow.png") no-repeat; background-size:contain;*/
/*    width: 45px;*/
/*    height: 25px;*/
/*    position: absolute;*/
/*    left: 75px;*/
/*    bottom: 50px;*/
/*}*/
.job_more{position:absolute; left:75px; bottom:80px; background:#0071bf; color:#fff; border-radius:30px; padding:10px 30px; font-size:20px}