@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{ font-family:"Microsoft Yahei";}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#333;}
a:hover{color:#f00; text-decoration:none;}
img{ max-width:100%; height:auto;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.height1{height:7px;}
.height2{ height:30px;}
.height3{ height:20px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}
.alignLeft{ text-align:left;}
.alignCenter{ text-align:center;}
.alignRight{ text-align:right;}
.green{color:#7ABD54;}
.orange{color:#f60;}
.hui{color:#999;}


/*header*/
.header{width:100%; height:85px;}
.logo{float:left; width:407px; height:50px;padding:20px 0 15px 0; margin-left: 15px;}
.logo-big{}
.logo-small { display: none;}
.phones{float:right; width:275px; text-align:right; font-size:14px; padding:15px 0 10px 0; margin-right: 15px;}
.nav-toggle{width:45px; height:45px; line-height:45px; text-align:center; font-size:2.2rem; cursor:pointer; float:right; display:none;}
.nav-toggle .nav-close{ display:none;}
.nav-toggle .nav-open{ display:block;}
.nav-toggle.nav-toggle-s .nav-close{ display:block;}
.nav-toggle.nav-toggle-s .nav-open{ display:none;}
@media screen and (max-width: 768px) {
.header{ height:auto;padding:8px 5px;}
.logo{ width: 280px; height:auto;padding:0;}
.phones { display: none;}
.nav-toggle{ display:inline-block;}
}
@media screen and (max-width: 576px) {
.header{ padding-bottom: 0px;}
.logo{ width: 120px;} 
.logo-big{display: none;}
.logo-small { display: block;}	
}

/*nav*/
.nav{width:100%; height:50px; background:#232270; display: block;}
.nav li{float:left;width:14%; height:50px; position:relative;}
.nav li a{float:left;width:100%; height:50px; line-height:50px; font-size:1.6rem;color:#fff; text-align:center;}
.nav li a>span { font-size: 0.5rem; padding-left: 0.5rem; text-indent: 0;}
.nav li a:hover, .nav li a.active{ background:#ed6e03;text-decoration:none;}
.nav li a.navCur{ background:#ed6e03;color:#fff;}
.nav .chilNav{ position:absolute;width:100%;left:0;top:50px; background:#232270; z-index:9999; display:none;}
.nav .chilNav a{ float:none; display:block;height:45px; line-height:45px;color:#fff; font-size:1.4rem;padding: 0 0 0 15px;text-align: left;}
.nav .chilNav a:hover{color:#fff; background:#ed6e03;}
@media screen and (max-width: 768px) {
.nav{ height:auto; display:none;}
.nav li,.nav li a{width:100% ; text-align:left;display:block; float:none; font-size:1.4rem;}
.nav li{ height:auto;}
.nav li a{ height:42px; line-height:42px; text-indent: 1.5rem;}
.nav li .chilNav{ position:static; display:none; background:#302fa2;border:0;}
.nav li .chilNav a{ font-size:1.4rem;color:#fff;border:0; text-align: center; text-indent: 0;}
}

/*banner*/
.banner { width: 100%;}
.banner img { width: 100%;}
/*location*/
.location { width: 100%; background-color: #f9f9f9;}
.location p { font-size: 1.4rem; color: #232270; line-height: 25px; padding: 10px 15px;}
.location p a { color: #232270;}
.location p a:hover { color: #ed6e03;}


/*content*/
.content{padding:15px 0;}
.width1200 {width:1200px;margin:0 auto;}
.width1200:after { content: ""; display: block; clear: both;}
.content-one { width: 100%; padding: 15px;}
.content-half { width: 50%; float: left; padding: 15px;}
.content a.more-links { float: right; font-size: 14px; color: #cfcfcf;}
.content a:hover.more-links { color: #ed6e03;}
.content-title{ font-size:2.4rem; color: #241f72; line-height:50px;}
.content-title2 { color:#129fe7; font-size:20px; line-height: 40px;}
/*content-left*/
.content-left{float:left; width:20%;}
.left-title {padding:8px 15px; background-color: #232270;font-size: 1.8rem;}
.left-title p { color: #fff; }
.left-title span { font-size: 1.2rem; color: #afafc0;}
.left-nav li a { text-align: center; display: block; font-size: 1.4rem; color: #666; line-height: 40px; margin-bottom: 1px; background-color: #f9f9f9;}
.left-nav li a:hover { color: #fff; background-color: #ed6e03; }
/*content-right*/
.content-right{float:right;width:80%; padding-left: 30px;}
.right-title{font-size:1.8rem; padding:8px 30px; background-color: #232270; display: inline-block; color: #fff;}
/*news-list*/
ul.news-list { border-bottom: #ddd 1px solid; border-top: #ddd 1px solid; margin-top: 15px; margin-bottom: 15px;}
ul.news-list li a { padding: 15px 0; display: block; border-bottom: dotted #ddd 1px;}
ul.news-list li:last-child a {border-bottom: 0;}
ul.news-list li p.news-title { color: #333; font-size: 1.6rem;}
ul.news-list li a:hover p.news-title { color: #ed6e03;}
ul.news-list li p.news-info { color: #999;word-break: break-all;ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*down-list*/
ul.down-list { }
ul.down-list li { position: relative; border-bottom: 1px dotted #ccc; padding-top: 5px; padding-bottom: 5px;}
ul.down-list li p.title { color: #333; font-size: 1.6rem; line-height: 35px;}
ul.down-list li a.down {border-bottom: none; position: absolute; right: 10px; top:15px;}
ul.down-list li a.open {border-bottom: none; position: absolute; right: 140px; top:15px;}
/*cases-list*/
div.cases-list { border-top: #ddd 1px solid; margin: 15px 0;}
div.cases-list ul { margin: 0 -15px;}
div.cases-list ul:after { content: ""; display: block; clear: both;}
div.cases-list li{ float: left; width: 33.33%; padding: 0 15px; margin-top: 15px;}
div.cases-list li a { display: inline-block;}
div.cases-list li a p { text-align: center; font-size: 1.4rem; line-height: 2.4rem; color: #666;}
div.cases-list li a:hover p { color: #ed6c2c;}
div.cases-list li a p.case-img { border: #ddd 1px solid; padding: 5px;}
div.cases-list li a img { width: 100%;}
/*pageBar*/
.pageBar {margin: 20px auto;width: 100%;}
.pageBar:after {content: ''; display: block; clear: both;}
.pageBar-style {position: relative; text-align: center;}
.pageBar-style a{float:left;margin:0 5px;width:34px;height:34px;line-height:34px;background:#fff;border:1px solid #ddd;color:#666;font-size:14px}
.pageBar-style .active{float:left;margin:0 5px;width:34px;height:34px;line-height:34px;background:#ed6e03;color:#fff;font-size:14px;border:1px solid #ed6e03;}
.pageBar-style .next,.pageBar-style .prev{font-size:16px;font-weight:700}
/*content-article*/
.content-article { padding-bottom: 15px;}
.content-article p { text-indent: 2em; color: #666; font-size: 1.4rem; line-height: 2.4rem;}
.content-article img { display: block; margin: 15px auto;}
.no-indent p {text-indent: 0;}
.map {width:100%;height:600px;border:#ccc solid 1px; margin: 0 auto;}
/*content-photo*/
.content-photo { }
.content-photo li { float: left; width: 25%; padding: 0 15px; margin-top: 15px;}
.content-photo li img { width: 100%;}
.content-photo p { text-align: center; font-size: 1.4rem; line-height: 2.4rem; color: #666;}
.content-photo ul:after { content: ""; display: block; clear: both;}
/*content-changePage*/
.content-changePage {}
.content-changePage .prev-page, .content-changePage .next-page { font-size: 1.4rem; color: #333; line-height: 2.8rem;}
.content-changePage .prev-page a:hover, .content-changePage .next-page a:hover { color: #ed6e03; }
@media screen and (max-width: 1200px) {
.width1200{width:100%;}
}
@media screen and (max-width: 992px) {
.content-photo li { width: 33.33%;}
ul.down-list li { position: static;}
ul.down-list li:after { content: ''; display: block; clear: both;}
ul.down-list li a { position: static !important; }
ul.down-list li a.open { float: left; margin-right: 15px;}
}
@media screen and (max-width: 768px) {
.content { padding: 0;}
.content-half { width: 100%;}
.content-title{ font-size:1.8rem; }
.content-title2 { font-size:16px;}
.content-left, .content-right{width:100%; padding:15px;}
.content-photo li { width: 50%;}
.map { height: 300px;}
}
@media screen and (max-width: 576px) {
.content-photo li { width: 50%;}
div.cases-list li{ width: 50%;}
/*
ul.news-list li p.news-title {width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
ul.down-list li p.title {width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
*/
}
@media screen and (max-width: 360px) {
.content-photo li { width: 100%;}
}


/*index start*/
.swiper-container { border-bottom: #ed6e03 8px solid;}
.swiper-pagination-bullet-active { background: #232270;}
.swiper-pagination-bullet {width: 12px;height: 12px;}
/*index-info*/
.index-info-img { width: 35%; float: left; border: #ddd 1px solid; padding: 5px;}
.index-info-img img { width: 100%;}
.index-info { width: 65%; float: left; padding-left: 30px;}
.index-info:after { content: ""; display: block; clear: both;}
.index-info p { text-indent: 2em; font-size: 1.4rem; line-height: 2.4rem; color: #666;}
.index-info ul { margin: 20px 30px; margin-right: 0;}
.index-info li { float: left; width: 50%; list-style-type:disc; color: #ed6e03; line-height: 34px; font-size: 1.6rem;}
.index-info li a { color: #ed6e03;}
.detailsnr { display: inline-block; color: #fff; background-color: #241f72; padding: 10px 15px; margin-top:20px; margin-left: 10px;}
.detailsnr a:hover { background-color: #ed6c2c; }
.detailsnr a span { padding-right: 8px;}
/*index-service*/
.index-service { margin-left: -15px; margin-right: -15px;}
.index-service:after { content: ""; display: block; clear: both;}
.index-service li { float: left; width: 33%; padding: 0 15px; margin-bottom: 15px; margin-top: 15px; position: relative;}
.index-service li a { display: inline-block; border: 1px solid #ddd;}
.index-service li a img { width: 100%;height: auto;}
.index-service li a:hover { box-shadow: 0 2px 10px #888888;}
.index-service li .service-show { padding: 15px;min-height: 100px;}
.index-service li .service-show p { font-size: 12px; color: #888; word-break: break-all;ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-service li .service-show p.title { font-size: 16px; color: blueviolet;font-weight: bold; padding-bottom: 8px;}
.index-service li a:hover .service-show p { color: #666;}
.index-service li a:hover .service-show p.title { color: #ed6e03; }
/*index-case*/
.index-case { margin-left: -15px; margin-right: -15px;}
.index-case:after { content: ""; display: block; clear: both;}
.index-case li { float: left; width: 25%; padding: 0 15px; margin-bottom: 15px;}
.index-case li a { display: inline-block;}
.index-case li a p { text-align: center; font-size: 1.4rem; line-height: 2.4rem; color: #666;}
.index-case li a:hover p { color: #ed6c2c;}
.index-case li a .case-img { border: #ddd 1px solid; padding: 5px;  }
.index-case li a .case-img>p {overflow: hidden;}
.index-case li a img { width: 100%;transition: all 0.3s ease-in-out;}
.index-case li a:hover img { transform: scale(1.2);}
/*index-new*/
.index-new { border-top: #ddd 1px solid; padding: 10px 0;}
.index-new:after { content: ""; display: block; clear: both;}
.index-new li {height:32px; line-height:32px; font-size:1.4rem;}
.index-new li:after { content: ''; display: block; clear: both;}
.index-new li a {display:inline-block; color: #666; height:32px;}
.index-new li a:hover { color: #ed6e03;}
span.tips { color: #f18507; font-size: 12px; font-style: italic;text-shadow: 0 0 5px #f18507; font-weight: 600;}
span.tips a { float: right;}
@media screen and (max-width: 1000px) {
.index-service,.index-case { margin-left: -10px; margin-right: -10px;}
.index-service li { width: 33.33%; padding: 0 10px;}
}
@media (min-width: 769px) and (max-width: 1000px){
.index-new:after { clear:both; content:''; display:block;}
.index-new li { height: auto; border-bottom: dotted 1px #ccc;}
.index-new li:last-child { border-bottom: none;}
span.tips {	display: block; padding-left: 8px;}
span.tips a { float: none;}
}
@media screen and (max-width: 768px) {
.swiper-container { border-bottom: #ed6e03 3px solid;}
.swiper-pagination-bullet {width: 8px;height: 8px;}
.index-info-img { width: 100%;}
.index-info { width: 100%;padding-left: 0;}
.index-service,.index-case { margin-left: -10px; margin-right: -10px;}
.index-service li { width: 50%; padding: 0 10px;}
.index-case li { width: 33.33%; padding: 0 10px;}
}
@media screen and (max-width: 576px) {
.swiper-container { border-bottom: #ed6e03 2px solid;}
.index-info li { width: 100%;}
.index-service li .service-show p.title { font-size: 16px;}
.index-case li { width: 50%;}
.index-new:after { clear:both; content:''; display:block;}
.index-new li { height: auto; border-bottom: dotted 1px #ccc;}
.index-new li:last-child { border-bottom: none;}
/*.index-new li a {overflow:hidden;width:90%;white-space:nowrap;text-overflow:ellipsis;}*/
span.tips {	display: block; padding-left: 8px;}
span.tips a { float: none;}
}

/*index end*/


/*footer*/
.footer{}
.foot-links { background-color: #cfcfcf;}
.foot-title { font-size: 2rem; line-height: 2rem;}
.foot-links .links-list { margin-left: -15px;}
.foot-links .links-list:after { content: ""; display: block; clear: both;}
.foot-links .links-list li { float: left; width: 10%; margin-top: 15px; padding-left: 15px;}
.foot-links .links-list li a { display: block;}
.foot-links .links-list li a:hover { box-shadow: 0 0 10px #888888;}
.foot-links .links-list li a img { width: 100%;}
.foot-copy { background-color: #2c2c2c; padding: 15px 0;}
.foot-copy p { text-align: center; color: #8c8c8c; line-height: 24px;}
.foot-copy p a { color: #ccc; }
.foot-copy p a:hover { color: #ed6e03;}
@media screen and (max-width: 992px) {
.foot-links .links-list li { width: 20%;}	
}
@media screen and (max-width: 768px) {
.foot-links { padding:0;}
.foot-title { font-size: 1.8rem;}
.foot-links .links-list li { width: 25%;}	
}
@media screen and (max-width: 576px) {
.foot-links .links-list li { width: 33.33%;}	
}

.main-im {
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 100;
    width: 110px;
    height: 272px
}

    .main-im .qq-a {
        display: block;
        width: 106px;
        height: 116px;
        font-size: 14px;
        color: #232270;
        text-align: center;
        position: relative
    }

        .main-im .qq-a span {
            bottom: 5px;
            position: absolute;
            width: 90px;
            left: 10px
        }

    .main-im .qq-hover-c {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        position: absolute;
        left: 18px;
        top: 10px;
        overflow: hidden;
        z-index: 9
    }

    .main-im .qq-container {
        z-index: 99;
        position: absolute;
        width: 109px;
        height: 118px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #ddd;
        background: url(../images/qq-icon-bg.png) no-repeat center 8px
    }

    .main-im .img-qq {
        max-width: 60px;
        display: block;
        position: absolute;
        left: 6px;
        top: 3px;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .main-im .im-qq:hover .img-qq {
        max-width: 70px;
        left: 1px;
        top: 8px;
        position: absolute
    }

    .main-im .im_main {
        background: #f9fafb;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #f9fafb;
        display: block;
    }

        .main-im .im_main .im-tel {
            color: #666;
            text-align: center;
            width: 109px;
            height: 45px;
            border-bottom: 1px solid #ddd
        }

            .main-im .im_main .im-tel div {
                font-size: 12px;
                margin-top: 6px
            }

            .main-im .im_main .im-tel .tel-num {
                color: #ed6e03
            }

            .main-im .im_main .im-tel:hover {
                background: #fafafa
            }

        .main-im .im_main .weixing-container {
            width: 55px;
            height: 47px;
            border-right: 1px solid #ddd;
            background: #f5f5f5;
            border-bottom-left-radius: 10px;
            background: url(../images/weixing-icon.png) no-repeat center center;
            float: left
        }

        .main-im .im_main .weixing-show {
            width: 112px;
            height: 140px;
            background: #fff;
            border-radius: 10px;
            border: 1px solid #ddd;
            position: absolute;
            left: -125px;
            top: -90px
        }

            .main-im .im_main .weixing-show .weixing-sanjiao {
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #fff;
                border-width: 6px;
                left: 112px;
                top: 134px;
                position: absolute;
                z-index: 2
            }

            .main-im .im_main .weixing-show .weixing-sanjiao-big {
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #ddd;
                border-width: 8px;
                left: 112px;
                top: 100px;
                position: absolute
            }

            .main-im .im_main .weixing-show .weixing-ma {
                width: 104px;
                height: 103px;
                padding-left: 5px;
                padding-top: 5px
            }

            .main-im .im_main .weixing-show .weixing-txt {
                position: absolute;
                top: 110px;
                left: 7px;
                width: 100px;
                margin: 0 auto;
                text-align: center
            }

        .main-im .im_main .go-top {
            width: 50px;
            height: 47px;
            background: #f5f5f5;
            border-bottom-right-radius: 10px;
            background: url(../images/totop-icon.png) no-repeat center center;
            float: right
        }

            .main-im .im_main .go-top a {
                display: block;
                width: 52px;
                height: 47px
            }

    .main-im .close-im {
        position: absolute;
        right: 10px;
        top: -12px;
        z-index: 100;
        width: 24px;
        height: 24px
    }

        .main-im .close-im a {
            display: block;
            width: 24px;
            height: 24px;
            background: url(../images/close_im.png) no-repeat left top
        }

            .main-im .close-im a:hover {
                text-decoration: none
            }

    .main-im .open-im {
        cursor: pointer;
        margin-left: 68px;
        width: 40px;
        height: 133px;
        background: url(../images/open_im.png) no-repeat left top;
        display: none;
    }

@media screen and (max-width: 768px) {
    .main-im .im_main {
        display: none;
    }

    .main-im .open-im {
        display: block
    }
}

/*Banner样式*/
.slide-box {
    position: relative;
    margin: 0 auto;
    height: 350px;
    text-align: center;
    overflow: hidden;
}

    .slide-box .list-box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
        width: 1900px;
        height: 100%;
        background: #fff;
    }

        .slide-box .list-box li {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            filter: alpha:opacity(0);
        }

            .slide-box .list-box li img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

    .slide-box .speed-box {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        height: 10px;
        text-align: center;
        z-index: 999;
    }

    .slide-box .speed-btn {
        display: inline-block;
        margin: auto 0;
    }

        .slide-box .speed-btn a {
            display: block;
            float: left;
            margin: 0 5px;
            width: 10px;
            height: 10px;
            background: url(../images/slide_btns.png) 0 -166px no-repeat;
            overflow: hidden;
            *float: none;
            *display: inline-block;
        }

            .slide-box .speed-btn a.selected {
                background-position: 0 -176px;
            }

    .slide-box .prev-btn, .slide-box .next-btn {
        position: absolute;
        top: 50%;
        display: block;
        margin-top: -41px;
        width: 42px;
        height: 82px;
        z-index: 999;
        opacity: 0.5;
        filter: alpha:opacity(50);
        background: url(../images/slide_btns.png) no-repeat;
        display: none;
        overflow: hidden;
    }

    .slide-box .prev-btn {
        left: 31px;
        background-position: 0 0;
    }

    .slide-box .next-btn {
        right: 31px;
        background-position: 0 -82px;
    }