@charset "utf-8";
/* CSS Document */

/*通用样式*/
.main{
background:#f8f8f8;
}

.index-title{
    padding-top: 90px;
    margin-bottom: 40px;
}

.index-title li{
    font-size: 20px;
    line-height: 18px;
    /*font-weight: bold;*/
    color: white;
}

.index-title li span{
    display: block;
    text-transform: capitalize;
    font-family: Arial;
    font-weight: normal;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
.szb1{
width:1672px;
margin:0 auto;
background: url(../images/01.png) no-repeat left top;
}

.szb2{
width:1672px;
margin:0 auto;
background: url(../images/02.png) no-repeat left 25px;
}

.szb3{
width:1672px;
margin:0 auto;
background: url(../images/03.png) no-repeat left top;
}

.index-title a{
font-size:16px;
color:white;
}

.index-title2{
    padding-top: 70px;

}

.index-title2 li{
    display: inline!important;!important;
    float: none;
    font-size: 20px;
    line-height: 18px;

}

.index-title2 li span{
    display: block;
    /*margin-top: 14px;*/
    text-transform: capitalize;
    font-size: 18px;
    font-family: Arial;
    font-weight: normal;
    opacity:0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}

.index-title2 a{
font-size:16px;
color:#888888;
}

.index-news{
    background: white;
}

.list-box{
margin-bottom:80px;
    padding-top: 50px;
}

.index-news .list{
    margin-bottom: 36px;
    padding-bottom: 34px;
    border-bottom: 1px solid #ececec;
}

.index-news .list-box .list:nth-child(3n+3){
border-bottom: none;
}

.index-news .list .title{
    height: 24px;
    line-height: 24px;
}

.index-news .list .title .rq{
    width: 104px;
    height: 24px;
    float: left;
    border-radius: 5px;
    font-family: Arial;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 24px;
    background: #333333;
}

.index-news .list .title .bt a{
    width: 1348px;
    float: right;
    font-weight: bold;
    font-size: 16px;
}

.index-news .list .summary{
    display: block;
    width: 100%;
    height: 26px;
    margin-top: 22px;
    color: #666666;
	font-size:14px;
    overflow: hidden;
}


/*banner*/
.banner{
width:100%;
height:600px;
overflow:hidden;
position:relative;
font-size:0;
}
.b-img{
height:600px;
position:absolute;
left:0;
top:0;
}
.b-img a{
display:block;
height:600px;
float:left;
}
   
.b-list{ 
height:6px; 
padding-top:570px;
position:relative;
margin:0 auto;
z-index:1;
}

.b-list span{
display:block;
width:14px;
height:6px;
cursor:pointer;
border-radius:3px;
float:left;
margin:0 5px;
_margin:0 3px;
background:white;
}

.b-list .spcss{
width:26px;
background:#2461ef;
}

.bar-left{
width:100px;
height:100%;
position:absolute;
z-index:1;
display:block;
left:0px;
background:none;
top:0px;
}

.bar-right{
width:100px;
height:100%;
position:absolute;
z-index:1;
display:block;
right:0px;
background:none;
top:0px;
}

.bar-left em{
display:block;
width:50px;
height:100px;
background:url(../images/arrow.png) 0px 0px no-repeat;
margin:0 auto;
margin-top:325px;
}
.bar-right em{
display:block;
width:50px;
height:100px;
background:url(../images/arrow.png) -50px 0px no-repeat;
margin:0 auto;
margin-top:325px;
}
.bar-left .emcss{
background-position:0px -100px;
}
.bar-right .emcss{
background-position:-50px -100px;
}


/*产品中心*/
.index-product{
padding-top:20px;
    padding-bottom: 70px;
	background:#f8f8f8;
}


.bodyCon08 .students{
margin:50px auto 0 auto;
    width: 1576px;
    height: 465px;
    position: relative;
}

.bodyCon08 .students p.PP{
width:510px;
height:50px;
font-size:16px;
color:#333;
text-align:center;
position:absolute;
top:60px;
left:300px;
}

#four_flash{
position:relative;
width:1576px;
height:465px;
margin:0 auto;
position:absolute;
}

#four_flash .flashBg{
width: 1476px;
height: 465px;
margin:0 auto;
position:relative;
overflow:hidden;
}

