*{ padding: 0; margin: 0 auto;}
body{font-family: "Microsoft YaHei UI Light", PingFangSC-Regular, "Lantinghei SC", "Hiragino Sans GB", 'Microsoft YaHei', Helvetica, arial, simsun, sans-serif;cursor: default;font-weight: 400;}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}



ol,
ul,
dl,
li,
dt,
dd {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}


a {
    outline: none;
}

a,
a:visited,
a:link,
a:active {
    color: #333333;text-decoration: none;font-weight: normal;font-size: 12px;
}

a:hover {color: #e60012;font-size: 12px;text-decoration: none;}

a img {border: 0;margin: 0;padding: 0;}



.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}

table {border-collapse: collapse;border-spacing: 0;}

td {font-size: 12px;}

img {border: 0;vertical-align: middle;}

.fleft {float: left;}

.fright {float: right;}

.row{margin:0;}

.container {
    width: 1200px;
    margin: 0 auto;
    padding:0;
    position:relative
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right:0;
    padding-left:0;
}

.hide {display: none;}

section, header{min-width: 1200px;}
section .title{text-align: center;}
section .title h2{font-size: 25px; line-height: 50px; text-align: center; font-weight: 600;}
section .title p{color: #767676; font-size: 18px;}
section .more{text-align: center; display: block; margin: 40px 0 20px; }
section .more a{padding: 5px 15px; background: #767676; color: #fff; border-radius: 5px; font-size: 15px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
section .more a:hover{background: #e60012;}

.banner{ margin-top: 66px;}

section.map{margin-top: 20px; font-size: 16px; line-height: 21px;}
section.map a{font-size: 16px; color: #e60012;}

header{width:100%;height:66px;line-height:66px; position:fixed;top:0;z-index:9999;background:#fff; box-shadow:0 1px 24px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 24px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 24px rgba(35,25,25,0.2);}
header .wrap{width:1160px;margin:0 auto;}
header .logo{float:left;margin-right:10px;}
header .logo a{display: inline-block; height: 66px;}
header .logo img{float: left; margin-top: 8px; height: 46px;}
header .container>ul{float:left;}
header .container>ul>li{float:left;padding:0 12px; list-style-type: none;position:relative;background:url(../images/line.png) left center no-repeat;}
header .container>ul>li:first-child{background: none;}
header .container>ul>li span{display:block;position:absolute;width:28px;height:13px;right:-10px;margin-left:-10px;top:15px;z-index:2;}
header .container>ul>li>a{text-decoration:none;font-size:18px;font-weight: bold;}
header .container>ul>li:hover>a,header .container>ul>li a:hover{color:#e60012;}
header .box{display: none;position: absolute; width: 460px; padding: 20px; left: 0; top: 80px; background: #fff;  box-shadow:0 1px 24px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 24px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 24px rgba(35,25,25,0.2);}
header .container>ul>li.hover .box{display: block;}
header .box ul{width: 160px; }
header .box li{height: 35px;}
header .box li a{ display: block; border-bottom: 1px #E1E1E1 solid; font-size: 16px; line-height: 36px; background: url(../images/arrow.png) left center no-repeat; padding-left: 15px; }
header .box .description{width: 260px; padding-left:20px; border-left: 1px #e1e1e1 solid; height: 280px; }
header .box .description img{width: 100%; vertical-align: top;}
header .box .description b{line-height: 35px; color: #e60012;}
header .box .description p{line-height: 24px; font-size: 14px;}
header .box em{position: absolute; left: 0; top: -20px; width: 100%; height: 20px;}
header .box s {
position :absolute;
top :-20px;
*top :-22px;
left :38px;
display :block;
height :0;
width :0;
font-size : 0;
line-height : 0;
border-color :transparent transparent rgba(35,25,25,0.1) transparent;
border-style :dashed dashed solid dashed;
border-width :10px;
}

header .box i {
position :absolute;
top :-9px;
*top :-9px;
left :-10px;
display :block;
height :0;
width :0;
font-size : 0;
line-height : 0;
border-color :transparent transparent #fff transparent;
border-style :dashed dashed solid dashed;
border-width :10px;
}
header .box.nav_product{width: 720px; height: 330px;}
header .box.nav_product ul{width: 720px;}
header .box.nav_product ul li{width: 220px; margin-right: 20px; height: 170px; float:left; overflow:hidden; }
header .box.nav_product ul li h2{ background: url(../images/arrow.png) left center no-repeat; padding-left: 15px; line-height: 36px; border-bottom: 1px #e1e1e1 solid;}
header .box.nav_product ul li dl{padding: 8px 0;}
header .box.nav_product ul li dd a{background: none; text-indent: 15px; padding: 0; font-size: 14px; border: none; line-height: 26px;}
header .telBox{float:right;width:300px;height:66px; line-height:66px; text-align:right;color:#e60012;font-size:18px; font-family: Consolas, Arial, sans-serif; font-weight: 400; position:relative; }
header .telBox i{width:32px;height:32px;margin-right:12px; display:inline-block;vertical-align: middle; position:absolute; left:21px; font-size: 32px;}
header .telBox b{font-size: 24px; font-weight: 400;}
header .telBox a{color:#e60012;font-size:18px;}

header.dark{background:rgba(60,60,60,0.75);}
header.dark ul li{background:url(../images/line.png) left center no-repeat;}
header.dark ul li:first-child{background: none;}
header.dark .telBox{background:rgba(0,0,0,.3);color:#e60012;}

footer{background:#252525;}
footer .container{padding:25px 10px 5px 10px;overflow:hidden;_zoom:1;}
footer .container dl{float:left;width: 80px;margin-right:60px;font-size:14px;line-height:24px;color:#999;}
footer .container dt{width:100%; margin-bottom:10px;line-height:24px; font-size:16px;color:#fff; }
footer .container dd{float:left;}
footer .container dl.qrcode{width: 150px; float: right; text-align: center; margin: 0;}
footer .container dl.tel{width:215px;height:140px;padding-left:42px;border-left:1px solid #333;margin-right:28px;float:right;}
footer .container h3{color:#fff;font-size:28px;font-weight: 400;margin-bottom:5px;font-family:Consolas, Arial, sans-serif;}
footer .container dd a{ font-size:14px;color:#999; display:block; float:left;}
footer .container dd a:hover{color:#e84c02;text-decoration:none;}
footer .links{padding:15px 10px 15px 10px; color: #fff; font-size: 14px;}
footer .links a{color: #fff; font-size: 14px;}
footer .copyright{width:100%; background:#111;color:#999;padding:8px 0;line-height:24px;font-size:14px; text-align: center;}

.view-page{width:100%;padding:30px 0;text-align:center;}
.view-page span{ padding:3px 8px; border:1px #fff solid;margin:0 5px; color:#333;}
.view-page span.disabled{border: none;}
.view-page a{ padding:3px 8px; border:1px #dfdfdf solid;margin:0 5px; color:#333; font-size: inherit;}
.view-page a:hover,.view-page span.current{ color:#e60012; border-color:#e60012;}

.mobi{display: none;}

@media screen and (max-width: 1200px) {
    .mobi{display: block;}
    .pc{display: none;}

    body {width: 100%; overflow-x:hidden; }
    .container{min-width: inherit; width: auto;}
    section, header{min-width: inherit;}
    section .title h2{font-size: 21px; line-height: 50px; text-align: center; font-weight: 600;}
    section .title p{color: #767676; font-size: 14px;}

    .banner{ margin-top: 56px;}

    header{border: none; height: 56px; line-height: 56px;}
    header .logo a{height: 56px;}
    header .logo img{height: 36px;}
    header .btn{position: absolute; top: 0; right: 0; text-align: center; width: 56px; height: 56px; }
    header .btn i{font-size: 28px;}
    header .container>ul{position: absolute; top: 56px; width: 160px; right: 0; padding: 10px 0; display: none;}
    header .container>ul>li{width: 100%;background: none; padding: 0; line-height: 36px; text-align: center;}
    header .container>ul>li>a{font-size: 16px; font-weight: 400; color:#fff;}
    header.hover .box{display: none;}

    header.hover .btn{background: rgba(0,0,0,.5);}
    header.hover .btn i{color: #fff;}
    header.hover .container>ul{background: rgba(0,0,0,.5); display: block;}

    header .telBox{position: fixed; display: none; bottom: 0; height: 56px; line-height: 56px; font-size: 14px; width: 100%; text-align: center; background: #e60012; color: #fff;}
    header .telBox i{font-size: 24px; width: 56px; height: 56px; left: 0; background:rgba(0,0,0,.5);}
    header .telBox span{font-size: 16px;}
    header .telBox b{font-size: 18px;}
    header .telBox a{color: #fff;display: block;}

    footer{ padding-bottom: 56px; background: #f2f2f2;}
    footer dl{display: none;}
    footer dl.tel{display: block; width: 100%; text-align: center;}
    footer .container{margin: 0; padding: 15px 0;}
    footer .container dt{font-size: 18px; font-weight: 600; color: #333;}
    footer .container h3{font-size: 18px;text-align:center;color: #666;}
    footer .container h3 a{font-size: 18px;text-align:center; color: #666;}
    footer .container dl.tel{float: inherit; margin: 0 auto; height: auto; padding: 0; border: none;}
    footer .container dl.qrcode{float: inherit; margin: 0 auto; padding: 0; border: none;}
    footer .copyright{ background: #333;}

    .navigation {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background: #e60012;
        -moz-box-shadow: 0 1px 24px rgba(35,25,25,0.2);
        -webkit-box-shadow: 0 1px 24px rgba(35,25,25,0.2);
        -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
        box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    }
    .navigation a{padding: 7px 0; color:#f2f2f2; font-size: 12px; -webkit-box-flex: 1; -moz-box-flex: 1;  -webkit-flex: 1; -ms-flex: 1;  flex: 1; text-align: center;}
    .navigation a i{display: block; font-size: 21px;}

    #newBridge .nb-icon-right-center{top: 75%!important;}
}