div.part{
width: 1200px;
font-size: 16px;
height: 28px;
left: 50%;
margin-left: -600px;
top: 60px;
}
div.part h3{
float: left;
text-align: center;
font-size: 18px;
line-height: 28px;
width: 84px;
border-bottom: 1px #f57300 solid;
margin-right: 20px;
} div#bp-slider{
position: relative;
width: 100%;
height: 595px;
overflow: hidden;
margin: 0 auto;
}
#bp-slider img{
width: 100%;
height: 595px;
}
div.nav-dots{
width: 100%;
height: 8px;
position: absolute;
top:581px;
z-index: 999;
text-align: center;
}
div.nav-dots div{
width: 260px;
height: 4px;
display: inline-block;
margin-right:20px;
}
div#nav-dots-current{
background-color: #fcb53f;
} div#fieldmenu{
position: absolute;
width: 100%;
height: 40px;
top: 555px;
background:url(//www.bpceg.com/wp-content/themes/bpceg/globalcss/images/fieldbg.png) repeat;
text-align: center;
}
a.fields{
display: inline-block;
width:260px;
height: 40px;
margin-right:20px;
text-align: center;
}
a.fields h2{
display:inline-block;
color: wheat;
font-weight: normal;
font-size: 18px;
margin-top: 10px;
} div#part-describe{
position: relative;
width: 100%;
height: 910px;
margin: 0px auto;
text-align: center;
background-color: #f8f8f8;
overflow: hidden;
}
div#description{
position: absolute;
width: 550px;
height: 244px;
overflow: hidden;
left: 50%;
margin-top: 300px;
margin-left: -600px;
background-color: #edeae6;
padding: 20px;
}
div#description p{
margin-top: 10px;
width: 550px;
}
div#part-describe img{
position: absolute;
left: 50%;
margin-left: -960px;
margin-top: 80px;
}
div#description p#enname{text-align: left;font-size: 30px; color: #d0d0d0;}
div#description h2{
width: 550px;
text-align: left;
font-size: 24px;
font-weight: normal;
line-height: 30px;
}
p.intro{line-height: 26px; text-align: justify;	}
a.dessub{
position: relative;
width: 388px;
height: 240px;
margin: 590px 7px 20px 7px;
display: inline-block;
line-height: 240px;
font-size: 18px;
letter-spacing: 2px;
background-color: white;
}
a.dessub:hover{	
background-color: #4e7dcf;
color: wheat;
transition: all .3s;
} div#indexnews{
position: relative;
margin-top: 66px;
width: 100%;
height: 340px;
border-left:1px #f0f0f0 solid;
text-align: center;
}
div#indexnews a{
display: inline-block;
position: relative;
width: 356px;
height: 240px;
margin: 40px 31px;
font-size: 14px;
background-color: #f8f8f8;
text-align: center;
}
div#indexnews a:hover{	
box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
transform: translate3d(0,-2px,0);
transition: all .3s cubic-bezier(.55,0,.1,1);
} 
div#indexnews h3{
display: block;
position: absolute;
top: 50%;
left: 28px;
width: 300px;
}
div#tim {
margin-top: -18px;
color: wheat;
position: absolute;
font-size: 24px;
top: -10px;
height: 60px;
line-height: 60px;
left: -40px;
padding: 5px;
background-color: #4e7dcf;
} div#product-bp{
position: relative;
margin: 10px auto 0 auto;
background-color: #edeae6;
height: 600px;
}
div#product-bp div.part{position: absolute;}
div#product-bp>img{
position: absolute;
left: 50%;
margin-left: -600px;
bottom: 0;
width: 450px;
height: 300px;
}
div.product-bplist{
position: absolute;
right: 50%;
margin-right: -660px;
margin-top: 150px;
width: 800px;
}
a.isboard{
float: left;
width: 224px;
line-height: 20px;
margin: 30px 20px 0 0px;
background-color: #4e7dcf;
padding-left: 10px;
color: white;
}
a.isboard:hover{	
box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
color:wheat;
transform: translate3d(0,-2px,0);
transition: all .3s cubic-bezier(.55,0,.1,1);}
div.product-bplist p{
float: right;
width: 600px;
margin-right: 60px;
margin-top: 50px;
line-height: 26px;
text-align: justify;
} div#product-A{
position: relative;
width: 100%;
height: 600px;
background-color: #f8f8f8;
text-align: center;
}
div#product-A a{
display: inline-block;
position: relative;
width: 240px;
margin-left: 50px;
margin-right: 50px;
height: 320px;
margin-top: 80px;
}
div#product-A>p{
display: inline-block;
width: 740px;
margin-top:60px;
margin-bottom: 10px;
text-align: justify;
letter-spacing: 1px;
line-height: 26px;
}
.summarycover{
overflow: hidden;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 40px;
background: url(//www.bpceg.com/wp-content/themes/bpceg/globalcss/images/fieldbg.png) repeat;
color: white;
opacity: 0.8;
}
.summarycover h4{
font-weight: normal;
font-size: 14px;
line-height: 40px;
letter-spacing: 10px;
text-align: center;
}
.summarycover p{
width: 80%;
margin-left: 10%;
position: absolute;
text-align: center;
font-size: 14px;
line-height: 24px;
letter-spacing: 2px;
}
sub{
font-size: 10px;
} div#product-all{
position: relative;
width: 1200px;
height: 400px;
margin: 0 auto;
overflow: hidden;
}
div#productbanner{
position: relative;
top: 80px;
left: 50%;
margin-left: -604px;
width: 6000px;
height: 205px;
}
a.product{
width: 292px;
height: 205px;
margin: 0 4px;
float: left;
position: relative;
overflow: hidden;
}
a.product>div.gradea{
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: wheat;
color: #2558AB;
position: absolute;
top: 0;left: 0;
}
a.product:hover{
transform: translate3d(0,-10px,0);
transition: all .3s cubic-bezier(.55,0,.1,1);
}
a.product img{
position: absolute;
width: 292px;
height: auto;
left: 0;
top: 0;
}
a.product h4{
display: inline-block;
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
text-align: center;
line-height: 40px;
background-color: #4e7dcf;
color: white;
} div#partnerwrp{
position: relative;
background-color: #f8f8f8;
width: 100%;
height: 700px;
}
div#partnerwrp div.part{position: relative;}
div#partner{
width: 1300px;
margin: 0 auto;
border-right: 1px #f0f0f0 solid;
text-align: center;
padding-top: 100px;
}
div#partner img{
display: inline-block;
width: 160px;
height: 80px;
margin: 15px 20px;
} div.projectswrp{
width: 1200px;
height: 260px;
margin: 20px auto;
text-align: center;
overflow: hidden;
}
a.project{
float: left;
width: 320px;
height: 258px;
margin: 1px 38px 0px 38px;
background-color: white;
color: black;
}
a.project:hover{
color:wheat;
background-color: #2558AB;
transition: all .3s cubic-bezier(.55,0,.1,1);
}
a.project img{
float: left;
width: 320px;
height: 198px;
}
a.project h4{
float: left;
font-size: 14px;
line-height: 24px;
text-align: center;
width: 300px;
margin-left:10px;margin-top: 6px;
}
div.partline{
position: relative;
margin: 0px auto 20px auto;
width: 1200px;
border-bottom: 1px #bcd0f3 solid;
}
a#more{
font-size: 16px;
color:white;
display: block;
position: relative;
text-align: center;
width: 100px;
height: 24px;
left: 50%;
margin-left: -50px;
background-color: #ffb400;
margin-top: 20px;
} div#contact{
position: relative;
width:1200px;
margin: 30px auto 60px auto;
}
div#contact div.part{
margin: 20px 0 40px 0;
float: left;
}
div#contact img{
float: left;
width: 135px;
height: 135px;
}
p.contacts{
font-size: 14px;
float: left;
width: 330px;
margin: 10px 0px 10px 25px;
}
p#spread{
float:left;
font-weight: bold;
margin-left: 25px;margin-top: 30px;
}