body,html{
font-family: "微软雅黑";
}
.leftAlgin{
position: absolute;
right: 4vw;
}
.distance{height: 3.1vw;}
/*公司首页网页**************************************************************/
.fixedNav{
position: fixed;
right: 0.6vw;
z-index: 11;
width: 12vw;
top: 10vw;
color: #fff;
font-size: 1vw;
}
.fixedNav1{
clear: both;
width:11vw;
line-height: 2.5vw;
text-align: center;
}
.fixedNav .fixedNav1 div{
width:9vw;
float: left;
height:3vw;
background-image: url(images/3333_03.png);
background-size: 100% 100%;
margin-top: 1vw;
/*visibility:hidden;*/
text-align: center;
}
.fixedNav .fixedNav1 div p{
line-height: 3vw;
margin-top: 0.1vw;
}
#menu{
position: fixed;
right: 1.5vw;
top:9.7vw;
}
#menu li{
margin-top: 2vw!important;
display: block;
color: #fff;
text-align: center;
border-radius: 10vw;
margin-top: 1.5vw;
width: 2vw;
z-index: 10!important;
line-height: 2vw!important;
width: 2vw!important;
/*width: 1vw;*/
width: 2vw;
line-height: 1vw;
background-color:#d6d6d6;
}
#menu ul{display: block;list-style: none;}
#menu ul a{
display: inline-block;
line-height: 2vw!important;
width: 2vw!important;
border-radius: 1vw;
color: #fff;
}
#menu ul a:hover,#menu ul a.cur{
background-color: #0f8deb;color: #fff;
}
.navLine{
position: fixed;
width: 0.15vw;
height: 28vw;
background-color:#d6d6d6;
z-index: 10;
right: 2.4vw;
top:12vw;
}
#proFix1,#comFix1,#conFix1{
background-color:#0f8deb;
}
/*主体部分***************************/
/*云之家****/
.cloudHouse {
z-index: 10;
position: fixed;
top: 8vw;
right: 1vw;
text-align: center;
width: 3vw;
padding: 2.5vw 0 0.5vw 0;
background:rgba(15,141,235,0.9) url(images/cloud.png) no-repeat;
background-size: 180% auto;
background-position: 0.3vw 0.7vw;
border-radius: 0.5vw 0.5vw 0.2vw 0.2vw;
}
.cloudHouse:hover{
background:rgba(15,141,235,1)url(images/cloud.png) no-repeat;
background-size: 180% auto;
background-position: 0.3vw 0.7vw;
}
.cloudHouse p {
color: #fff;
font-family: "微软雅黑";
font-size: 1vw;
line-height:1vw;
}
.container1{
width: 90vw!important;
}
.containerNav{
width: 100vw!important;
margin-left: 2%;
}
.nav{
background-color:rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 10;
}
.logo{
float: left;
width: 13%;
}
.logo img{
float: left;
width: 80%;
padding-top: 0.3vw;
padding-left: 2vw;
}
.nav li {
float: left;
width: 6vw;
margin-left: 1.5vw;
list-style: none;
padding-top: 1vw;
padding-bottom: 1%;
text-align: center;
text-decoration: none;
color: #333333;
font-size: 0.92vw;
font-family: "微软雅黑","arial";
}
.nav a li:hover {
color: #2784dd;
}
/*.search{
float: right;
width: 14vw;
}
.search input{
background: #033d75 url(images/sy_06.jpg) no-repeat;
background-position: 0.2vw 0.2vw;
background-size:1.8vw 1.8vw;
width: 100%;
border:#033d75;
border-radius: 20px;
padding-left:2vw;
padding-bottom: 2%;
color: white!important;
height: 2.1vw;
}
::-webkit-input-placeholder{
color:#ffffff;
font-size: 1vw;
}*/
/*轮播部分*/
.netText{
z-index: 2;
color: #ffffff;
background-size: 100% 100%;
height: 100vh;
padding-top: 18vh;
}
.netText h3{
margin-bottom: 1.5vw;
font-size: 2.7vw;
letter-spacing:0.3vw;
color: #004192;
}
.netText h3:nth-child(2){
color: #ffffff;
position: absolute;
top:-0.2vw;
left: 1.4vw;
}
.nt1{
position: relative;
top:22%;
left: -22%;
width: 38%;
text-align:justify;
padding-bottom:10%;
}
.nt1 a{
color: #ffffff;
text-decoration: none;
}
.nt1 p{
font-size: 1vw;
line-height: 1.8vw;
letter-spacing:0.03vw;
text-indent: 2em;
}
/*图片飞出*/
#box{
position: absolute;
/*background-color: tan;*/
width: 40vw;
height: 40vw;
/*margin:7% auto 0;*/
/*bottom:0;*/
top:19%;
left: 53vw;
}
#box img{
position: absolute;
}
#box img:nth-child(1){
width: 5vw;
height: auto;
top:17vw;
left:70vw;
z-index: 3;
}
#box img:nth-child(1).on{
left:6vw;
transition: 0.5s 1s;
}
#box img:nth-child(2){
width: 9vw;
height: auto;
top:9vw;
left:80vw;
z-index: 2;
}
#box img:nth-child(2).on{
left:6vw;
transition: 0.5s 0.5s;
}
#box img:nth-child(3){
width: 29vw;
height: auto;
left: 3vw;
top: 3.5vw;
animation: shake 0.8s linear;
}
#box:hover{
animation: shake1 0.8s infinite;
}
@keyframes shake1 {
0%{
transform: scale(1);
}
50%{
transform: scale(1.05);
}
60%{
transform: scale(0.95);
}
70%{
transform: scale(1.07);
}
80%{
transform: scale(1);
}
90%{
transform: scale(0.95);
}
100%{
transform: scale(1);
}
}
#box img:nth-child(4){
width: 6vw;
height: auto;
top:15.5vw;
left:80vw;
z-index: 2;
}
#box img:nth-child(4).on{
left:16.5vw;
transition: 0.5s 1.5s;
}
@keyframes shake {
0%{
transform: scale(0);
}
30%{
transform: scale(1.2);
}
40%{
transform: scale(0.8);
}
50%{
transform: scale(1.15);
}
60%{
transform: scale(0.9);
}
70%{
transform: scale(1.1);
}
80%{
transform: scale(0.95);
}
90%{
transform: scale(1.05);
}
100%{
transform: scale(1);
}
}
.box3 div{
position: absolute;
top: 10.5vw;
left: 9.5vw;
width: 22.1vw;
height: 12.5vw;
background-image: url(images/7_03.png);
background-size: cover;
}
/*轮播按钮部分*/
.carousel-indicators li{
display: inline-block;
/*width: 3.5vw!important;
height: 0.3vw!important;*/
border: none!important;
position: relative;
margin-right: 1.8vw;
bottom: -1.5vw;
}
/*我们提供什么服务部分*/
.serviceOne{
background-color: #ffffff;
padding-bottom: 3vw;
}
.serOne{
background: url(images/psd_03.png) no-repeat;
background-size: 100% 100%;
width: 61vw;
margin: 0 auto;
height: 32vw;
position: relative;
}
.titleOne{
font-size: 2.3vw!important;
color: #333333;
text-align: center;
padding-top: 3%;
}
.titleTwo{
font-size: 1.2vw;
color: #666666;
text-align: center;
padding-bottom: 2%;
}
.serOne span{
font-size: 0.85vw;
line-height: 1.3vw;
}
.ser1_1,.ser1_2,.ser1_3,.ser1_4,.ser1_5{
width: 10%;
position: absolute;
}
.ser1_1,.ser1_2,.ser1_3,.ser1_4,.ser1_5{
text-align: center;
clear: both;
line-height:1.2vw;
color: #ffffff;
}
.ser1_1{
left:27.2vw;
top:2.6vw;
}
.ser1_2{
left:12.1%;
top:11.9vw;
}
.ser1_3{
left:76.7%;
top:10.3vw;
}
.ser1_4{
left:1.9%;
top:26.8vw;
}
.ser1_5{
left:88.2%;
top:26.7vw;
}
/*我们的服务流程*/
.serTwo{
background-color: #eaeaea;
margin: 0 auto;
padding-bottom: 4vw;
background-size: 100% 100%;
}
.ser2{
background-color: white;
border-radius: 0.5vw;
float: left;
width: 23.5%;
text-align: center;
height: 21vw;
}
.ser2_1, .ser2_2, .ser2_3{
margin-right: 2%;
}
.ser2:hover{
box-shadow: 0px 0px 3vw rgba(21,131,214,0.36);
}
.ser2 img{
height: 4vw;
margin: 1.9vw 0 0.9vw 0;
transition: All 0.4s;
-webkit-transition: All 0.4s ;
-moz-transition: All 0.4s ;
-o-transition: All 0.4s ;
}
.ser2 div span{
font-size:1.6vw;
color: #555555;
}
.ser2 div span span{
font-size: 1.3vw;
color: #666666;
}
.ser2 div{
width: 75%;
margin: 0 auto;
}
.ser2 div p{
font-size: 0.9vw;
text-align: justify;
color: #666666;
margin-top:1.2vw;
line-height: 1.6vw;
}
/*公司动态部分*/
#new{
background-color: #48a7ef;
padding: 0.5vw 0 4.5vw 0;
}
#new1,#newImg,#newFont{
float: left;
}
#new1{
width: 2%;
padding-top: 11%;
}
#new1{
position: absolute;
left: 3vw;
}
#new1 ol li{
width: 0.8vw;
background-color: #fff;
list-style: none;
margin-top: 0.7vw;
border-radius: 1vw;
}
#liOne{
height: 4vw;
}
#liTwo,#liThree{
height: 2vw;
}
#newImg ul li div{
background-color: #000;
width:28vw;
height: 19vw;
}
#new1 img{
width: 0.6vw;
height: auto;
}
#newImg{
width: 28vw;
padding-top: 5vw;
margin-left: 2vw;
margin-right: 1vw;
text-align: center;
}
#newImg img{
width: 100%;
height: auto;
box-shadow:0vw 2vw 0.3vw 0 rgba(0,0,0,0.2);
}
#newFont{
width: 55%;
margin-left: 4vw;
padding-top: 2vw;
}
.newText{
height: 17vw;
overflow-x:hidden;
margin-top: 2.5vw;
}
/*设置滚动条的样式
.newText::-webkit-scrollbar {
width:1vw;
}*/
/* 滚动槽 */
/*.newText::-webkit-scrollbar-track {
background:#178cde;
}*/
/* 滚动条滑块 */
/*.newText::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.2);
}*/
#newFont span{
font-size: 2.3vw;
color: #ffffff;
display: inline-block;
padding-bottom: 0.3vw;
}
#newFont li{
white-space: nowrap;
line-height: 2.4vw;
color: #ffffff;
font-size: 0.95vw;
}
#newFont a{
color: #ffffff;
}
#newFont a:hover{
color: #153c59;
text-decoration: none;
}
/*合作伙伴部分*/
#partner{
padding-top: 0.5vw;
background-color: #ffffff;
}
#parOne{
color: #333333;
font-size: 2.5em;
}
#parTwo{
color: #666666;
}
.partnerImg{
float: left;
width: 11.1%;
text-align: center;
padding-bottom: 1.5vw;
}
.partnerImg img{
height: 2.5vw;
}
/*footer部分*/
.footer{
width: 100%;
text-align: center;
line-height: 3.5vw;
color: #7c7c7c;
font-size: 0.9vw;
background-color: #15171c;
}
/*插件滚动部分CSS*/
.str_wrap {
overflow:hidden;
width:100%;
/*font-size:12px;
line-height:16px;*/
position:relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
/*background:#f6f6f6;*/
white-space:nowrap;
}
/*.str_wrap.str_active {
background:#f1f1f1;
}*/
.str_move {
white-space:nowrap;
position:absolute;
top:0;
left:0;
cursor:move;
}
.str_move_clone {
display:inline-block;
vertical-align:top;
position:absolute;
left:100%;
top:0;
}
.str_vertical .str_move_clone {
left:0;
top:100%;
}
.str_down .str_move_clone {
left:0;
bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
white-space:normal;
width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
cursor:inherit;
}
.str_wrap img {
max-width:none !important;
}
/*produce产品与案例页面********************************************************/
.produceOne{
background-image: url('images/fds_01.png');
background-size: cover;
height: 26.5vw;
/*background-image: url(images/88_01.png);
background-size: cover;
height: 28vw;*/
}
.pro1{
width: 16vw;
margin: 0 auto;
padding: 8.5vw 0 7.5vw 0;;
}
.pro1 img{
width: 100%;
margin-bottom: 0.5vw;
}
.pro1 div{
border:0.5px solid white;
color: white;
letter-spacing:0.25vw;
line-height: 2.5vw;
font-size: 1.3vw;
font-family: "宋体";
text-align: center;
}
.pro1 div img{
width: 1.9vw;
}
/*产品优势部分*/
.produceTwo{
padding-bottom: 3vw;
}
.produceTwo .titleOne{
margin-bottom: 1.2vw;
text-align: center;
text-align: 0em;
}
.pro2_1,.pro2_2,.pro2_3{
float:left;
width: 31.3%;
border-radius: 0.5vw;
height: 16.5vw;
color: #fffefe;
font-family: "MicrosoftYaHei";
text-align: center;
padding: 2.5vw 1.5vw 0 1.5vw;
margin-top: 1.5vw;
overflow: hidden;
line-height: 1.8vw;
font-family: "微软雅黑";
}
.pro2_1{
background-color: #10dc6b;
}
.pro2_2{
background-color: #41a9f2;
margin-left:3%;
margin-right:3%;
}
.pro2_3{
background-color: #7764e1;
}
.produceTwo div span{
font-size: 1.8vw;
padding-bottom:2vw;
}
.produceTwo div p{
margin: 0 auto;
width: 85%;
text-align: justify;
font-size: 0.9vw;
margin-top: 1vw;
text-indent: 2em;
}
/*.pro2_1{
transform-style: preserve-3d;
transform: translateZ(-130px);
transition: transform 350ms;
}
.pro2_1:hover {
transform: rotateY(-360deg) translateZ(20px);
transform: rotateY(-360deg) translateZ(20px);
}*/
.pro2_1,.pro2_2,.pro2_3 {
transition: All 0.5s;
-webkit-transition: All 0.5s ;
-moz-transition: All 0.5s ;
-o-transition: All 0.5s ;
}
/*.pro2_1 span{
transition: All 0.5s;
-webkit-transition: All 0.5s ;
-moz-transition: All 0.5s ;
-o-transition: All 0.5s ;
transform: rotate(0deg)!important;
}
.pro2_1 p{
transition: All 0.5s;
-webkit-transition: All 0.5s ;
-moz-transition: All 0.5s ;
-o-transition: All 0.5s ;
}*/
/* .pro2_1:hover {
transform: rotate('360deg');
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}*/
/*.pro2_1 span,p {
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;
}
.pro2_1 span:hover,p:hover {
transform: rotateX('0deg');
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
}*/
/*业务领域部分******应用首页样式**********/
.produceThree{
background-color: #eaeaea;
padding-bottom: 2vw;
}
.produceThree p{
padding-bottom: 1.5vw;
}
/*产品案例部分*/
.produceFour{
background-color: #eaeaea;
}
.produceFour .titleOne{
padding-bottom: 1.5vw;
}
.pro3Title{
color: #333333;
font-size: 1.65vw;
padding-bottom: 0vw;
margin-top: 2.2vw;
}
.pro3{
background-color: #ffffff;
height: 19.7vw;
margin-bottom: 1.5vw;
position: relative;
}
.pro3 div{
float:left;
}
.pro3_1{
width: 45%;
overflow: hidden;
}
.pro3_1 img{
width: 100%;
height: 19.7vw;
transition: all 0.6s;
}
.pro3_1 img:hover{
transform: scale(1.2);
}
.pro3_2{
width: 55%;
padding: 1.5vw 2vw 1vw 2.5vw;
}
.pro3_21{
color: #333333;
font-size: 1.5vw;
margin-top: 0.7vw;
margin-bottom: 1vw;
}
.pro3_22{
color: #666666;
line-height: 2vw;
font-size: 1vw;
text-indent: 2em;
text-align: justify;
}
.pro3_23{
position: absolute;
color: #999999;
font-size: 0.85vw;
bottom: 0.5vw;
}
/*走进力创网页************************************************************/
.comOne img{
/*background-image: url(images/3走进力创_01.jpg);
background-size: 100% 100%;
height: 28vw;
*/
width: 100%;
}
/*关于力创部分*/
.comTwo{
background:#f6f6f6 url(images/4452_02.png);
background-size: 100% 100%;
position: relative;
top:-5.3vw;
padding-bottom: 3vw;
z-index: -1;
}
.comTwo .comTitle{
padding-top: 8vw;
}
.comTitle{
font-size: 2.3vw;
text-align: center;
margin-bottom: 3vw;
}
.comTitle span{
background-color: #1d87f1;
display: inline-block;
width: 2.3vw;
height: 0.3vw;
color: #1d87f1;
position: relative;
top:-0.7vw;
}
.com2 p{
padding: 0vw 10vw 0vw 10vw;
font-size: 1vw;
text-indent: 2vw;
line-height: 1.9vw;
}
/*企业文化部分*/
.com3{
width: 31%;
float:left;
background-color: #f6f6f6;
border-radius: 0.5vw;
height: 30vw;
margin-bottom: 4vw;
transition: all 0.3s;
}
.com3:hover{
box-shadow: 0px 0px 1.5vw rgba(21,131,214,0.36);
transform: scale(1.02);
}
.com3_2{
margin: 0 3.5% 0 3.5%;
}
.com3 span{
display: block;
text-align: center;
font-size: 1.5vw;
margin: 2.5vw 0 1.1vw 0;
color: #333333;
letter-spacing: 0.2vw;
}
.com3 p{
text-indent: 2em;
display: block;
font-size: 0.95vw;
padding: 0 3vw 3vw 3vw;
color: #666666;
text-align: justify;
line-height: 1.95vw;
}
/*发展历程*/
.comFour{
background-image: url(images/com_03.png);
background-size:100% 100%;
height: 55vw;
position: relative;
}
.comFour a{
text-decoration: none;
color: #ffffff;
}
.comFour .comTitle{
color: #fefefe;
padding-top: 3vw;
}
.com4{
clear: both;
}
.com4 div{
float: left;
width: 13vw!important;
margin: 1vw;
color: #ffffff;
}
.com4_1{
position: absolute;
left: 10vw;
top:11vw;
}
.com4_2{
position: absolute;
left: 3vw;
top:21.5vw;
}
.com4_3{
position: absolute;
left: 28vw;
top:34vw;
}
.com4_4{
position: absolute;
left: 19vw;
top:45vw;
}
.com4 div span{
font-size: 1.2vw;
}
.com4 div p{
font-size: 0.9vw;
}
/*力创理念*/
.comFive{
background:#f6f6f6;
}
.comFive .comTitle{
padding-top: 2vw;
}
.com5{
height: 20vw;
background: url(images/com_07.png) no-repeat;
background-position: center center;
background-size: auto 100%;
font-size: 1.4vw;
letter-spacing: 0.1vw;
text-align: center;
}
.com5-cont {
padding-top: 4vw;
}
/*力创团队*/
.comSix{
background-color: #f6f6f6;
}
.comSix .comTitle{
padding-top: 3vw;
}
.com6_1{
width: 55%;
margin: 0 auto;
font-size: 1.1vw;
line-height: 1.7vw;
text-indent: 2em;
text-align: center;
}
.com6_2{
background:#f6f6f6 url(images/22222_03.png) no-repeat;
background-size: 100% auto;
height: 16vw;
margin: 4vw 0 2vw 0;
}
/*力创资质*/
.comSeven .comTitle{
padding-top: 3vw;
}
.com7 p{
display: inline-block;
}
.com7{
width: 35%;
margin-left:10%;
float:left;
text-align: center;
border:solid 0.05vw grey;
border-radius: 0.2vw;
font-size: 0.93vw;
color: #333333;
margin-bottom: 2.2vw;
height:3.5vw;
line-height: 3.5vw;
}
.com7:hover{
border: 0.05vw solid #c4c2fd!important;
}
/*力创资质荣誉*/
.comEight .comTitle{
padding-top: 4vw;
}
.com8 div{
width: 15%;
margin: 0 2%;
float:left;
margin-bottom: 2.2vw;
height: 12.5vw;
text-align: center;
position: relative;
color: #333333;
background-size: 13vw 10vw;
transition: all 0.4s;
}
.com8_14 div img{
width:100%!important;
height: 15vw!important;
}
.com8 div:hover{
transform: scale(1.05);
}
.com8_14 div{
overflow: hidden;
}
.com8_14 div:hover{
overflow:visible;
z-index: 1;
}
.com8 div div{
width: 100%;
height: 10vw;
}
.com8 div div Img:hover{
border: 0.3vw solid #c4c2fd;
}
.com8 div div Img{
width: 100%;
height: 10vw;
border: 0.3vw solid #b4b4b4;
}
.com8 div p{
width: 70%;
position: absolute;
top:10.3vw;
left: 15%;
font-size: 0.95vw;
}
/*力创未来*/
.comNine{
background-color: #f6f6f6;
padding-bottom: 2vw;
text-align: center;
color: #666666;
font-size: 0.97vw;
line-height: 1.6vw;
}
.comNine .comTitle{
padding-top: 2.5vw;
color: #333333;
}
.com9_1{
font-size: 0.95vw;
color: #333333;
}
.com9_2{
color: #0f8deb;
font-weight:bold;
}
/*联系我们页面*****************/
.contactOne{
background-image: url(images/88_01.png);
background-size: cover;
height: 28vw;
}
.contact1{
width: 26vw;
margin: 0 auto;
padding: 7vw 0 7vw 0;
text-align: center;
color: white;
}
.contact1 div{
border:0.5px solid white;
letter-spacing:0.2vw;
line-height: 2.5vw;
font-size: 1.2vw;
}
.contact1_title1{
font-size: 2.9vw;
}
.contact1_title2{
margin-top: -0.5vw;
font-size: 2vw;
}
.contactTitle{
color: #178cde;
font-size: 2vw;
border-bottom:0.24vw #178cde solid;
height: 3.5vw;
margin-top: 2vw;
}
.contactTitle span{
font-size: 1.5vw;
}
/*加入我们contactTwo*/
.contactTwo table{
width: 100%;
text-align: center;
font-size: 1.1vw;
color: #333333;
}
.contactTwo td{
width: 25%;
padding: 1vw;
position: relative;
}
.contactTwo table td span{
padding-left: 2vw;
display: inline-block;
width: 4vw;
color: #D3D3D3;
font-size: 1.5vw;
top:0.3vw;
}
.contactPanel table tr td .glyphicon{
position: absolute;
top:1vw;
left: 15vw;
width: 0.5vw;
height: 0.5vw;
color: rgba(0, 0, 0, 0.08);
}
.contactTwo table:hover{
text-decoration: none!important;
border:none;
border-top:0.1vw solid #D3D3D3;
}
.contactPanel table{
background-color: #F5F5F5;
border-top:0.1vw solid #D3D3D3;
font-size: 0.95vw;
font-family: "黑体";
}
.panel-body {
padding: 0.8vw 0 1vw 2vw;
}
.contactPanel p{
margin-left:7vw;
font-size: 0.92vw;
line-height: 1.7vw;
color: #666666;
}
.bg-orange{
background-color: orange;
margin-right: 0.7vw;
display: inline-block;
position: relative;
top:0.1vw;
width: 0.7vw;
height: 0.7vw;
}
.bg-blue{
background-color: #187cde;
margin-right: 0.7vw;
display: inline-block;
position: relative;
top:0.07vw;
width: 0.7vw;
height: 0.7vw;
}
.contactTwoJob{
padding: 0.5vw 0 0vw 0;
color: #333333!important;
font-size: 0.97vw!important;
}
.page{
width: 100%;
text-align: center;
margin-bottom: 1vw;
}
.page a{
color: #ffffff;
border-radius: 0.2vw;
width: 3vw;
line-height: 2vw;
display: inline-block;
text-align: center;
background-color: #187cde;
margin-bottom: 2vw;
font-size: 1.1vw;
}
#pageTwo{
margin-left: 3vw;
margin-right: 3vw;
}
.jobApplication{
margin-left:0vw!important;
background-color: #fc9f44;
line-height: 2.8vw;
border-radius: 0.3vw;
text-indent:7vw;
display: inline-block;
width: 85%;
color: #ffffff!important;
font-size: 0.95vw!important;
margin-bottom: 2vw;
}
.jobApplication span{
font-weight: bold;
margin-right: 2vw;
}
.welfare{
background-color: #fc9f44;
line-height: 2.8vw;
border-radius: 0.3vw;
color: #ffffff!important;
font-size: 1vw!important;
display: inline-block;
width:14.5%;
text-align: center;
margin-left: 0.2vw;
cursor: pointer;
font-weight: bold;
}
.welfare img{
width: 1.5vw;
height: auto;
}
/*公司福利部分*/
.demo-bg {
position: fixed;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
display: none;
}
.demo-txt {
position: fixed;
z-index: 21;
color: #000;
background: white;
width: 52.5vw;
/*height: 68%;*/
height: 31.5vw!important;
margin: auto;
padding: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: none;
border-radius: 8px;
font-size: 1vw;
line-height: 1.8vw;
font-family: "微软雅黑";
}
.welfareTitle1{
background-color: #187cde;
text-align: center;
font-size: 1.3vw;
padding: 0.8vw 0 0.8vw 0;
color: #fff;
margin-bottom: 2vw;
border-radius: 8px 8px 0 0;
}
#close img{
text-align: right;
width: 1vw;
cursor: pointer;
}
#close {
z-index: 13;
position: absolute;
top:0.5vw;
right: 1vw;
}
.welfareFont p span{
display: inline-block;
width: 0.6vw;
height: 0.6vw;
background-color:#187cde;
margin-right: 0.7vw;
}
.welfareTitle2{
color:#187cde;
font-size: 1.2vw;
padding-top:1vw;
padding-left: 2vw;
}
.welfareFont1{
padding:0 2vw 0 2vw;
}
/*咨询我们contactThree*/
.contactThree{
background-color: #F5F5F5;
padding-top: 1vw;
}
.contact3Title1,.contact3Title2{
font-size:1.4vw;
margin-top: 3vw;
margin-bottom: 2vw;
text-indent:2.5vw;
}
.contact3Title1{
width: 24vw;
float: left;
}
.contact3Title2{
width: 50vw;
float: left;
text-indent:4.5vw;
}
.contact3 div{
float:left;
width: 33.3%;
font-size: 1vw;
padding: 2vw 0 2vw 2vw;
/*margin-top: 1vw;*/
margin-bottom: 4vw;
}
.contact3 div:hover{
background-color: #ffffff;
}
.contact3 div img{
margin-right: 1vw;
width: 1vw;
}
.contact3_border{
border:1px solid #ccc; border-top:none;border-bottom:none;
}
.contact3_noBorder{
border-left:none;
}
.contact3 p{
margin-left: 3vw;
}
.contact3Title{
font-size: 1.6vw;
color: #333333;
margin: 3vw 0 2.5vw 0;
background-color: rgba(100, 100, 100, 0)!important;
}
/*联系我们contactFour*/
.contact4 {
width: 100%;
text-align: center;
position: relative;
}
.contact4 img{
width: 50vw;
margin: 3vw 0 3vw 0;
}
.contact4Map {
text-align: left;
position: absolute;
box-shadow: -0.3vw 0px 0.5vw rgba(100, 100, 100, 0.3);
width: 30%;
background-color: #F5F5F5;
padding-top: 0.2em;
padding-left: 2em;
padding-bottom: 0.5em;
border-radius: 3px;
padding: 2vw 0 1vw 2vw;
font-size: 0.95vw;
z-index: 1;
}
.mapGuiyang{
left: 10vw;
top: 17vw;
}
.mapZunyi{
left: 12vw;
top: 9vw;
}
.mapLiupanshui{
left: 0.5vw;
top: 17vw;
}
.mapXingyi{
left: 0.5vw;
top: 19vw;
}
.contact4Map span {
padding: 0 0.5em;
}
.glyphicon-remove{
position: absolute;
right: 0;
top:1vw;
color: gray;
}
.pGuiyang,.pZunyi,.pLiupanshui,.pXingyi{
width: 2vw;
height: 3vw;
cursor: pointer;
position: absolute;
}
.pGuiyang{
top:19.4vw;
left: 41vw;
}
.pZunyi{
top:12vw;
left: 42.6vw;
}
.pLiupanshui{
top:19vw;
left: 29.8vw;
}
.pXingyi{
top:29vw;
left: 31.5vw;
}
/*联系地址contactFour*/
.contactFive{
background-color: #1e2126;
color:#adadad;
padding:3vw 0 3vw 0;
}
.contactFive div div{
float:left;
width: 20%;
height: 10vw;
padding-top: 1vw;
padding-right: 2vw;
font-size: 0.85vw;
}
.contactFive ul li{
list-style: none;
}
.contact5_border{
border:1px solid grey; border-top:none;border-bottom:none;
}
/*党工建设***************************************************/
.partyB{
/*padding-top: 3vw;*/
padding-bottom: 3vw;
}
/*左边导航部分*/
.partyBleft{
float: left;
width: 18vw;
}
#myTab{
list-style: none;
line-height: 1.6vw;
position: relative;
left: -1vw;
}
#myTab li {
border-left:0.4vw solid rgba(0,0,0,0);
margin-top: 7vw;
margin-left: 0px;
padding-left: 0px;
width: 11vw;
}
/*#myTab li:hover {
border-left:0.2vw solid red;
}*/
#myTab .active {
border-left:0.2vw solid #007cff;
}
#myTab li a{
color: #333;
font-size: 1.3vw;
text-indent: 10vw;
}
/*右边内容部分*/
#myTabContent{
float:left;
width: 68vw;
margin-top: 3vw;
/*height: 38vw;*/
}
.partyTitle{
border-bottom:0.1vw solid gainsboro;
line-height: 3.5vw;
font-size: 1.7vw;
width: 100%;
margin-bottom: 3vw;
}
.partyTitle1{
border-bottom:0.2vw solid #007cff;
line-height: 3.7vw;
display: inline-block;
}
.partyTitle2{
color: #999999;
font-size: 1.4vw;
margin-left: 1.5vw;
}
.partyR2{
margin-left: 2vw;
}
.partyR1{
margin:0 4vw 0 4vw;
}
.partyR11{
margin-left: 2vw;
}
.partyR21{
margin-left: 0vw;
margin-right: 4vw;
}
#myTabContent div div{
float: left;
width: 27%;
text-align: center;
font-size: 1vw;
color: #333;
}
#myTabContent div div p{
margin: 0.5vw 0 1.5vw 0;
}
#myTabContent div div img{
width: 100%;
height: 12vw;;
}