@charset "utf-8"; body { font-size: 18px; /*font-family: "SimHei";*/ font-family: "microsoft yahei"; } *{margin:0;padding:0;} input,select{ font-size:16px; vertical-align:middle; } body div{ text-align:center; } textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;} li{list-style-type:none;} img{border:0 none;} a{ text-decoration:none; color:#333; } a:hover{ color:#1974A1; } a:link, a:visited{ color:#333; text-decoration: none; outline: none; } a:hover{ color:#0E4470; text-decoration: none; } .row{ margin-right: 0; margin-left: 0; } .wrap { max-width: 1200px; margin: 0 auto; } .wrap1800 { max-width: 1800px; margin: 0 auto; } .magintop50{ margin-top:50px !important; } .magintop420{ margin-top:420px !important; } .navbar-default { background-color: rgba(205, 31, 31, 0.8); border: 0; height: 80px; line-height: 80px; } .navbar-brand { height: 80px; /*padding: 25px 15px;*/ } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background: none; border-bottom:3px solid #ffd27a; } .navbar-default .navbar-nav>li>a:hover{ color: #fff; background: none; border-bottom: 3px solid #ffd27a; }.navbar-nav>li>a { line-height: 80px; } .navbar-default .navbar-nav>li>a { color: #fff; padding:20px; } .nav>li>a { font-size:18px; font-weight:bold; padding: 36px 2px 5px 2px; display: inline-block; line-height: 35px; } .navbar-default .navbar-nav>li.lang { margin-left: 20px; } .navbar-default .navbar-nav>li.lang>a { color: #cccccc; } .navbar-default .navbar-nav>li.lang>a.active { color: #000000; } .navbar-right { margin-right: -10px; } .viewmore{ width:160px; border-radius: 40px; background: #e20001; padding: 0px; overflow: hidden; font-size: 25px; font-weight: bold; color: #fff; text-align: center; margin: 0 auto; padding: 10px; } .viewmore a{ color: #fff; } /*banner轮播*/ .swiper-container { width: 100%; height: 850px; } .swiper-slide { background-position: center; /*background-size: contain;*/ background-size:cover; } .swiper-pagination-bullet{ width: 15px; height: 15px; margin: 5px; background: #b6b6b2; opacity:1; } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{ background: url(../img/right_arrow.png) no-repeat center center; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{ background: url(../img/left_arrow.png) no-repeat center center; } .swiper-button-next, .swiper-button-prev{ width: 46px; height:80px; } .jianjieimg{ display:block; } .jianjieimg_1{ display:none; } /*多图轮播*/ .picScroll { /*margin: 50px auto;*/ position: relative; border: 0px solid #eee; overflow: hidden; width: 100%; } .picScroll .prev { display: block; position: absolute; top: 130px; left: 130px; width: 46px; height: 70px; background: url(../img/slider-left-arrow.png) no-repeat; } .picScroll .next { display: block; position: absolute; top: 130px; right: 130px; width: 46px; height: 70px; background: url(../img/slider-right-arrow.png) no-repeat; left: auto; } .picScroll ul { overflow: hidden; zoom: 1; } .picScroll ul li { width: 350px; float: left; overflow: hidden; margin: 0 9px; background: #FFFFFF; } .picScroll ul li img { width: 248px; height: 248px; display: block; margin:0 auto; /*margin-top: -25px;*/ } .picScroll .img-title { color: #8f8f8f; font-size: 18px; font-weight:bold; height: 30px; line-height:30px; text-align:center; overflow: hidden; margin-top:5px; } .picScroll .img-job { color: #8f8f8f; font-size: 16px; height: 30px; line-height:30px; text-align:center; overflow: hidden; margin-top:5px; } .picScroll .img-line { width:50px; height: 15px; margin:0 auto; border-bottom:1px solid #8f8f8f; } .picScroll .img-text { color: #8f8f8f; font-size: 16px; padding: 10px 20px; height: 80px; overflow: hidden; text-align:center; /*text-overflow:ellipsis; white-space: nowrap;*/ } /*多图轮播*/ .pro_picScroll { position: relative; border: 0px solid #eee; overflow: hidden; width: 100%; } .pro_picScroll .prev { display: block; position: absolute; top: 30%; left: 15px; width: 46px; height: 70px; background: url(../img/slider-left-pro.png) no-repeat; } .pro_picScroll .next { display: block; position: absolute; top: 30%; right: 15px; width: 46px; height: 70px; background: url(../img/slider-right-pro.png) no-repeat; left: auto; } .pro_picScroll ul { overflow: hidden; zoom: 1; } .pro_picScroll ul li { width: 350px; float: left; overflow: hidden; margin: 0 9px; background: #FFFFFF; } .pro_picScroll ul li img { width: 350px; height: 350px; display: block; margin:0 auto; /*margin-top: -25px;*/ } .pro_picScroll .img-text { color: #8f8f8f; font-size: 18px; padding: 10px 20px; height: 80px; line-height:80px; text-align:center; overflow: hidden; } .title_design{ width:333px; height:76px; margin:0 auto; } .firstus { padding-top:30px; display:block; } .lunbo{ background: #fff; /*padding: 30px 0;*/ } .lunbo .title { text-align: center; color: #262b2e; font-size: 28px; margin: 0px auto; padding-bottom: 60px; } .pro_lunbo{ background:url(../img/7041711305c0a0ece8fbeb.jpg); /*background: #fff;*/ padding:150px 220px; margin:0 auto; } .pro_lunbo .title { text-align: center; color: #262b2e; font-size: 20px; margin: 0px auto; padding-bottom: 60px; } .title_ourteam { line-height:40px; font-size:30px; color:#CCCCCC; text-align:center; line-height:50px; margin:0 auto; padding-top:40px; } .title_cnews { height:330px; line-height:280px; position:relative; } .title_cnews .title_cimg{ height:274px; position:absolute; left:43%; } .title_line { padding:20px 0; } .title_border_line { height:25px; border-bottom:2px solid #727272; } .title_line_span { text-align:center; } .title_line_span .spanfont { border-radius:40px; background:#e20001; padding:0px; overflow:hidden; font-size:30px; font-weight:bold; color:#fff; text-align:center; margin:0 auto; padding:10px 30px; } .title_line_span .spanabout { border-radius:40px; padding:0px; overflow:hidden; font-size:30px; font-weight:bold; color:#e20001; text-align:center; margin:0 auto; padding:10px 30px; } .title_line_span .spanbig { font-size:30px; font-weight:bold; color:#fff; text-align:center; line-height:40px; margin:0 auto; } .title_line_span .spansmall { font-size:18px; color:#fff; text-align:center; margin:0 auto; line-height:30px; } .firstlist { width:100%; float:left; background:url(../img/14344827885c1754504dbd6.jpg) no-repeat; background-color:#ae0404; background-size:100%; } .list_bg{ width:100%; } .list_bg ul{ width:95%; float:left; margin:0 auto; } .list_bg ul li{ float:left; width:20%; padding:0px 10px; } .list_bg_dl { width:60%; margin:0 auto; } .list_bg_dl dt { width:100%; float: left; font-size: 16px; line-height: 32px; padding: 15px 0px; } .list_bg_dl dt a { float: left; border-radius:10px; width: 100%; height: 32px; line-height: 32px; text-align:center; color: #a1222b; overflow: hidden; margin:0 auto; } .list_bg_dl dt:hover a{ background:#fff; color:#e20000; border-radius:10px; } .list_bg_dl dt .firsta { background:rgba(255, 255, 255, 1); } .list_bg_dl dt:hover{ border-top:3px solid #fdd27c; } .list_bg_dl dt .seconda { width:80%; margin-left:20px; background:rgba(255, 255, 255, 0.92); } .list_bg_dl dt .thirda { width:80%; margin-left:20px; background:rgba(255, 255, 255, 0.85); } .list_bg_dl dt .fortha { width:80%; margin-left:20px; background:rgba(255, 255, 255, 0.75); } .list_bg_dl dt .othera { width:80%; margin-left:20px; background:rgba(255, 255, 255, 0.6); } .firend_title{ float:left; width:100%; margin:20px 0px; } .firend_title ul{ width:85%; margin:0 auto; } .firend_title ul li{ float:left; width:20%; padding:0px 5px; } .firend_title ul li .f_title{ width:90%; float:left; height:50px; text-align:center; } .firend_title ul li .f_title .p1{ font-size:25px; height:25px; line-height:25px; color:#e20000; } .firend_title ul li .f_title .p2{ font-size:16px; height:20px; line-height:20px; } .firend_title ul li a { float: left; border-radius:20px; width: 100%; height: 40px; line-height: 40px; text-align:center; overflow: hidden; margin:0 auto; border:2px solid #e20000; } .firend_title ul li:hover a{ background:#e20000; color:#fff; border-radius:20px; } .lunbo .titleteam { background:#e20000; border-radius:40px 0 0 40px; padding:10px 30px; color:#fff; border:1px solid #e20000; } .lunbo .titlezhuanjia { border-radius:0 40px 40px 0; padding:10px 30px; border:1px solid #e20000; color:#e20000; } .lunbo .upline { width: 80%; height: 10px; margin: 0 auto; border-bottom:1px solid #c7c7c7; margin-top: 20px; } .lunbo .more { font-size:20px; font-weight:bold; width: 500px; height: 60px; color: #727272; margin: 0 auto; text-align: center; line-height: 60px; margin-top: 20px; } .lunbo .more span { font-size:30px; color:#e20000; font-weight:bold; text-decoration:underline; } .newslunbo{ background: #f5f5f5; padding: 10px 0; } .pro_bg{ width:100%; float:left; background:url(../img/19915371635c21893df0110.jpg) repeat-y; background-size:100%; } .pro_title{ padding:20px 0px; } .pro_title .title_img{ margin-top:30px; height:100px; } .pro_title span{ font-size:30px; line-height:40px; text-align:center; height:40px; font-weight:bold; } .pro_title p{ font-size:20px; line-height:30px; text-align:left; margin:10px 30px; } .pro_title .divicon{ height:40px; width:40px; background:#e20001; border-radius: 50%; margin:0 auto; color:#fff; line-height:40px; text-align:center; } .innov_bg{ width:100%; float:left; background:url(../img/8952850515c219f50760f1.jpg); background-size:100%; } .innov_title{ padding:20px 0px; } .innov_title .innov_img{ margin-top:30px; height:100px; } .innov_title p{ font-size:30px; line-height:40px; text-align:left; margin:10px 50px; } .innov_title .innov_p{ margin-top: 260px; padding: 10px 20px 10px 80px; } .innov_title .pjoinus{ font-size:70px; line-height:100px; text-align:right; height:100px; font-weight:bold; color:#fff; } /*关于我们*/ .ccf0f32 { color: #CF0F32; } .aboutUs { background: #FFFFFF; padding: 30px 0 50px 0; } .aboutUs .title { text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .aboutUs .text { color: #535557; text-align: center; line-height: 40px; margin-bottom: 30px; padding: 0 20px; } .aboutUs .text>span { display: block; font-size: 16px; } .aboutUs .text>span>a:hover { text-decoration: underline; } .aboutUs div.row>div>div { text-align: center; width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; border: 2px solid #eee; font-size: 24px; color: #666; } .aboutUs div.row h3 { margin-top: 60px; font-size: 36px; color: #cf0f32; } /*他们信任我们*/ .believe { margin: 0px auto; padding:50px 0; background: #edeeee; } .believe .title { text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .partnerList ul { overflow: hidden; padding: 0; } .partnerList ul li { padding: 10px 22px; float: left; list-style: none; } /*我们做什么*/ .wedo { background:url(../img/wedo_bg.png) repeat-x; padding: 50px 0 20px 0; } .wedo .title { text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .wedo .text { color: #535557; text-align: center; line-height: 40px; margin-bottom: 30px; } .wedo .text>span { display: block; font-size: 16px; } .wedo .text>span.f18 { font-size: 18px; } .wedo .dolist { text-align: center; } .wedo .dolist img { display: block; margin: 10px auto; } .wedo .dolist a { color: #535557; } .wedo .text-list { margin: 50px 0; } .wedo .text-list ul { padding: 0; overflow: hidden; } .wedo .text-list ul li { width: 20%; padding-left: 60px; float: left; list-style: none; } .wedo .text-list ul li a { display: block; color: #535557; font-size: 16px; padding: 5px 0; } .wedo .text-list ul li a:hover { color: #CF0F32; } .first_service_1{ display:block; } .first_service_2{ display:none; } /*作品展示*/ .show{ /*margin-top: 150px;*/ } .show>.title{ text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .show .worklist{ padding: 20px; } .show .worklist .row>.col-xs-6, .show .worklist .row>.col-sm-4,.show .worklist .row>.col-md-2{ padding: 1px; } .show .worklist .row img{ width: 100%; } .show .getWorks { width: 160px; height: 60px; background: #cf0f32; color: #FFFFFF; margin: 0 auto; text-align: center; line-height: 60px; margin-bottom: 100px; } .show .worklist .bg{ width: 100%; /*max-height:321px;*/ height: 100%; background: rgba(236,49,49,0.8); position: absolute; top:0; display: none; } .show .worklist .title{ display: block; position: absolute; top: 10%; color: #FFFFFF; width: 100%; text-align: center; display: none; } .show .worklist .title .title_1{ font-size:18px; font-weight:bold; line-height:35px; } .show .worklist .title .detali{ font-size:16px; text-align:left; margin:0 40px; } .show .worklist .title .title_2{ font-size:20px; font-weight:bold; line-height:40px; } .show .worklist .title_cion{ display: block; position:absolute; bottom:5%; color:#fff; width:100%; text-align:right; font-size:30px; display: none; } .show .worklist .product_title{ display: block; position: absolute; top: 35%; color: #fff; width: 100%; text-align: center; background: rgba(191,199,196,0.6); padding:25px 0; } .show .worklist .product_title .fontc{ font-size:35px; } .show .worklist .product_title .fonte{ font-size:25px; } .textcenter{ text-align:center !important; } /*企业新闻列表*/ .news{ /*margin-top: 150px;*/ } .news>.title{ text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .news .newslist{ padding: 50px; } .news .newslist .row>.col-xs-6, .news .newslist .row>.col-sm-4,.news .newslist .row>.col-md-3{ padding:0 30px; } .news .newslist .row img{ width: 100%; } .news .newslist .bg{ width: 87%; height: 100%; background: rgba(236,49,49,0.8); position: absolute; top:0; display: none; } .news .newslist .title{ display: block; position: absolute; width:100%; top: 10%; color: #fff; text-align: center; display: none; } .news .newslist .title .title_1{ width: 90%; height:50px; line-height:50px; font-size:18px; background: rgba(167,67,67,0.8); font-weight:bold; margin:0 auto; overflow:hidden; } .news .newslist .title .detali{ font-size:18px; text-align:left; margin:0 20px; overflow:hidden; } .news .newslist .news_title{ height:60px; line-height:60px; background:#fff; text-align:center; font-size:25px; color:#e20001; box-shadow: darkgrey 0px 0px 30px 5px; overflow:hidden; } .news .newslist .title_cion{ display: block; position:absolute; top:-15%; color:#e20001; width:100%; text-align:center; font-size:40px; display: none; } .news .newslist .margintop{ margin-top:10px; } .news .newslist .margintop_1{ margin-top:100px; } /*企业新闻详细页*/ .newsdetail{ padding:20px 220px; } .newsdetail_btitle{ font-size:35px; font-weight:bold; line-height:40px; text-align:center; color:#e20001; margin:0px; } .newsdetail_ltitle{ font-size:25px; line-height:35px; text-align:center; } .newsdetail_time{ font-size:20px; line-height:35px; text-align:right; color:#e20001; } .newsdetail_content{ font-size:18px; line-height:30px; text-align:left; padding:20px 220px; } .newsdetail_content p{ padding:20px 120px; margin:0px; } .newsdetail_content img{ width:100%; } /*产品一级页*/ .product_ftop{ height:80px; }.product_ftitle{ padding:30px 100px; } .product_ftitle p{ font-size:35px; text-align:left; line-height:50px; letter-spacing:5px; } .product_ftitle .ffont{ font-size:70px; color:#e20001; font-weight:bold; } .product .prodictlist .row>.col-xs-4, .product .prodictlist .row>.col-sm-4,.product .prodictlist.row>.col-md-4{ padding: 10px; } .imgdiv{ overflow:hidden; } .product .prodictlist .row img{ width: 98%; transition: all 0.6s; } .product .prodictlist .row img:hover{ transform: scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); /* Firefox */ -webkit-transform:scale(1.5); /* Safari 和 Chrome */ -o-transform:scale(1.5);} .product .prodictlist .product_title{ width: 100%; text-align: center; padding:25px 0; color:#fff; } .product_bg{ background:url(../img/11587518165c19a3b3aa273.jpg) repeat-x; } .product .prodictlist .product_title .fontc{ font-size:35px; } .product .prodictlist .product_title .fonte{ font-size:25px; } .product .prodictlist .product_title .fontc_1{ font-size:35px; color:#333333; } .product .prodictlist .product_title .fonte_1{ font-size:25px; color:#333333; } .product .prodictlist .secondmargin{ margin-top:100px; } /*产品一级页*/ .product_1{ padding:20px 0px; } .product_1 img{ width: 96%; } .product_1 .product_title{ width: 100%; text-align: center; padding:15px 0; } .product_1 .product_title .fontc{ font-size:35px; color:#333333; } .product_1 .product_title .fonte{ font-size:25px; color:#333333; } /*产品一级页*/ .product_2{ padding:20px 0px; } .product_2>.col-xs-6,.product_3>.col-sm-6,.product_3>.col-md-6{ padding: 5px; } .product_2 img{ float:left; width: 50%; /*padding:15px 0px;*/ } .product_2 .product_title{ float:left; width: 50%; text-align: center; padding:15px 0; } .product_2 .product_title .fontc{ font-size:35px; color:#333333; } .product_2 .product_title .fonte{ font-size:25px; color:#333333; } /*产品一级页*/ .product_3{ padding:20px 0px; } .product_3bg{ background:url(../img/16931624165c19e5c0a40b0.jpg) repeat-x; } .product_3 img{ float:left; width: 100%; } .product_3 .product_title{ float:left; width: 100%; text-align: center; padding:5px 0; } .product_3 .product_title .fontc{ font-size:35px; color:#333333; } .product_3 .product_title .fonte{ font-size:25px; color:#333333; } .product_3margin{ margin-top:200px; } /*新闻列表页*/ .thenews_line { padding-top:10px; } .thenews_line .row>.col-xs-3, .thenews_line .row>.col-sm-2,.thenews_line .row>.col-md-1{ padding: 10px; } .thenews_line .row>.col-xs-9, .thenews_line .row>.col-sm-10,.thenews_line .row>.col-md-11{ padding: 10px; } .thenews_line .row>.col-xs-4, .thenews_line .row>.col-sm-3,.thenews_line .row>.col-md-1{ padding: 10px; } .thenews_line .thenews_classify{ font-size: 20px; font-weight: bold; text-align: center; margin: 0 auto; padding: 2px 5px; } .thenews_line a{ color: #a5a5a5; } .thenews_line .active{ border-radius: 15px; background: #e20001; color: #fff; text-align: center; margin: 0 auto; padding:5px; } .thenews_line a:hover{ border-radius: 15px; background: #e20001; color: #fff; text-align: center; margin: 0 auto; padding:5px; } .thenews_border_line { height: 15px; border-top: 1px solid #727272; } .thenews .thenewslist .row>.col-xs-6, .thenews .thenewslist .row>.col-sm-4,.thenews .thenewslist .row>.col-md-3{ padding: 10px; } .thenews .thenewslist .row img{ width: 98%; transition: all 0.6s; height:430px; } .thenews .thenewslist .row .teamimg{ height:auto; } .thenews .thenewslist .row img:hover{ transform: scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); /* Firefox */ -webkit-transform:scale(1.5); /* Safari 和 Chrome */ -o-transform:scale(1.5);} .thenews .thenewslist .thenews_title{ width: 100%; text-align: center; padding:25px 0; } .thenews .thenewslist .thenews_title .fontc{ font-size:20px; text-decoration:underline; color:#333333; text-align:left; height:56px; overflow:hidden; } .thenews .thenewslist .thenews_title .fonte{ font-size:18px; color:#e20001; text-align:right; } /*招贤纳士*/ .banner{ width: 100%; /*height:521px; background: url(../img/banner1.png) no-repeat center center;*/ } .recruit { padding: 40px 0; } .recruit .title{ text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px; } .recruitlist .row .name{ margin: 40px auto; text-align: center; /*width: 100px;*/ } .recruitlist .row .name span{ display: block; } .recruitlist .row .name .que{ font-size:20px; font-weight:bold; text-align:center; line-height:35px; } .recruitlist .row .name .num{ margin-top: 30px; font-size: 36px; } .recruitlist .row .name .num img{ height:116px; } .recruitlist .row .name .zbg{ background: url(../img/2068520825c0f249fab16c.jpg) no-repeat; height:203px; width:240px; margin:10px auto; } .recruitlist .row .name .ztitle{ position:relative; top:40%; font-size:20px; text-align:center; color:#fff; } .recruitlist .row img{ display: block; margin: 10px auto; } .recruitlist .row .text{ margin: 50px 0px 0 55px; } .recruitlist .row .text span{ display: block; margin: 10px 0; text-align: left; color:#999999; font-size: 16px; } .recruitlist .row .text .yaoqiu{ font-size: 16px; color: #333333; } .recruit .tishi{ text-align: center; color: #CF0F32; margin: 40px auto; width:720px; font-size: 16px; padding: 0 20px; } /*招贤纳士轮播*/ .slideGroup{ padding: 40px 80px; text-align:left;} .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 80px; position:relative;} .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:100px; display:block; width:50px; height:50px; background: url(../img/2733092175c208df3b3cfd.png) no-repeat center center; } .slideGroup .sNext{ left:auto; right:5px; background: url(../img/14323158445c208fbddddd8.png) no-repeat center center; } .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;} .slideGroup ul{ overflow:hidden; zoom:1;} .slideGroup ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center; width:500px;} .slideGroup ul li .pic{ text-align:center;} .slideGroup ul li .pic img{ width:203px; height:240px; display:block; padding:2px;} .slideGroup ul li .pic a:hover img{ border-color:#999;} .slideGroup ul li .title{ text-align: center; color: #262b2e; font-size: 36px; margin: 0px auto; padding-bottom: 20px;} .slideGroup ul li .name{ margin: 40px auto; text-align: center; /*width: 100px;*/ } .slideGroup ul li .name span{ display: block; } .slideGroup ul li .name .que{ font-size:20px; font-weight:bold; text-align:center; line-height:35px; } .slideGroup ul li .name .num{ margin-top: 30px; font-size: 36px; } .slideGroup ul li .name .num img{ height:116px; } .slideGroup ul li .name .zbg{ background: url(../img/2068520825c0f249fab16c.jpg) no-repeat; height:203px; width:240px; margin:10px auto; } .slideGroup ul li .name .ztitle{ position:relative; top:40%; font-size:20px; text-align:center; color:#fff; } .slideGroup ul li img{ display: block; margin: 10px auto; } .slideGroup ul li .text{ margin: 50px 0px 0 55px; } .slideGroup ul li .text span{ display: block; margin: 10px 0; text-align: left; color:#999999; font-size: 16px; } .slideGroup ul li .text .yaoqiu{ font-size: 16px; color: #333333; } .slideGroup ul li .tishi{ text-align: center; color: #CF0F32; margin: 40px auto; width:720px; font-size: 16px; padding: 0 20px; } /*底部*/ .footer { color: #FFFFFF; text-align: center; padding: 40px 0; background:url(../img/test_4.jpg); } .footer img { /*margin: 30px auto;*/ display: block; } .footer .fulldiv{ padding:50px 100px; } .footer .line_1{ font-size:20px; text-align:left; line-height:40px; } .footer .line_2{ font-size:14px; text-align:left; line-height:40px; } .footer .line_3{ font-size:14px; text-align:left; line-height:25px; } .footer .line_4{ font-size:14px; text-align:left; line-height:25px; padding-bottom:30px; } .footer .line_img{ float:right; margin:0 30px; } .footer .line_img .imgspan{ font-size:14px; line-height:20px; } .footer .copyright{ font-size:16px; text-align:right; line-height:40px; padding-top:50px; margin:0 auto; } /* 必要布局样式css */ .innovatorswiper .swiper-container { margin-left: auto; margin-right: auto; position: relative; z-index: 1 } .innovatorswiper .swiper-container-no-flexbox .swiper-slide { float: left } .innovatorswiper .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .innovatorswiper .swiper-wrapper { position: relative; width: 10%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .innovatorswiper .swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .innovatorswiper .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 50%; height: 100%; position: relative; padding: 0; -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px; -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px; box-shadow: rgba(0,0,0,.2) 0px 0px 30px; } .innovatorswiper .swiper-button-next,.innovatorswiper .swiper-button-prev { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; cursor:pointer; } .innovatorswiper .swiper-button-next{ background: url(../img/14323158445c208fbddddd8.png) no-repeat center center; } .innovatorswiper .swiper-button-prev{ background: url(../img/2733092175c208df3b3cfd.png) no-repeat center center; } .innovatorswiper .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .innovatorswiper .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background:#e20001; opacity: .2; margin: 0 5px; cursor: pointer; } .innovatorswiper .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px; box-shadow: rgba(0,0,0,.5) 0px 0px 50px; } .innovatorswiper .banner-box { width: 100%; float: left; position: relative; overflow: hidden; } .innovatorswiper .swiper-container { width: 100%; margin: 12px 0; height:300px; } .innovatorswiper .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transform: scale(.8); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.7); -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px; } .innovatorswiper .swiper-slide-active,.swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); } .innovatorswiper .swiper-slide img { width: 100%; display: block; } /* .innovatorswiper .swiper-pagination { position: relative; margin-bottom: 30px; }*/ .innovatorswiper .swiper-pagination-bullet-active { opacity: 1; /*background: rgba(0,0,0,.8);*/ background:#fff; } .onlinemessage>.col-xs-5,.onlinemessage>.col-xs-7, .onlinemessage>.col-sm-6,.onlinemessage>.col-md-6{ padding: 15px; } .onlinemessage ul li>.col-xs-2, .onlinemessage ul li>.col-sm-2,.onlinemessage ul li>.col-md-1{ padding: 5px; } .onlinemessage ul li>.col-xs-10, .onlinemessage ul li>.col-sm-10,.onlinemessage ul li>.col-md-11{ padding: 5px; } /* 在线留言*/ .onlinemessage{ padding:20px 0px; } .onlinemessage .bgimg{ width:100%; display:block; } .onlinemessage .bgimg_1{ width:100%; display:none; } .onlinemessage ul{ float:left; width:100%; } .onlinemessage ul li{ float:left; width:100%; margin-top:30px; } .onlinemessage ul li textarea{ width:100%; height:300px; border:2px solid #777777; resize: none; padding:5px; outline:medium; } .onlinemessage ul li input{ width:100%; height:47px; border:none; border-bottom:2px solid #777777; outline:medium } .onlinemessage ul li .inputsubmit{ width: 200px; text-align: center; background:#fff; border:2px solid #777777; line-height: 40px; font-size: 16px; margin: 0 auto; cursor: pointer; outline: none; } /*加入我们*/ .joinus_line{ padding:20px 0px; }.joinus_line .imgtitle{ width:200px; }.joinus_line img{ width:100%; } .joinus_bg1{ background:url(../img/18281489245c233c294e96a.jpg); background-size:cover; -moz-background-size:100%; background-size:100%; } .joinus_line .row .pprogram{ padding:10px 0px; background:#fafafa; font-size:50px; font-weight:bold; line-height:60px; text-align:center; letter-spacing:5px; } .joinus_line .row .pjobinfor{ padding-top:30px; font-size:35px; line-height:30px; text-align:center; letter-spacing:5px; } .joinus_line .row .pjobinfor span{ border-bottom:3px solid #e20001; } .joinus_line .row .pjobinfor .jobrotate{ border-left:4px solid #fff; border-bottom:none; } .joinus_line .row .pjobinforeng{ padding:10px 0px; font-size:25px; line-height:25px; text-align:center; color:#878787; } .joinus_line .row .pgangweiforeng{ font-size:17px; line-height:20px; text-align:center; } .joinus_line .row .pspace{ margin-top:150px; } .joinus_line .row .pjobrequire span{ float:left; width:50%; font-size:30px; line-height:50px; } .joinus_line .row .pjobrequire .leftspan{ text-align:left; } .joinus_line .row .pjobrequire .rightspan{ text-align:right; } .joinus_bg2{ background:url(../img/18652338225c233491adcd0.jpg); background-size:cover; -moz-background-size:100% 100%; background-size:100% 100%; } .joinus_line .row .zhizeinfor{ padding-top:150px; font-size:35px; line-height:30px; text-align:left; letter-spacing:5px; } .joinus_line .row .zhizeinfor span{ border-left:4px solid #fff; } .joinus_line .row .zhizeforeng{ font-size:17px; line-height:20px; text-align:left; } .joinus_line .row .jobzhize p{ color:#fff; font-size:20px; line-height:45px; text-align:left; } .joinus_bg3{ background:url(../img/11241083245c2334990cdec.jpg); background-size:cover; -moz-background-size:100% 100%; background-size:100% 100%; } .joinus_line .row .yaoqiuinfor{ padding-top:150px; font-size:35px; line-height:30px; text-align:left; letter-spacing:5px; } .joinus_line .row .yaoqiuinfor span{ border-left:4px solid #e20001; } .joinus_line .row .yaoqiuforeng{ font-size:17px; line-height:20px; text-align:left; } .joinus_line .row .jobyaoqiu p{ font-size:20px; line-height:45px; text-align:left; } /*公司成员介绍*/ .intro_line{ padding:20px 0px; }.intro_bg{ background:url(../img/11800535245c24704ee530a.jpg); background-size:cover; -moz-background-size:100% 100%; background-size:100% 100%; } .intro_line .paddingtop{ padding-top:260px; } .intro_line .intro_bg2{ background:url(../img/13882827235c2479953e334.jpg) repeat-x; } .intro_line .intro_bg2 .intro_senbg2{ background:#fff; width:80%; margin-left:8%; margin-bottom:5%; } .intro_line .intro_bg2 .intro_senbg2 img{ padding:0px 0px 30px 30px; width:100%; } .intro_line .intro_header{ border-left:5px solid #e20001; padding:10px 0px; } .intro_line .intro_header p{ font-size:30px; text-align:left; line-height:35px; margin:0 0 0 5px; } .intro_line .intro_content{ padding:80px 0 50px 0; } .intro_line .intro_content p{ font-size:20px; text-align:left; line-height:40px; margin:0 0 0 5px; } .intro_line .intro_content span{ border-radius: 10px; background: #e20001; font-size: 15px; padding: 0px 8px; } /*服务内容*/ .servicekeji { /*padding:20px 0;*/ } .servicekeji .sev_1,.servicekeji .sev_2,.servicekeji .sev_4{ display:block; width:100%; cursor:pointer; } .servicekeji .sev_1_1,.servicekeji .sev_2_1,.servicekeji .sev_4_1{ display:none; width:100%; cursor:pointer; } .servicekeji .sev_4{ display:block; width:100%; cursor:pointer; } .servicekeji .sev_4_1{ display:none; width:100%; cursor:pointer; } .servicekeji_h { padding:40px 0;} .servicekeji .bg_kj{ background:url(../img/6197163715c3706c989805.jpg) repeat-y; background-size:100% 100%; -moz-background-size:100% 100%; } .servicekeji .bg_2{ background:#606060; } .servicekeji .bg_3{ background:url(../img/17381632575c6f624c66531.jpg) repeat-y; background-size:100% 100%; -moz-background-size:100% 100%; } .servicekeji .bg_4{ background:#fff; } .servicekeji .bg_5{ background:url(../img/13080371545c3c396e52ca9.jpg) repeat-y; background-size:100% 100%; -moz-background-size:100% 100%; } .servicekeji .bg_6{ background:#f3f3f3; } .servicekeji_h .bg_7{ background:url(../img/4704198195c3d412bdeb43.png) repeat-y; background-size:100% 100%; -moz-background-size:100% 100%; } .servicekeji .servicenum{ padding:50px 0 50px 20px; } .servicekeji .servicenum img{ width:100%; } .servicekeji .service_title{ text-align:center; padding:150px 0 25px 0; color:#fff; } .servicekeji .service_title_1{ text-align:center; padding:150px 0 25px 0; color:#fff; } .servicekeji .service_title_3{ text-align:center; padding:10px 0 25px 0; color:#ee4141; } .servicekeji .service_title .cored0,.servicekeji .service_title_1 .cored0{ color:#ed0000; } .servicekeji .service_title .fontc_1,.servicekeji .service_title_1 .fontc_1 { font-size: 40px; font-weight:bold; } .servicekeji .service_title .fontc_2,.servicekeji .service_title_1 .fontc_2 { font-size: 16px; word-break:break-all; } .servicekeji .service_title .color3a3a3a,.servicekeji .service_title_1 .color3a3a3a{ color:#3a3a3a !important; } .servicekeji .service_title_3 .fontc_1 { font-size: 40px; font-weight:bold; } .servicekeji .service_title_3 .fontc_2 { font-size: 16px; word-break:break-all; color:#818181; } .servicekeji .service_list{ width:100%; } .servicekeji .service_list ul{ width:98%; float:left; margin:0 auto; color:#fff; } .service_list ul li a{ color:#fff; } .servicekeji .service_list ul li{ float:left; width:100%; padding:0px 5px; font-size:24px; line-height:55px; text-decoration: underline; } .servicekeji .service_list_2{ width:100%; } .servicekeji .service_list_2 ul{ width:98%; float:left; margin:0 auto; color:#fff; } .servicekeji .service_list_2 ul li{ float:left; width:50%; padding:10px 15px; font-size:24px; line-height:35px; } .service_list_2 ul li a{ color:#fff; } .servicekeji .service_list_2 ul li .liser_2{ background:rgba(184, 184, 184, 0.5); padding:30px 0; } .servicekeji .service_list_2 ul li .liser_2 img{ width:50%; } .servicekeji .service_list_2 ul li .liser_2 .fontc_1{ font-size: 30px; font-weight:bold; } .servicekeji .service_list_2 ul li .liser_2 .fontc_2 { font-size: 16px; word-break:break-all; } .servicekeji .service_list_3{ width:100%; } .servicekeji .service_list_3 ul{ width:98%; float:left; margin:0 auto; } .servicekeji .service_list_3 ul li{ float:left; width:33.33%; padding:30px 5px; font-size:24px; line-height:55px; } .service_list_3_title{ text-align:left; font-size:40px; font-weight:bold; line-height:50px; margin-top:20px; } .service_list_3 ul li a{ color:#fff; } .servicekeji .service_list_3 ul li .liser_3{ padding: 50px 0 5px 20px; } .servicekeji .service_list_3 ul li .fontc_1{ font-size: 30px; font-weight:bold; } .servicekeji .service_list_3 ul li .fontc_2 { font-size: 16px; word-break:break-all; } .servicekeji .service_list_4{ width:100%; } .servicekeji .service_list_4 ul{ width:98%; float:left; margin:0 auto; } .servicekeji .service_list_4 ul li{ float:left; width:100%; padding:10px 5px; font-size:24px; line-height:40px; text-align:left; padding-left:60px; } .servicekeji .service_list_4 ul li span{ background:#e20001; font-size:15px; border-radius:50%; padding:0 8px; } .servicekeji .paddingtop{ padding-top:100px; } .servicekeji .paddingtop_5{ padding-top:80px; } .servicekeji .paddingtop_5bgcolor{ background:#999999; padding:40px 10px !important;; } .servicekeji .padding{ padding:30px; } .servicekeji .padding img{ width:100%; } .service4_pdding .row>.col-xs-2,.servicekeji .row>.col-xs-10{ padding: 0px; } .service4_pdding .ser4font{ float:right; margin-top:280px; width:90px; background:#ec0000; font-size:30px; color:#fff; font-weight:bold; padding:30px; } .service4_pdding .ser4padding1{ padding:10px 0; } .service4_pdding .ser4padding2{ padding:15px; background:#979797; } .servicekeji .service_title_5{ text-align:center; padding:10px 0 25px 0; } .servicekeji .service_title_5 .fontc_1 { font-size: 40px; font-weight:bold; } .servicekeji .service_title_5 .fontc_2 { font-size: 16px; word-break:break-all; color:#fff; } .servicekeji .service_list_5{ width:100%; } .servicekeji .service_list_5 ul{ width:100%; float:left; margin:0 auto; padding:10px 0px; } .servicekeji .service_list_5 ul li{ float:left; width:50%; padding:10px 5px; font-size:24px; line-height:40px; text-align:left; padding-left:60px; } .servicekeji_h .title { font-size:30px; color:#fff; text-align:center; padding:40px; } .servicekeji_h .img-title { width: 70%; margin: 0 auto; color: #8f8f8f; font-size: 30px; font-weight: bold; height: 45px; line-height: 45px; text-align: center; overflow: hidden; margin-top: 15px; border-bottom: 3px solid #D10C53; } .servicekeji_h .img-text { width: 70%; margin: 0 auto; color: #8f8f8f; font-size: 16px; padding: 30px 0px; height: 80px; overflow: hidden; } /*手机*/ @media (max-width: 767px) { body { overflow-x: hidden; } .swiper-container { width: 100%; height: 200px; } .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 5px; background: #b6b6b2; opacity:1; } .navbar-default { /*background-color: rgba(255, 255, 255, 0.9);*/ border: 0; height: 50px; line-height: 50px; } .navbar-brand { height: 50px; padding: 10px 15px; } .navbar-brand>img { height:100%; } .nav>li { background-color: rgba(205, 31, 31, 0.8); } .magintop50{ margin-top:20px !important; } .magintop420{ margin-top:130px !important; } .first_service_1{ display:none; } .first_service_2{ display:block; } .show .worklist{ padding: 5px; } .jianjieimg{ display:none; } .jianjieimg_1{ display:block; } .title_ourteam { line-height:30px; font-size:18px; color:#CCCCCC; text-align:center; line-height:30px; margin:0 auto; padding-top:20px; } .title_cnews { height:165px; line-height:140px; position:relative; } .title_cnews .title_cimg{ height:137px; position:absolute; left:38%; } .title_line { padding:2px 0; } .firstus { padding-top: 8px; display: block; } .title_line_span .spanfont { border-radius:20px; background:#e20001; padding:0px; overflow:hidden; font-size:16px; line-height:45px; font-weight:bold; color:#fff; text-align:center; margin:0 auto; padding:5px 10px; } .title_line_span .spanbig { font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:20px; margin:0 auto; } .title_line_span .spansmall { font-size:12px; color:#fff; text-align:center; margin:0 auto; line-height:15px; } .title_line_span .spanabout { border-radius:40px; padding:0px; overflow:hidden; font-size:18px; line-height:40px; font-weight:bold; color:#e20001; text-align:center; margin:0 auto; padding:10px 10px; } .lunbo .titleteam { font-size:18px; background:#e20000; border-radius:20px 0 0 20px; padding:3px 20px; color:#fff; border:1px solid #e20000; } .lunbo .titlezhuanjia { font-size:18px; border-radius:0 20px 20px 0; padding:3px 10px; border:1px solid #e20000; color:#e20000; }.picScroll .prev { display: block; position: absolute; top: 10px; left: 130px; width: 46px; height: 70px; background: url(../img/slider-left-arrow.png) no-repeat; } .picScroll .next { display: block; position: absolute; top: 10px; right: 130px; width: 46px; height: 70px; background: url(../img/slider-right-arrow.png) no-repeat; left: auto; }.picScroll ul li img { width: 200px; height: 200px; display: block; margin: 0 auto; } .picScroll .img-title { color: #8f8f8f; font-size: 16px; font-weight:bold; height: 25px; line-height:25px; text-align:center; overflow: hidden; margin-top:5px; } .picScroll .img-job { color: #8f8f8f; font-size: 14px; height: 25px; line-height:25px; text-align:center; overflow: hidden; margin-top:5px; } .picScroll .img-line { width:50px; height: 15px; margin:0 auto; border-bottom:1px solid #8f8f8f; } .picScroll .img-text { color: #8f8f8f; font-size: 14px; padding: 10px 20px; height: 80px; overflow: hidden; } .pro_picScroll .prev { display: block; position: absolute; top: 30%; left: 130px; width: 46px; height: 70px; background: url(../img/slider-left-pro.png) no-repeat; } .pro_picScroll .next { display: block; position: absolute; top: 30%; right: 130px; width: 46px; height: 70px; background: url(../img/slider-right-pro.png) no-repeat; left: auto; }.pro_picScroll ul li{ width: 250px; height: 250px; } .pro_picScroll ul li img { width: 200px; height: 200px; display: block; margin: 0 auto; } .pro_picScroll .img-title { color: #8f8f8f; font-size: 16px; font-weight:bold; height: 25px; line-height:25px; text-align:center; overflow: hidden; margin-top:5px; } .pro_picScroll .img-text { color: #8f8f8f; font-size: 14px; padding: 10px 20px; height: 80px; line-height:40px; text-align:center; overflow: hidden; } .title_design{ width:175px; height:40px; margin:0 auto; } .firstlist { width:100%; float:left; background:url(../img/16519527455c17560a60788.jpg) no-repeat; background-size:100%; background-color:#ae0404; } .list_bg{ width:100%; } .list_bg ul{ width:98%; float:left; margin:0 auto; } .list_bg ul li{ float:left; width:20%; padding:0px 5px; } .list_bg_dl { width:99%; margin:0 auto; } .list_bg_dl dt { width:100%; float: left; font-size: 10px; line-height: 15px; padding: 5px 0px; } .list_bg_dl dt a { float: left; border-radius:10px; width: 100%; height: 15px; line-height: 15px; text-align:center; color: #a1222b; overflow: hidden; background:rgba(255, 255, 255, 0.6); margin:0 auto; } .list_bg_dl dt:hover a{ background:#fff; color:#e20000; border-radius:10px; } .list_bg_dl dt .firsta { background:rgba(255, 255, 255, 1); } .list_bg_dl dt:hover{ border-top:3px solid #fdd27c; } .list_bg_dl dt .seconda { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.92); } .list_bg_dl dt .thirda { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.85); } .list_bg_dl dt .fortha { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.75); } .list_bg_dl dt .othera { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.6); } .firend_title{ float:left; width:100%; height:45px; margin:10px 0px; overflow:hidden; } .firend_title ul{ width:100%; margin:0 auto; } .firend_title ul li{ float:left; height:40px; width:25%; padding:5px 5px; font-size:8px; } .firend_title ul li .f_title{ width:95%; float:left; height:30px; text-align:center; } .firend_title ul li .f_title .p1{ font-size:14px; height:15px; line-height:15px; color:#e20000; } .firend_title ul li .f_title .p2{ font-size:8px; height:10px; line-height:10px; } .firend_title ul li a { float: left; border-radius:20px; width: 100%; height: 30px; line-height: 30px; text-align:center; overflow: hidden; margin:0 auto; border:2px solid #e20000; } .firend_title ul li:hover a{ background:#e20000; color:#fff; border-radius:20px; }.show .worklist .title{ display: block; position: absolute; top: 15%; color: #FFFFFF; width: 100%; text-align: center; display: none; } .show .worklist .title .title_1{ font-size:14px; font-weight:bold; line-height:25px; } .show .worklist .title .detali{ display:none; } .show .worklist .title .title_2{ font-size:14px; font-weight:bold; line-height:25px; } .show .worklist .title_cion{ display: block; position:absolute; bottom:5%; color:#fff; width:100%; text-align:right; font-size:20px; display: none; } .show .worklist .product_title{ display: block; position: absolute; top: 35%; color: #fff; width: 100%; text-align: center; background: rgba(191,199,196,0.6); padding:5px 0; } .show .worklist .product_title .fontc{ text-decoration:underline; font-size:14px; } .show .worklist .product_title .fonte{ font-size:6px; } .footer .fulldiv{ padding:20px 20px; } .footer .line_1{ font-size:16px; text-align:left; line-height:30px; } .footer .line_2{ font-size:12px; text-align:left; line-height:30px; } .footer .line_3{ font-size:12px; text-align:left; line-height:20px; } .footer .line_4{ font-size:12px; text-align:left; line-height:20px; padding-bottom:20px; } .footer img{ width:100px; } .footer .line_img{ float:left; margin:0px 50px; } .footer .line_img .imgspan{ font-size:12px; line-height:15px; } .footer .copyright{ font-size:12px; text-align:center; line-height:40px; padding-top:30px; margin:0 auto; } .thenews .thenewslist .row img{ height:200px; } .title_border_line { height:18px; border-bottom:2px solid #727272; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { min-height: 250px; } .left_arrow, .right_arrow { /*top: 50%;*/ top:100px; } .carousel-control.right { right: 10px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { /*background-color: rgba(255, 255, 255, 0.9);*/ } .navbar-nav { margin: 0; } .navbar-nav>li>a { line-height: 20px; } .navbar-default .navbar-nav>li.lang { margin-left: 0px; } .lunbo{ padding: 30px 0; } .lunbo .title { margin: 0px auto; padding-bottom: 0px; font-size: 18px; } .pro_lunbo{ padding: 30px 0; } .pro_lunbo .title { margin: 0px auto; padding-bottom: 0px; font-size: 16px; } .aboutUs .title, .believe .title, .wedo .title { font-size: 30px; } .picScroll { margin: 30px auto; } .picScroll .prev { left: 13px; } .picScroll .next { right: 13px; } .picScroll ul li { margin: 10px 10px 0 0; } .pro_picScroll { margin: 30px auto; } .pro_picScroll .prev { left: 13px; } .pro_picScroll .next { right: 13px; } .pro_picScroll ul li { margin: 0 10px 0 0; } .lunbo .more { margin-bottom: 10px; font-size: 16px; font-weight: bold; width: 300px; height: 40px; color: #727272; margin: 0 auto; text-align: center; line-height: 40px; margin-top: 20px; } .lunbo .more span { font-size: 20px; } .aboutUs { padding: 20px 0 30px 0; } .aboutUs .text{ padding: 0 20px; line-height: 35px; } .aboutUs div.row>div>div { width: 135px; height: 135px; } .aboutUs div.row h3 { margin-top: 30px; } .aboutUs .col-xs-6 { margin-bottom: 20px; padding: 0; } .partnerList ul li { padding: 10px; width: 50%; } .partnerList img { width: 90%; } .wedo { padding: 30px 0; } .wedo .text { padding: 0 20px; line-height: 35px; } .wedo .text-list ul li { width: 50%; padding-left: 40px; margin-bottom: 20px; } .wedo .text-list.en_text-list ul li{ width: 100%; } .wedo .text-list { margin: 30px 0 0 0; } .footer img { margin-top: 0; margin-bottom: 10px; } .show{ margin-top: 20px; } .show>.title{ font-size: 30px; } .recruitlist .row .text{ margin: 50px 10px 0 20px; } .recruit .tishi{ width:100%; } .slideGroup ul li .text{ margin: 50px 10px 0 20px; } .slideGroup ul li .tishi{ width:100%; } .map .dingwei{ position: absolute; z-index: 1; margin-left: 81%; margin-top: -34.2%; cursor: pointer; } .map .dingwei>img{ width: 10px; height: 10px; } .map .addr-name{ /*display: block;*/ margin-left: 67.3%; margin-top: -39.5%; width: 121px; height: 30px; line-height: 25px; font-size: 12px; } .map .en_addr-name{ width: 180px; margin-left: 53%; } .map .dingwei1{ margin-left: 80.5%; margin-top: -31.2%; width: 10px; height: 20px; /*border: 1px solid #A94442;*/ } .map .dingwei2{ margin-left: 75.6%; margin-top: -26.3%; width: 10px; height: 20px; /*border: 1px solid #A94442;*/ } .map .addr-name1{ /*display: block;*/ margin-left: 65%; margin-top: -39.5%; width: 140px; height: 35px; line-height: 28px; font-size: 13px; } .map .addr-name2{ /*display: block;*/ margin-left: 60.5%; margin-top: -34.5%; width: 135px; height: 35px; line-height: 28px; font-size: 13px; } .map .en_addr-name1{ /*display: block;*/ margin-left: 58%; margin-top: -39.5%; width: 180px; height: 35px; line-height: 28px; font-size: 13px; } .map .en_addr-name2{ /*display: block;*/ margin-left: 55%; margin-top: -34.5%; width: 180px; height: 35px; line-height: 28px; font-size: 13px; } .banner{ /*height: 400px;*/ } .aboutUs div.row>div>div{ font-size: 20px; } .en_contractlist{ font-size: 16px; } .en_contractlist .imgDiv { margin-right: 0; } .recruit { padding: 20px 0; } .recruit .title{ text-align: center; color: #262b2e; font-size: 18px; margin: 0px auto; padding-bottom: 10px; } .recruitlist .row .name{ margin: 20px auto; text-align: center; } .recruitlist .row .name span{ display: block; } .recruitlist .row .name .que{ font-size:16px; font-weight:bold; text-align:center; line-height:30px; } .recruitlist .row .name .num{ margin-top: 20px; font-size: 16px; } .recruitlist .row .name .num img{ height:66px; } .recruitlist .row .name .zbg{ background: url(../img/2068520825c0f249fab16c.jpg) no-repeat; height:203px; width:240px; margin:10px auto; } .recruitlist .row .name .ztitle{ position:relative; top:40%; font-size:16px; text-align:center; color:#fff; } .recruitlist .row img{ display: block; margin: 10px auto; } .recruitlist .row .text{ margin: 30px 0px 0 35px; } .recruitlist .row .text span{ display: block; margin: 10px 0; text-align: left; color:#999999; font-size: 16px; } .recruitlist .row .text .yaoqiu{ font-size: 14px; color: #333333; } .recruit .tishi{ text-align: center; color: #CF0F32; margin: 40px auto; width:300px; font-size: 14px; padding: 0 20px; } .slideGroup { padding: 20px 0px; text-align: left; } .slideGroup .slideBox { overflow: hidden; zoom: 1; padding: 10px 50px; position: relative; } .slideGroup ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; width:250px;} .slideGroup ul li .title{ text-align: center; color: #262b2e; font-size: 18px; margin: 0px auto; padding-bottom: 10px; } .slideGroup ul li .name{ margin: 20px auto; text-align: center; } .slideGroup ul li.name span{ display: block; } .slideGroup ul li .name .que{ font-size:16px; font-weight:bold; text-align:center; line-height:30px; } .slideGroup ul li .name .num{ margin-top: 20px; font-size: 16px; } .slideGroup ul li.name .num img{ height:66px; } .slideGroup ul li .name .zbg{ background: url(../img/2068520825c0f249fab16c.jpg) no-repeat; height:203px; width:240px; margin:10px auto; } .slideGroup ul li.name .ztitle{ position:relative; top:40%; font-size:16px; text-align:center; color:#fff; } .slideGroup ul li img{ display: block; margin: 10px auto; } .slideGroup ul li.text{ margin: 30px 0px 0 35px; } .slideGroup ul li.text span{ display: block; margin: 10px 0; text-align: left; color:#999999; font-size: 16px; } .slideGroup ul li .text .yaoqiu{ font-size: 14px; color: #333333; } .slideGroup ul li.tishi{ text-align: center; color: #CF0F32; margin: 40px auto; width:300px; font-size: 14px; padding: 0 20px; } .pro_title .divicon{ height:20px; width:20px; background:#e20001; border-radius: 50%; margin:0 auto; color:#fff; line-height:20px; text-align:center; font-size:12px; } .pro_title>.col-xs-6, .pro_title>.col-sm-6,.pro_title >.col-md-6{ padding:0 3px; }.pro_title{ padding:10px 0px; } .pro_title .title_img{ margin-top:0px; height:20px; } .pro_title span{ font-size:12px; line-height:13px; text-align:center; font-weight:bold; } .pro_title p{ font-size:10px; line-height:12px; text-align:left; margin:0px 0px; } .pro_title .max_p{ max-height:110px; overflow:hidden; } /*企业新闻列表*/ .news>.title{ text-align: center; color: #262b2e; font-size: 18px; margin: 0px auto; padding-bottom: 20px; } .news .newslist{ padding: 10px; } .news .newslist .row>.col-xs-6, .news .newslist .row>.col-sm-4,.news .newslist .row>.col-md-3{ padding:0 6px; } .news .newslist .row img{ width: 100%; } .news .newslist .bg{ width: 96%; height: 100%; background: rgba(236,49,49,0.8); position: absolute; top:0; display: none; } .news .newslist .title{ display: block; position: absolute; width:100%; top: 10%; color: #fff; text-align: center; display: none; } .news .newslist .title .title_1{ width: 90%; height:35px; line-height:35px; font-size:16px; background: rgba(167,67,67,0.8); font-weight:bold; margin:0 auto; } .news .newslist .title .detali{ font-size:12px; text-align:left; margin:0 10px; height:100px; overflow:hidden; } .news .newslist .news_title{ height:35px; line-height:35px; background:#fff; text-align:center; font-size:16px; color:#e20001; box-shadow: darkgrey 0px 0px 30px 5px; } .news .newslist .title_cion{ display: block; position:absolute; top:-20%; color:#e20001; width:100%; text-align:center; font-size:35px; display: none; } /*企业新闻详细页*/ .newsdetail{ padding:20px; } .newsdetail_btitle{ font-size:20px; line-height:30px;} .newsdetail_ltitle{ font-size:16px; line-height:25px;} .newsdetail_time{ font-size:14px; line-height:25px;} .newsdetail_content{ font-size:12px; line-height:15px; padding:20px; } .newsdetail_content p{ padding:20px 20px; } .innovatorswiper .swiper-container { height:100px; } .innovatorswiper .swiper-pagination { position: relative; margin-bottom: 20px; } .innovatorswiper .swiper-pagination-bullet-active { opacity: 1; background: rgba(0,0,0,.8); } .innovatorswiper .swiper-button-next,.innovatorswiper .swiper-button-prev { top: 60%; width: 30px; height: 30px; } .swiper-button-next, .swiper-button-prev{ top: 60%; width: 45px; height:45px; }.viewmore{ width:90px; border-radius: 30px; background: #e20001; overflow: hidden; font-size: 15px; font-weight: bold; color: #fff; text-align: center; margin: 0 auto; padding: 5px ; } /*产品一级页*/ .product .prodictlist .row>.col-xs-4, .product .prodictlist .row>.col-sm-4,.product .prodictlist.row>.col-md-4{ padding: 5px; } .product .prodictlist .row img{ width: 96%; } .product .prodictlist .product_title{ width: 100%; text-align: center; padding:5px 0; color:#fff; } .product_bg{ background:url(../img/1792496435c19d4bd5b38a.jpg) repeat-x; } .product .prodictlist .product_title .fontc{ text-decoration:underline; font-size:14px; color:#333333; } .product .prodictlist .product_title .fonte{ font-size:8px; color:#333333; } .product .prodictlist .product_title .fontc_1{ font-size:14px; color:#333333; text-decoration:underline; } .product .prodictlist .product_title .fonte_1{ font-size:8px; color:#333333; } .product .prodictlist .secondmargin{ margin-top:50px; } /*产品一级页*/ .product_1 img{ width: 96%; } .product_1 .product_title{ width: 100%; text-align: center; padding:5px 0; } .product_1 .product_title .fontc{ text-decoration:underline; font-size:14px; } .product_1 .product_title .fonte{ font-size:8px; } /*产品一级页*/ .product_2 img{ float:left; width: 50%; /*padding:10px 0px;*/ } .product_2 .product_title{ float:left; width: 50%; text-align: center; padding:5px 0; } .product_2 .product_title .fontc{ font-size:14px; color:#333333; } .product_2 .product_title .fonte{ font-size:6px; color:#333333; display:none; /*height:20px; overflow:hidden;*/ } /*产品一级页*/ .product_3bg{ background:url(../img/9448834325c19ea1823d9c.jpg) repeat-x; } .product_3 img{ float:left; width: 100%; } .product_3 .product_title{ float:left; width: 100%; text-align: center; padding:5px 0; } .product_3 .product_title .fontc{ font-size:14px; color:#333333; } .product_3 .product_title .fonte{ font-size:8px; color:#333333; } .product_3margin{ margin-top:30px; } .product_ftop{ height:38px; }.product_ftitle{ padding:10px 15px; } .product_ftitle p{ font-size:18px; text-align:left; line-height:30px; letter-spacing:3px; } .product_ftitle .ffont{ font-size:30px; color:#e20001; font-weight:bold; } .onlinemessage ul li{ margin-top:3px; } .onlinemessage ul li textarea{ height:50px; font-size:12px; border:1px solid #777777; } .onlinemessage ul li input{ height:25px; border-bottom:1px solid #777777; font-size:12px; } .onlinemessage ul li .inputsubmit{ width: 100px; border:1px solid #777777; line-height:25px; font-size:12px; }.onlinemessage .bgimg{ display:none; } .onlinemessage .bgimg_1{ display:block; } .innov_title p{ margin:1px; } .innov_title .innov_p{ margin-top: 20px; padding: 0px 0px 0px 5px; font-size:12px; line-height:20px; } .innov_title .pjoinus{ font-size:20px; line-height:30px; height:30px; } .innov_title>.col-xs-5, .innov_title>.col-sm-5,.innov_title >.col-md-5{ padding: 1px; } .innov_title>.col-xs-7, .innov_title>.col-sm-7,.innov_title >.col-md-7{ padding: 1px; } /*新闻列表页*/ .thenews_line { padding-top:8px; } .thenews_line .row>.col-xs-1, .thenews_line .row>.col-sm-2,.thenews_line .row>.col-md-1{ padding: 3px; } .thenews_line .row>.col-xs-11, .thenews_line .row>.col-sm-10,.thenews_line .row>.col-md-11{ padding: 3px; } .thenews_line .row>.col-xs-4, .thenews_line .row>.col-sm-3,.thenews_line .row>.col-md-1{ padding: 3px; } .thenews_line .thenews_classify{ font-size: 14px; padding: 1px; } .thenews_line a{ font-size:12px; } .thenews_line a:hover{ border-radius: 8px; padding:3px; } .thenews .thenewslist .row>.col-xs-6, .thenews .thenewslist .row>.col-sm-4,.thenews .thenewslist .row>.col-md-3{ padding: 2px; } .thenews .thenewslist .thenews_title{ padding:5px 0; } .thenews .thenewslist .thenews_title .fontc{ font-size:14px; height:40px; } .thenews .thenewslist .thenews_title .fonte{ font-size:12px; } /*加入我们*/ .joinus_line{ padding:10px 0px; }.joinus_line .imgtitle{ width:50px; } .joinus_line .row .pprogram{ padding:0px; background:#fafafa; font-size:16px; font-weight:bold; line-height:20px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinfor{ padding-top:0px; font-size:14px; line-height:15px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinfor span{ border-bottom:2px solid #e20001; } .joinus_line .row .pjobinfor .jobrotate{ border-left:2px solid #fff; } .joinus_line .row .pjobinforeng{ padding:0px; font-size:12px; line-height:15px; text-align:center; color:#878787; } .joinus_line .row .pgangweiforeng{ font-size:12px; line-height:15px; text-align:center; } .joinus_line .row .pspace{ margin-top:10px; } .joinus_line .row .pjobrequire span{ float:left; width:50%; font-size:14px; line-height:18px; } .joinus_line .row .zhizeinfor{ padding-top:1px; font-size:16px; line-height:20px; text-align:left; letter-spacing:2px; } .joinus_line .row .zhizeinfor span{ border-left:2px solid #fff; } .joinus_line .row .zhizeforeng{ font-size:12px; line-height:14px; text-align:left; } .joinus_line .row .jobzhize p{ color:#fff; font-size:12px; line-height:15px; text-align:left; margin:0px; } .joinus_line .row .yaoqiuinfor{ padding-top:1px; font-size:16px; line-height:25px; text-align:left; letter-spacing:2px; margin:0px; } .joinus_line .row .yaoqiuinfor span{ border-left:2px solid #e20001; } .joinus_line .row .yaoqiuforeng{ font-size:12px; line-height:15px; text-align:left; } .joinus_line .row .jobyaoqiu p{ font-size:12px; line-height:15px; text-align:left; margin:0px; } .joinus_line .row .col-xs-6{ padding: 2px; } .joinus_line .row .col-xs-6>.col-xs-12{ padding: 2px; } /*公司成员介绍*/ .intro_line{ padding:10px 0px; }.intro_line .paddingtop{ padding-top:10px; } .intro_line .intro_bg2{ background:url(../img/5140216875c249770ba73d.jpg) repeat-x; } .intro_line .intro_bg2 .intro_senbg2{ background:#fff; width:90%; margin-left:2%; margin-bottom:2%; } .intro_line .intro_bg2 .intro_senbg2 img{ padding:0px 0px 10px 10px; width:100%; } .intro_line .intro_header{ border-left:3px solid #e20001; padding:2px 0px; } .intro_line .intro_header p{ font-size:18px; line-height:20px; margin:0 0 0 2px; } .intro_line .intro_content{ padding:10px 0 10px 0; } .intro_line .intro_content p{ font-size:14px; line-height:20px; margin:0 0 0 3px; } .intro_line .intro_content span{ border-radius: 9px; padding: 0px 5px; font-size: 8px; } /*服务内容*/ .servicekeji .row>.col-xs-3,.servicekeji .row>.col-xs-9,.servicekeji .row>.col-xs-6,.servicekeji .row>.col-xs-7,.servicekeji .row>.col-xs-8,.servicekeji .row>.col-xs-4,.servicekeji .row>.col-xs-5{ padding: 1px; } .servicekeji_h { padding:10px 0;} .servicekeji .sev_1,.servicekeji .sev_2,.servicekeji .sev_4{ display:none; width:100%; } .servicekeji .sev_1_1,.servicekeji .sev_2_1,.servicekeji .sev_4_1{ display:block; width:100%; } .servicekeji .servicenum{ padding:20px 0 3px 1px; } /*.servicekeji .servicenum img { width: 80%; }*/ .servicekeji .service_title{ padding:5px 0 5px 0; } .servicekeji .service_title_1{ padding:20px 0 5px 0; } .servicekeji .service_title_3{ padding:1px 0 5px 0; } .servicekeji .service_title .cored0,.servicekeji .service_title_1 .cored0{ color:#ed0000; } .servicekeji .service_title .fontc_1 ,.servicekeji .service_title_1 .fontc_1 { font-size: 16px; line-height:20px; } .servicekeji .service_title .fontc_2,.servicekeji .service_title_1 .fontc_2 { font-size: 12px; display:none; } .servicekeji .service_title_3 .fontc_1 { font-size: 14px; } .servicekeji .service_title_3 .fontc_2 { font-size: 12px; display:none; } .servicekeji .service_list ul li{ padding:0px 1px; font-size:14px; line-height:25px; } .servicekeji .service_list_2 ul li{ float:left; width:50%; padding:5px 2px; font-size:14px; line-height:15px; } .servicekeji .service_list_2 ul li .liser_2{ padding:10px 0; } .servicekeji .service_list_2 ul li .liser_2 img{ width:70%; } .servicekeji .service_list_2 ul li .liser_2 .fontc_1{ font-size: 12px; } .servicekeji .service_list_2 ul li .liser_2 .fontc_2 { font-size: 12px; display:none; } .service_list_3_title{ font-size:14px; font-weight:bold; line-height:20px; margin-top:10px; } .servicekeji .service_list_3 ul li{ float:left; width:33.33%; padding:10px 1px; font-size:12px; line-height:15px; } .servicekeji .service_list_3 ul li .liser_3{ padding: 1px 5px 1px 10px; } .servicekeji .service_list_3 ul li .fontc_1{ font-size: 12px; } .servicekeji .service_list_3 ul li .fontc_2 { font-size: 12px; display:none; } .servicekeji .service_list_4 ul li{ /*padding:5px 1px;*/ font-size:14px; line-height:12px; padding-left:1px; } .servicekeji .service_list_4 ul li span{ font-size:6px; border-radius:50%; padding:0 6px; } .servicekeji .paddingtop{ padding-top:80px; } .servicekeji .paddingtop_5{ padding-top:20px; } .servicekeji .padding{ padding:10px; } .service4_pdding .ser4font{ margin-top:50px; width:50px; font-size:16px; padding:10px; } .servicekeji .service_title_5{ padding:2px 0 5px 0; } .servicekeji .service_title_5 .fontc_1 { font-size: 12px; } .servicekeji .service_title_5 .fontc_2 { font-size: 12px; display:none; } .servicekeji .service_list_5 ul{ padding:1px 0px; } .servicekeji .service_list_5 ul li{ padding:2px 1px; font-size:14px; line-height:15px; padding-left:10px; } .servicekeji_h .title { font-size:18px; padding:20px; } .servicekeji_h .img-title { width: 70%; font-size: 14px; height: 20px; line-height: 20px; margin-top: 5px; border-bottom: 2px solid #D10C53; } .servicekeji_h .img-text { font-size: 12px; padding: 10px 0px; height: 60px; overflow: hidden; } .servicekeji .paddingtop_5bgcolor{ background:#999999; padding:2px 2px !important;; } } /*平板*/ @media (min-width:768px) and (max-width: 992px) { body { overflow-x: hidden; } .nav>li>a{padding: 10px 6px;} .swiper-container { width: 100%; height: 390px; } .magintop50{ margin-top:30px !important; } .magintop420{ margin-top:280px !important; } .aboutUs div.row>div>div { width: 165px; height: 165px; } .aboutUs div.row h3 { margin-top: 40px; } .aboutUs .text{ padding:0 20px; } .wedo .text-list ul li{ margin-bottom: 20px; width: 33%; padding-left: 80px; } .wedo .text-list.en_text-list ul li{ width: 45%; } .recruitlist .row .text{ margin: 50px 10px 0 20px; } .recruit .tishi{ width:100%; } .map .dingwei{ position: absolute; z-index: 1; margin-left: 81%; margin-top: -32%; cursor: pointer; } .map .dingwei>img{ width: 15px; height: 15px; } .map .addr-name{ /*display: block;*/ margin-left: 73.4%; margin-top: -35%; width: 131px; height: 30px; line-height: 25px; font-size: 12px; } .map .en_addr-name{ width: 180px; margin-left: 70%; } .map .dingwei1{ margin-left: 80.5%; margin-top: -31.2%; width: 20px; height: 30px; /*border: 1px solid #A94442;*/ } .map .dingwei2{ margin-left: 75.6%; margin-top: -26.3%; width: 20px; height: 30px; /*border: 1px solid #A94442;*/ } .map .addr-name1{ /*display: block;*/ margin-left: 72.5%; margin-top: -36%; width: 140px; height: 35px; line-height: 28px; font-size: 13px; } .map .addr-name2{ /*display: block;*/ margin-left: 68%; margin-top: -31%; width: 135px; height: 35px; line-height: 28px; font-size: 13px; } .map .en_addr-name1{ /*display: block;*/ margin-left: 70.5%; margin-top: -36%; width: 180px; } .map .en_addr-name2{ /*display: block;*/ margin-left: 64%; margin-top: -31%; width: 200px; } .navbar-default .navbar-nav>li>a { color: #fff; padding:5px; } .firstlist { width:100%; float:left; background:url(../img/16519527455c17560a60788.jpg) no-repeat; background-color:#ae0404; } .list_bg{ width:100%; } .list_bg ul{ width:98%; float:left; margin:0 auto; } .list_bg ul li{ float:left; width:20%; padding:0px 5px; } .list_bg_dl { width:99%; margin:0 auto; } .list_bg_dl dt { width:100%; float: left; font-size: 12px; line-height: 15px; padding: 5px 15px; } .list_bg_dl dt a { float: left; border-radius:10px; width: 100%; height: 20px; line-height: 20px; text-align:center; color: #a1222b; overflow: hidden; background:rgba(255, 255, 255, 0.6); margin:0 auto; } .list_bg_dl dt:hover a{ background:#fff; color:#e20000; border-radius:10px; } .list_bg_dl dt .firsta { background:rgba(255, 255, 255, 1); } .list_bg_dl dt:hover{ border-top:3px solid #fdd27c; } .list_bg_dl dt .seconda { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.92); } .list_bg_dl dt .thirda { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.85); } .list_bg_dl dt .fortha { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.75); } .list_bg_dl dt .othera { width:100%; margin-left:0px; background:rgba(255, 255, 255, 0.6); } .show .worklist .title .title_1{ font-size:14px; font-weight:bold; line-height:25px; } .show .worklist .title .detali{ display:none; } .show .worklist .title .title_2{ font-size:16px; font-weight:bold; line-height:30px; } .show .worklist .product_title{ display: block; position: absolute; top: 15%; color: #fff; width: 100%; text-align: center; background: rgba(191,199,196,0.6); padding:15px 0; } .show .worklist .product_title .fontc{ font-size:16px; } .show .worklist .product_title .fonte{ font-size:14px; } .firend_title{ float:left; width:100%; height:45px; margin:10px 0px; overflow:hidden; } .firend_title ul{ width:100%; margin:0 auto; } .firend_title ul li{ float:left; height:40px; width:25%; padding:5px 5px; font-size:10px; } .firend_title ul li .f_title{ width:95%; float:left; height:30px; text-align:center; } .firend_title ul li .f_title .p1{ font-size:16px; height:15px; line-height:15px; color:#e20000; } .firend_title ul li .f_title .p2{ font-size:12px; height:10px; line-height:10px; } .firend_title ul li a { float: left; border-radius:20px; width: 100%; height: 30px; line-height: 30px; text-align:center; overflow: hidden; margin:0 auto; border:2px solid #e20000; } .firend_title ul li:hover a{ background:#e20000; color:#fff; border-radius:20px; } .onlinemessage ul li{ margin-top:10px; } .onlinemessage ul li textarea{ height:100px; border:1px solid #777777; } .onlinemessage ul li input{ height:35px; border-bottom:1px solid #777777; } .onlinemessage ul li .inputsubmit{ width: 150px; border:1px solid #777777; line-height:35px; } .innov_title p{ margin:10px; } .innov_title .innov_p{ margin-top: 70px; padding: 0px 0px 0px 35px; font-size:18px; line-height:30px; } .innov_title .pjoinus{ font-size:40px; line-height:60px; height:60px; } /*新闻列表页*/ .thenews_line { padding-top:8px; } .thenews_line .row>.col-xs-1, .thenews_line .row>.col-sm-2,.thenews_line .row>.col-md-1{ padding: 5px; } .thenews_line .row>.col-xs-11, .thenews_line .row>.col-sm-10,.thenews_line .row>.col-md-11{ padding: 5px; } .thenews_line .row>.col-xs-4, .thenews_line .row>.col-sm-3,.thenews_line .row>.col-md-1{ padding:5px; } .thenews_line .thenews_classify{ font-size: 18px; padding: 2px; } .thenews_line a{ font-size:14px; } .thenews_line a:hover{ border-radius: 10px; padding:3px; } .thenews .thenewslist .row>.col-xs-6, .thenews .thenewslist .row>.col-sm-4,.thenews .thenewslist .row>.col-md-3{ padding: 5px; } .thenews .thenewslist .thenews_title{ padding:10px 0; } .thenews .thenewslist .thenews_title .fontc{ font-size:16px; } .thenews .thenewslist .thenews_title .fonte{ font-size:14px; } .thenews .thenewslist .row img{ height:227px; } /*企业新闻详细页*/ .newsdetail{ padding:20px 100px; } .newsdetail_btitle{ font-size:23px; line-height:35px;} .newsdetail_ltitle{ font-size:20px; line-height:30px;} .newsdetail_time{ font-size:18px; line-height:25px;} .newsdetail_content{ font-size:14px; line-height:20px; padding:20px 100px; } .newsdetail_content p{ padding:20px 30px; } /*加入我们*/ .joinus_line{ padding:10px 0px; }.joinus_line .imgtitle{ width:80px; } .joinus_line .row .pprogram{ padding:0px; background:#fafafa; font-size:18px; font-weight:bold; line-height:25px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinfor{ padding-top:0px; font-size:16px; line-height:20px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinfor span{ border-bottom:2px solid #e20001; } .joinus_line .row .pjobinfor .jobrotate{ border-left:2px solid #fff; } .joinus_line .row .pjobinforeng{ padding:0px; font-size:14px; line-height:20px; text-align:center; color:#878787; } .joinus_line .row .pgangweiforeng{ font-size:14px; line-height:20px; text-align:center; } .joinus_line .row .pspace{ margin-top:10px; } .joinus_line .row .pjobrequire span{ float:left; width:50%; font-size:16px; line-height:20px; } .joinus_line .row .zhizeinfor{ padding-top:5px; font-size:18px; line-height:25px; text-align:left; letter-spacing:2px; } .joinus_line .row .zhizeinfor span{ border-left:2px solid #fff; } .joinus_line .row .zhizeforeng{ font-size:14px; line-height:20px; text-align:left; } .joinus_line .row .jobzhize p{ color:#fff; font-size:14px; line-height:20px; text-align:left; margin:0px; } .joinus_line .row .yaoqiuinfor{ padding-top:5px; font-size:20px; line-height:30px; text-align:left; letter-spacing:2px; margin:0px; } .joinus_line .row .yaoqiuinfor span{ border-left:2px solid #e20001; } .joinus_line .row .yaoqiuforeng{ font-size:14px; line-height:20px; text-align:left; } .joinus_line .row .jobyaoqiu p{ font-size:14px; line-height:20px; text-align:left; margin:0px; } .joinus_line .row .col-xs-6{ padding: 5px; } .joinus_line .row .col-xs-6>.col-xs-12{ padding: 5px; } /*公司成员介绍*/ .intro_line .paddingtop{ padding-top:50px; } /*服务内容*/ .servicekeji .row>.col-xs-3,.servicekeji .row>.col-xs-9,.servicekeji .row>.col-xs-6,.servicekeji .row>.col-xs-7,.servicekeji .row>.col-xs-8,.servicekeji .row>.col-xs-4,.servicekeji .row>.col-xs-5{ padding: 5px; } .servicekeji_h { padding:10px 0;} .servicekeji .sev_1,.servicekeji .sev_2,.servicekeji .sev_4{ display:none; width:100%; } .servicekeji .sev_1_1,.servicekeji .sev_2_1,.servicekeji .sev_4_1{ display:block; width:100%; } .servicekeji .servicenum{ padding:10px 0 15px 1px; } /*.servicekeji .servicenum img { width: 80%; }*/ .servicekeji .service_title{ padding:5px 0 5px 0; } .servicekeji .service_title_1{ padding:20px 0 5px 0; } .servicekeji .service_title_3{ padding:1px 0 5px 0; } .servicekeji .service_title .cored0,.servicekeji .service_title_1 .cored0{ color:#ed0000; } .servicekeji .service_title .fontc_1 ,.servicekeji .service_title_1 .fontc_1 { font-size: 18px; } .servicekeji .service_title .fontc_2,.servicekeji .service_title_1 .fontc_2 { font-size: 12px; } .servicekeji .service_title_3 .fontc_1 { font-size: 18px; } .servicekeji .service_title_3 .fontc_2 { font-size: 12px; } .servicekeji .service_list ul li{ padding:0px 1px; font-size:16px; line-height:30px; } .servicekeji .service_list_2 ul li{ float:left; width:50%; padding:5px 2px; font-size:14px; line-height:15px; } .servicekeji .service_list_2 ul li .liser_2{ padding:10px 0; } .servicekeji .service_list_2 ul li .liser_2 img{ width:70%; } .servicekeji .service_list_2 ul li .liser_2 .fontc_1{ font-size: 14px; } .servicekeji .service_list_2 ul li .liser_2 .fontc_2 { font-size: 12px; } .service_list_3_title{ text-align:left; font-size:12px; font-weight:bold; line-height:20px; margin-top:10px; } .servicekeji .service_list_3 ul li{ float:left; width:33.33%; padding:10px 1px; font-size:12px; line-height:15px; } .servicekeji .service_list_3 ul li .liser_3{ padding: 1px 5px 1px 10px; } .servicekeji .service_list_3 ul li .fontc_1{ font-size: 14px; } .servicekeji .service_list_3 ul li .fontc_2 { font-size: 12px; display:none; } .servicekeji .service_list_4 ul li{ padding:5px 1px; font-size:16px; line-height:25px; padding-left:1px; } .servicekeji .service_list_4 ul li span{ font-size:6px; border-radius:50%; padding:0 6px; } .servicekeji .paddingtop{ padding-top:80px; } .service4_pdding .ser4font{ margin-top:150px; width:70px; font-size:20px; padding:20px; } .servicekeji .paddingtop_5{ padding-top:20px; } .servicekeji .padding{ padding:10px; } .servicekeji .service_title_5{ padding:2px 0 5px 0; } .servicekeji .service_title_5 .fontc_1 { font-size: 18px; } .servicekeji .service_title_5 .fontc_2 { font-size: 12px; } .servicekeji .service_list_5 ul{ padding:1px 0px; } .servicekeji .service_list_5 ul li{ padding:2px 1px; font-size:14px; line-height:15px; padding-left:10px; } .servicekeji_h .title { font-size:18px; padding:20px; } .servicekeji_h .img-title { width: 70%; font-size: 16px; height: 25px; line-height: 25px; margin-top: 5px; border-bottom: 2px solid #D10C53; } .servicekeji_h .img-text { font-size: 12px; padding: 10px 0px; height: 60px; overflow: hidden; } } @media (min-width:1200px) and (max-width: 1800px) { .onlinemessage ul li textarea{ height:200px; border:1px solid #777777; } .onlinemessage ul li input{ height:40px; border-bottom:1px solid #777777; } .onlinemessage ul li .inputsubmit{ width: 150px; border:1px solid #777777; line-height:40px; } .magintop50{ margin-top:40px !important; } .magintop420{ margin-top:320px !important; } .innov_title .innov_p{ margin-top: 120px; padding: 5px 0px 0px 45px; font-size:25px; } .innov_title .pjoinus{ font-size:50px;}.thenews .thenewslist .thenews_title .fontc{ font-size:18px; } .thenews .thenewslist .thenews_title .fonte{ font-size:16px; } /*加入我们*/ .joinus_line{ padding:10px 0px; }.joinus_line .imgtitle{ width:100px; } .joinus_line .row .pprogram{ padding:0px; background:#fafafa; font-size:30px; font-weight:bold; line-height:35px; } .joinus_line .row .pjobinfor{ padding-top:5px; font-size:25px; line-height:25px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinforeng{ padding:2px; font-size:16px; line-height:25px; text-align:center; color:#878787; } .joinus_line .row .pgangweiforeng{ font-size:16px; line-height:25px; text-align:center; } .joinus_line .row .pspace{ margin-top:80px; } .joinus_line .row .pjobrequire span{ float:left; width:50%; font-size:20px; line-height:35px; } .joinus_line .row .zhizeinfor{ padding-top:30px; font-size:25px; line-height:30px; text-align:left; letter-spacing:2px; } .joinus_line .row .zhizeforeng{ font-size:18px; line-height:25px; text-align:left; } .joinus_line .row .jobzhize p{ color:#fff; font-size:18px; line-height:30px; text-align:left; margin:0px; } .joinus_line .row .yaoqiuinfor{ padding-top:30px; font-size:25px; line-height:35px; text-align:left; letter-spacing:3px; margin:0px; } .joinus_line .row .yaoqiuforeng{ font-size:18px; line-height:22px; text-align:left; } .joinus_line .row .jobyaoqiu p{ font-size:18px; line-height:30px; text-align:left; margin:0px; } /*公司成员介绍*/ .intro_line .paddingtop{ padding-top:150px; } .service4_pdding .ser4font{ margin-top:180px; width:70px; font-size:30px; padding:20px; } } @media (min-width:992px) and (max-width: 1200px) { .onlinemessage ul li textarea{ height:200px; border:1px solid #777777; } .onlinemessage ul li input{ height:40px; border-bottom:1px solid #777777; } .onlinemessage ul li .inputsubmit{ width: 150px; border:1px solid #777777; line-height:40px; } .magintop50{ margin-top:40px !important; } .magintop420{ margin-top:240px !important; } .innov_title .innov_p{ margin-top: 100px; padding: 5px 0px 0px 45px; font-size:20px; line-height:30px; } .innov_title .pjoinus{ font-size:40px;} .thenews .thenewslist .thenews_title .fontc{ font-size:18px; } .thenews .thenewslist .thenews_title .fonte{ font-size:16px; }/*企业新闻详细页*/ .newsdetail{ padding:20px 120px; } .newsdetail_btitle{ font-size:20px; line-height:35px;} .newsdetail_ltitle{ font-size:18px; line-height:30px;} .newsdetail_time{ font-size:16px; line-height:25px;} .newsdetail_content{ font-size:14px; line-height:20px; padding:20px 100px; }.newsdetail_content p{ padding:20px 50px; } .show .worklist .title .title_1{ font-size:14px; font-weight:bold; line-height:25px; } .show .worklist .title .detali{ display:none; } .show .worklist .title .title_2{ font-size:16px; font-weight:bold; line-height:30px; } .show .worklist .product_title{ display: block; position: absolute; top: 15%; color: #fff; width: 100%; text-align: center; background: rgba(191,199,196,0.6); padding:15px 0; } .show .worklist .product_title .fontc{ font-size:16px; } .show .worklist .product_title .fonte{ font-size:14px; } /*加入我们*/ .joinus_line{ padding:10px 0px; }.joinus_line .imgtitle{ width:100px; } .joinus_line .row .pprogram{ padding:0px; background:#fafafa; font-size:22px; font-weight:bold; line-height:30px; } .joinus_line .row .pjobinfor{ padding-top:5px; font-size:18px; line-height:25px; text-align:center; letter-spacing:2px; } .joinus_line .row .pjobinforeng{ padding:5px; font-size:16px; line-height:25px; text-align:center; color:#878787; } .joinus_line .row .pgangweiforeng{ font-size:16px; line-height:25px; text-align:center; } .joinus_line .row .pspace{ margin-top:20px; } .joinus_line .row .pjobrequire span{ float:left; width:50%; font-size:18px; line-height:25px; } .joinus_line .row .zhizeinfor{ padding-top:10px; font-size:20px; line-height:25px; text-align:left; letter-spacing:2px; } .joinus_line .row .zhizeforeng{ font-size:16px; line-height:25px; text-align:left; } .joinus_line .row .jobzhize p{ color:#fff; font-size:16px; line-height:25px; text-align:left; margin:0px; } .joinus_line .row .yaoqiuinfor{ padding-top:10px; font-size:25px; line-height:35px; text-align:left; letter-spacing:3px; margin:0px; } .joinus_line .row .yaoqiuforeng{ font-size:16px; line-height:22px; text-align:left; } .joinus_line .row .jobyaoqiu p{ font-size:16px; line-height:22px; text-align:left; margin:0px; } /*公司成员介绍*/ .intro_line .paddingtop{ padding-top:100px; } /*服务内容*/ .servicekeji .row>.col-xs-3,.servicekeji .row>.col-xs-9,.servicekeji .row>.col-xs-6,.servicekeji .row>.col-xs-7,.servicekeji .row>.col-xs-8,.servicekeji .row>.col-xs-4,.servicekeji .row>.col-xs-5{ padding: 5px; } .servicekeji_h { padding:10px 0;} .servicekeji .sev_1,.servicekeji .sev_2,.servicekeji .sev_4{ display:block; width:100%; } .servicekeji .sev_1_1,.servicekeji .sev_2_1,.servicekeji .sev_4_1{ display:none; width:100%; } .servicekeji .servicenum{ padding:10px 0 15px 1px; } /*.servicekeji .servicenum img { width: 80%; }*/ .servicekeji .service_title{ padding:5px 0 5px 0; } .servicekeji .service_title_1{ padding:20px 0 5px 0; } .servicekeji .service_title_3{ padding:1px 0 5px 0; } .servicekeji .service_title .cored0,.servicekeji .service_title_1 .cored0{ color:#ed0000; } .servicekeji .service_title .fontc_1 ,.servicekeji .service_title_1 .fontc_1 { font-size: 18px; } .servicekeji .service_title .fontc_2,.servicekeji .service_title_1 .fontc_2 { font-size: 12px; } .servicekeji .service_title_3 .fontc_1 { font-size: 18px; } .servicekeji .service_title_3 .fontc_2 { font-size: 12px; } .servicekeji .service_list ul li{ padding:0px 1px; font-size:16px; line-height:30px; } .servicekeji .service_list_2 ul li{ float:left; width:50%; padding:5px 2px; font-size:14px; line-height:15px; } .servicekeji .service_list_2 ul li .liser_2{ padding:10px 0; } .servicekeji .service_list_2 ul li .liser_2 img{ width:70%; } .servicekeji .service_list_2 ul li .liser_2 .fontc_1{ font-size: 14px; } .servicekeji .service_list_2 ul li .liser_2 .fontc_2 { font-size: 12px; } .service_list_3_title{ text-align:left; font-size:18px; font-weight:bold; line-height:35px; margin-top:10px; } .servicekeji .service_list_3 ul li{ float:left; width:33.33%; padding:10px 1px; font-size:16px; line-height:20px; } .servicekeji .service_list_3 ul li .liser_3{ padding: 1px 5px 1px 10px; } .servicekeji .service_list_3 ul li .fontc_1{ font-size: 16px; } .servicekeji .service_list_3 ul li .fontc_2 { font-size: 12px; /*display:none;*/ } .servicekeji .service_list_4 ul li{ padding:5px 1px; font-size:16px; line-height:25px; padding-left:1px; } .servicekeji .service_list_4 ul li span{ font-size:6px; border-radius:50%; padding:0 6px; } .servicekeji .paddingtop{ padding-top:80px; } .service4_pdding .ser4font{ margin-top:180px; width:70px; font-size:25px; padding:20px; } .servicekeji .paddingtop_5{ padding-top:20px; } .servicekeji .padding{ padding:10px; } .servicekeji .service_title_5{ padding:2px 0 5px 0; } .servicekeji .service_title_5 .fontc_1 { font-size: 18px; } .servicekeji .service_title_5 .fontc_2 { font-size: 12px; } .servicekeji .service_list_5 ul{ padding:1px 0px; } .servicekeji .service_list_5 ul li{ padding:2px 1px; font-size:14px; line-height:15px; padding-left:10px; } .servicekeji_h .title { font-size:18px; padding:20px; } .servicekeji_h .img-title { width: 70%; font-size: 16px; height: 25px; line-height: 25px; margin-top: 5px; border-bottom: 2px solid #D10C53; } .servicekeji_h .img-text { font-size: 12px; padding: 10px 0px; height: 60px; overflow: hidden; } }