*
{
transition: all .5s;
}
.bannerBox
{
width: 100%;
}
.search
{
padding: 14px 0;
height: 27px;
line-height: 27px;
overflow: hidden;
}
.search .searchBox
{
width: 238px;
}
.search .soText
{
float: left;
width: 188px;
height: 17px;
line-height: 17px;
padding: 5px 10px;
color: #8c8c8c;
border: none;
background: url(../image/searchTxt.png) no-repeat center;
outline: none;
}
.search .soBtn
{
float: right;
width: 30px;
height: 27px;
border: none;
background: url(../image/searchBtn.png) no-repeat center;
}
.search .keyWord
{
margin-left: 28px;
width: 600px;
height: 27px;
overflow: hidden;
}
.search .keyWord em
{
font-weight: bold;
font-size: 14px;
color: #024fa1;
}
.search .keyWord a
{
padding: 0 4px;
color: #666;
}
.contTit
{
position: relative;
height: 44px;
line-height: 44px;
}
.contTit .titA
{
padding-left: 22px;
font-size: 16px;
color: #024fa1;
background: url(../image/titA_ico.png) no-repeat left center;
}
.contTit span
{
margin-left: 10px;
font-size: 16px;
font-weight: normal;
font-family: Arial,Helvetica,sans-serif;
text-transform: uppercase;
color: #b0b0b0;
}
.contTit .titMore
{
position: absolute;
right: 0;
top: 14px;
width: 52px;
height: 16px;
background: url(../image/titMore_ico.png) no-repeat center;
}
.alSpan
{
padding-bottom: 28px;
padding-top: 4px;
background-color: #eef2f5;
}
.alSpan .alCont
{
position: relative;
}
.alSpan .alCont ul
{
margin: 0 auto 0 auto;
width: 928px;
overflow: hidden;
}
.alSpan .alCont li
{
margin: 0 9px;
width: 214px;
float: left;
text-align: center;
}
.alSpan .alCont li img
{
border: 10px solid #fff;
}
.alSpan .alCont li h5
{
padding-top: 14px;
font-weight: normal;
}
.alSpan .alCont .btnLeft, .alSpan .alCont .btnRight
{
position: absolute;
top: 72px;
width: 24px;
height: 24px;
}
.alSpan .alCont .btnLeft
{
left: 0;
background: url(../image/alBtnLeft.png) no-repeat center;
}
.alSpan .alCont .btnRight
{
right: 0;
background: url(../image/alBtnRight.png) no-repeat center;
}
.cpBox
{
margin: 20px auto;
border-bottom: 3px solid #cecece;
}
.cpBox h4 img
{
display: block;
}
.cpBox ul
{
margin-left: 164px;
height: 60px;
overflow: hidden;
background-color: #024fa1;
}
.cpBox li
{
float: left;
width: 162px;
border-left: 1px solid #3572b4;
border-bottom: 1px solid #3572b4;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
}
.cpBox li a
{
display: block;
font-size: 14px;
color: #fff;
}
.cpFl
{
margin-bottom: 20px;
width: 982px;
}
.cpFlTab
{
overflow: hidden;
background: url(../image/cpFlTabBg.png) repeat-x center;
}
.cpFlTab a
{
float: left;
height: 40px;
line-height: 40px;
text-align: center;
width: 25%;
*width: 24.9%;
background: url(../image/cpFlTabA.png) no-repeat left center;
font-size: 14px;
color: #333;
text-decoration: none;
}
.cpFlTab a:hover, .cpFlTab a.cur
{
background: url(../image/cpFlTabAH.png) repeat-x center;
color: #fff;
}
.cpListCont
{
border-left: 1px solid #e4eaee;
border-right: 1px solid #e4eaee;
overflow: hidden;
background: url(../image/cpListContBr.png) repeat-y center;
}
.cpListCont dl
{
float: left;
padding: 22px 0;
width: 490px;
border-bottom: 1px solid #ccc;
}
.cpListCont dl dt
{
margin-left: 25px;
}
.cpListCont dl dt img
{
border: 10px solid #e4eaee;
}
.cpListCont dl dd
{
margin-left: 235px;
margin-right: 25px;
height: 144px;
overflow: hidden;
}
.cpListCont dl dd h5
{
font-size: 14px;
height: 38px;
line-height: 38px;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.cpListCont dl dd h5 a
{
color: #024fa1;
}
.cpListCont dl dd span
{
font-weight: bold;
color: #333;
}
.cpListCont dl dd p
{
margin-top: 4px;
line-height: 20px;
height: 80px;
overflow: hidden;
color: #333;
}
.ggl
{
position: relative;
margin: 20px auto;
}
.ggl img
{
display: block;
}
.ggl span
{
position: absolute;
font-family: Arial,Helvetica,sans-serif;
}
.ggl01 span
{
left: 840px;
top: 56px;
font-size: 20px;
color: #fff;
}
.ggl02
{
margin-top: 0;
}
.ggl02 span
{
left: 828px;
top: 90px;
font-size: 20px;
color: #0451a4;
}
.ggl03 span
{
left: 834px;
top: 80px;
font-size: 20px;
color: #333;
}
.jjfaSpan
{
background-color: #eef2f5;
overflow: hidden;
}
.jjfaMu
{
width: 245px;
}
.jjfaMu h4 img
{
display: block;
}
.jjfaMu li
{
height: 36px;
line-height: 36px;
overflow: hidden;
}
.jjfaMu li a
{
*height: 36px;
*line-height: 36px;
padding-left: 34px;
display: block;
background: url(../image/jjfaMuLi.png) no-repeat center;
color: #fff;
text-decoration: none;
}
.jjfaMu li a:hover
{
background-image: url(../image/jjfaMuLiH.png);
color: #333;
}
.jjfaCont
{
width: 735px;
height: 456px;
background-color: #fff;
}
.jjfaCont dl
{
margin: 20px;
height: 196px;
overflow: hidden;
}
.jjfaCont dl dt img
{
border: 10px solid #e4eaee;
}
.jjfaCont dl dd
{
margin-left: 300px;
margin-right: 20px;
}
.jjfaCont dl dd h5
{
font-size: 16px;
height: 38px;
line-height: 38px;
}
.jjfaCont dl dd h5 a
{
color: #024fa1;
}
.jjfaCont dl dd p
{
margin-bottom: 20px;
line-height: 22px;
height: 110px;
overflow: hidden;
font-size: 13px;
}
.ysXianS
{
width: 972px;
border-width: 15px 4px 5px 4px;
border-style: solid;
border-color: #fff;
border-bottom-color: #ff9731;
}
.ysXianX
{
width: 972px;
border-width: 5px 4px 15px 4px;
border-style: solid;
border-color: #fff;
border-top-color: #ff9731;
}
.ysSpan
{
background: url(/en/templets/default/skins/Default/Img/Index/ysSpan.jpg) no-repeat center;
}
.ysBox
{
position: relative;
height: 1046px;
background: url(/en/templets/default/skins/Default/Img/Index/ysBg.jpg) no-repeat center;
}
.ysBox dl
{
position: absolute;
width: 500px;
}
.ysBox dt
{
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
color: #333;
}
.ysBox dd
{
background: url(/en/templets/default/skins/Default/Img/Index/ysDd_br.png) repeat-y 6px center;
}
.ysBox dd p
{
margin-bottom: 10px;
padding-left: 20px;
line-height: 18px;
font-size: 13px;
color: #535353;
background: url(/en/templets/default/skins/Default/Img/Index/ysP_ico.png) no-repeat left 4px;
}
.ysBox dd p b
{
color: #024fa1;
}
.ysBox .ys01
{
left: 468px;
top: 200px;
}
.ysBox .ys02
{
left: 114px;
top: 486px;
}
.ysBox .ys03
{
left: 468px;
top: 802px;
}
.ysPhone
{
position: absolute;
left: 468px;
top: 970px;
padding-left: 38px;
color: #333;
background: url(../image/ysPhone_ico.png) no-repeat left center;
}
.ysPhone p
{
font-size: 20px;
font-family: Arial,Helvetica,sans-serif;
color: #ff9731;
}
.khjzCont
{
overflow: hidden;
}
.khMax
{
width: 288px;
height: 304px;
border: 10px solid #e4eaee;
}
.khList
{
width: 654px;
}
.khList dl
{
margin-bottom: 20px;
height: 152px;
overflow: hidden;
}
.khList dl dt img
{
border: 10px solid #e4eaee;
}
.khList dl dd
{
margin-left: 222px;
margin-right: 20px;
}
.khList dl dd h5
{
font-size: 14px;
font-weight: normal;
height: 38px;
line-height: 38px;
}
.khList dl dd h5 a
{
color: #000;
}
.khList dl dd p
{
margin-bottom: 20px;
line-height: 22px;
}
.rySpan
{
padding-bottom: 20px;
background: url(/en/templets/default/skins/Default/Img/Index/rySpanBg.jpg) no-repeat center top;
}
.ryBox
{
width: 960px;
height: 333px;
border: 10px solid #eef2f5;
background-color: #fff;
}
.ryBox h4
{
margin: 0 20px;
}
.ryBox .ryCont
{
padding: 24px 0;
position: relative;
}
.ryBox .ryCont ul
{
margin: 0 auto;
width: 880px;
overflow: hidden;
}
.ryBox .ryCont li
{
margin: 0 12px;
width: 152px;
float: left;
text-align: center;
}
.ryBox .ryCont li img
{
border: 1px solid #e5e5e5;
}
.ryBox .ryCont li h5
{
padding-top: 12px;
font-weight: normal;
}
.ryBox .ryCont .btnLeft, .ryBox .ryCont .btnRight
{
position: absolute;
top: 50%;
margin-top: -15px;
width: 33px;
height: 33px;
}
.ryBox .ryCont .btnLeft
{
left: -18px;
background: url(../image/ryBtnLeft.png) no-repeat center;
}
.ryBox .ryCont .btnRight
{
right: -18px;
background: url(/en/templets/default/skins/Default/Img/Index/ryBtnRight.png) no-repeat center;
}
.gyBox
{
position: relative;
margin: 20px auto;
}
.gyPhone
{
position: absolute;
right: 0;
top: 10px;
padding-left: 24px;
font-size: 20px;
font-family: Arial,Helvetica,sans-serif;
color: #0451a4;
background: url(../image/gyPhone_ico.png) no-repeat left center;
}
.gyBox dl
{
height: 284px;
overflow: hidden;
background-color: #fff;
}
.gyBox dt
{
padding: 10px;
margin-right: 20px;
}
.gyBox dd
{
position: relative;
height: 284px;
}
.gyBox dd h5
{
padding-top: 10px;
height: 44px;
line-height: 44px;
font-size: 18px;
}
.gyBox dd h5 a
{
color: #333;
}
.gyBox dd p
{
margin-right: 30px;
line-height: 24px;
height: 96px;
overflow: hidden;
}
.gyBox .yjsm
{
position: absolute;
bottom: 0;
right: 0;
width: 608px;
overflow: hidden;
background-color: #0451a4;
}
.gyBox .yjsm a
{
float: left;
width: 25%;
height: 92px;
text-align: center;
background: url(/en/templets/default/skins/Default/Img/Index/yjsm_br.png) no-repeat left center;
}
.gyBox .yjsm a:hover
{
background-color: #333;
}
.scjd
{
padding-bottom: 25px;
background-color: #fff;
}
.scjd h4
{
margin: 0 20px;
}
.scjd .jdCont
{
margin-top: 10px;
position: relative;
}
.scjd .jdCont ul
{
margin: 0 auto;
width: 880px;
overflow: hidden;
}
.scjd .jdCont li
{
margin: 0 9px;
width: 202px;
float: left;
text-align: center;
}
.scjd .jdCont li img
{
padding: 10px;
border: 1px solid #e5e5e5;
}
.scjd .jdCont li h5
{
padding-top: 12px;
font-weight: normal;
}
.scjd .jdCont .btnLeft, .scjd .jdCont .btnRight
{
position: absolute;
top: 50%;
margin-top: -15px;
width: 33px;
height: 33px;
}
.scjd .jdCont .btnLeft
{
left: 10px;
background: url(../image/ryBtnLeft.png) no-repeat center;
}
.scjd .jdCont .btnRight
{
right: 10px;
background: url(/en/templets/default/skins/Default/Img/Index/ryBtnRight.png) no-repeat center;
}
.dtBox
{
width: 660px;
height: 376px;
overflow: hidden;
border: 1px solid #e5e5e5;
border-top-color: #024fa1;
}
.dtBox h4
{
height: 42px;
line-height: 42px;
overflow: hidden;
}
.dtBox h4 a
{
float: left;
width: 50%;
text-align: center;
font-size: 16px;
color: #333;
text-decoration: none;
background: url(../image/dtTitA.png) repeat-x center;
}
.dtBox h4 a:hover, .dtBox h4 a.cur
{
color: #fff;
background-image: url(../image/dtTitAH.png);
}
.dtBox dl
{
margin: 20px;
}
.dtBox dt img
{
border: 10px solid #e4eaee;
}
.dtBox dd
{
margin-left: 236px;
margin-right: 10px;
height: 154px;
overflow: hidden;
}
.dtBox dd h5
{
height: 52px;
line-height: 52px;
font-size: 14px;
}
.dtBox dd h5 a
{
color: #333;
}
.dtBox dd p
{
line-height: 20px;
}
.dtBox ul
{
margin: 0 20px;
padding-top: 14px;
border-top: 1px solid #cecece;
}
.dtBox li
{
position: relative;
height: 28px;
line-height: 28px;
}
.dtBox li a
{
display: inline-block;
padding-left: 10px;
background: url(../image/dtLi_ico.png) no-repeat left center;
width: 470px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #414141;
}
.dtBox li span
{
position: absolute;
right: 0;
top: 0;
color: #ccc;
}
.yxwlBox
{
width: 296px;
height: 376px;
border: 1px solid #e5e5e5;
}
.yxwlBox .contTit
{
padding: 0 16px;
height: 43px;
line-height: 43px;
background: url(../image/yxwlTit.png) repeat-x center;
}
.yxwlBox dt
{
padding-top: 10px;
text-align: center;
}
.yxwlBox dt img
{
border: 1px solid #e5e5e5;
}
.yxwlBox dd
{
margin: 15px;
color: #333;
overflow: hidden;
}
.infoSpan
{
margin-top: 20px;
background-color: #eef2f5;
}
.infoBox
{
padding-left: 16px;
margin-right: 18px;
height: 260px;
background: url(../image/infoBoxBg.png) repeat-y left center;
}
.infoBox .contTit
{
padding-top: 10px;
}
.infoBox .contTit span
{
text-transform: lowercase;
font-size: 12px;
}
.infoBox li
{
padding-left: 8px;
height: 26px;
line-height: 26px;
background: url(../image/infoLi_ico.png) no-repeat left center;
overflow: hidden;
}
.proInfo
{
width: 294px;
margin-right: 0;
}
.proInfo ul
{
overflow: hidden;
}
.proInfo li
{
float: left;
width: 46%;
}
.lxwmInfo
{
margin-right: 0;
}
.lxwmInfo dd
{
margin-left: 130px;
width: 140px;
}
.lxwmInfo dd p
{
padding-left: 22px;
padding-bottom: 10px;
font-size: 13px;
font-weight: bold;
color: #333;
background-repeat: no-repeat;
background-position: left top;
}
.lxwmInfo dd p em
{
font-size: 12px;
}
.lxwmInfo dd p.t1
{
background-image: url(/en/templets/default/skins/Default/Img/Index/lxT1_ico.png);
}
.lxwmInfo dd p.t2
{
background-image: url(/en/templets/default/skins/Default/Img/Index/lxT2_ico.png);
}
.lxwmInfo dd p.t3
{
background-image: url(../image/lxT3_ico.png);
}
.lxwmInfo dd p.t4
{
background-image: url(/en/templets/default/skins/Default/Img/Index/lxT4_ico.png);
}
#flashs
{
position: relative;
height: 600px;
overflow: hidden;
}
#flashs .bgitem
{
z-index: 1;
position: absolute;
top: 0;
}
#flashs img
{
display: block;
width: 100%;
height: 600px;
}
#flashs .btn
{
position: absolute;
z-index: 7;
bottom: 15px;
left: 50%;
margin-left: -95px;
padding: 0 6px;
}
#flashs .btn span
{
color: #fff;
background: #333;
cursor: pointer;
display: inline-block;
margin: 0 2px;
width: 25px;
height: 25px;
font-size: 14px;
line-height: 25px;
text-align: center;
}
#flashs .btn span.cur
{
background: #024fa1;
}
#jianzhengflashs
{
position: relative;
height: 300px;
width: 300px;
overflow: hidden;
}
#jianzhengflashs .bgitem
{
z-index: 1;
position: absolute;
top: 0;
}
#jianzhengflashs .btn
{
position: absolute;
z-index: 7;
bottom: 15px;
right: 15%;
padding: 0 6px;
}
#jianzhengflashs .btn span
{
color: #fff;
background: #fff;
cursor: pointer;
display: inline-block;
margin: 0 2px;
width: 12px;
height: 12px;
font-size: 14px;
line-height: 12px;
text-align: center;
border-radius: 8px;
}
#jianzhengflashs .btn span.cur
{
background: #024fa1;
}
@media all and (max-width: 1100px)
{
#flashs
{
height: 400px;
}
#flashs img
{
height: 400px;
}
}