/* CSS Document */
*{margin:0px;padding:0px;list-style-type:none;}
img{border:0;}
a{text-decoration:none;}
a:hover{color:#C30;}
body{font-size:14px;font-family:"Microsoft Yahei";color:#666666; background:url(../images/bg.png) center top no-repeat #f3f3f3;}
.main{width:1200px; margin:0 auto; background-color:#FFF; position:relative; display:block;}
.main_content{width:1200px !important; display:inline-block; padding:10px;}
.jj_pic{width:450px; float:left; display:inline-block; background-color:#eee; border-radius:3px; padding:5px;}
.jj_content{width:700px; float:left; display:inline-block; height:280px; overflow:hidden;padding:0 20px;}
.jj_content h1{font-size:24pt; text-align:center; padding:10px; display:inline-block; width:100%; color:#36F;}
.jj_content P{ text-indent:2em; font-size:12pt; line-height:30px; }
.jj_content P a{ color:blue;}
.aboutUs-iconBtns {
	float:left;
    border-bottom: 1px solid #eee;
    padding: 0 0 0 10px;
    margin-bottom: 30px;
	margin-top:20px;
	width:1160px;}
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.aboutUs-iconBtns li {
    float: left;
    width: 100px;
    text-align: center;
    position: relative;
    height: 90px;
    margin-right: 50px;
}
.aboutUs-iconBtns i {
    display: block;
    height: 50px;
    background: url(../images/aboutUs-iconBtns.png) center -17px no-repeat;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
}
.aboutUs-iconBtns s {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/aboutUs-iconBtns.png) 0 -891px no-repeat;
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -8px;
}
.aboutUs-iconBtns .li8 i{
    background-position:center -679px
}
.aboutUs-iconBtns .li2 i{
    background-position:center -117px
}
.aboutUs-iconBtns .li3 i{
    background-position:center -217px
}
.aboutUs-iconBtns .li4 i{
    background-position:center -317px
}
.aboutUs-iconBtns .li5 i{
    background-position:center -417px
}
.aboutUs-iconBtns .li6 i{
    background-position:center -517px
}
.aboutUs-iconBtns .li7 i{
    background-position:center -617px
}
.aboutUs-iconBtns .on{
    background:url(../images/aboutUs-iconBtns.png) center -731px no-repeat;
    font-weight:bold;
    color:#3269B8
}
.aboutUs-iconBtns .on a{
    color:#3269B8
}
.aboutUs-iconBtns .on s{
    background-position:0 -846px
}
.aboutUs-iconBtns li a:hover{
    text-decoration:none
}
.aboutUs-iconBtns li a:hover i{
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}
.aboutUs-iconBtns .last{
    margin-right:0
}
#aboutUs-rowC .hd{
    height:50px;
    text-align:center;
    margin-bottom:20px;
    position:relative;
}
#aboutUs-rowC .hd h3{
    line-height:48px;
    border:1px solid #eee;
    text-align:center;
    width:200px;
    -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; 
    margin:0 auto;
    position:relative;
    z-index:2;
    background:#FFFEF6;
    font-size:18px;
    font-weight:bold;
    color:#3069B8;
}
#aboutUs-rowC .hd h3 a{
    color:#3069B8;
}
#aboutUs-rowC .hd i{
    height:1px;
    line-height:0;
    font-size:0;
    background:#eee;
    display:block;
    position:absolute;
    width:100%;
    left:0;
    top:25px;
}
#aboutUs-rowC .bd{
    overflow:hidden;
    height:370px;
}
#aboutUs-rowC .video{
    float:left;
    position:relative;
    width:500px;
    height:370px;
}
#aboutUs-rowC .video .pic img{
    width:500px;
    height:370px;
}
#aboutUs-rowC .video .pic{
    position:relative;
    z-index:1;
}
#aboutUs-rowC .video .titleBg{
    position:absolute;
    width:100%;
    height:370px;
    background:#000;
    filter:alpha(opacity=60);opacity:0.6;
    left:0;
    top:0;
    z-index:2;
}
#aboutUs-rowC .video i{
    display:block;
    position:absolute;
    width:78px;
    height:60px;
    left:50%;
    margin:-30px 0 0 -39px;
    top:40%;
    z-index:3;
    background:url(../images/playButton.png);
    -webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;
    -moz-transform:scale(.9,.9); -webkit-transform:scale(.9,.9); -o-transform:scale(.9,.9); transform:scale(.9,.9);
}
#aboutUs-rowC .video .title{
    position:absolute;
    text-align:center;
    width:100%;
    top:0;
    left:0;
    z-index:4;
    font-size:18px;
    height:370px;
    overflow:hidden;
}
#aboutUs-rowC .video .title a{
    color:#fff;
    display:block;
    line-height:420px;
}
#aboutUs-rowC .video li:hover i{
    -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);
}
.csfmList{
    overflow:hidden
}
.csfmList li{
    float:left;
    position:relative;
    height:185px;
    margin:0 0 1px 1px;
    overflow:hidden;
}
.csfmList .title,.csfmList .titleBg{
    display:block;
    position:absolute;
    width:100%;
    height:50px;
    line-height:50px;
    left:0;
    bottom:0;
    text-align:center;
    z-index:2;
    -webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;
}
.csfmList .title a{
    color:#fff;
    font-size:18px;
    display:block;
    height:100%;
}
.csfmList .title a:hover{
    text-decoration:none
}
.csfmList .titleBg{
    background:#000;
    filter:alpha(opacity=60);opacity:0.6;
    z-index:1;
}
.csfmList li:hover .title{
    height:185px;
    line-height:185px;
}
.csfmList li:hover .titleBg{
    height:185px;

}





.row{
    overflow:hidden;
    margin-bottom:20px;
	float:left;
}