@charset "UTF-8";
.con1{
     width: 100%;
     height: 958px;
}
.con1>.M{
     overflow: hidden;
}
.c1-left{
     margin-top: 50px;
     background: url(../images/c1left.jpg)no-repeat center;
     width: 280px;
     height: 861px;
     float: left;
}
.c1-left>ul{
     margin-top: 129px;
     width: 100%;
}
.c1-left>ul>li{
     width: 100%;
    transition: all 0.2s;
    height: 30px;
    overflow: hidden;
}
.c1-left>ul>li.active{
     //height: auto;
}
.c1-left>ul>li>p{
     margin-left: 50px;
     border-radius: 50px;
     background: url(../images/c1icon.png)no-repeat 15px center;
     display: inline-block;
     padding-right: 10px;
     height: 30px;
}
.c1-left>ul>li.active>p{
     background: url(../images/c1icon.jpg)no-repeat 15px center;
}
.c1-left>ul>li.active>p{
     background-color: #003D76;
}
.c1-left>ul>li>p>a{
     height: 100%;
     display: block;
     font-size: 16px;
     padding-left: 32px;
     color: #fff;
     line-height: 30px;
}
.c1-left>ul>li>p>a:nth-child(1){
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    padding-left: 0;
}
.c1-left>ul>li>ul{

}
.c1-left>ul>li>ul>li{
     line-height: 14px;
     height: 14px;
     margin-top: 10px;
}
.c1-left>ul>li>ul>li:last-child{
     margin-bottom: 10px;
}
.c1-left>ul>li>ul>li>a{
     font-size: 14px;
     color: #fff;
     margin-left: 80px;
}

