* {font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;}
html,body{height:100%;padding:0;margin:0;background:#577fd6;color:#000;min-width:1280px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:12px;color:#000;}
i{font-style:normal;}
a{color:#000;text-decoration:none;}
a:hover{color:#F60;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:none;}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
.text-center{text-align:center}
.main{width:1150px;position:relative;margin:0 auto;z-index:10;}
#container{width:100%;min-width:1150px;overflow:hidden;position:relative}
/**首页**/
#container .main01{float:left;width:100%;min-width:1150px;height:1080px;background:url(bg.jpg) top center no-repeat;position:relative;z-index:9;}
#container .main01 .topn {float:left;width:1130px;height:80px;text-align:center;margin-left:20px;margin-top:280px;color:#fff;font-size:16px;}
#container .main01 .l1 {float:left;width:733px;height:682px;background:url(bg02.jpg) top center no-repeat;text-align:left;margin-left:20px;margin-top:12px;color:#fff;font-size:16px;} 
#container .main01 .l2 {float:left;width:375px;height:680px;text-align:left;margin-left:20px;margin-top:12px;color:#fff;font-size:16px;background: rgba(164,158,232,.8);border:#ffffff solid 1px;} 
#container .main01 .topn .t11-1 {float:left;width:250px;margin-left:200px;}
#container .main01 .topn .t11-1 .select {display:flex;flex-direction:column;position:relative;width:150px;height:50px;background:#fff;border-radius:10px;font-size:18px;font-weight:bold;}
#container .main01 .topn .t11-1 .option {padding:0 30px 0 20px;font-size:18px;min-height:50px;display:flex;text-align:center;align-items:center;color:#7172b0;background:#fff;border-radius:10px;border-top:#d7d0d0 solid 1px;position:absolute;top:0;width: 100%;pointer-events:none;order:2;z-index:1;transition:background .4s ease-in-out;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
#container .main01 .topn .t11-1 .option:hover {color:#ff9900;font-size:18px;text-align:center;}
#container .main01 .topn .t11-1 .select:focus .option {position:relative;pointer-events:all;border-radius:0px;font-size:18px;}
#container .main01 .topn .t11-1 .select input {opacity:0;position:absolute;left:-99999px;font-size:18px;}
#container .main01 .topn .t11-1 .select input:checked + label {order: 1;z-index:2;border-top:none;position:relative;}
#container .main01 .topn .t11-1 .select input:checked + label:after {content:'';width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #837eaf;position:absolute;right:10px;top:calc(50% - 3.5px);pointer-events:none;z-index:3;}
#container .main01 .topn .t11-1 .select input:checked + label:before {position:absolute;right:0;height:50px;width:50px;content: '';}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {opacity: 1;height:9px;border:15px solid transparent;position:absolute;top:1px;right:0px;}
#container .main01 .topn .t11-2 {float:left;width:200px;height:50px;font-weight:bold;}
#container .main01 .topn .t11-2 li {float:left;width:200px;height:50px;line-height:50px;background:#ffffff;font-size:18px;color:#7172b0;}
#container .main01 .topn .t11-2 li span {float:left;width:100px;height:50px;line-height:50px;background:#7172b0;color:#ffffff;}
#container .main01 .topn .t11-3 {float:left;width:137px;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:url(cz.jpg) top center no-repeat;margin-left:80px;}
#container .main01 .topn .t11-3 a {color:#ffffff;}
#container .main01 .l1 .zy01,#container .main01 .l1 .zy02,#container .main01 .l1 .zy03,#container .main01 .l1 .zy04,#container .main01 .l1 .zy05,#container .main01 .l1 .zy06,#container .main01 .l1 .zy07 {float:left;width:538px;height:630px;margin-top:40px;margin-left:130px;}
#container .main01 .l2 .l2-top {float:left;width:100%;height:60px;line-height:60px;text-align:center;background: rgba(70,65,135,.8);color:#ffffff;font-size:26px;font-weight:bold;}
#container .main01 .l2 .l2-js {float:left;width:90%;height:580px;margin-top:20px;margin-left:20px;}
#container .main01 .l2 .l2-js h1 {float:left;width:100%;height:70px;line-height:70px;color:#ffffff;font-size:36px;font-weight:bold;text-align:center;}
#container .main01 .l2 .l2-js p {float:left;width:100%;line-height:30px;text-align:left;color:#ffffff;font-size:18px;}
#container .main01 .l1 .zy01 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(01-01.png) top center no-repeat;}
#container .main01 .l1 .zy02 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(02-01.png) top center no-repeat;}
#container .main01 .l1 .zy03 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(03-01.png) top center no-repeat;}
#container .main01 .l1 .zy04 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(04-01.png) top center no-repeat;}
#container .main01 .l1 .zy05 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(05-01.png) top center no-repeat;}
#container .main01 .l1 .zy06 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(06-01.png) top center no-repeat;}
#container .main01 .l1 .zy07 li {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(07-01.png) top center no-repeat;}
/* #container .main01 .l1 .zy01 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(01-02.png) top center no-repeat;} */
/* #container .main01 .l1 .zy02 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(02-02.png) top center no-repeat;}
#container .main01 .l1 .zy03 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(03-02.png) top center no-repeat;}
#container .main01 .l1 .zy04 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(04-02.png) top center no-repeat;}
#container .main01 .l1 .zy05 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(05-02.png) top center no-repeat;}
#container .main01 .l1 .zy06 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(06-02.png) top center no-repeat;}
#container .main01 .l1 .zy07 li:hover {float:left;width:134px;height:89px;text-align:left;line-height:110px;background:url(07-02.png) top center no-repeat;} */
#container .main01 .l1 li .text{float:left;width:69px;height:25px;text-align:center;font-size:14px;}
#container .main01 .l1 li .xxjs {display:none;}
#container .main01 #div2 .text {display:none;}
.ico1 {background-position:0px 0px!important;}
/* #container .main01 .l1 li.ico1:hover {background-position:0px 0px;} */
.ico2 {background-position:-158px 0px!important;;}
/* #container .main01 .l1 li.ico2:hover {background-position:-158px 0px;} */
.ico3 {background-position:-315px 0px!important;;}
/* .ico3:hover {background-position:-315px 0px;} */
.ico4 {background-position:-470px 0px!important;width: 68px !important;}
/* .ico4:hover {background-position:-470px 0px;} */
.ico5 {background-position:0px -91px!important;;}
/* .ico5:hover {background-position:0px -91px;} */
.ico6 {background-position:-158px -91px!important;;}
/* .ico6:hover {background-position:-158px -91px;} */
.ico7 {background-position:-315px -91px!important;;}
/* .ico7:hover {background-position:-315px -91px;} */
.ico8 {background-position:-470px -91px!important;width: 68px !important;}
/* .ico8:hover {background-position:-470px -93px;} */
.ico9 {background-position:0px -183px!important;;}
/* .ico9:hover {background-position:0px -183px;} */
.ico10 {background-position:-158px -183px!important;;}
/* .ico10:hover {background-position:-158px -183px;} */
.ico11 {background-position:-315px -183px!important;;}
/* .ico11:hover {background-position:-315px -183px;} */
.ico12 {background-position:-470px -183px!important;width: 68px !important;}
/* .ico12:hover {background-position:-470px -183px;} */
.ico13 {background-position:0px -279px!important;}
/* .ico13:hover {background-position:0px -279px;} */
.ico14 {background-position:-158px -279px!important;}
/* .ico14:hover {background-position:-158px -279px;} */
.ico15 {background-position:-315px -279px!important;}
/* .ico15:hover {background-position:-315px -279px;} */
.ico16 {background-position:-470px -279px!important;width: 68px !important}
/* .ico16:hover {background-position:-470px -279px;} */
.ico17 {background-position:0px -372px!important;}
/* .ico17:hover {background-position:0px -372px;} */
.ico18 {background-position:-158px -372px!important;}
/* .ico18:hover {background-position:-158px -372px;} */
.ico19 {background-position:-315px -372px!important;}
/* .ico19:hover {background-position:-315px -372px;} */
.ico20 {background-position:-470px -372px!important;width: 68px !important}
/* .ico20:hover {background-position:-470px -372px;} */
.ico21 {background-position:0px -463px!important;}
/* .ico21:hover {background-position:0px -463px;} */
.ico22 {background-position:-158px -463px!important;}
/* .ico22:hover {background-position:-158px -463px;} */
.ico23 {background-position:-315px -463px!important;}
/* .ico23:hover {background-position:-315px -463px;} */
.ico24 {background-position:-470px -463px!important;width: 68px !important}
/* .ico24:hover {background-position:-470px -464px;} */
.ico25 {background-position:0px -558px!important;height: 72px !important;}
/* .ico25:hover {background-position:0px -558px;} */
.ico26 {background-position:-158px -558px!important;height: 72px !important;}
/* .ico26:hover {background-position:-158px -558px;} */
.ico27 {background-position:-315px -558px!important;height: 72px !important;}
/* .ico27:hover {background-position:-315px -558px;} */
.ico28 {background-position:-470px -558px!important;width: 68px !important;height: 72px !important;}
/* .ico28:hover {background-position:-470px -558px;} */
.skillDesc{
    font-size: 14px!important;
    height: 100px;
    overflow: auto;
    white-space: pre-wrap;
}
.skillDescUp{
    font-size: 14px!important;
    height: 100px;
    overflow: auto;
}
.expand{
    float: left;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    background: rgba(70,65,135,.8);
    display: none;
}
.illustrate{
    display: none;
    height: 500px;
    overflow: auto;
}