li { list-style-type: none }
img { border: 0 none }
img { vertical-align: top }

em { font-style: normal }
a { color:#000000;text-decoration: none!important; transition:0.2s all; -webkit-transition:0.1s all;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }


img{max-width: 100%;}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before { content: ''; display: table }
.fixed:after { content: ''; display: table; clear: both }
.fixed { *zoom: 1 }
.clear{ display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

*{box-sizing: border-box;}
.wrap2 {max-width: 1200px; margin:0 auto; width: 100%;}

.tit{ color:#000; line-height: 1.2; font-weight: bold; text-align: center;}
.tit em{ display: block; width:60px; height:2px; margin:25px auto 25px; background: #141414;}

.index-part01{ margin:6% 0 0;}
.index-part01 h3{ text-align: center; margin-bottom:4%;}
.index-part01 .tab-tit{margin:0 0 60px;}
.index-part01 .tab-tit li{ cursor: pointer; position: relative; float: left; width:33.33%; height:50px; line-height: 50px; border:1px solid #E7E7E7; border-right:none; text-align: center;}
.index-part01 .tab-tit li.on{color:#fff; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);}
.index-part01 .tab-tit li:last-child{border-right:1px solid #E7E7E7;}
.index-part01 .tab-tit li span{ position: relative; z-index: 1;}
.index-part01 .tab-tit li em{position: absolute; z-index:0; left:0; top:0; width:0; height:100%;background: #1E90FF;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.index-part01 .tab-tit li.on em{ width:100%;}
.index-part01 .tab-con{height:320px;}
.index-part01 .tab-con .ll{ float: left;text-align:center; width:33.1%;}
.index-part01 .tab-con .ll img{}
.index-part01 .tab-con .rr{ float: right; width:64.4%;}
.index-part01 .tab-con .rr .img{ display: none;}
.index-part01 .tab-con .rr h2{margin:10px 0; font-family:SourceHanSansCN-Medium;}
.index-part01 .tab-con .rr p{ line-height: 2; width:92%;}
.index-part01 .tab-con .rr dl{margin-top:35px; width:100%;}
.index-part01 .tab-con .rr dl dt{margin-bottom:20px; width:100%;font-family: SourceHanSansCN-Regular;}
.index-part01 .tab-con .rr dl dd{ float: left; width:33.33%; padding-left: 10px; margin-bottom: 12px; position: relative;}
.index-part01 .tab-con .rr dl dd::before{content: ""; position: absolute; left:0; top:50%; margin-top:-2px; width:5px; height:5px; border-radius: 5px; background: #1E90FF;}

.index-part02{ margin:6% 0 0;}
.index-part02 h3{ text-align: center; margin-bottom:4%;}


@media only screen and (max-width: 1279px) {
    .index-part01 .tab-con .rr dl{width:100%;}
}




@media only screen and (max-width: 1023px) {
    .index-part01 .tab-con .rr dl dd{width:50%;}
}

@media only screen and (max-width:767px) {
    .index-part01 .tab-tit{margin-bottom:20px;}
    .index-part01 .tab-tit li{ height:36px; line-height: 36px;}
    .index-part01 .tab-con{ height: auto;}
    .index-part01 .tab-con .ll,.index-part01 .tab-con .rr{width:100%;}
    .index-part01 .tab-con .ll{ text-align: center; display: none;}
    .index-part01 .tab-con .ll img{width:70%;}
    .index-part01 .tab-con .rr dl{margin-top:20px;}
    

    .index-part01 .tab-con .rr .img{ display: block; float: right; width:36%; margin-top:40px;}
    .index-part01 .tab-con .rr .txt{ float: left; width:60%;}
    .index-part01 .tab-con .rr p{width:100%;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; max-height: 8em;overflow:hidden;}
    /*.index-part01 .tab-con .rr h2,.index-part01 .tab-con .rr p,.index-part01 .tab-con .rr dl dt{ text-align: center;}*/

}