.c1-right{
     margin-top: 50px;
     width: 880px;
     height: 861px;
     float: right;
}
.c1-r-top{
     width: 100%;
     height: 380px;
}
.c1-r-t-item{
     width: 100%;
     height: 100%;
     display: none;
}
.c1-r-t-item.active{
     display: block;
}
.c1-r-t-p{
     float: left;
     width: 521px;
     height: 378px;
     border-top: 1px solid #22D2D4;
     border-left: 1px solid #22D2D4;
     border-bottom: 1px solid #22D2D4;
}
.c1-r-t-p>img{
     width: 100%;
     height: 100%;
}
.c1-r-t-t{
     background: #0071DA;
     float: right;
     width: 357px;
     height: 380px;
}
.c1-r-t-t>p:nth-child(1){
     display: block;
     border-bottom: 2px solid #fff;
     height: 50px;
     width: 48px;
     line-height: 50px;
     margin: 0 auto;
     margin-bottom: 15px;
}
.c1-r-t-t>p:nth-child(1)>em{
     font-style: normal;
     width: 235px;
text-align: center;
     display: block;
     font-size: 18px;
     color: #fff;
     margin-left: 50%;
     transform: translateX(-50%);
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.c1-r-t-t>p:nth-child(n+2){
     font-size: 14px;
     color: #fff;
     line-height: 30px;
     height: 30px;
}
.c1-r-t-t>p:nth-child(n+2)>em{
     font-size: 14px;
     color: #fff;
     width: 120px;
     display: block;
     float: left;
     text-align: right;
     font-style: normal;
}
.c1-r-t-t>div{
     /* overflow: hidden; */
     border-radius: 50px;
     margin: 25px auto 0;
     width: 260px;
     height: 40px;
}
.c1-r-t-t>div>a{
     display: block;
     width: 128px;
     height: calc(100% - 2px);
     float: left;
     text-align: center;
     line-height: 38px;
     font-size: 14px;
}
.c1-r-t-t>div>a:nth-child(1){
     background: #fff;
     color: #0071da;
     border: 1px solid #fff;
     border-radius: 50px 0 0 50px;
}
.c1-r-t-t>div>a:nth-child(2){
     color: #fff;
     border: 1px solid #fff;
     border-radius: 0 50px 50px 0;
}
.c1-hot{
     position: absolute;
}
.c1click{
     width: 100px;
     height: 50px;
     margin-top: 330px;
     position: absolute;
}
.c1l{
     width: 50px;
     height: 50px;
     float: left;
     background: url(../images/c1l.jpg)no-repeat center;
}
.c1r{
     width: 50px;
     height: 50px;
     float: left;
     background: url(../images/c1r.jpg)no-repeat center;
}
.c1l>a,.c1r>a{
     display: block;
     width: 100%;
     height: 100%;
}
.c1call{
     position: absolute;
     margin-left: 299px;
     margin-top: 330px;
     width: 224px;
     height: 50px;
     font-size: 14px;
     color: #fff;
     background: #0071DA;
     line-height: 50px;
     text-align: center;
}
.c1hot{
     width: 50px;
     height: 50px;
     margin-left: 820px;
     position: absolute;
     background: url(../images/hot.png)no-repeat center;
}

.c1-r-bottom{
     width: 100%;
     height: 461px;
     margin-top: 20px;
}
.c1-list>div{
     margin-left: 20px;
     margin-top: 35px;
     width: 278px;
     height: 211px;
     border: 1px solid #D8D8D8;
     float: left;
}
.c1-list>div:nth-child(3n+1){
     margin-left: 0;
}
.c1-list>div:nth-child(-n+3){
     margin-top: 0px;
}
.c1-item-p{
      width: 278px;
      height: 181px;
}
.c1-item-p>a{
     display: block;
     width: 100%;
     height: 100%;
}
.c1-item-p>a>img{
     width: 100%;
     height: 100%;
}
.c1-list>div>a{
     width: 278px;
     height: 30px;
     display: block;
     font-size: 14px;
     color: #333;
     line-height: 30px;
     text-align: center;
     background: #D8D8D8;
}
.c1-list>div:hover>a{
background: #0071DA;
color:#fff;
}

/* con2 */
.con2{
     width: 100%;
     height: 251px;
     background: url(../images/c2bg.png)no-repeat center;
}
.con2>.M{
     overflow: hidden;
}
.con2 a{
     margin-left: 1060px;
     margin-top: 155px;
     display: block;
     width: 120px;
     height: 28px;
}

/* con3 */
.con3{
     width: 100%;
     height: 467px;
}
.con3>.M{
     overflow: hidden;
}
.c3title{
     width: 100%;
     height: 56px;
     margin-top: 50px;
     background: url(../images/c3title.png)no-repeat center;
}
.c3-list{
     margin-top: 42px;
     width: 100%;
     height: 320px;
}
.c3item{
     transition: all .2s;
     width: 276px;
     height: 316px;
     float: left;
     border: 2px solid #fff;
}
.c3item:hover{
     box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.2);
     border: 2px solid #ff4800;
}
.c3item>div{
     transition: all .2s;
     width: 120px;
     height: 120px;
     margin: 28px auto 0;
}
.c3item>p:nth-child(2){
     transition: all .2s;
     height: 40px;
     border-bottom: 2px solid #0071DA;
     display: block;
     width: 40px;
     line-height: 40px;
     margin: 0 auto;
}
.c3item:hover>p:nth-child(2){
     border-bottom: 2px solid #ff4800;
}
.c3item>p:nth-child(2)>em{
     transition: all .2s;
     display: block;
     line-height: 40px;
     color: #666;
     width: 80px;
     margin-left: 50%;
     transform: translateX(-50%);
     font-size: 18px;
     font-style: normal;
}
.c3item:hover>p:nth-child(2)>em{
     font-weight: bold;
}
.c3item>p:nth-child(3){
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
     font-size: 14px;
     color: #666;
     padding: 0 15px;
     margin-top: 15px;
}
.c3-list>.c3item:nth-child(1)>div{background: url(../images/c31_.png)no-repeat center;}
.c3-list>.c3item:nth-child(2)>div{background: url(../images/c32_.png)no-repeat center;}
.c3-list>.c3item:nth-child(3)>div{background: url(../images/c33_.png)no-repeat center;}
.c3-list>.c3item:nth-child(4)>div{background: url(../images/c34_.png)no-repeat center;}

.c3-list>.c3item:nth-child(1):hover>div{background: url(../images/c31.png)no-repeat center;}
.c3-list>.c3item:nth-child(2):hover>div{background: url(../images/c32.png)no-repeat center;}
.c3-list>.c3item:nth-child(3):hover>div{background: url(../images/c33.png)no-repeat center;}
.c3-list>.c3item:nth-child(4):hover>div{background: url(../images/c34.png)no-repeat center;}


.con4{
     width: 100%;
     height: 1016px;
}
.con4>.M{
     overflow: hidden;
}
.c4title{
     background: url(../images/c4title.png)no-repeat center;
     width: 100%;
     height: 56px;
     margin-top: 50px;
}
.c4con{
     margin-top: 23px;
     width: 100%;
     height: 889px;
     background: url(../images/c4bg.jpg)no-repeat center;
}
.c4t{
     overflow: hidden;
     width: 450px;
     height: 200px;
}
.c4t>p:nth-child(1){
     margin-top: 12px;
     margin-bottom: 12px;
     font-weight: bold;
     padding-left: 50px;
     font-size: 18px;
     color: #444;
     line-height: 20px;
     height: 20px;
     background: url(../images/c4icon.png)no-repeat 20px center;
}
.c4t>p:nth-child(n+2){
     padding-left: 50px;
     line-height: 25px;
     font-size: 14px;
     color: #666;
     background: url(../images/c4icon2.png)no-repeat 36px 9px;
}


