@charset "utf-8";
/* CSS Document */
.fl{float: left;}
.fr{float: right;}
.banner{ width: 100%; height: 400px; -webkit-background-size: cover; background-size: cover; background-position: center; overflow:hidden;}


.subnav{ width: 100%; height: 50px; line-height: 50px; background: #f0efef; text-align: center; font-size: 0;}
.subnav a{ display: inline-block; vertical-align: middle; padding: 0 35px; height: 100%; font-size: 16px; }
.subnav a.active, .subnav a:hover{ background: #eb3c00; color: #fff; }

.about-profile{ padding: 36px 0; margin-bottom: 70px; background: url(../images/bg_about.jpg) center top; }
.about-profile .box{width: 832px; margin: 0 auto;}
.about-profile .box img{ width: 100%; }
.about-profile .box p{ margin-top:20px; line-height: 24px; text-indent: 2em; font-size: 14px; }

.architecture{ padding: 30px 0 88px; margin-bottom: 32px; background: url(../images/bg_about1.jpg) center top; text-align: center;}
.architecture img{}

.base{ width: 100%; padding: 56px 0 66px; background: url(../images/bg_j.jpg) top; }
.base ul{ width: 1200px; margin: 0 auto; }
.base ul li{ float: left; width: 386px; height: 286px; margin: 7px; overflow:hidden;}
.base ul li img{ display: block; width: 100%; height: 100%; }

.process{ width: 100%; padding: 56px 0 10px; background: url(../images/bg_j.jpg) top; }
.process .wrap{}
.process .wrap ul{ position: relative; margin-bottom: 50px; padding-left: 10px; background: #fff; box-sizing: border-box; }
.process .wrap ul li{  }
.process .wrap ul li.txt{ width: 192px; height: 184px; line-height: 180px; padding-right: 10px; margin-right: 30px;color: #004a99; font-size: 22px; font-weight: bold; text-align: right;}
.process .wrap ul li.item{ width: 202px; margin-bottom: 60px; }
.process .wrap ul li.item img{ display: block; width: 200px; height: 148px; border:1px solid #979696;}
.process .wrap ul li.item span{display: block; width: 88px; height: 24px; line-height: 24px; margin: 0 auto; margin-top: 10px; background: #3464a5; font-size: 14px; text-align: center; color: #fff;}
.process .wrap ul li.arrow{ width: 15px; height: 13px; margin: 68px 8px 0; background: url(../images/arrow.png) no-repeat; }
.process .wrap ul li.arrow.pzA{top:136px;right:150px;}
.quality{ width: 100%; padding: 56px 0; background: url(../images/bg_j.jpg) top; }
.quality .swiper-container{ width: 746px; margin: 0 auto; }
.quality .swiper-container{}

.product{ padding: 40px 0; background: url(../images/bg_about1.jpg) top; }
.product ul{}
.product .cont a{ position: relative; display: inline-block; width: 375px; height: 360px; margin: 11px; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.3); }
.product .cont a img{display:block;width: 85%;margin: 0 auto;}
.product .cont a span{position:absolute; bottom:0;left:0;display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; background: rgba(0,74,153,.7); font-size: 16px; color: #fff;}

.net{ width: 100%;}
.net img{ display: block; width: 100%;  }

.rotate180{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);   
    -ms-transform:rotate(180deg);   
    -o-transform:rotate(180deg); 
    transform:rotate(180deg);
}
.rotate90{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);   
    -ms-transform:rotate(90deg);   
    -o-transform:rotate(90deg); 
    transform:rotate(90deg);
}
/*联系方式*/
.contact{ width: 100%; padding: 45px 0; margin:45px 0; background: #f5f5f5; }
.contact .wrap{background: #fff; padding: 18px; -webkit-box-sizing:border-box;box-sizing:border-box;}
.contact .cont{ padding: 30px 0; border: 1px solid #ccc;}
.contact .cont dl{ width: 400px; margin: 0 auto; padding-left: 30px; }
.contact .cont dl dt{ height: 42px; line-height: 42px; font-size: 18px; color: #000; }
.contact .cont dl dd{ height: 32px; line-height: 32px; font-size: 14px; text-transform: capitalize;}