/* CSS Document */
*{margin: 0;padding: 0;}
@font-face{font-family: zdy;font-weight: 400;font-style: italic; src: url("../fonts/BarlowSemiCondensed-Italic.ttf") ;}
@font-face{font-family: zdy;font-weight: 300;font-style: normal; src: url("../fonts/BarlowSemiCondensed-Light.ttf") ;}
@font-face{font-family: zdy;font-weight: 300;font-style:italic;src: url("../fonts/BarlowSemiCondensed-LightItalic.ttf") ;}
@font-face{font-family: zdy;font-weight: 400;font-style: normal; src: url("../fonts/BarlowSemiCondensed-Regular.ttf") ;}
@font-face{font-family: zdy;font-weight: 500;font-style: normal;src: url("../fonts/BarlowSemiCondensed-Medium.ttf") ;}
@font-face{font-family: zdy;font-weight: 500;font-style: italic;src: url("../fonts/BarlowSemiCondensed-MediumItalic.ttf") ;}
@font-face{font-family: zdy;font-weight: 600;font-style: normal;src: url("../fonts/BarlowSemiCondensed-SemiBold.ttf") ;}
@font-face{font-family: zdy;font-weight: 600;font-style: italic;src: url("../fonts/BarlowSemiCondensed-SemiBoldItalic.ttf") ;}
@font-face{font-family: zdy;font-weight: 700;font-style: normal;src: url("../fonts/BarlowSemiCondensed-Bold.ttf") ;}
@font-face{font-family: zdy;font-weight: 700;font-style: italic;src: url("../fonts/BarlowSemiCondensed-BoldItalic.ttf") ;}

body{font-family: "zdy","Microsoft Yahei","Arial";font-size: 10px;}
p{letter-spacing: 1px;margin-bottom: 0;}