.c4t1{
     margin-left: 180px;
}
.c4t2{
     margin-top: 30px;
     margin-left: 180px;
}
.c4t3{
     margin-top: 27px;
     margin-left: 540px;
}
.c4t4{
     margin-top: 30px;
     margin-left: 540px;
}


/* con5 */
.con5{
     width: 100%;
     height: 500px;
}
.con5>.M{
     overflow: hidden;
}
.c5title{
     margin-bottom: 34px;
     width: 100%;
     height: 56px;
     margin-top: 50px;
     background: url(../images/c5title.png)no-repeat center;
}
.c5left{
     float: left;
}
.c5right{
     float: right;
}
.c5t{
     width: 280px;
     height: 120px;
}
.c5left .c5t>p:nth-child(1){
     text-align: right;
     line-height: 24px;
     height: 24px;
     font-size: 24px;
     color: #444;
}
.c5left .c5t>p:nth-child(2){
     display: block;
     width: 74px;
     height: 35px;
     line-height: 35px;
     float: right;
     border-bottom: 3px solid #D8D8D8;
}
.c5left .c5t:hover>p:nth-child(2){
     border-bottom: 3px solid #0071DA;
}
.c5right .c5t:hover>p:nth-child(2){
     border-bottom: 3px solid #0071DA;
}
.c5t:hover>p:nth-child(1),.c5t:hover>p:nth-child(2)>em,.c5t:hover>p:nth-child(3){
     font-weight: bold;
}
.c5left .c5t>p:nth-child(2)>em{
     margin-left: -204px;
     display: block;
     width: 280px;
     text-align: right;
     font-style: normal;
     font-size: 18px;
     color: #666;
}

.c5right .c5t>p:nth-child(1){
     text-align: left;
     line-height: 24px;
     height: 24px;
     font-size: 24px;
     color: #444;
}
.c5right .c5t>p:nth-child(2){
     display: block;
     width: 74px;
     height: 35px;
     line-height: 35px;
     float: left;
     border-bottom: 3px solid #D8D8D8;
}
.c5right .c5t>p:nth-child(2)>em{
     display: block;
     width: 280px;
     text-align: left;
     font-style: normal;
     font-size: 18px;
     color: #666;
}
.c5left .c5t>p:nth-child(3){
     float: right;
     font-size: 14px;
     color: #777;
     line-height: 25px;
     margin-top: 8px;
}
.c5right .c5t>p:nth-child(3){
     float: left;
     font-size: 14px;
     color: #777;
     line-height: 25px;
     margin-top: 8px;
}
.c5left .c5t:nth-child(2){
     margin-top: 105px;
}
.c5right .c5t:nth-child(2){
     margin-top: 95px;
}
.c5p{
     margin-left: 10px;
     float: left;
     width: 591px;
     height: 360px;
}
.c5p>img{
     width: 100%;
     height: 100%;
}


