@charset "utf-8";
a:hover{ text-decoration:none}
/*h3{text-transform: capitalize;}*/
.w-huizi{ color:#4c4c4c }
.w-top10{ padding-top:10px;}
.w-bottom10{ padding-bottom:10px;}
h2.w-bottom10{font-size: 24px;}
.w-top30{ padding-top:30px;}
.w-top50{ padding-top:50px;}
.w-bottom50{ padding-bottom:50px;}
.w-bortop{ border-top:1px solid #e5e5e5;padding: 30px 15px 0px 15px; margin-top:30px}
.w-aboutnav,.bodkfkf{ border-bottom:1px solid #e6e6e6}
.w-aboutnav li a,.w-histime,.w-hislist ul li, .w-case { font-size:2.0rem; font-size:20px; word-wrap: break-word;}
.w-dao1 .w-aboutnav span a{line-height:50px;border-bottom:4px solid #e60012;padding:10px 20px;}
.w-dao1 .nav>li>a{  padding: 10px 20px; }
#Lnav-list .nav>li>a{padding:10px 6px; height:44px; }
#Lnav-list li a{font-size: 16px;font-size: 1.6rem;}
.w-dao1 .nav-pills>li.active>span>a, .w-dao1 .nav-pills>li.active>span>a:focus, .w-dao1 .nav-pills>li.active>span>a:hover{ background:none; color:#000; border-radius:0}
p.w-huizi,span.w-huizi{ line-height:2.6rem; line-height:35px;}
.w-company span, .w-history span,.w-csr span,.w-Talent span{ width:5px; height:18px; display:inline-block; background:#e60012; margin-right:15px;}

section { margin-bottom:50px;}
.w-lanzi a{color:#0b24a3; text-transform: capitalize;} .w-lanzi a:hover{ text-decoration:underline}
.w-psd0{ padding-left:0px;}
.w-kuanxian{margin-right: -7px; margin-left: -7px;}
.w-kuanxian p{ height:7.5rem;line-height:2.5rem; height:98px;  line-height:30px; overflow:hidden}
.w-kuanxian .col-md-4{ padding:8px;}
.w-kuanxian .col-md-8{ padding:0px 6px;}
.w-kuanxian h3 a{ font-weight:bold; font-size:1.8rem;}
.w-pdd0{ padding:0;}
.w-matop{ margin-top:9px; margin-bottom:3px;}
.w-carloe .nav-pills>li+li{ margin-left:0px;}
.w-carloe .nav>li>a{  padding-left:0px;  color:#666}
.w-carloe .nav-pills>li.active>a, .w-carloe .nav-pills>li.active>a:focus, .w-carloe .nav-pills>li>a:hover{  color:#e60012; text-decoration:underline}
.w-top80{ padding-top:38px;}
.w-abanniu .btn{ background:none; width:100%; padding:15px 0; display:block; outline:none}
.w-pppcase{ position:relative}
.w-pppcase p{ padding:10px 0px 30px 0px; }
.w-fudtitle{ width:92%; position: absolute;top:8rem;top:80px; padding:0px 20px; color:#fff;}
.w-size26{font-size:2.6rem}
.w-zeren .col-md-12{border-bottom:1px solid #e5e5e5; padding:40px 0px}
.w-historybg{ background:#f7f7f7;margin-left: 0px;margin-right: 0px;}
.w-htconter{ position:relative; padding-left:40px; font-size:1.6rem; padding-bottom:40px;}
.w-htconter .w-line{    width: 1px; height: 100%; top:0px;
 position: absolute; left:5px;z-index:9; background:#ededed}
.w-htconter .w-radius,.w-contact1 span{  width:12px; height:12px; border-radius:12px; background:#4d4d4d; position:absolute; left:0px; top:10px;z-index:10;}
.w-contact1 span{ top:6px;}
.w-contact1 span{width:10px; height:10px; margin-top:0px}
.w-hismain{ background:#fff}
.w-hislist ul li{ margin-bottom:20px; font-weight:bold; font-size:19px;} .w-hislist ul li a.active{ color:#e60012}
.w-htconter img{ width:168px; height:102px;}
.w-histimee{ font-weight:600}
.w-pppcase ul li{ margin-bottom:30px;}
.w-culturelist{ height:404px;}
.w-culturelist li{ width:20%; height:50%; background:#eee; float:left; font-size:2.4rem; font-size:24px; padding:30px;word-wrap:break-word; position:relative;transition: all .3s}
.w-culturelist li.w-culbg{ background:#e60012; color:#fff; }
.w-culturelist li.w-fize18{ font-size:1.8rem}
.w-culturelist li:hover{ background-color: #fc6700; color: #eee;}


.w-culturelist .w-glyphicon{ color:#e60012; position:absolute; bottom:-34px; left:48%; z-index:10}
.w-culturelist .w-glyphicon2{ top:-20px;}
.w-rctitle{border-bottom:1px solid #e5e5e5; padding-bottom:10px}
h2.w-rctitle{font-size: 24px;}
.w-rctitle span{ border-bottom:4px solid #e50112;padding-bottom:7px}
.w-padding20{ padding-left:20px; line-height:4rem; font-size:2.0rem}
.w-padding0{ padding-left:0px; color:#4c4c4c; line-height:2.6rem}
.w-mtp0{ margin-top:0px;}
.w-pad0{ padding:0px; line-height:2.2rem; line-height:26px;}
.w-lineheight{ line-height:2.6rem; line-height:40px;}
h2.w-lineheight{font-size: 24px;}
.w-profile p.w-huizi{ line-height:2.2rem; line-height:28px;}
.w-ansid ul li{margin-bottom:2rem;margin-bottom:22px; }
.w-gllayout{ margin-left:0px; margin-right:0px;}
.w-gllayout ul li{ width:18%; float:left; display:inline; margin-right:22px; margin-bottom:15px;padding-right: 0px; padding-left:0px;}
.w-companys1 img,.w-companys1 p{ padding-right:0px; padding-left:0px;}
.w-contact1 { position:relative; padding-left:30px; padding-bottom:30px;}
.w-contact1 span{ background:#e60012}
.w-biaodan span.w-ba {color: #C00; margin-right: 5px;}
.w-adress p b{ color:#666; margin-right:5px; font-weight:normal}
.w-contactpb{
    float: left;
    padding-left: 0;
}
.w-biaodan label{ font-weight:normal}
.w-conbtn{ padding-top:20px;}
.w-pro-parts { border:1px solid #e6e6e6; padding:12px;}
.w-pro-list ul li{ margin-top:20px;}
.w-pro-parts h3{ font-size:1.8rem; font-size:18px;    height: 2.3rem;height: 23px;line-height: 23px;overflow: hidden;}
.w-pro-parts:hover{-moz-box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 10px #ccc;}
.w-pro-parts:hover a { color:#e60012}
#myModalbottom .modal-content{background: #fff;}
#myModalbottom .row  h2{font-size: 1.5rem}
#myModalbottom .row a{display: block;}
#myModalbottom img.img-responsive {display: inline-block;}
.w-display{ display:none}
.w-coparts ul{ padding-left:24px; line-height:2.4rem;line-height:38px;}
.w-caselist,.w-news-list{ margin-top:3.0rem; margin-top:30px;}
small,.w-time1{ color:#666;}
.w-news-list h2{ font-size:2.6rem; margin-top:0px; font-size:24px;}

.w-clamp2{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-op{word-wrap:break-word;}
.xmobilepage .pagebody {
    height: 2rem;
    line-height: 1.8rem;
    font-size: 1.2rem;
}

.xpcpage {
    background: #f7f7f7;
    padding: 0.5rem 0;
    margin: 2rem 0;
}

.xpcpage ul li a {
    margin: 0 0.3rem;
}

.xpcpage ul li a:hover {
    color: #e60012;
    background: #fff;
    border-color: #e60012;
}

.xpcpage ul li {
    float: left;
    list-style: none; margin-top: 0px;
}

.xpcpage .current {
    color: #e60012;
}
.w-company span.add-red2,.w-history span.add-red2, .w-cultures pan.add-red2,.w-csr span.add-red2, .w-carloe span.add-red2{ display:none}
.w-contact1{ border:none; background:none}
.w-contact1 .table>tbody>tr>td{ border:none; padding:8px 0px}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{ background:none}
.w-contact1 .add-tel{ width:4%}
.w-contact1 .add-tel3{ width:6.5%}
.w-contact1 .add-tel2{ width:80%}
.clobaldianji img {
    float: left;
    width: 300px;
    height: auto;
}
.clobaldianji .media-heading {
    font-size: 26px;
    line-height: 30px;
    color: #000;
}
.clobaldianji {
    padding-top: 36px;
}
.w-biaodan{ width:70%;}
/*end fenye*/
@media (min-width: 991px) and (max-width:1199px){.w-dao1 .nav>li>a{ padding:10px 10px;}
.w-culturelist li{ padding:20px;}
.w-Vision{ line-height:2.4rem}
.w-gllayout ul li{ margin-right:18px;}
.w-carloe .nav>li>a{ padding: 15px 0px;}
}

@media (max-width: 991px){
body{ background:#FFF}
.w-about .container h3,.w-aboutnav li a, .w-coparts h3, .w-pro-parts h3,.w-news-list h2{ font-size:1.6rem}
.w-brandleng{ height:8rem; overflow:hidden}
.w-clamp{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.w-clamp3{-webkit-line-clamp:4;}
.w-clamp1{-webkit-line-clamp:1;}
.w-top30{padding-top: 0;}

.w-about .container p,.w-huizi,.w-pppcase p{ font-size:1.6rem}


.w-about .container p,.w-huizi,.w-pppcase p{ font-size:1.4rem}

.w-about .container p,.w-huizi,.w-pppcase p{ font-size:1.6rem; color:#333}

.w-kuanxian p { height:5rem; line-height: 2.3rem; overflow: hidden}
p.w-huizi{line-height: 2.3rem;color: #333;font-size: 1.6rem;}
.w-carloe .nav>li>a{font-size: 1.4rem;}
.w-ansid{ margin: 0 -5px;margin-bottom: 15px;}
.w-dao1 .nav-pills>li{ float:none}
.w-dao1 .nav-pills>li.active>a, .w-dao1 .nav-pills>li.active>a:focus, .w-dao1 .nav-pills>li.active>a:hover{ background:none; border:none; color:#000;}
.w-dao1{ display:none}
.w-gllayout{margin-bottom: 40px;}
.w-dao1 .w-aboutnav span a{ border-bottom:none; padding:0; line-height:41px; display:block}
.w-aboutnav li a{ font-size:1rem}
.w-abanniu .btn{ font-size:22px; color:#333}
.w-bortop{ padding-top:0; margin-top:0; border:none }
.w-xiandv{  padding-bottom:15px;}
.w-huise{border-top: 20px solid #f5f5f5;margin:1.0rem 0rem;}
.w-about .container h3 p{ background:none; font-size:1.2rem; font-weight:bold; padding-top:8px;}
.w-about .container h3 p a{ color:#cccccc; text-decoration:none;}
.w-dao1 .nav-pills>li>a>a{border-bottom:1px solid #e4e8e9; background:#f8f8f8 }
.w-dao1 .nav-pills>a:focus, .w-dao1 .nav-pills>li>a:hover{ background:#f8f8f8; color:#df0516}
.w-fudtitle{ display:none}
.w-rctitle{padding-bottom: 0;}
.w-rctitle,.w-rctitle span{border-bottom:none; margin-top:0}
.w-rctitle span{font-size: 2rem;color: #333;}
.w-pppcase p{ padding: 10px 0px 10px 0px; color: #333;}
.w-size26,.w-unique h3,.w-pro-list h3{font-size:1.6rem} 
.w-zeren .col-md-12{border-bottom:0px; padding:10px 0px}
.w-aboutnav{ border-bottom:0px}
.w-aboutnav li:hover{ background:#f8f8f8}
.w-aboutnav li a{font-size: 1.6rem; }
.w-aboutnav li{border-bottom:1px solid #e6e6e6; padding:0 15px}
.w-histime{font-size: 1.6rem;font-weight: 600;}
.w-appaniu{ border-bottom:1px solid #d9d9d9;  }
.w-appaniu .pull-left{border-right:1px solid #d9d9d9;}
.w-hisaniu1{ width:50%;padding:10px 0px; background:#FFF}
.w-hisaniu1.active{ color:#e60012;}
.w-hisaniu1{ font-size:1.6rem}
.w-top50{ padding-top:20px;}
.w-hismain ul{ padding-top:20px;}
.w-hismain{ padding-right:0px; padding-left:0px;}
.w-htconter img{ width:64px; height:39px;}
.w-htconter .w-huizi{ color:#4c4c4c}
.w-bg2{padding:0px}
.w-histimee{ font-size:1.6rem;}
.w-pppcase ul li{ margin-bottom:10px;}
.w-contact1{ border-bottom:1px solid #d4d4d4}

.w-culstyle h2{font-size:2rem; font-weight:bold}
.w-culturefize h3{ font-size:1.6rem}
.w-border4{ height:1px; background:#e6e6e6; margin:2rem auto}
.w-border42{ background:#fff;}
.w-onall a{ color:#e50112; padding-bottom:1.5rem; font-size:1.6rem}
.w-renc{ margin-bottom:10px; margin-right:0px; margin-left:0px}
.w-renc .w-bottom10{font-size:2rem;font-weight: bold;   }
.L-parent{ padding-top:10px;}
.L-parent ul li{ margin-bottom:10px;}
.w-padding20{ font-size:1.6rem}
.w-profile p.w-huizi{ line-height:2rem;font-size: 1.6rem;color: #333;}
.w-lineheight{ line-height:2.2rem}
h2.w-lineheight{font-size:2rem; color: #333; font-weight:bold}
.w-ansid ul li{ margin-bottom:0.6rem;padding-left: 5px; padding-right: 5px;}
.w-gllayout ul li{ width:30%; margin-right:24px; float:left; display:inline;  margin-top:15px; margin-bottom:0px;}
.w-companys1 img{ margin-bottom:10px;}
.w-skow{ line-height:2rem; font-size:1.4rem;}

.w-lanzi a{ font-size:1.2rem}
.w-small{ font-size: 16px; margin-top: 4px;display: block; height: 1.8rem; line-height: 2rem;overflow: hidden;}
small{ font-size:1.4rem;}
.w-news-list p.w-huizi{color:#666;font-size: 1.6rem}
.w-news-list h4{ margin-top:0px;}
.w-news-list{ border-bottom:1px solid #dde2e4; padding:1rem 0rem}
.w-news-list .col-xs-3,.w-news-list .col-sm-3{ padding-right:0px;}
.w-news-list strong{ font-weight:normal;color: #6B6B6B;font-size: 1.6rem}
.w-news-list strong a{color: #000;font-size: 2rem}
.w-caselist, .w-news-list {
    margin-top:1rem;}
.w-time1{ font-size:1.4rem}
.w-time1 span{ font-size:1.2rem}

p{ color:#4c4c4c}
h2.w-bottom10{font-size:2rem;margin: 0; padding:0; font-weight: bold;}
/*add*/
.w-abanniu button span{ color:#cb0909;}
.w-company span, .w-history span, .w-csr span, .w-Talent span{ background:none; color:#cb0909; width:0; height:0; margin:0;}
.add-red{ display:none}
.w-company span.add-red2 ,.w-history span.add-red2,.w-csr span.add-red2{font-weight:bold; margin-left:5px; display:inline-block}
.add-link1{ display:block; padding: 18px 0;}
.w-history .add-link1,.w-csr .add-link1, p.addmtop{ padding-top:0}
p.addmtop{ padding-top:0px;}
p.addmbottom{ margin-bottom:0; padding-bottom:10px}
.row.w-profile h2.w-mtp0{ margin-top:20px;}
p.addlr{ padding:0 15px;}
.w-pinpai h1, .w-zeren .w-size26{ font-size:2rem; font-weight:bold}
.w-pinpai .w-top30{ padding:5px 0}
.w-pppcase{ margin:0 -5px;}
.w-pppcase .col-xs-6,.w-pppcase .col-sm-6{ padding-left:5px; padding-right:5px;}
h2.w-rctitle{ font-weight:bold}
.w-companys1 p{ margin:20px 0; }
.w-all{ display:none}
.allcontent,.allcontent3, .allcontent2, .allcontent4, .allcontent5, .allcontent6{ padding:10px 0 20px 0; font-size:16px; text-align:center; color:#0076ff; border-bottom:1px solid #e6e6e6; margin-bottom:20px;}
 a.allcontent:focus,a.allcontent:hover, a.allcontent2:focus,a.allcontent2:hover, a.allcontent3:focus,a.allcontent3:hover{color:#0076ff;}
.allcontent2 span,.allcontent span{ margin-left:5px}
h2.addh2{ font-size:2rem; font-weight:bold; margin:10px 0px 20px 0}
h3.addh3{ font-size:1.8rem; font-weight:bold;}
.addopen2,.addopen3{ display:none}
h2.addsany span{ font-size:24px; margin-bottom:0; margin-top:10px}
.w-htconter span.w-huizi{ line-height:28px}
.w-contact1 .add-tel{ width:6%}
.w-contact1 .add-tel3{ width:10%}
.clobaldianji img {
    width: 150px;
    height: auto;

}
.adddaqu .w-pro-parts{ border:none;border-bottom:1px solid #e6e6e6;}
.adddaqu .col-xs-6,.adddaqu .col-sm-6{ padding-left:0; padding-right:0}
.w-contact1 span{ vertical-align:top;margin-top: -3px;}
.w-abanniu .glyphicon{ top:3px; margin-left:3px}
 .w-dao1{  position: absolute; width: 100%; border: none; z-index:222;box-shadow: 0px 5px 3px #E8E8E8; padding:0 }
 .w-unique{ position:relative}
 .part-more{ color:#cb0909; top: 1px;
    font-size: 1.6rem;}
.w-dao1 .nav>li>a, .w-dao1 .nav>li>span>a{ padding:10px 0}
 .w-dao1 .nav>li>span>a{ padding:0}
 .w-ansid img, .w-biaodan{ width:100%}

}
@media (min-width: 569px) and (max-width:991px){.w-htconter img{ width:120px; height:73px;}
.w-carloe .nav>li>a{font-size: 1.6rem;}
.w-contact1 .add-tel{ width:6%}
.w-contact1 .add-tel3{ width:12%}
}
@media(max-width:749px){.w-gllayout ul li{ margin-right:9px; margin-bottom:0px}


}
@media(min-width:320px)and (max-width:568px){.w-contact1 .add-tel{ width:16%}
.w-contact1 .add-tel3{ width:31%}}
#Lnav-list .nav-pills > li.active > a, #Lnav-list .nav-pills > li.active > a:focus, #Lnav-list .nav-pills > li.active > a:hover{    color: #333;
    background-color: #fff;
    border-bottom: 2px solid #e60012;
    border-radius: 0;}
.w-proimge{width: 100%;padding-bottom: 86%; height:0px; overflow: hidden; margin:0px}
.w-proimge2{padding-bottom:68.5%;}
.addkob{ margin-top:20px;}
.w-ansid img, .w-gllayout img{ width:100%}
.xcontactus{
    width: 70%;
}
@media(max-width:991px){
    .xcontactus{
        width: 100%;
    }

}

.w-hismain img{width: auto;}
ul.w-padding20{ list-style-type:disc}
.serve-class img{ width:122px; height:122px;}
.table img {
    width: 80%;
    margin-left: 10%;
}