#four_flash .flashBg ul.mobile{
width:2000%;
height: 465px;
position:absolute;
top:15;
left:0;
}

#four_flash .flashBg ul.mobile li{
width:427px;
height:427px;
padding: 18px;
margin-right:40px;
border: 1px solid white;
float:left;
color:#6C6E85;
transition:all 1s ease 0s;
background:white;
}

#four_flash .flashBg ul.mobile li:hover{
color: #fff;
cursor:pointer;
border:1px solid #2461ef;
}

#four_flash .flashBg ul.mobile li img{
width:427px;
height:320px;
border:none;
}
#four_flash .flashBg ul.mobile li dd{
font-size: 16px;
width: 100%;
height:72px;
line-height:72px;
text-align:center;
border-bottom:1px solid #ededed;
}
#four_flash .flashBg ul.mobile li p{
font-size:15px;
text-align:center;
width: 100%;
margin-top:10px;
}
#four_flash .flashBg ul.mobile li a{
display:block;
}

#four_flash .flashBg ul.mobile li a:hover dd{
color:#333333;
}

#four_flash .but_left,
#four_flash .but_right{
cursor: pointer;
}

#four_flash .but_left{
width:50px;
height:100px;
position:absolute;
top:136px;
left:0px;
}
#four_flash .but_right{
width:50px;
height:100px;
position:absolute;
top:136px;
right:0px;
}
#four_flash .but_left:hover{
background:url(../images/qianxleft1.png) no-repeat;
}
#four_flash .but_right:hover{
background:url(../images/qianxr1.png) no-repeat;
}









/*公司简介*/
.index-intro-bg{
    height: auto;
}

.index-intro{
    height: 739px;
    color: white;
    background: url("../images/intro.jpg") center top no-repeat;
    background-size: 100% auto;
}

/*.index-intro div{*/
    /*height: auto;*/
    /*overflow: hidden;*/
/*}*/

.index-intro .intro{
    height: auto;
    margin-top: 46px;
    padding-left: 122px;
    /*padding-left: 90px;*/
    overflow: hidden;
}

.index-intro .intro .intro-left span{
    display: block;
    height: 146px;
    margin-bottom: 34px;
    /*margin-bottom: 54px;*/
    overflow: hidden;
    font-size: 15px;
}

.index-intro .intro .intro-left a{
    display: block;
    width: 134px;
    height: 43px;
    line-height: 36px;
    text-align: center;
    background: url("../images/introa.png") left center no-repeat;
}

.index-intro .intro .intro-left a:hover{
    color: white;
    background: url("../images/introa-h.png") left center no-repeat;
}

.index-intro .intro .intro-left{
    width: 544px;
    padding-top: 48px;
    /*padding-top: 28px;*/
    text-align: justify;
}

.intro-img-box{
    display: table;
    width: 500px;
    height: 332px;
    padding-right: 165px;
    position: relative;
}

.intro-img-box .intro-img-bg{
    width: 475px;
    height: 240px;
    position: absolute;
    left: 26px;
	bottom:0;
    background:white ;
}

.intro-img-box .intro-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 453px;
    height: 303px;
    border-radius: 15px;
}

.intro-img-box .intro-img img{
    width: 100%;
    height: 100%;
}

.index-intro-three-box{
    height: 420px;
    margin-top: -118px;
	padding-bottom:20px;
}

.index-intro-three-box .index-intro-three{
    height: 118px;
    background: url("../images/introbg.png") no-repeat top center;
}

.index-intro-three-box .index-intro-three .list{
    width: 23%;
    margin:-20px 5.16% 0 5.16%;
    float: left;
}

.index-intro-three-box .index-intro-three .list .img{
    width: 230px;
    height: 230px;
    margin: 0 auto;
    border: 3px solid white;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    background: white;
    /* 在css样式中引入 PIE.htc 文件 */
    behavior: url(PIE.htc);

}
.index-intro-three-box .index-intro-three .list .img img{
    width: 100%;
    height: 100%;
}

.index-intro-three-box .index-intro-three .list h3{
    font-size: 18px;
    text-align: center;
    padding: 36px 0 6px 0;
}

.index-intro-three-box .index-intro-three .list span{
    display: block;
    height: 83px;
	color:#888888;
    overflow: hidden;
}

/*banner*/
.banner img{
    width: 1920px;
    height: auto;
}