.banner{ width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative;  z-index:300;}


.banner-img{ width:1920px; height:500px; position:absolute; left:50%; top:0; margin-left:-960px; background:#EEE; z-index:310;}


.banner-img img{ width:1920px; height:500px;}


.banner p{ width:166px; height:48px; position:absolute; z-index:320; left:50%; margin-left:-550px; bottom:80px;  background:url(../images/btn.png) no-repeat left top; border-radius:3px; background:#e24d34; overflow:hidden; }


.banner p a{ width:166px; height:48px;line-height:48px; display:block; font-weight:normal; font-size:20px; text-align:center; color:#FFF; }


.banner p:hover{ background:#f76f58; }


.btn{ width:166px; height:48px; margin:0 auto; margin-top:40px; margin-bottom:40px; background:url(../images/btn.png) no-repeat left top; border-radius:3px; background:#e24d34; overflow:hidden; }


.btn:hover{ background:#fa6a51;}


.btn a{ width:166px; height:48px;line-height:48px; display:block; font-weight:normal; font-size:20px; text-align:center; color:#FFF; }





.col{ width:100%; height:auto; }


.col0{ height:850px; background:url(../images/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(../images/col-01.jpg) no-repeat center top;}


.col2{ height:482px; background:#FFF;}


.col3{ height:500px; background:#e9eaf4;}


.col4{ height:482px; background:url(../images/col-04.jpg) no-repeat center top;}


.col5{ height:580px; background:#eaeaf4 url(../images/col-05.jpg) no-repeat center center;}


.col6{ height:600px; background:#FFF url(../images/col-06.jpg) no-repeat center bottom;}


.col7{ height:600px; background:#e9eaf4;}


.col8{ height:520px; background:url(../images/col-08.jpg) no-repeat center top;}


.col9{ height:900px; background:url(../images/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(../images/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; 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(../images/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; 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; }


.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: 130px;


	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: 140px;


	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(../images/emp-02.png) no-repeat center 150px; border-radius:2px; box-sizing:border-box; float:left; margin-right:20px; cursor:pointer; }


.col-list li:nth-child(2){ background-image:url(../images/emp-03.png);}


.col-list li:nth-child(3){ background-image:url(../images/emp-04.png);}


.col-list li:nth-child(4){ background-image:url(../images/emp-05.png);}


.col-list li:nth-child(5){ background-image:url(../images/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;}


.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(../images/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(../images/edt-close.png) no-repeat left top; cursor:pointer; }





.w-min1200{ min-width:1200px; overflow:hidden}


/*新底部浮动*/


#mintbar{position:fixed;_position:absolute; background:#7176ec; filter:alpha(opacity=75); /*IE滤镜，透明度50%*/


-moz-opacity:0.75; /*Firefox私有，透明度50%*/


opacity:0.75;/*其他，透明度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; 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}