@charset "utf-8";
/* CSS Document */
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,font,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,p,span,select,input,textarea{ font-family:Microsoft YaHei,Helvetica,Arial,Verdana,sans-serif; margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{ background-color:#f5f5f5;}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
.clear{display:block;clear:both;height:0;font-size:0;line-height:0;overflow:hidden;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
.clearfix{zoom:1}
.br{display:block;height:0;line-height:0;font-size:0em;clear:both;overflow:hidden;}
.hr{display:block;height:0;line-height:0;font-size:0em;clear:both;overflow:hidden;}
a{text-decoration: none; color:#666;outline:none;}
table {border-collapse:collapse;border-spacing:0;border:0;} 
th,td {padding:0;vertical-align:middle;border:0;}
html,body{ margin:0px; height:100%;min-height: 100%;-webkit-tap-highlight-color:transparent;}
body {
    font: 12px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    background-color: #28292d;
    height: 100%;
    min-height: 100%;
    -webkit-tap-highlight-color: transparent;
}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
.clear{display:block;clear:both;height:0;font-size:0;line-height:0;overflow:hidden;}
.br{display:block;height:0;line-height:0;font-size:0px;clear:both;overflow:hidden;}
.hr{display:block;height:0;line-height:0;font-size:0px;clear:both;border-bottom:1px solid #e6e6e6;}
a{text-decoration: none;}
img{border:0;display:block;}
table {border-collapse:collapse;border-spacing:0;border:0;} 
th,td {padding:0;vertical-align:middle;border:0;}
body {
	font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif;
	background:url(../Images/all_bg.jpg) no-repeat center 0;
	background-color:#fff;
	color:#505050;
    font-size:12px;
	margin:0;
}
#clear {
    clear: both;
    width: 100%;
}

#clearfix {
    clear: both;
    zoom: 1
}

#clear:after {
    display: block;
    clear: both;
    height: 1px;
    content: ''
}

img, fieldset {
    border: 0;
} 
.header {
    height: 168px;
    position: relative;
    min-width: 1080px;
}
.header .logo{padding:27px 0 27px 5px;}
.header .menu{height:48px;background-color:#019bdc;}
.header .menu ul{margin:0 auto;width:1080px;}
.header .menu ul li{display:inline-block;text-align:center;}
.header .menu ul li a{width:212px;display:inline-block;line-height:48px;color:#fff;text-align:center;font-size:17px;}
.header .menu ul li a:hover{color:#ffc72d;}
.header .menu .active a{color:#ffc72d;}
.content{width:1080px;margin:0 auto;margin-top:10px;margin-bottom:10px;line-height:24px;font-size:13px;color:#0085b9}
.content .h_tit{background:url(../Images/tit-linebg.jpg) bottom left no-repeat}
.content .h_tit h3{color:#ff9c00;font-size:18px;line-height:46px;padding:0 22px;}
.content .pro{ text-align:center;padding:10px 0;}
.content .pro ul li {
        width: 320px;
        display: inline-block;
        text-align: center;
        padding: 12px;
        background-color: #fafafa;
        margin:10px 5px;
        border: 1px solid #e7e7e7;
    }
.content .pro p{
        font-size:16px;padding-bottom:12px;
    }
    .content .pro ul li a{color:#019cdc;}
    .content .pro2 ul li {
        width: 232px;
        display: inline-block;
        text-align: center;
        padding: 12px;
        background-color: #fafafa;
        margin: 10px 5px;
        border: 1px solid #e7e7e7;
    }
    .content .pro2 img{width:232px;}
    .content .pro2 p {
        font-size: 16px;
        padding-bottom: 12px;
    }
.content .h-c p{padding:0 5px;}
.content .h-c h4 {
        padding: 10px 5px;
        font-size: 15px;
    }
    .content .h-c h5 {
        padding: 5px;
        font-size: 13px;
    }
.h_c1{width:725px;float:left;}
.h_c1 .bg_a{background:url(../Images/c_bg_a.jpg) no-repeat;height:9px;}
.h_c1 .bg_b{background:url(../Images/c_bg_b.jpg) no-repeat 0 bottom;padding:0 0 12px 12px;}
.h_c2{width:264px;float:right;}
.h_c2 .bg_a{background:url(../Images/c2_bg_a.jpg) no-repeat;height:9px;}
.h_c2 .bg_b{background:url(../Images/c2_bg_b.jpg) no-repeat 0 bottom;padding:0 16px 5px 16px;}
.links{background:url(../Images/links_bg.jpg) no-repeat;height:70px;width:996px;margin:0 auto; }
.links span{font-size:15px;display:block;color:#00315c;padding:12px 0 0 12px;}
.links ul{padding-left:12px;}
.links ul li a{float:left;padding-right:20px;color:#505050;}
.links ul li a:hover{float:left;padding-right:20px;color:#00315c;}
.copyright {
    color: #bdbdbd;
    height: 42px;
    text-align: center;
    color: #a0a0a0;
    line-height: 42px;
    border-top: 1px solid #e4e4e4
}



/* mobile*/
.mobile-s {
    font-size: 1.125em;
    max-width: 860px;
    margin: 0 auto;
    color: #646464;}
    .mobile-s .container {
       padding:12px;
    }
    .mobile-s .m-header {
        height: 58px;
        background-color: #0090ce;
            position: fixed;
            width:100%;
    }
.mobile-s img, fieldset {
        border: 0;
    }
.mobile-s img {
    -ms-interpolation-mode: bicubic;
    height: auto;
    max-width: 100%;
    width: 100%;
    border: 0;
    background-size: contain;
    vertical-align: bottom;
}
    .mobile-s .logo {
        padding-top: 12px;
        padding-left: 3%;
        background-size: contain;
        width: 226px;
        float: left;
        
    }
    .mobile-s .tit {
        background: url(../Images/mobile-titline.jpg) no-repeat center bottom;
        font-size: 1.425em;
        padding: 3px;
        background-size: contain;
        text-align: center;
        color: #ff9c00;
        font-weight:bold;
    }
    .mobile-s .product{margin:12px 0px!important;}
    .mobile-s .product ul {
        text-align: center;
    }
        .mobile-s .product ul li {
            float: left;
            width: 48%;
            padding:1%;
            
            
        }
.mobile-s .product ul li a {
                padding: 4%;
                display: block;
                background-color: #fafafa;
                border: 1px solid #efefef;
            }
.mobile-s .product ul li p{color:#019cdc;font-size:1.2em;padding-bottom:8px;}
    .mobile-s .contt .c-bg {
        background: #f4f4f4;
        text-align: center;
        padding: 16px;
        color: #a9a9a9
    }
.mobile-s .contt h3{font-size:1em;color:#0085b9}
.mobile-s .contt p {text-align:center;padding-top:12px;
        
    }
    .mobile-s .contt p span{
       display:block;padding:1px;
    }

.sp_nav {
    width: 54px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 25px;
    margin-top: 18px
}

    .sp_nav span {
        display: block;
        background: #fff;
        width: 25px;
        height: 2px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s
    }

        .sp_nav span:nth-of-type(1) {
            top: 0px
        }

        .sp_nav span:nth-of-type(2) {
            top: 10px
        }

        .sp_nav span:nth-of-type(3) {
            top: 20px
        }

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 9;
    background: #fafafa;
    width: 100%;
    height: calc(120% - 122px);
    font-size: 1em;
    line-height: 1.25em;
    top: -120%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 58px
}

.sjj_nav > ul > li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav ul li i {
    position: absolute;
    top: 5px;
    right: 0px;
    border-left: 1px #ddd solid;
    height: 30px;
    padding: 0px 7px 0 7px;
}

    .sjj_nav ul li i svg {
        transform: rotate(-90deg);
        transition: all ease 0.35s
    }

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}
.sjj_nav ul{padding:0 4%;}
.sjj_nav ul li {
    border-top: 1px #ddd solid;
    position: relative;
    line-height: 50px;
    text-align: center;
   
}

.sjj_nav > ul > li:last-child {
    border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
    display:block;
}

.sjj_nav ul li ul li a {
    color: #999;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #c9141e
}

.sjj_nav ul li ul li > ul {
    margin-left: 10px
}





@media only screen and (min-width: 860px) {
    .mobile-s {
        display: none !important;
    }
}

@media only screen and (max-width: 859px) {
    .pc-container {
        display: none !important;
    }
    body{background:none;}
    .popup {
        width: 100%!important;
        margin: 0 auto;
        position: relative;
    }
        .popup img{width:100%;}

        .popup .mfp-auto-cursor .mfp-content {
            width: 100% !important;
        }

        .popup .mfp-close {
            display: block !important;
            width: 40px;
            height: 40px;
            top: 12px;
            left: 70%;
            background-color: #333;
        }
}