/* CSS Document */

body{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
    color:#666;
}

.nav,.content,.footer-information,.footer-website-filing{
    width:80%;
    margin:0 10%;
}
.content{
    margin-top:4%;
}
.nav-img{
    position: relative;
}
.nav-bg{
    width:100%;
    background: rgba(0,0,0,0.41);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    position: absolute;
    top:0;
    left:0;
}
.nav-bg .nav a{
    display: block;
    float: left;
    width:12.5%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color:#fff;
    font-size:18px;
    background: url(../image/nav-s.png) no-repeat right center;
}
.nav-bg .nav a:last-child{
    background: none;
}
.nav-bg .nav a:hover,.nav-bg .nav a.hover{
    background: url(../image/nav-hover-bg.png) repeat left top;
}
h2{
    width:252px;
    margin:0 auto 3%;
    background: url(../image/icon-s.png) no-repeat;
    padding-left:100px;
}
.main01 h2{
    background-position: 0 -6px;
}
.main02 h2{
    background-position: 0 -90px;
}
.main03 h2{
    background-position: 0 -181px;
}
.main04 h2{
    background-position: 0 -265px;
}
h2 span{
    color:#de353f;
    font-size:28px;
    display: block;
    height: 36px;
    line-height:36px;
}
h2 em{
    display: block;
    height: 36px;
    line-height:36px;
    font-size:24px;
    color:#666;
    font-family: "宋体";
    font-style: normal;
    font-weight: normal;
}

/*company-profile*/
.company-profile .main{
    margin-bottom:8%;
}
.company .company-cnt p{
    font-size:17px;
    color:#999;
    line-height:42px;
    text-indent: 2em;
}