/*header*/
header{position: fixed;z-index: 999;top:0;width: 100%;}
header nav.navbar{margin-bottom: 0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);background-color: #fff;border:0;}
header .navbar-brand{height: 60px;padding: 0 15px;}
header .navbar .navbar-nav >li >a{font-weight: 600; line-height: 30px;color:#05439a;font-size: 2rem;}
header .navbar .navbar-nav >li >a:hover{color:#f00;}
header .panel-group{margin-bottom: 0;}
header .panel .panel-heading{padding: 0;}
header .panel .panel-heading button{
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}
header .panel .panel-heading button span.icon-bar{    
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
    margin-top: 4px;
}
header .panel .panel-heading button span.icon-bar:first-child{margin-top:0;}
header .panel .panel-body ul >li >a{color:#05439a;font-size: 2rem;letter-spacing: 1px;}

/*banner*/
#banner{margin-top:60px;}

/*product*/
.pro{padding-top:5%;padding-bottom: 5%;background-color: #f5f2f0;}
h3.title{font-size: 3.6rem;margin-top:0;margin-bottom: 25px;color:#05439a;font-weight: bold;font-style: italic;}
.pro p{margin-bottom: 10px;font-size: 2rem; line-height: 1.6em;color: #333;}
.pro p i{color:#05439a;}
.pro .pro-item{background-color: #fff;transition: all ease 0.2s 0.1s;height: 100%;border:1px solid #ddd;}
.pro .pro-item:hover{transform: translateY(-5px);box-shadow: 0 0 10px #05439a;}
.pro .pro-item .border-box{padding:6%;box-sizing: border-box;}
.pro .pro-item .border-box a.name{font-size: 2.2rem;color:#05439a;margin:0 0 8px;display: block;text-decoration: none;font-weight: 500;}
.pro .pro-item:hover a.name{}
.pro .pro-item .border-box .line{width: 33px;height: 2px;background: #ddd;}
.pro .pro-item .border-box p{font-size: 1.6rem;color: #000;line-height: 1.6em;margin-top: 10px;margin-bottom: 0;}


/*about*/
.about{background:-webkit-linear-gradient(left top,#05439a,#0758cb);background:-moz-linear-gradient(left top,#05439a,#0758cb);background:-o-linear-gradient(left top,#05439a,#0758cb);padding:5% 0;}
.about h3{margin-top:0px;margin-bottom: 25px;color:#fff;}
.about p{font-size: 2rem;color: #fff;line-height: 1.8em;}
 a.more{font-size: 1.6rem;text-transform: uppercase;font-weight: 600;border: 1px solid #fff;max-width: 167px;width: 100%;line-height: 39px;margin-top: 30px;display: block;text-align: center;text-decoration: none;letter-spacing: 1px;color:#fff;}
/*a.more:hover{background-color: #05439a;color:#fff;}*/

/*capabilities*/
.capabilities{padding-top:5%;padding-bottom: 5%;background-color: #f5f2f0;}
.capabilities .container>p{margin-bottom: 0px;font-size: 2rem; line-height: 1.6em;color: #333;}
.capabilities .cap-item{background-color: #fff;border:1px solid #ddd; height: 100%;}
.capabilities .cap-item:hover{box-shadow: 0 0 10px #05439a;}
.capabilities dl.cap-item{position: relative;}
.capabilities .cap-info{padding: 40px 30px;}
.capabilities .cap-info h4{margin-top:0;font-size: 2.2rem;color:#05439a;}
.capabilities .cap-info p{font-size: 1.6rem;line-height: 1.6em;color:#000;margin-bottom: 80px;}
.capabilities .cap-info a{font-size: 1.6rem;text-transform: uppercase;font-weight: bold;border: 1px solid #bdbab7;min-width: 100px;line-height: 39px;display: inline-block;text-align: center;text-decoration: none;letter-spacing: 1px;background-color: #0758cb;color:#fff;position: absolute;bottom: 40px;padding: 0 15px;}
.capabilities .cap-info a:hover{background-color: #05439a;color:#fff;}

/*footer*/
footer{background:-webkit-linear-gradient(left top,#05439a,#0758cb);background:-moz-linear-gradient(left top,#05439a,#0758cb);background:-o-linear-gradient(left top,#05439a,#0758cb);padding-top:5%;}
footer h5{font-size: 2rem;color: #fff;font-weight: bold;margin-bottom: 15px;text-transform: uppercase;}
footer .footer-logo img{max-width: 100%;}
footer .footer-list a{display: block;color:#ddd;line-height: 2em;font-size: 1.6rem;font-weight: 500; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
footer .footer-list a:hover{color:#fff;}
footer .copyright{background: #212121;font-size: 1.6rem;font-weight: 500; color: #fff;padding: 15px 0;margin-top:5%;}
footer .contact-list{margin-bottom: 30px;position: relative;}
footer .contact-list span{display: inline-block;width: 25.781%;margin-right:9%;text-align: center;font-size: 2em;border: 1px solid #fff;border-radius: 4px;}
footer .contact-list span:nth-child(3){margin-right: 0 !important;}
footer .contact-list a{color:#fff;display: block;}
footer .contact-list span >div{position: absolute;top:-1px;left:0;width: 100%;background:#fff;color:#05439a;font-weight: 500; border-radius: 4px;z-index: 1;padding-left:10px;text-align: left; display: none;height: 32px;line-height: 32px;font-size: 1.6rem;transition: all linear 0.2s 0.1s;letter-spacing: 1px;}
footer .contact-list span:hover >div{display: block;}

footer .contact-list span.footer-wechat img{position: absolute;right:0;top:-115px;width: 110px;border:1px solid #ccc;display: none;}
footer .contact-list span.footer-wechat:hover img{display: block;}

footer .footer-contact p{font-size: 1.6rem;color:#fff;}
footer .copyright a{color:#a1a2a3;}
footer .copyright a:hover{color:#fff;}


@media screen and (min-width:769px){
    header nav.navbar{padding-top:10px;padding-bottom: 10px;}
    header .navbar-nav{float: right;}
    #banner{margin-top:80px;}
    .pro .row{margin-top:20px;display: flex;flex-wrap: wrap;}
    .capabilities .row{margin-top:30px;display: flex;flex-wrap: wrap;}
    #sp1 .cap-info,#sp2 .cap-info{float: right;width: 70%;display: table;}
    #sp1 .cap-img,#sp2 .cap-img{width:30%;height: 100%;float: left;}
    #sp1 .cap-img{background:url("../img/5.JPG")center no-repeat;}
    #sp2 .cap-img{background:url("../img/6.JPG")center no-repeat;}
}
@media screen and (width:768px){
    header nav.navbar{padding-top:30px;padding-bottom: 30px;}
    header .navbar-nav{float: right;}
    header .navbar .navbar-nav >li >a{font-size: 1.8rem;}
    .pro .row{display: block;}
    .pro .pro-item{margin-bottom: 20px;}
    .about h3{margin-top:30px;}
    .capabilities .cap-item{margin-top:20px;}
    
}
@media screen and (max-width:767px){
    header .navbar-toggle{margin-top:13px;}
    header .navbar .navbar-nav >li >a{font-size: 1.6rem;}
    .pro .pro-item{margin-bottom: 15px;}
    .about h3{margin-top:30px;}
    .capabilities .cap-item{margin-top:15px;}
    
    footer{text-align: center;}
    footer .footer-logo{margin-bottom: 20px;}
}

/*company*/
.main{padding-top:15px;padding-bottom:3%;}
.location{padding-bottom:5px;border-bottom:1px solid #ddd;font-size:2rem;}
.main .content{margin-top:25px;}
.main .content p{font-size:1.8rem;line-height:1.6em;color:#333;margin-bottom:10px;text-indent:2em;}
.main .content p img{max-width:100%;margin-left:-2em;}

/*team*/
.slogan{padding-top:3%;padding-bottom:3%;}
.slogan h3.title{margin-bottom: 10px;}
.slogan p{font-size:2rem;color:#333;margin-bottom:10px;line-height:1.6em;}
.slogan p i{color:#05439a;}
.slogan p a{color:#05439a;text-decoration: none;}
.slogan p a:hover{color:#f00;}

.team-list{padding:5% 0;background-color:#f5f2f0;}
.team-list>.container >p{margin-bottom: 30px;font-size: 2rem;line-height: 1.6em;color: #000;}
.team-item{border: 1px solid #ddd;box-shadow: 0 0 10px #ccc;padding: 10px 15px;border-radius: 10px;background-color: #fff;}
.team-item:last-child{margin-bottom:0;}
.team-item dt{text-align: center;}
.team-item dt img{display: inline-block;}
.team-item dd h4{color:#05439a;font-size:2.4rem;}
.team-item dd p{font-size:1.8rem;color:#666;}
.conclusion{padding:5% 0;}
.conclusion h3{margin-top:0;margin-bottom:15px;}
.conclusion h3 a{color:#f00;font-size:3.6rem;text-decoration: none;}
.conclusion p{font-size:2rem;color:#05439a;}

@media screen and (max-width:767px){
    /*team*/
    .team-item{padding:20px 15px;}
    .team-item dd h4{text-align: center;}
}

/*equipment*/
.equipment-list{font-size:2rem;color:#666;}
.equipment-list thead{background-color:#05439a;color:#fff;}
.equipment-list.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #f5f2f0;
}
.equipment-list.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}

/*factory*/
.factory-list{padding-top:3%;}
.factory-item{text-align:center;}
.factory-item .img{overflow: hidden;}
.factory-item .img img{transition: all linear 0.4s;}
.factory-item p{font-size:2rem;line-height: 2em; margin-bottom: 30px;color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration: none;background-color: #f5f2f0;}
.factory-item:hover img{transform:scale(1.2);}
.factory-item:hover p{background-color:#05439a;color:#fff;}

@media screen and (max-width:767px){
    .factory-item p{margin-bottom: 15px;}
}

/*fenye*/
#fenye{font-size:1.6rem;color:#333;}
#fenye a{margin-left:6px;color:#333;}
span#currpage{margin-left:6px;}

/*contact*/
.contact{padding-top:15px;}
.contact #MyContent h3{color:#05439a;font-size:3.6rem;font-weight: 600;}
.contact #MyContent li{color:#666;font-size:2rem;line-height:1.6em;margin-bottom:10px;position: relative;padding-left:70px;list-style: none;}
.contact #MyContent li strong{color:#333;position:absolute;left:0;}
.contact #MyContent p small{color: #f00;font-size: 3.6rem;font-weight: 600;}
.contact .adv{padding-top:3%;margin-top:3%;padding-bottom:3%;color:#05439a;font-size:3.6rem;border-top:1px solid #ddd;font-weight:600;font-style:italic;}
.contact .adv p.overlay{-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-ms-transform: scaleY(-1);-o-transform: scaleY(-1);transform: scaleY(-1);opacity: 0.5;filter: alpha(opacity='50');}