/* con6 */
.con6{
     width: 100%;
     height: 655px;
}
.con6>.M{
     overflow: hidden;
}
.c6title{
     width: 100%;
     height: 56px;
     margin-top: 50px;
     margin-bottom: 19px;
     background: url(../images/c6title.png)no-repeat center;
}
.c6con{
     width: 1181px;
     height: 530px;
}
.c6-left{
     width: 878px;
     height: 528px;
     float: left;
     border: 1px solid #22D2D4;
}
.c6-right{
     float: left;
     width: 300px;
     height: 530px;
}
.c6-page{
     width: 100%;
     height: 100%;
     display: none;
}
.c6-page.active{
     display: block;
}
.c6-click{
     position: absolute;
}
.c6l{
     position: absolute;
     display:block;
     width: 58px;
     height: 70px;
     margin-top: 197px;
     background: url(../images/c6l.png)no-repeat center rgba(0,113,218,0.5);
}
.c6r{
     position: absolute;
     display:block;
     width: 58px;
     height: 70px;
     margin-top: 197px;
     margin-left: 821px;
     background: url(../images/c6r.png)no-repeat center rgba(255,72,0,0.5);
}
.c6-list{
     width: 100%;
     height: 100%;
}
.c6-item{
     display: none;
     width: 100%;
     height: 100%;
}
.c6-item.active{
     display: block;
}
.c6-item>a{
display:block;
	width: 100%;
     height: 100%;
}
.c6-item>a>img{
     width: 100%;
     height: 100%;
}
.c6zz{
     width: 879px;
     height: 110px;
     background: rgba(0,113,218,0.5);
     margin-top: 419px;
     position: absolute;
}
.c6zz>p:nth-child(1){
     font-size: 18px;
     color: #fff;
     padding-left: 45px;
     padding-right: 45px;
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     margin-top: 10px;
}
.c6zz>p:nth-child(1)>a{
     color: #fff;
}
.c6zz>p:nth-child(2){
     font-size: 14px;
     margin-top: 10px;
     line-height: 25px;
     color: #fff;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
     padding-left: 45px;
     padding-right: 45px;
}
.c6zz>p:nth-child(2)>a{
	color:#fff;
}
.c61{
     width: 100px;
     height: 420px;
     background: url(../images/c6bg1.png)no-repeat center;
     float: left;
}
.c62{
     width: 100px;
     height: 420px;
     background: url(../images/c6bg2.png)no-repeat center;
     float: left;
}
.c63{
     width: 100px;
     height: 420px;
     background: url(../images/c6bg3.png)no-repeat center;
     float: left;
}
.c6a{
     display: block;
     position: absolute;
     width: 198px;
     height: 58px;
     margin-left: 59px;
     margin-top: 472px;
     background: #ff4800;
     border-radius: 5px;
     color: #fff;
     font-size: 18px;
     text-align: center;
     line-height: 58px;
}
.c61.active,.c61:hover{background: url(../images/c6bg1_.png)no-repeat center;}
.c62.active,.c62:hover{background: url(../images/c6bg2_.png)no-repeat center;}
.c63.active,.c63:hover{background: url(../images/c6bg3_.png)no-repeat center;}
/* con7 */
.con7{
     margin-top: 15px;
     width: 100%;
     height: 233px;
     background: url(../images/c7bg.png)no-repeat center;
}
.con7>.M{
     overflow: hidden;
}
.con7 a{
     display: block;
     margin-top: 191px;
     width: 120px;
     height: 28px;
}


/* con8 */
.con8{
     width: 100%;
     height: 1177px;
     background: url(../images/c8bg.png)no-repeat center;
}
.con8>.M{
     overflow: hidden;
}
.c8title{
     margin-bottom: 19px;
     width: 100%;
     height: 56px;
     margin-top: 50px;
     background: url(../images/c8title.png)no-repeat center;
}
.c8-list1{
     width: 100%;
     height: 297px;
}
.c8-list1>div{
     margin-left: 20px;
     margin-top: 19px;
     float: left;
     width: 280px;
     height: 139px;
}
.c8-list1>div:nth-child(4n+1){
     margin-left: 0;
}
.c8-list1>div:nth-child(-n+4){
     margin-top: 0;
}
.c8-list1>div:nth-child(1){background:url(../images/c8icon1.png)no-repeat center;}
.c8-list1>div:nth-child(2){background:url(../images/c8icon2.png)no-repeat center;}
.c8-list1>div:nth-child(3){background:url(../images/c8icon3.png)no-repeat center;}
.c8-list1>div:nth-child(4){background:url(../images/c8icon4.png)no-repeat center;}
.c8-list1>div:nth-child(5){background:url(../images/c8icon5.png)no-repeat center;}
.c8-list1>div:nth-child(6){background:url(../images/c8icon6.png)no-repeat center;}
.c8-list1>div:nth-child(7){background:url(../images/c8icon7.png)no-repeat center;}
.c8-list1>div:nth-child(8){background:url(../images/c8icon8.png)no-repeat center;}

.c8-list1>div:nth-child(1):hover{background:url(../images/c8icon1_.png)no-repeat center;}
.c8-list1>div:nth-child(2):hover{background:url(../images/c8icon2_.png)no-repeat center;}
.c8-list1>div:nth-child(3):hover{background:url(../images/c8icon3_.png)no-repeat center;}
.c8-list1>div:nth-child(4):hover{background:url(../images/c8icon4_.png)no-repeat center;}
.c8-list1>div:nth-child(5):hover{background:url(../images/c8icon5_.png)no-repeat center;}
.c8-list1>div:nth-child(6):hover{background:url(../images/c8icon6_.png)no-repeat center;}
.c8-list1>div:nth-child(7):hover{background:url(../images/c8icon7_.png)no-repeat center;}
.c8-list1>div:nth-child(8):hover{background:url(../images/c8icon8_.png)no-repeat center;}