.service-cnt li{
    float:left;
    width:15.5%;
    border:1px #dedede solid;
    margin:0 1%;
    padding:1% 1% 2%;
    text-align: center;
    height:300px;
}
.service-cnt li:hover{
    background-color: #b2d4ef;
}
.service-cnt li img{
    margin:12% 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.service-cnt li:hover img{
    -webkit-transform:rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform:rotate(360deg);
}
.service-cnt li span{
    display:block;
    color:#333333;
    font-size:20px;
    line-height: 40px;
    margin-bottom:2%;
    text-align: center;
}
.service-cnt li p{
    width:80%;
    margin:0 10%;
    color:#888;
    font-size:14px;
    line-height:26px;
    text-align: center;
}
.enterprise{
    width:40%;
    padding:2% 3.5%;
    background-color:#cfdae0;
    height: 300px;
}
.enterprise span{
    display:block;
    color:#666;
    font-size:24px;
    height: 40px;
    line-height: 40px;
    margin-bottom:1%;
}
.enterprise p{
    margin-bottom:2%;
    line-height: 30px;
}
.enterprise p.p01{
    color:#333;
    font-size:28px;
    line-height:40px;
    font-weight: bold;
    margin-bottom:3%;
}

.team-cnt .img-l,.team-cnt .img-r {
    width:50%;
}
.team-cnt  .img-l-01{
    width:30%;
}
.img-02-l,.img-02-r { width: 50%;}
.img-02-l img{
    float:left;
    width:50%;
}
.img-02-l img.img03{
    width:100%;
}
.img-l-02-t img{
    width:50%;
}
.team-cnt  .img-l-02{
    width:70%;
}
.img-r-01{
    width:40%;
}
.img-r-01 img{
    width: 100%;
}
.img-r-02{
    width:60%;
}
.img-r-02-t img.img01{
    width:45%;
}
.img-r-02-t img.img02,.img-r-02-t img.img03{
    width:55%;
}

.team-cnt img{
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.4;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.4;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.4;
    /* IE9 + etc...modern browsers */
    opacity: .4;
    /* IE 4-9 */
    filter:alpha(opacity=40);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.team-cnt img:hover{
    /* older safari/Chrome browsers */
    -webkit-opacity: 1;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 1;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 1;
    /* IE9 + etc...modern browsers */
    opacity: 1;
    /* IE 4-9 */
    filter:alpha(opacity=100);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.img-banner{
    display: none;
    z-index: 100;
    width:100%;
    height:100%;
    position: fixed; left: 0; top:0;
}
.img-banner .banner-bg{
    width:100%; height:100%; position: absolute; top:0;  left:0;background: rgba(0, 0, 0,0.8)none repeat scroll 0% 0%; opacity: 0.6;z-index: 100;
}

.fullSlide{
    width:100%;
    height: 100%;
    position:relative;
    z-index: 101;
}
.fullSlide ul{
    position: relative;
    height: 100%;
    width:70%;
    margin:0 15%;
    overflow: hidden;
}
.fullSlide li{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    text-align: center;
}
.fullSlide .prev,.fullSlide .next{display:block;
    position:absolute;z-index:1;top:50%;margin-top:-30px;left:26%;z-index:1;width:30px;height:60px;background:url(../image/prev.png)  no-repeat;
    cursor:pointer;}
.fullSlide .next{left:auto;right:26%;background:url(../image/next.png)  no-repeat;}

.img-banner #close{
    position: absolute;
    z-index: 200;
    right:25%;
    top:25%;
}



    /*cooperative-partner begin*/
.cooperative-partner{
    margin-bottom:5%;
}
.school{
    margin-bottom:4%;
}
.school h2{
    width: 100%;
     font-size:40px;
    color:#333;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom:1.5%;
    font-weight: normal;
    background: none;
    padding-left:0;
}
.school ul{
    overflow: hidden;
    height: auto;
    margin-bottom:1%;
}
.school li{
    float:left;
    width:11%;
    border:1px #dedede solid;
    padding:0.5%;
    margin:1%;
    text-align: center;
}
.school li a{
    display: block;
    width: 100%;
}
.school li a.t-img{
    height: 66px;
}
.school li a.t-img img{
    height: 100%;
}

.school li a.school-tit{
    font-size:14px;
    color:#555;
    height:40px;
    margin-top:10px;
    vertical-align: middle;
}
.school li a.school-tit span{
    display: block;
    line-height: 20px;
    width: 100%;
}
.school a.more{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#666;
    font-size:14px;
    background-color: #f5f5f5;
}
.school a.shouqi{
    display: none;
}

/*cooperative-partner end*/

/*contact-us begin*/
.contact-us{
    margin-bottom:1%;
}
.contact-us .contact-information{
    margin-bottom:5%;
}
.contact-us .contact-information li{
    float:left;
    width:29.5%;
    text-align: center;
    border-right:1px #dedede solid;
    padding:0 1.5%;
}
.contact-us .contact-information li:last-child{
    border-right:0;
}
.contact-us .contact-information li img{
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.contact-us .contact-information li:hover img{
    -webkit-transform:rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform:rotate(360deg);
}
.contact-us .contact-information li b{
    display: block;
    width: 100%;
    font-size:22px;
    color:#666;
    margin:3% 0 6%;
    height: 40px;
    line-height: 40px;
}
.contact-us .contact-information li p{
    font-size:15px;
    color:#666;
    line-height: 30px;
}
.substation li{
    float:left;
    width:19.5%;
    border:1px #dedede solid;
    padding:1.5%;
    margin:0 1% 2%;
    height: 420px;
}
.substation li  b{
    display: block;
    font-size:20px;
    color:#333;
    height: 40px;
    line-height: 40px;
    margin:5% 0 3%;
}
.substation li .map{
    height: 230px;
}


.substation li  p{
    font-size:14px;
    color:#666;
    line-height: 26px;
    margin-bottom:5px;
}
.substation li .mapselect{
    width: 50%;
    height: 50%;
    position:fixed !important;
    z-index:102 !important;
}
.contact-us .close-bg{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;  left:0;
    background: rgba(0, 0, 0,0.8)none repeat scroll 0% 0%;
    opacity: 0.6;
    z-index: 100;
}
.contact-us .close-anniu {
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: url(../image/icon-close.png) no-repeat center center;
    position: fixed;
    top:20%;
    right:20%;
    z-index: 102;
    cursor: pointer;
}


/*contact-us end*/

/*join-us*/


.join{
    margin-bottom:6%;
}
.join h1{
    color:#6699cc;
    text-align: center;
    font-size:44px;
    line-height: 60px;
    margin-bottom:3%;
}
.join p{
    color:#b1aeae;
    line-height:42px;
    text-align: center;
    text-indent:2em;
}

.latest-position-bg{
    width:100%;
    background-color: #f5f5f5;
    padding:1% 0;
}
.latest-position .lead{
    margin-bottom:3%;
}
.latest-position .lead p{
    text-align: center;
}
.latest-position .lead p.p01{
    color:#666666;
    font-size:28px;
    line-height: 60px;
}
.latest-position .lead p.p02{
    color: #aeaeae;
    font-size:18px;
    line-height: 30px;
}
.welfare{
    margin-bottom:5%;
}
.welfare ul{
    width:100%;
    position: relative;
    height: 590px;
    margin-top:8%;
}
.welfare li{
    width:110px;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;

}

.welfare li.li01{
    width:200px;
    padding:50px 0;
    height: 100px;
    position: absolute;
    top:50%;
    left:50%;
    margin:-100px 0 0 -100px;
    background:#fff url(../image/li-bg.png) no-repeat center center;
    -webkit-background-size:;
    background-size:cover;
    z-index: 10;
}
.welfare li i{
    display: block;
    width:56px;
    margin:0 auto;
    height: 56px;
    background: url(../image/icon-s.png) no-repeat;
    transition: 1s;
}
.welfare li.li01 i{
    height: 80px;
    background-position:-18px -773px ;
}
.welfare li.li02 i{
    background-position:-18px -460px ;
}
.welfare li.li03 i{
    background-position:-18px -398px ;
}
.welfare li.li04 i{
    background-position:-18px -338px ;
}
.welfare li.li05 i{
    background-position:-18px -583px ;
}
.welfare li.li06 i{
    background-position:-18px -643px ;
}
.welfare li.li07 i{
    background-position:-18px -710px ;
}
.welfare li.li08 i{
    background-position:-18px -525px ;
}
.welfare li:hover i{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
}
.welfare li span{
    display: block;
    width: 100%;
    margin-top:5px;
    height: 30px;
    line-height: 30px;
    color:#666666;
    font-size:16px;
}

.job-box .job{
    background-color: #fff;
    border:1px #dedede solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding:1.5% 3%;
    margin-bottom:2%;
}
.job .tit{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.job .tit span{
    float: left;
    display: block;
    width: 50%;
    color:#333;
    font-size:20px;
    font-weight: bold;
}
.job .tit i{
    float:right;
    display:block;
    width: 34px;
    height:34px;

}

.job .tit i.shouqi{
    background: url(../image/icon-s.png) no-repeat -35px -866px;
}

.job .tit i.zhankai{
    background: url(../image/icon-s.png) no-repeat 0 -866px;
}

.job-cnt{
    margin-top:2%;
    display: none;
}

.job-cnt p{
    color:#666;
    line-height:40px;
}
.job-cnt p.p01{
    margin-bottom:2%;
}
.job-requirements{
    margin-bottom:3%;
}


    /*development-history begin*/
.development-history{
    width:56%;
    margin:4% 22% 5%;
}
.development-history .lead{
    font-size:24px;
    color:#777;
    line-height:38px;
    text-align: center;
    margin-bottom:4%;
}
.development-history .history-cnt{
    background: url(../image/icon-jt.png) no-repeat  center top;
    padding-top:10px;
}
.development-history .history-main{
    background: url(../image/lc-s.png) repeat-y center top;
    padding:8% 0;
}
.development-history .history-main dl{
    float:left;
    width:40%;
    padding:5% 0;
    background: url(../image/icon-b.png) no-repeat center center;
}
.development-history .history-main dt{
    width:25%;
    font-size:21px;
    color:#ff6666;
    line-height: 64px;
    border-right:1px #dedede solid;
    float:left;
    text-align: center;
    margin-right:4%;
    padding-right:4%;
}
.development-history .history-main dd{
    float:left;
    width:66%;
    color:#888;
    font-size:14px;
}

.history-ctrl{
    display: block;
    width: 15%;
    margin:0 40.5%;
    text-align: center;
    padding:0.7% 2%;
    border:2px #ff6666 solid;
    color:#ff6666;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
}
.history-ctrl span{
    display: block;
    font-size:20px;
    color:#ff6666;
}
.history-ctrl i{
    display:block;
    width:21px;
    height: 21px;
    margin:0 auto;
    background: url(../image/icon-s.png) no-repeat;
}
.development-history .zhankai i{
    background-position:0 -956px;
}
.development-history .shouqi{
    display: none;
}
.development-history .shouqi i{
    background-position:-26px -956px;
}
/*development-history end*/

/*statement begin*/
.statement p.lead{
    font-size:16px;
    color:#666;
    line-height: 36px;
    margin-bottom:6%;
}
.statement .main{
    margin-bottom:5%;
}
.statement .main p{
    font-size:16px;
    color:#666;
    line-height: 30px;
    margin-bottom:5px;
}
.statement .main div.zhu{
    margin-top:2%;
}
.statement .main div.zhu p{
    font-size:14px;
    color: #999999;
    font-family: "楷体";
    margin-bottom:0;
    line-height: 26px;
}



/*statement end*/

.mobile-footer{
    display: none;
    padding: 1em 0em 1em;
    text-align: center;
    border-top: 2px solid #4e8099;
    margin: 1.5em 0 4em;
}

.mobile-footer p {
    margin: 0 0.3em 0.3em;
}

.mobile-footer p a {
    margin-right: 5px;
}
.mobile-footer-zx{
    display: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    z-index: 99999;
    bottom:0;
    padding:2% 0;
    border-top:1px #dedede solid;
    background-color: #f5f5f5;
}

.mobile-footer-zx ul li {
    float: left;
    width: 31.33333333%;
    margin:0 1%;
    background: #2978BB;
    text-align: center;
    display: block;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

.mobile-footer-zx ul li a {
    display: inline-block;
    height: 40px;
    width:100%;
    color: #FFF;
    text-align: center;
}

.mobile-footer-zx ul li a span {
    font-size: 14px;
    font-weight: 600;
}



@media only screen and (max-width:1500px){
    .content{
        width:90%;
        margin:4% 5% 0;
    }
    .enterprise{
        height: 340px;
    }
    .development-history .history-main dt{
        width:28%;
    }
    .development-history .history-main dd{
        width:62%;
    }
}

@media only screen and (max-width:1200px){
    .nav{
        width:90%;
        margin:4% 5% 0;
    }

    .school li{
        width:16.7%;
    }
    .development-history{
        width:70%;
        margin:4% 15% 5%;
    }

    .contact-us{
        margin-bottom:5%;
    }
    .contact-us .contact-information li b{
        font-size:18px;
        height: 34px;
        line-height: 34px;
    }
    .contact-us .contact-information li p{
        font-size:14px;
        line-height: 26px;
    }
    .substation li{
        width:28%;
    }

}

@media only screen and (max-width:1024px){
    .nav{
        width:95%;
        margin:0 2.5%;
    }
    .nav-bg .nav a{
        font-size:16px;
        width:14.2857%;
    }
    .content{
        width:95%;
        margin:4% 2.5% 0;
    }
    .contact-us{
        margin-bottom:5%;
    }
    .enterprise{
        width:93%;
        height: auto;
    }
    .enterprise-l{
        margin-bottom:3%;
    }

    .statement p.lead,.statement .main p{
        font-size:14px;
        line-height: 28px;
    }

    .service-cnt li{
        width:29%;
        margin:0 1% 2%;
    }
    .join h1{
        font-size:36px;
    }

    .team-cnt .img-l, .team-cnt .img-r{
        width:100%;
    }
    .development-history{
        margin-bottom:8%;
    }


}

@media only screen and (max-width:767px){
    .nav-bg{
        position: inherit;
        left: inherit;
        top:inherit;
        background: rgba(0,0,0,0.8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    }
    .nav-bg .nav{
        padding:2% 0;
    }
    .nav-bg .nav a{
        width:25%;
        font-size:14px;
        height:26px;
        line-height: 26px;
        margin:3px 0;
    }

    .company .company-cnt p{
        font-size:14px;
        line-height:30px;
        margin-bottom:5px;
    }
    .service-cnt li span{
        font-size:18px;
    }
    .enterprise p.p01{
        font-size:22px;
    }
    .enterprise p{
        font-size:14px;
    }
    .school li{
        width:18.5%;
        margin:2%;
        padding:1%;
    }

    .development-history .lead{
        font-size:18px;
        line-height: 34px;
    }
    .development-history .history-main dt{
        width: 100%;
        padding-right:0;
        margin-right:0;
        border-right:0;
        text-align: left;
        font-size:22px;
        line-height: 50px;
    }
    .development-history .history-main dd{
        width: 100%;
    }
    .development-history .history-main dd{
        font-size:12px;
    }
    .history-ctrl{
        width:25%;
        margin:0 35%
    }
    .contact-us{
        margin-bottom:8%;
    }
    .contact-us .contact-information li{
        width:46.5%;
        margin-bottom:5%;
    }
    .contact-us .contact-information li:nth-child(2){
        border-right:0;
    }
    .contact-us .contact-information li p{
        font-size:12px;
    }
    .substation li{
        width:44%;
    }
    .substation li .map{
        height: 180px;
    }

    .substation li .mapselect{
        width: 70%;
        height: 70%;
    }
    .contact-us .close-anniu{
        top:10%;
        right:10%
    }

    .statement .main{
        margin-bottom:10%;
    }

    .statement p.lead,.statement .main p{
        font-size:12px;
        line-height: 24px;
    }
    .latest-position .lead p.p01{
        font-size:24px;
        line-height: 46px;
    }
    .latest-position .lead p.p02{
        font-size:16px;
    }
    .join p{
        line-height: 30px;
        font-size:14px;
    }
    .job-cnt p{
        font-size:14px;
        line-height: 30px;
    }
    .welfare ul{
        height: 400px;
    }

    .welfare ul{
        margin:15% 0
    }
    .welfare li.li01{
        width:150px;
        height:90px;
        padding:30px 0;
        margin:-75px 0 0 -75px;

    }
    .welfare li.li01 i{
        width:50px;
        height: 50px;
        margin:0 auto;
        background: url(../image/icon-s.png) no-repeat 10px -911px;
    }
    .welfare li span{
        font-size:14px;
    }
    .school li a.school-tit{
        font-size:12px;
    }
    .school li a.t-img{
        height: 56px;
    }
}

@media only screen and (max-width:600px){
    .service-cnt li{
        width:45%;
    }
    .job .tit span{
        width:70%;
    }
    .latest-position .lead p.p01{
        font-size:20px;
    }
    .latest-position .lead p.p02{
        font-size:14px;
    }
}
@media only screen and (max-width:480px){
    h2{ width:220px;}
    h2 em{
        font-size:20px;
    }
    .nav-bg .nav a {
        font-size:12px;
        height: 24px;
        line-height: 24px;
    }
    .service-cnt li{
        width:93%;
        padding:2% 2% 4%;
        height: auto;
        margin-bottom:5%;
    }
    .service-cnt li img{
        margin:3% 0;
    }
    .school li{
        width:26.333333333333%;
    }
    .history-ctrl{
        width:35%;
        margin:0 30%
    }
    .substation li{
        width:89%;
        padding:3%;
        margin:0 2% 6%;
        height: auto;
    }
    .substation li .map{
        height: 130px;
    }
    .job .tit span{
        font-size:18px;
    }

    .welfare ul{
        height: 300px;
        margin:20% 0
    }

}
@media only screen and (max-width:400px){
    .welfare ul{
        height: 260px;
    }
    .latest-position .lead p.p01{
        font-size:18px;
    }
    .latest-position .lead p.p02{
        font-size:12px;
    }
    .contact-us .contact-information li{
        height:230px;
    }
}