/*--index style--*/
.index-main1{ padding-top:30px;}
.index-banner{ float: left; width: 340px; height: 240px; margin-right:12px;}
.index-video{ float: left; width: 340px; height: 240px; margin-right:12px; background: #000; overflow: hidden;}
.title-top{ width: 93px; height: 10px; border-radius:0 10px 0 0; background: #da251d;}
.color-yellow{ background: #f2b100;}
.index-title{ width: 100%; height: 36px; line-height: 30px; padding: 0 10px 0 15px; border-left:solid 3px #dee0e5; border-top:solid 3px #dcdfe4; border-right: solid 3px #aeb0b5; border-bottom: solid 3px #b1b3b9; background: #cfd3d9;}
.index-title span{ float: left; font-size: 15px; color: #2a2a2a;}
.index-title a{ float: right; font-size: 12px; color: #2a2a2a; font-family: "宋体";}
.index-title a:hover{ color: #2a2a2a; text-decoration: underline;}
.main1-right{ float: left; width: 465px;}
.main1-right ul{ float: left; width: 100%; height:204px; padding: 14px 10px 19px; border-bottom: solid 2px #d3dde9; background: #edf6fe;}
.main1-right ul li{ float: left; width: 100%; height: 28px; line-height: 28px; border-bottom: dotted 1px #9d9d9d;}
.main1-right ul li a{ float: left; width: 70%; font-family: "宋体"; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.main1-right ul li a:hover{ color:#da251d;}
.main1-right ul li span{ float: right; width: 25%; text-align: right;}
@media screen and (min-width: 769px) and ( max-width: 1200px){
    .index-banner{ display: none;}.index-video{ display: none;}.main1-right{ width: 100%; padding-left: 0;}
}
@media(max-width: 768px){
    .main1-right{ width: 100%; padding-left: 0; margin-bottom: 0;}
    .main1-right ul{ height:auto; padding-bottom: 0; margin-bottom: 10px;}
    .main1-right ul li:last-child{ border-bottom: 0;}
    .main1-right ul li span{ display: none;}
    .xs-video{ width: 100%; background: #f3f3f3;}
}

.index-main2{ padding-top: 20px;}
.index-main2 a{ float: left; width: 25%;}
.index-main2 a img{ width: 100%;}
.index-main2 a:hover{
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
    -ms-transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
    transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
}
@media(max-width: 768px){
.index-main2{ padding-top: 10px;}
.index-main2 a{ width: 50%;}
}

.index-main3{ padding-top: 20px;}
.index-main3 .left{ float: left; width: calc(50% - 5px); height: 500px; padding-top:77px; padding-left: 38px; background: url(../img/index_main3_left.jpg) left bottom;}
.index-main3 .left a{ display: inline-block; width: 242px; height: 44px; line-height: 40px; margin-right: 15px; margin-bottom: 75px; border-left: solid 3px #a4d2f8; border-top: solid 3px #98ccf8; border-right: solid 3px #84b1d9; border-bottom: solid 3px #79a6ce; border-radius: 5px; text-align: center; font-size: 18px; color: #000; background-color: rgba(100,178,245,0.7);}
.index-main3 .left a:hover{
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
    -ms-transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
    transform: perspective(600px) rotate3d(0, 1, 0, -30deg);
}
.index-main3 .left a:nth-child(2n):hover{
    -webkit-transform: perspective(600px) rotate3d(0, 1, 0, 30deg);
    -ms-transform: perspective(600px) rotate3d(0, 1, 0, 30deg);
    transform: perspective(600px) rotate3d(0, 1, 0, 30deg);
}
.index-main3 .right{ float: right; width: calc(50% - 5px); height: 500px; background: url(../img/index_main3_right.jpg) center bottom;}
.index-main3 .right a{ display: block; width: 218px; height: 44px; line-height: 40px; margin-top: 175px; margin-left: 180px; border-left: solid 3px #a4d2f8; border-top: solid 3px #98ccf8; border-right: solid 3px #84b1d9; border-bottom: solid 3px #79a6ce; border-radius: 5px; text-align: center; font-size: 18px; color: #000; background-color: rgba(100,178,245,0.7);}
.index-main3 .right a:hover{ width: 418px; height: 244px; line-height: 244px; margin-top: 80px; margin-left: 80px; font-size: 22px;}
@media(max-width: 1024px){
.index-main3 .left{ width: 100%; height: 400px; padding-top: 60px; padding-left: 25px; padding-right: 25px;}
.index-main3 .left a{ float: left; width: 46%; margin-right: 0; font-size: 14px;}
.index-main3 .left a:nth-child(2n){ float: right;}
.index-main3 .right{ width: 100%; height: 260px; margin-top: 20px;}
.index-main3 .right a{ margin: 105px auto 0;}
.index-main3 .right a:hover{ width: 218px; height: 44px; line-height: 40px; margin: 175px auto 0;}
}


.index-main4{ padding-top: 10px;}
.index-main4 img{ max-width: 100%;}

.index-main5{ padding-top: 20px;}
.main5-title{ width: 100%; height: 40px; line-height: 34px; border-left:solid 3px #69c2ed; border-top:solid 3px #47b4e9; border-right:solid 3px #007ab6; border-bottom: solid 3px #007dbb; color: #000; font-size: 17px; text-align: center; background: #0097e0; }
.index-main5 ul li{ float: left; width: 20%;}
.index-main5 ul li:nth-child(1){ background: #72baf7;}
.index-main5 ul li:nth-child(2){ background: #63d28f;}
.index-main5 ul li:nth-child(3){ background: #63b7d2;}
.index-main5 ul li:nth-child(4){ background: #eec02b;}
.index-main5 ul li:nth-child(5){ background: #e560a2;}
.index-main5 ul li a:hover img{
    -webkit-transform: scale(0.90);
    -ms-transform: scale(0.90);
    transform: scale(0.90);
}
@media(max-width: 768px){
.index-main5 ul li{ width: 50%; text-align: center;}
.index-main5 ul li img{ max-width: 100%;} 
.index-main5 ul li:nth-child(3){ width: 100%;}
.index-main5 ul li:nth-child(3) img{ max-width: 50%;}
}
@media screen and (min-width: 768px) and ( max-width: 1200px){
    .index-main5 ul li img{ max-width: 100%;}
}

.index-main6{ padding-top:20px;}
.index-main6 img{ width: 100%;}

.index-main7{ padding-top:30px;}
.work-title{ height: 40px; line-height: 34px; border-left: solid 3px #fde161; border-top: solid 3px #fcda3d; border-right: solid 3px #d3b119; border-bottom: solid 3px #d7b419; text-align: center; background: #fcd419;}
.work-title a{ font-size: 17px; color: #000;}
.work-title a:hover{ color: #000; text-decoration: underline;}
.work-title.bg2{ border-left: solid 3px #50b8ea; border-top: solid 3px #47b4e9; border-right: solid 3px #006ca2; border-bottom: solid 3px #0070a7; background: #0097e0;}

.table{ margin-bottom: 0; border-bottom: solid 2px #dce2eb; background: #f3f3f3; overflow: hidden;}
.index-main7 .left table{ border-left: 0; border-top: 0; border-right: solid 1px #fff;}
.index-main7 .right table{ border-left: 0; border-top: 0; border-right: 0;}
.table thead tr th{ padding: 6px 15px;}
.table tbody tr td{ padding: 6px 15px; border-top: 0; border-bottom: dotted 1px #ccc; overflow: hidden;}
.table tbody tr td p{ width: 80px; padding: 0; margin: 0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.table tbody tr td a:hover{ color:#da251d; text-decoration: underline;}
.table tbody tr td span.red{ color:#da251d;}
@media(max-width: 768px){
    .work-title{ margin-top: -10px;}
    .work-title.bg2{ margin-top:20px;}
    .table thead tr th{ padding: 8px;}
    .table tbody tr td{ padding: 8px;}

}

.index-main8{ padding-top: 30px;}
.cycg-title{ position: relative; height: 40px; line-height: 34px; border-left: solid 3px #fde161; border-top: solid 3px #fcda3d; border-right: solid 3px #d3b119; border-bottom: solid 3px #d7b419; text-align: center; background: #fdd519;}
.cycg-title a{ font-size: 17px; color: #000;}
.cycg-title a:hover{ color: #000; text-decoration: underline;}
@media(max-width: 768px){
    .cycg-title{ margin-top: 20px;}
    .xs-cycg{ padding: 3px 2px; background: #f3f3f3;}
    .xs-cycg img{ width: 100%;}
    .xs-cycg li{ padding: 3px;}
    .xs-cycg li:nth-child(1){ padding-left: 0px;}
    .xs-cycg li:nth-child(2){ padding-right: 0px;}
}


.friend-link{ padding-top: 30px;}
.friend-link .left{ padding-right: 10px;}
.friend-link .right{ padding-left: 10px;}
.link-title{ width: 100%; height: 40px; line-height: 34px; border-left: solid 3px #e4e6e8; border-top: solid 3px #dedfe4; border-right: solid 3px #b0b0b5; border-bottom: solid 3px #a3a3a8; text-align: center; background: #d1d4d9;}
.link-title span{ font-size: 17px; color: #000;}
.friend-link ul{ padding: 15px 0;}
.friend-link ul li:first-child{ width: 100%; height: 34px; line-height: 34px; padding: 0; font-size: 15px; font-weight: bold; color: #4f4f4f; text-align: center; background: #edf6fe;}
.friend-link ul li{ padding: 15px 0;}
.friend-link ul li a{ padding-left: 20px;}
.friend-link ul li a:hover{ color:#da251d;}