.about{
     margin-top: 40px;
     width: 100%;
     height: 470px;
     background: url(../images/aboutbg.png)no-repeat 0 center;
}
.about>a{
     margin-left: 336px;
     position: absolute;
     display: block;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     color: #666;
     margin-top: 384px;
     border: 2px solid #666666;
     border-radius: 10px;
     width: 144px;
     height: 36px;
}
.aboutt{
     margin-top: 140px;
     font-size: 14px;
     color: #666666;
     line-height: 30px;
     float: left;
     margin-left: 40px;
     width: 444px;
     height: 180px;

     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.aboutp{
     float: right;
     width: 680px;
     height: 480px;
}
.c8-list2{
     margin-top: 20px;
     width: 100%;
     height: 176px;
}
.c8-list2>div{
     float: left;
     width: 280px;
     height: 176px;
}
.c8-list2>div+div{
     margin-left: 20px;
}
.c8-list2>div>a{
     display: block;
     width: 100%;
     height: 100%;
}
.c8-list2>div>a>img{
     width: 100%;
     height: 100%;
}


/* con9 */
.con9{
     width: 100%;
     height: 453px;
}
.c9-left{
     width: 580px;
     height: 100%;
     float: left;
}
.c9-right{
     width: 580px;
     height: 100%;
     float: right;
}
.ntitle{
     width: 100%;
     height: 46px;
}
.ntitle>a{
     display: block;
     float: right;
     line-height: 46px;
     font-size: 14px;
     color: #999999;
}
.c9-left .ntitle{
     background: url(../images/nt1.png)no-repeat center;
}
.c9-right .ntitle{
     background: url(../images/nt2.png)no-repeat center;
}

.nfirst{
     margin-bottom: 14px;
     margin-top: 18px;
     width: 100%;
     height: 210px;
}
.nfp{
     float: left;
     width: 280px;
     height: 210px;
}
.nfp>a{
     display: block;
     width: 100%;
     height: 100%;
}
.nfp>a>img{
     width: 100%;
     height: 100%;
}
.nft{
     width: 280px;
     height: 210px;
     float: right;
}
.nft>p:nth-child(1){
     font-size: 16px;
     color: #666;
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.nft>p:nth-child(1)>a{
     color: #666;
}
.nft>p:nth-child(2){
     font-size: 14px;
     line-height: 30px;
     color: #999;
}
.nft>p:nth-child(3){
     height: 125px;
     font-size: 14px;
     color: #999;
     line-height: 25px;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
     overflow: hidden;
}
.nft>p:nth-child(3)>a{
	color: #999;
}
.nft>a{
     float: right;
     display: block;
     width: 100px;
     height: 30px;
     line-height: 30px;
     color: #fff;
     font-size: 14px;
     background: #0071DA;
     border-radius: 5px;
     text-align: center;
}
.nft>a:hover{
     background: #ff4800;
}
.nlist>div{
     width: 100%;
     height: 32px;
     border-bottom: 1px dashed #D8D8D8;
}
.nlist>div>p:nth-child(1){
     display: block;
     width: 500px;
     height: 100%;
     float: left;
     line-height: 32px;
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     color: #999;
}
.nlist>div>p:nth-child(1)>a{
     font-size: 14px;
     color: #999;
}
.nlist>div:hover>p:nth-child(1)>a{
     color: #ff4800;
}
.nlist>div>p:nth-child(2){
     display: block;
     width: 80px;
     line-height: 32px;
     height: 100%;
     float: right;
     text-align: right;
     font-size: 14px;
     color: #999;
}
.nlist>div:hover>p:nth-child(2){
     color: #ff4800;
}


/* con10 */
.con10{
     width: 100%;
     height: 289px;
}
.con10>.M{
     overflow: hidden;
}
.con10 .ntitle{
     margin-top: 50px;
     background: url(../images/nt3.png)no-repeat center;
}
.c10-list{
     margin-top: 21px;
     width: 100%;
     height: 130px;
}
.c10-list>div{
     float: left;
     width: 280px;
     height: 130px;
}
.c10-list>div+div{
     margin-left: 20px;
}
.c10-list>div>p:nth-child(1){
     background: url(../images/q.png)no-repeat 0 center;
     height: 24px;
     overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
     font-size: 14px;
     color: #666;
     padding-left: 44px;
     margin-bottom: 6px;
     padding-right: 10px;
}
.c10-list>div>p:nth-child(1)>a{
     font-size: 14px;
     color: #666;
}
.c10-list>div>p:nth-child(2){
     font-size: 14px;
     color: #999;
     line-height: 25px;
     padding-right: 10px;
     padding-left: 44px;
     background: url(../images/a.png)no-repeat 0 0;
     display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}