@charset "utf-8";
@import "style.sample.css?23";
/* CSS Document */
html{min-width: 1150px}
body{ font-size:20px; line-height:1.628; font-family: 微软雅黑,Verdana, Geneva, sans-serif; color:#343434}
a{color:#343434}
h1{color: #000}
h2,h3,h4,h5{color: #343434}
@media screen and (min-width: 961px) {
    .part {
        min-width: 1150px;
        max-width: 1920px;
        width: 80%;
        margin: 0 auto
    }
}
.subpart{ padding-top: 50px}
.darkbg{ background: #f9f9f9}
.content { padding:60px 0 85px 0}
.txt-center{ text-align: center}
.more{ background: #0d3072; color: #fff; padding:15px 80px; transition: all 0.3s; font-size: 16px}
.more:hover{ background: #0d4cb6  }

.edit-content .full-img{ width: 100%; max-width: 1800px}


.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 24px;  font-weight: bold}
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 16px }
.time .date { padding-left: 20px;  }
.time .hits { margin-left: 20px; padding-left: 20px;  }

.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left;  color: #888; }
.operate span a { /*font-style: italic;*/ color: #888; }
.operate div { float: right; width: 150px; text-align: right; }
.operate{
    margin-top: 20px;
    border-top: 1px dashed #ccc;
}
.operate .operate1{
    float: left;
    margin-top: 5px;
    color: #a36701;
}
.operate .operate1 a{
    color: #a36701;
}
.operate .operate2{
    float: right;
    padding-left: 20px;
}



#banner{ width: 100%}
#banner .imglist,#banner .imglist li{ width: 100%}
#banner img{ width: 100%}
#banner a{ display: block; width: 100%; height: 100%}
#banner .pagelist{ text-align: center}
#banner .pagelist li{  margin: 0 5px}
/*导航*/
.menu{  float: right; padding-top: 40px}
.menu > li { float: left; margin: 0 0 0 45px; text-align: center; line-height:2; position: relative; }
.menu > li > a { display: block; font-size: 24px; color: #3c3c3c; font-weight: bold; transition: all 0.1s }
.menu > li > a:hover,.menu > li > a.sel { color: #0d3072; border-bottom: 3px solid #0d3072; }
.menu > .first > a { color: #0d3072;  }

.menu > li:last-child a { color: #888888; font-weight:400; font-size:20px; line-height: 2.4 }
.menu > li:last-child a:hover { border-bottom: none;color: #0d3072;  }
.menu > li div{ display: none}

.navFix .nav-toggle::before{color: #fff}

#header{ position: relative; z-index: 100000}
#header img{ transition: all 0.3s; padding-top: 5px}
#header.navFix { box-shadow: 0 0 5px #444; height: 65px; left: 0; position: fixed; top: 0; width: 100%;  background: #0d3072}
#header.navFix .logo img { height: 58px; }
#header.navFix .menu{ padding-top: 10px}
#header.navFix  .menu > li > a{ font-size: 20px; color: #fff; }
#header.navFix  .menu > li > a:hover,#header.navFix  .menu > li > a.sel{border-bottom: solid 2px #fff}
#header .mail{ position: absolute; right: 10px; top: 7px; font-size: 18px; color: #0d3072; background: url(../images/mail.png) no-repeat left center; padding-left: 35px }
#header .mail1{ font-weight: normal}
#header .mail1 img{ vertical-align: middle; padding-top: 0; width: 22px}
#header.navFix .mail{ display: none}

.inban{ background:  no-repeat center center; height: 300px }
.inban-about{ background-image: url(../images/ban_about.jpg?1)}
.inban-news{ background-image: url(../images/ban_new.jpg?1)}
.inban-equipment{ background-image: url(../images/ban_equipment.jpg)}
.inban-hr{ background-image: url(../images/ban_hr.jpg)}
.inban-contact{ background-image: url(../images/ban_contact.jpg)}
/*图片列表设置*/
.imglist li{ margin-right:10px; }
.imglist img{ }

.nav { border-bottom: solid 1px #a0a0a0}
.nav .part{  }
.nav li{ display: inline-block; padding-right: 70px }
.nav li a{ display: block;padding: 20px 0; font-size: 22px}
.nav li a.sel{ display: block; border-bottom: solid 3px #0d3072; color: #0d3072}


.edit-content{ font-size: 18px; padding: 50px 0; color: #666}
.edit-content b,.edit-content strong{color: #343434}
.edit-content img{ max-width: 1150px}

.cke_show_border{ font-size: 18px;  color: #666}
.cke_show_border b,.cke_show_border strong{color: #343434}
.cke_show_border img{ max-width: 1150px}

.cke_show_borders{ font-size: 18px;color: #666}
.cke_show_borders b,.cke_show_borders strong{color: #343434}
.cke_show_borders img{ max-width: 1150px}


.tt{ padding: 100px 0 0px 0; width: 100%; text-align: center}
.tt .part{ background: url(../images/tt_bottom.png) no-repeat bottom center}
.tt h1{ font-size: 50px; line-height: 1; letter-spacing: 5px; padding-bottom: 0}
.tt h1 b{ color: #0d3072;}
.tt span{ display: block; font-weight:100; font-size:20px; color: #888; padding:35px 0 35px 0; }

.tt-white,.tt-white span{ color: #fff}
.tt-white .part{background-image: url(../images/tt_bottom2.png)}
.tt-white h1{ color: #fff}

.col4{ width: 100%}
.col4 b{ color: #0d3072; font-size: 50px; padding-right: 5px}
.col4 li{ width: 25%; float: left}
.col4 li div.last{ padding-right: 0}
.col4 li div img{ width: 100%}

.index-aboutus p{ padding-top: 30px}
.index-aboutus img{ transition: all 0.3s}
.index-aboutus li:hover img{ transform: scale(1.2) }

.zs li{ margin-bottom: 40px; height: 399px}
.zs a{ display: inline-block; width:280px; height: 397px; border: solid 1px #ddd; display: table-cell;vertical-align: middle;transition: all 0.3s; overflow: hidden }
.zs a img{  width:278px;  }
.zs a:hover { transform: scale(1.1)}

.col2{ width: 100%}
.col2 li{ width: 50%; float: left; text-align: center}

.scsb a{ display: inline-block; width: 90%; min-width:570px; background: rgb(249,249,249); padding:30px 0 20px 0 ; overflow: hidden }
.scsb a img{transition: all 0.3s}
.scsb h5{ padding-top: 15px}
.scsb span{ color: #888; padding-bottom: 10px}

.scsb a:hover img{ transform: scale(1.05)}
.scsb  a:hover h5{ color: #0d3072}


.col3{ width: 100%}
.col3 li{ width: 33.33%; float: left}
.col3 li div{ width: 380px; margin: 0 auto}

.ys-wrap{background: url("../images/ysbg.jpg") no-repeat center center}
.ys li div{ background: #fff; padding:0 0 20px 0; min-width: 380px; width: 85%;  overflow: hidden }
.ys a img{transition: all 0.3s}
.ys li h4{ padding-top: 10px}
.ys li span{ color: #888; font-size: 16px}

.ys li div:hover  img{ transform: scale(1.03)}
.ys li div:hover h4{color: #0d3072}

.jcsb li{ margin-bottom: 40px}
.jcsb li div{ background: #f0f0f0 ; padding:0 0 10px 0;min-width: 380px; width: 85%; transition: all 0.3s}
.jcsb li div:hover{ background: #0d3072;}
.jcsb li div:hover a{ color: #fff}
.jcsb img{ width: 100%}
.jcsb span{ display: block; font-size: 16px}

.whfz li div{ min-width: 280px; width: 90%; background: #f9f9f9; padding: 50px 0 60px ; margin: 0 auto}
.whfz li div img{ width: 95px; padding-bottom: 20px}
.whfz li div h4{ margin: 20px; padding-top: 60px; border-top: solid 1px #ddd; line-height: 1}
.whfz li div span{color: #888; font-size: 18px}


.whfz img{ transition: all 0.4s}
.whfz li:hover img{ transform: rotateY(180deg);}

.news-first{ width: 600px; height: 400px ; overflow: hidden}
.index-news{ height: 400px; overflow: hidden}
.index-news table{ width: 100%}
.index-new-img{ position: relative ; overflow: hidden;}
.index-new-img img{ height: 400px}
.index-new-img div{ position: absolute; left: 0; bottom: -50px; padding: 10px 0; width: 100%; background: rgba(255,255,255,200); overflow: hidden;transition: all 0.3s; }
.index-new-img:hover div{ bottom: 0px;}

.news li{ width: 100%; background: #fff; padding: 8px 0 ; height: 107px; margin-bottom: 15px;transition: all 0.3s}
.news .date{ float: left; width: 108px; height: 100%; border-right: solid 1px #ddd;  margin-right: 20px ; transition: all 0.1s}
.news .date b{ display: block; font-size: 36px; padding-top: 10px}
.news .date span{font-size: 18px;color: #888;}
.news .con{text-align: left;  float: left }
.news .con b{ display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 21px; padding-top: 5px }
.news .con span{ font-size: 18px;color: #888; display: block; padding:3px 10px 0 0; height: 54px; overflow: hidden;text-overflow: ellipsis;}

.edit-content .news li{ background: #f5f5f5; height: 130px }
.edit-content .news .date{padding: 0px 20px; text-align: center}
.edit-content .news .con{ padding: 20px}

.news li:hover .date{ background: #0d3072; color: #fff}
.news li:hover .date span{ color: #fff}
.news li:hover span{ }
.news li:hover a,.edit-content .news li:hover b{ color: #0d3072}
.news li:hover .date b{ color: #fff}

.index-brand{ position: relative }
.pp{  height: 310px; padding: 30px 0}
.pp ul{ margin-top: -15px}
.pp  li{ margin-bottom: 20px}
.pp  img{ transition: all 0.3s}
.pp a:hover img{transform: scale(1.2) }

.btnPrev{ position: absolute; top: 200px ;left: -20px;transition:all 0.3s  }
.btnNext{ position: absolute; top: 200px ;right: -20px;transition:all 0.3s }
.btnPrev:hover,.btnNext:hover{ transform: scale(1.2) }


.footer1 {padding:45px 0; background:#0d3072; overflow:hidden; color: #fff;}
.footer1 .wrap>ul{border-right:1px solid #ccc;}
.footer1 ul li{ float:left;width:170px;}
.footer1 ul li a{  color:#fff; font-weight: bold}
.footer1 ul li ul{margin-top:20px;}
.footer1 ul li ul li{ float:none}
.footer1 ul li ul li a{ font-size:16px; color: #ddd; font-weight: 100}
/* .footer1 .footer1-wrap{ padding: 0 20px} */

.footer1  p{color: #ddd; font-size: 16px; font-weight:100}
.footer1 .tel{ font-size: 26px; padding-top:15px}

.footer1 .fr p{ padding-top: 10px; font-size: 16px}
.footer1 a{ color: #ddd; font-weight: 100}

/*底部*/
#footer {height:52px; line-height:52px; background:#fff; color: #7e7d7d; font-size: 14px;text-align: center}
#footer a{ font-size: 14px;color: #7e7d7d; }
#footer .part{ position: relative}
#footer .darker{ position: absolute; right: 0; top:0}
#footer img{ vertical-align: middle}
#footer .darker,#footer .darker a{ color: #acabab
}

@media screen and (min-width: 1500px) {
    .menu > li {  margin: 0 0 0 60px; }
}


@media screen and (max-width: 1500px) {
    .news-first{ width: 525px}
    .index-new-img div,    .index-new-img:hover div{ bottom: -50px;}
    .index-new-img img{ height: 350px;;}
    .news .con b{ font-size: 21px}

    .tt h1 { font-size: 40px }
    .col4 b{ font-size: 36px}
    .whfz li div h4{ font-size: 24px}
}



@media screen and (max-width: 1660px) {
    .footer1 ul li{width: 150px}
    .scsb a{ padding:0px 0 30px 0}
}

@media screen and (min-width: 1730px) {
    .ys li div{ padding-top: 20px}
}


@media screen and (min-width: 1921px) {
    #banner{width: 1920px; margin: 0 auto}
    .nav { border-bottom: none}
    .nav .part{ border-bottom: solid 1px #a0a0a0 }
}

.js-nav-active .menu-bg{ background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 999}