.col{ width:100%; height:auto; }
.col0{ height:850px; background:url(col-00.jpg) no-repeat center top;}
.about-img{ width:1200px; height:500px; margin:0 auto; }
.about-img img{ width:1200px; height:500px;}
.col1{ height:448px; background:url(col-01.jpg) no-repeat center top;}
.col2{ height:482px; background:#FFF;}
.col3{ height:500px; background:#e9eaf4;}
.col4{ height:482px; background:url(col-04.jpg) no-repeat center top;}
.col5{ height:580px; background:#eaeaf4 url(col-05.jpg) no-repeat center center;}
.col6{ height:600px; background:#FFF url(col-06.jpg) no-repeat center bottom;}
.col7{ height:600px; background:#e9eaf4;}
.col8{ height:520px; background:url(col-08.jpg) no-repeat center top;}
.col9{ height:800px; background:url(col-09.jpg) no-repeat center top;}
.col-cen{ width:1200px; height:328px; margin:0 auto; padding:60px 0; position:relative; }
.col2 .col-cen{  height:362px;}
.col3 .col-cen{  height:380px;}
.col4 .col-cen{  height:362px;}
.col5 .col-cen{  height:460px;}
.col6 .col-cen{  height:480px;}
.col8 .col-cen{  height:400px;}
.col-cen:after{ content:""; display:block; clear:both;}
.col1 .col-img,.col3 .col-img,.col5 .col-img,.col8 .col-img{ width:600px; height:328px; position:absolute; left:0px; top:60px;}
.col2 .col-img,.col4 .col-img,.col6 .col-img{ width:auto; height:328px; position:absolute; right:0px; top:60px; }
.col1 .col-img img,.col2 .col-img img,.col3 .col-img img,.col4 .col-img img,.col5 .col-img img,.col6 .col-img img,.col8 .col-img img{ width:auto; height:328px;}
.col2 .col-img,.col2 .col-img img{ height:362px;}
.col3 .col-img,.col3 .col-img img{ height:380px; width:580px;}
.col4 .col-img,.col4 .col-img img{ height:362px;}
.col5 .col-img,.col5 .col-img img{ height:460px; width:580px;}
.col6 .col-img,.col6 .col-img img{ height:473px; width:529px;}
.col8 .col-img,.col8 .col-img img{ height:400px; width:620px;}
.col1 .col-about,.col3 .col-about,.col5 .col-about,.col8 .col-about{ width:520px; height:auto; position:absolute; right:0px; top:60px; }
.col2 .col-about,.col4 .col-about,.col6 .col-about{ width:460px; height:auto; position:absolute; left:0px; top:60px; padding-left:60px; }


.col-about h2{ width:420px; height:60px; line-height:60px; font-weight:normal; font-size:30px; padding:25px 0 10px 0; color:#273290; overflow:hidden; }
.col-about-nr{ width:420px; height:auto; padding-bottom:60px; line-height:28px; font-size:16px; color:#6f6f6f; overflow:hidden;}
.col-about p{ width:166px; height:48px; background:url(btn.png) no-repeat left top; border-radius:3px; background:#e24d34; overflow:hidden; }
.col-about p:hover{ background:#fa6a51;}
.col-about p a{ width:166px; height:48px;line-height:48px; display:block; font-weight:normal; font-size:20px; font-family:"微软雅黑"; text-align:center; color:#FFF; }
.case-imgl{ width:524px; height:400px; float:left; cursor:pointer;/* margin-left:-200px;*/}
.case-imgl img{ width:524px; height:400px;}
.case-imgr{ width:676px; height:362px; float:right; margin-top:40px; cursor:pointer;/* margin-right:-200px;*/}
.case-imgr img{ width:676px; height:362px;}

.btn1{ width:166px; height:48px; margin:0 auto; margin-top:140px; margin-bottom:40px; background:url(btn.png) no-repeat left top; border-radius:3px; background:#e24d34; overflow:hidden; }
.btn1:hover{ background:#fa6a51;}
.btn1 a{ width:166px; height:48px;line-height:48px; display:block; font-weight:normal; font-size:20px; font-family:"微软雅黑"; text-align:center; color:#FFF; }



.btn_click{ cursor:pointer;}
.btn_click span{ display:none;}

.col-title{ width:100%; height:auto; overflow:hidden; padding-bottom:60px; font-family:"微软雅黑"; }
.case-title{ padding-bottom:20px;}
.col-title h2,.col-title p,.case-title h2,.case-title p{ height:60px; line-height:60px; font-size:32px; font-weight:normal; color:#273290; text-align:center;}
.col-title p,.case-title p{ height:auto; line-height:30px; font-size:16px; color:#424242;}

.animate_top{
    -webkit-animation: s1-1 0.7s ease;
    -ms-animation: s1-1 0.7s ease;
    -o-animation: s1-1 0.7s ease;
    animation: s1-1 0.7s ease;
}
@-webkit-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateY(40px);
    }
}
@-ms-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -ms-transform:translateY(40px);
    }
}
@-o-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -o-transform:translateY(40px);
    }
}
@keyframes s1-1 {
    0% { 
        opacity: 0; 
        transform:translateY(40px);
    }
}

.animate_right{
    -webkit-animation: s1-2 0.7s ease;
    -ms-animation: s1-2 0.7s ease;
    -o-animation: s1-2 0.7s ease;
    animation: s1-2 0.7s ease;
}
@-webkit-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateX(-40px);
    }
}
@-ms-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -ms-transform:translateX(-40px);
    }
}
@-o-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -o-transform:translateX(-40px);
    }
}
@keyframes s1-2 {
    0% { 
        opacity: 0; 
        transform:translateX(-40px);
    }
}
.col-title{
	display: none;
}
.col0 .col-title{
	display: block;
}
.col-about{
	display: none;
}
.col-about div{
    -webkit-animation-delay:0.5s;
}
.col0 .col-title h2{
    -webkit-animation-delay:0.5s;
}
.col7 .col-title{
	height: 90px;
	display: block;
}
.col7 .col-title h2, .col7 .col-title p{
	display: none;
}
.col7 .col-title p,.col9 .col-title p{
    -webkit-animation-delay:0.5s;
}
.col9 .col-title{
	height: 100px;
	display: block;
}
.col9 .col-title h2, .col9 .col-title p{
	display: none;
}

.animate_left{
    -webkit-animation: s1-3 0.7s ease;
    -ms-animation: s1-3 0.7s ease;
    -o-animation: s1-3 0.7s ease;
    animation: s1-3 0.7s ease;
}
@-webkit-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateX(40px);
    }
}
@-ms-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -ms-transform:translateX(40px);
    }
}
@-o-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -o-transform:translateX(40px);
    }
}
@keyframes s1-3 {
    0% { 
        opacity: 0; 
        transform:translateX(40px);
    }
}
.col-list{ width:1200px; height:auto; overflow:hidden; padding-bottom:0px;}
.col-list:after{ content:""; display:block; clear:both;}
.col-list li{ width:224px; height:254px; padding:0 15px; border:2px solid #dfdeee; background:#FFF url(emp-02.png) no-repeat center 150px; border-radius:2px; box-sizing:border-box; float:left; margin-right:20px; font-family:"微软雅黑"; cursor:pointer; }
.col-list li:nth-child(2){ background-image:url(emp-03.png);}
.col-list li:nth-child(3){ background-image:url(emp-04.png);}
.col-list li:nth-child(4){ background-image:url(emp-05.png);}
.col-list li:nth-child(5){ background-image:url(emp-06.png);}
.col-list li:nth-child(5n){ margin-right:0;}
.col-list li h3,.col-list li p{ width:194px; height:72px; line-height:72px; font-size:18px; text-align:center; font-weight:normal;}
.col-list li h3 a{ color:#21b400;}
.col-list li p{ height:auto; line-height:20px; font-size:16px;}
.links{ width:1200px; height:auto; padding:20px 0; background:#e9eaef; border-radius:2px; float:left; box-sizing:border-box; font-family:"微软雅黑";}
.links h2{ width:1160px; height:52px; line-height:52px; font-weight:normal; font-size:25px; color:#273290; margin:0 auto;}
.links-list{ width:1200px; height:auto;}
.links-list li{ width:150px; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; overflow:hidden; background:url(link-list-li.jpg) no-repeat right center;}
.links-list li:last-child,.links-list li:nth-child(8n){ background:url(none);}
.link-btn{ width:1200px; height:128px; position:relative; float:left;}


#BgDiv{background-color:#000; position:absolute;left:0; top:0; z-index:990; display:none; width:100%; height:1000px; opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
#ujzDialog{position:absolute; left:50%; margin-left:-480px; width:1000px;  height:auto; z-index:994; background-color:#FFF;/*border:5px #404040 solid;  padding:1px;*/ display:block;}
/*#ujzDialog img{ width:895px; height:460px;}*/
.ujzdia-close{ width:40px; height:40px; position:absolute; right:-20px; top:-20px; z-index:996;}
.ujzdia-close p{width:40px; height:40px; background:url(edt-close.png) no-repeat left top; cursor:pointer; }

.w-min1200{ min-width:1200px; overflow:hidden}
/*新底部浮动*/
#mintbar{position:fixed;_position:absolute; background:#19447b; filter:alpha(opacity=95); /*IE滤镜，透明度50%*/
-moz-opacity:0.95; /*Firefox私有，透明度50%*/
opacity:0.95;/*其他，透明度50%*/bottom:0;left:50%; margin-left:-600px; width:1200px;height:60px;z-index:9999;}
#mintbar div{position:relative;margin:0 auto;width:1200px;height:60px;}
#closebtn{float:right;}
#mint{cursor:pointer;position:relative;position:fixed;_position:absolute;bottom:0;left:0;z-index:1000;}
#zhuanqu_con{ width:1200px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#FFF; margin:0 auto;}

.w-min1200{ min-width:1200px; overflow:hidden}
.col14{ height:300px; background-color:#efefef;}
.tiyanzhan_gengduo{ width:1200px; height:300px; margin:0 auto;}
.tiyanzhan_gengduo h2{ font-size:32px; line-height:100px; height:100px; font-weight:normal; text-align:center; color:#273290; margin-top:20px;}
.tiyanzhan_gengduo_m{ height:100px;}
.position{margin-left:auto;margin-right:auto;text-align:center;margin-top:20px;}
#workarea{position:absolute;background-color:#efefef;font-family:Raleway}
#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:134;height:100%;top:0;left:0; text-align:center;}
.svg-wrapper{margin-top:30px;position:relative;width:302px; font-size:16px; font-family: "微软雅黑"; height:40px; line-height:20px;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px; float:left;}
#shape{stroke-width:6px;fill:transparent;stroke:#009FFD;stroke-dasharray:85 400;stroke-dashoffset:-200;transition:1s all ease}
#text{margin-top:-35px;text-align:center}
#text a{ color:#000;text-decoration:none;font-weight:100;font-size:1.1em}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#06D6A0}