body{ font-size: 14px; color: #323232;}
body,ul,li,h2,p{ margin: 0;padding: 0}
ul,li{ list-style: none}
.clear{ clear: both}
.pad10{ padding: 10px}
.pad20{ padding: 20px}
.mag10{ margin: 10px 0}
.magT10{ margin-top: 10px}
.magB10{ margin-bottom: 10px}
.border{border: 1px solid #DDDDDD}
.center{ text-align: center}
.floatLeft{ float: left}
.floatRight{ float: right}
.hidden{ overflow: hidden}
.marginAuto{ margin: 0 auto}
.mainArea{ width: 1000px; background-color: #FFFFFF}
.mainArea .logo{ height: 200px; background: url("../images/logo.jpg") no-repeat}
.mainArea .menu{ height: 40px; background: url("../images/menu_bg.jpg"); line-height: 40px; color: #FFFFFF}
.mainArea .menu ul li{ text-align: center; float: left}
.mainArea .menu ul .liName{width: 120px; font-size: 14px; font-weight: bold}
.mainArea .menu ul .liLine{width: 4px; height: 40px; background: url("../images/menu_line.jpg") no-repeat}
.mainArea .menu ul .liOn{ background: url("../images/menu_on.jpg")}
.mainArea .indexArea{ margin: 10px 5px}
.mainArea .indexArea .indexLeft{ width: 748px;}
.mainArea .indexArea .flash{ width: 370px; height: 280px;}
.mainArea .indexArea .indexTop{ width: 370px;}
.mainArea .indexArea .title{ height: 38px}
.mainArea .indexArea .title div{ height: 38px;float: left }
.mainArea .indexArea .title .titleLeft{width: 113px; background: url("../images/title_left.jpg"); }
.mainArea .indexArea .title .titleLeft h2{ font-size: 14px; font-weight: bold; color: #CB0003; padding-left: 23px; line-height: 35px}
.mainArea .indexArea .title .titleMid{ background: url("../images/title_bg.jpg")}
.mainArea .indexArea .title .titleRight{ width: 60px; background: url("../images/title_right.jpg"); line-height: 35px; font-size: 14px}
.mainArea .indexArea .title .titleMid1{ width: 197px}
.mainArea .indexArea .title .titleMid2{ width: 575px}
.mainArea .indexArea .title .titleMid3{ width: 62px}
.mainArea .indexArea .title .titleMid5{ width: 167px}
.mainArea .indexArea .title .titleMid6{ width: 227px}
.mainArea .indexArea .title .titleMid8{ width: 817px}
.mainArea .indexArea .indexList{ border-top: 0px}
.mainArea .indexArea .indexList1{ width: 368px; height: 241px; font-size: 12px}
.mainArea .indexArea .indexList1 ul li{ height: 30px; line-height: 30px; position: relative; border-bottom: 1px dashed #DDDDDD; list-style: url('../images/list_icon.jpg') inside square; }
.mainArea .indexArea .indexList1 ul li span{ position: absolute; right: 0;}
.mainArea .indexArea .indexList2{ width: 746px; height: 185px;; font-size: 12px}
.mainArea .indexArea .indexList2 ul li{ width: 217px; float: left; margin: 0 12px}
.mainArea .indexArea .indexList2 ul li img{ width: 216px; height: 131px}
.mainArea .indexArea .indexList2 ul li p{ text-align: center; height: 35px; line-height: 35px}
.mainArea .indexArea .indexList3{ width: 233px; height: 241px; font-size: 12px}
.mainArea .indexArea .indexList3 ul li,.mainArea .indexArea .indexList4  ul li{ height: 28px; line-height: 28px; position: relative; list-style: url('../images/list_icon2.jpg') inside square; }
.mainArea .indexArea .indexList4{ width: 233px; height: 185px; font-size: 12px}
.mainArea .indexArea .indexList5{ width: 338px; height: 165px}
.mainArea .indexArea .indexList5 ul li{ height: 28px; line-height: 28px; position: relative; list-style: url('../images/list_icon.jpg') inside square; }
.mainArea .indexArea .indexList6{ width: 398px; height: 165px}
.mainArea .indexArea .indexList6 ul li{ height: 28px; line-height: 28px; position: relative; list-style: url('../images/list_icon.jpg') inside square; }
.mainArea .indexArea .indexList6 ul li span{ position: absolute; right: 0;}
.mainArea .indexArea .indexList7{ width: 233px; height: 165px; background-color: #F6F6F6; font-size: 12px}
.mainArea .indexArea .indexList7 .indexList7Background{height: 155px; background: url("../images/mobile.jpg") no-repeat right bottom; line-height: 20px}
.mainArea .indexArea .indexList8{ width: 990px; height: 140px;}
.mainArea .indexArea .indexList8 img{ border: 1px solid #CCCCCC; width: 168px; height: 120px}
.mainArea .indexArea .indexProject{ width: 750px;}
.mainArea .indexArea .indexRight{ width: 235px;}
.mainArea .indexArea .indexSum{ width: 235px;}
.mainArea .indexArea .indexAdv{ height: 60px; margin-bottom: 10px}
.mainArea .indexArea .indexStar{ width: 400px;}
.mainArea .indexArea .indexStyle{ width: 340px;}
.mainArea .indexArea .indexPhotoShow{ padding:0 5px}
.mainArea .foot{ margin-top: 20px; text-align: center; font-size: 12px}
.mainArea .foot .footBar{ height: 40px; line-height: 40px; background-color: #C22C1B; width: 100%; color: #FFFFFF}
.mainArea .foot .footInfo{ margin: 20px 0; line-height: 25px}
.mainArea .area{ margin: 10px 0}
.mainArea .area .position{ line-height: 20px; height: 20px; margin-bottom: 10px; padding-left: 30px; font-size: 12px}
.mainArea .area .areaList table{ width: 100%; border: 0;}
.mainArea .area .areaList .areaMenu{ width: 211px; background-color: #F6F6F6; vertical-align: top}
.mainArea .area .areaList .areaMenu ul{ margin: 20px 0 50px 40px}
.mainArea .area .areaList .areaMenu ul li{ height: 35px; line-height: 35px; position: relative; list-style: url('../images/list_icon3.jpg') inside square;}
.mainArea .area .areaList .areaMenu ul .liOn{ color: #C22C1B; font-weight: bold}
.mainArea .area .areaList .areaSplit{ width: 6px}
.mainArea .area .areaList .areaItem{vertical-align: top}
.mainArea .area .areaList .areaItem ul{ margin: 10px 20px}
.mainArea .area .areaList .areaItem ul li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #DDDDDD; position: relative;}
.mainArea .area .areaList .areaItem ul li span{ position: absolute; right: 20px;}
.mainArea .area .areaList .areaItem ul li i{ position: absolute; left: 20px; color: #C22C1B; font-style: normal}
.mainArea .area .areaList .areaItem ul li a{ margin-left: 130px}
.mainArea .area .areaList .areaItem .search_result li a {margin-left: 10px !important;}
.mainArea .area .areaDetail .areaDetailTitle{ font-size: 16px; text-align: center; height: 40px; line-height: 30px; border-bottom: 1px solid #DDDDDD; color: #666666}
.mainArea .area .areaDetail .areaDetailInfo{ height: 40px; line-height: 40px; text-align: right; color:#C22C1B;}
.mainArea .area .areaDetail .areaDetailContent{ line-height: 35px; margin: 20px 0; color: #666666}
.mainArea .area .areaDetail .areaDetailContent img{ max-width: 739px}
.mainArea .area .areaDetail .areaDetailPhoto{ text-align: center}
.mainArea .area .areaDetail .areaDetailPhoto img{ max-width: 800px}
.mainArea .area .areaPhoto{ overflow: auto}
.mainArea .area .areaPhoto ul{ list-style: none;}
.mainArea .area .areaPhoto ul li{ border: 1px solid #DDDDDD; padding: 5px; width: 207px; height: 200px; margin: 0 10px 20px 10px; float: left}
.mainArea .area .areaPhoto ul li img{ width: 207px; height: 160px}
.mainArea .area .areaPhoto ul li p{ height: 32px; line-height: 32px; background-color: #EEEEEE; margin-top: 5px; text-align: center}

.mainArea .spage{ padding:30px 0; font-size:12px}
.mainArea .spage .spfy{ width:200px; padding:0 0px 0 10px}
.mainArea .spage .sbuttona{ width:45px}
.mainArea .spage .sbutton{ width:36px; height:16px; border:1px solid #D4D4D4}
.mainArea .spage .sbuttonb{ width:38px}
.mainArea .spage .pageright{ text-align:right}

.mainArea .mesarea{ padding:30px; display:table; overflow:auto}
.mainArea .mesarea .mesl{ width:260px;}
.mainArea .mesarea .mesr{ width:500px; line-height:35px; padding:20px 0 0 20px}
.mainArea .mesarea .mesfont1{ color:#CCC; font-size:12px;}

a:link,a:visited{color:#333333; text-decoration:none}
a:hover{color:#FF3300;text-decoration:none;}
.menulk:link,.menulk:visited{color:#ffffff; text-decoration:none}
.menulk:hover{color:#FF9;text-decoration:none;}
.footlk:link,.footlk:visited{color:#ffffff; text-decoration:none}
.footlk:hover{color:#FF9;text-decoration:none;}

.main_area {
    margin: 0 auto;
    width: 1030px;
}

#header {
    width: 100%;
    margin-bottom: 20px;
}
#header .banner {
    height: 256px;
    min-width: 1200px;
    max-width: 1920px;
    background: url("../images/header_bg.jpg") no-repeat;
    background-size: contain;
    box-sizing: border-box;
    padding-top: 60px;
    overflow: hidden;
    margin: 0 auto;
}
#header .banner .logo {
    width: 510px;
    height: 145px;
    background: url("../images/cslogo01.png") no-repeat;;
}
#header .menu{
    height: 40px;
    background-color: #D32023;
}

#header .menu_area{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#header .menu_item{
    width: 138px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
    font-size: 16px;
    padding-left: 13px;
    box-sizing: border-box;
    font-weight: bold;
    position: relative;
}
#header .menu_item span {
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    padding-top: 10px;
}
#header .menu_item .menu_item_more {
    position: absolute;
    top: 40px;
    left: 35px;
    background: #D32023;
    z-index: 1;
    width: 88px;
    box-sizing: border-box;
    transition: all 1s ease-out;
    max-height: 0;
    overflow: hidden;
}
#header .menu_item .menu_item_more .menu_item_more_item {
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#header .menu_item .menu_item_more .menu_item_more_item a:hover {
    color: #e1e1e1 !important;
}
#header .menu_item:hover .menu_item_more{
    max-height: 300px;
}

#header .menu_item i {
    display: inline-block;
    margin-right: 10px;
}

#header .menu_item a {
    color: #ffffff !important;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#header .menu_item .icon1 {
    width: 23px;
    height: 21px;
    background: url("../images/menu_1.png") no-repeat;
}

#header .menu_item .icon2 {
    width: 26px;
    height: 26px;
    background: url("../images/menu_2.png") no-repeat;
}

#header .menu_item .icon3 {
    width: 23px;
    height: 23px;
    background: url("../images/menu_3.png") no-repeat;
}

#header .menu_item .icon4 {
    width: 28px;
    height: 29px;
    background: url("../images/menu_4.png") no-repeat;
}

#header .menu_item .icon5 {
    width: 28px;
    height: 25px;
    background: url("../images/menu_5.png") no-repeat;
}

#header .menu_item .icon6 {
    width: 18px;
    height: 27px;
    background: url("../images/menu_6.png") no-repeat;
}

#header .menu_item .icon7 {
    width: 23px;
    height: 22px;
    background: url("../images/menu_7.png") no-repeat;
}

#header .menu_item .icon8 {
    width: 25px;
    height: 25px;
    background: url("../images/menu_8.png") no-repeat;
}