@charset "utf-8";

.bannerBoxPag{width: 100%; height: 400px; position: relative; overflow: hidden;}
.bannerBoxPag .bannerImg{ width: 1920px; height: 400px; margin-left: 50%; left: -960px; position: absolute;}
.bannerBoxPag .bannerImg {display: block; position: absolute;}
.bannerBoxPag .bannerImg img{display: block !important;}


@media (max-width: 768px) {
    .mainPag .mainLeft{ width: 25% !important;}
    .mainPag .mainRight{ width: 70% !important;}
}
.mainPag{ height:auto; margin:0 auto 74px; overflow: hidden; padding:0 15px;}
.mainPag .mainLeft{ width: 22%; height: auto; float: left; overflow: hidden; padding: 0 !important;}


.menuDl{ width: 100%; height: auto; padding: 16px 15px 13px; border: 1px solid #d2d2d2;  overflow: hidden; margin: 0;}
.menuDl dt{width: 100%; height: auto; margin-bottom: 10px;}
.menuDl dt span{ display: block; width: 100%; height: 34px; line-height: 34px; font-weight: 100; font-size: 18px; color: #707070;}
.menuDl dt strong{ display: block; width: 100%;height:50px; border-top: 1px solid #d7d7d7; color: #5a5a5a; font-size: 32px; font-weight: normal;}

.menuDl dd .menu{ width: 100%; height: auto; overflow: hidden;}
.menuDl dd .menu li{ width: 100%; height: auto; line-height: 30px; }
.menuDl dd .menu li a{ width: 100%; height: 30px;line-height: 30px; white-space:nowrap; font-size: 14px; background:url(../img/BA007.jpg) 4px center no-repeat;padding-left: 20px; color: #8a8a8a;text-decoration: none;}
.menuDl dd .menu li a.hover{ color: #ff443a; background-image:url(../img/BA008.jpg);}

.mainLeft .menu .sudMenu{ display: none; width: 100%; position: relative; margin-bottom: 10px;}
.mainLeft .menu .sudMenu li{line-height: 20px; font-size: 12px;border-bottom:none; padding-left: 0; background:none;}
.mainLeft .menu .sudMenu li a{display:inline-block; width: 100%; color: #666;white-space:nowrap;
height: 20px;line-height: 20px; font-size: 12px; background: none; padding-left: 20px;text-decoration: none;
}
.mainLeft .menu .sudMenu li a:hover{ color: #0079c3;}




.contactDl{ width: 100%; height: auto; background: url(../img/BA014.png) top center no-repeat; background-size: 100% auto;}
.contactDl dt{width: 100%; height: 88px; padding: 26px 16px 0 16px; background: url(../img/BA013.png) left bottom no-repeat;}
.contactDl dt span{ display: block; width: 100%; height: 24px; line-height: 24px; font-size: 18px; font-weight: normal; color: #707070;}
.contactDl dt strong{ display: block; width: 100%; height: 38px; font-size: 32px; font-weight: normal; color: #5a5a5a;}

.contactDl dd{ width: 100%; height: auto; padding: 15px 15px 13px; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 12px; line-height: 25px; color: #8a8a8a;}


.newsDl{ width: 100%; height: auto; padding: 14px 15px 14px 0; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.newsDl dt{width: 100%; height: 30px; line-height: 30px; font-size: 20px; text-indent: 4px; font-weight: normal;}
.newsDl dd{ width: 100%; height: auto; padding-top: 9px;}
.newsDl dd ul{overflow: hidden;}
.newsDl dd ul li{ width: 100%;height: 25px; lighting-color: 25px; overflow: hidden;}
.newsDl dd ul li a{ display: block; height: 25px; padding-left:13px; font-size: 12px; color: #8a8a8a; line-height: 25px; background: url(../img/BA007.jpg) left center no-repeat;}
.newsDl dd ul li a:hover{color: #ff443a; background-image: url(../img/BA008.jpg);}



.mainRight{width:75%; height: auto; float: right; overflow: hidden;}
.mainRight img{ max-width: 100%;}

.mainRight .tit{width: 100%; height: 48px; background:url(../img/BA006.png) top left no-repeat; border-bottom: 1px solid #005aa0; padding: 0 11px 0 30px;line-height:48px; margin-bottom: 40px;  }

.mainRight .tit h3{ display:block; font-size: 18px; color: #666; float:left; line-height: 48px; margin: 0;}
.mainRight .trail{ font-size: 12px; float: right; padding-left: 24px; background:url(../img/Icon001.png) left center no-repeat; color: #a2a2a2; margin:0;} 
.mainRight .trail a{color: #a2a2a2; margin: 0 4px;}
.mainRight .trail a:hover{color: #005AA0; }
.mainRight .con{font-size:15px; line-height: 25px; color: #828282;}
.mainRight .con p{margin-bottom:20px;}
.mainRight .con p.Ti{text-indent: 2em;}


.newsList{ width: 100%; overflow: hidden; margin-top: -20px; }
.newsList li{ width: 100%; height: 40px; line-height: 40px; padding:0 10px 0 28px; background: url(../img/BA009.jpg) 10px center no-repeat; font-size: 14px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.newsList li span{float: right; margin-left: 10px; }
.newsList li a{font-size: 14px; color: #636363;}
.newsList li a:hover{color: #005AA0;}


.newsheader{ width: 100%; height: auto; overflow: hidden;}
.newsheader h4{ width: 100%;height: auto; line-height: 30px; font-size: 24px; color:#005a9f;}
.newsheader .subsidiary{ font-size: 12px; line-height: 24px; color: #b2b2b2;}
.newsCon{ min-height: 600px;}

.newsFooter{ width: 100%; height: 24px; line-height: 24px; padding: 5px 1px; border-top: 1px dashed #686868; overflow: hidden; font-size: 13px;}
.newsFooter .nFL{ float: left;}
.newsFooter .nFR{ float: right; text-align: right;}
.newsFooter p{ display:block; width: 50%; margin: 0;}
.newsFooter a{color:#888;}
.newsFooter a:hover{color:#1165a5;}


/* 品牌认证 and 荣誉*/ 
.certified{width: 100%; overflow: hidden;}
.certified li{ margin-bottom: 4%; overflow: hidden;padding: 0 6px;}

.certified li a{ display:block; width: auto; height: auto; padding: 8px; border: 2px solid #e7e7e7; float: left; position: relative; overflow: hidden; margin: 0 auto;}
.certified li div{ width: 100%; height: 100%; overflow: hidden; position: absolute; overflow: hidden;}
.certified li div.text{ display: none; z-index: 20; background: url(../img/BA011.png);}
.certified li div.text p{ display:block; width:100%;height: 26px; color: #fff; padding: 0 10px; position: absolute; top: 50%; margin-top: -13px; line-height: 26px; text-align:center;}
.certified li div.img img{ display: block; width: 100%;}

/* 荣誉 */
.honor{ width: 100%; overflow: hidden;}
.honor li{ margin-bottom: 4%; overflow: hidden; padding: 0 6px;}
.honor li a{display:block; width: auto; height: auto; padding: 4px; border: 2px solid #e7e7e7;position: relative; overflow: hidden; }
.honor li div{ width: 100%; height: 100%;  position: absolute; overflow: hidden;}
.honor li .text{ display:none; z-index: 20; background: url(../img/BA011.png); z-index: 20;}
.honor li div.text p{ display:block; width:100%;height: 26px; color: #fff; padding: 0 10px; position: absolute; top: 50%; margin-top: -13px; line-height: 26px; text-align:center;}
.honor li div.img img{ display: block; width: 100%;}
 






/* 产品 */
.proList{ width: 100%;  overflow: hidden;}
.proList li{margin-bottom: 4%;}

.proList li a{display: block; width: 100%; height: auto; overflow: hidden;}
.proList li a .img{ width: 100%; height: auto; overflow: hidden;}
.proList li a .img img{ width: 100%;}

.proList li a p{ width: 100%; height: 42px; line-height: 42px; text-align: center; color: #828282; margin:0 !important;}
.proList li.hover p{color:#005a9f; font-weight: bold;}

/* 产品内页 */

.proBox .proImg {width: 100%; height: auto; overflow: auto;  text-align: center; margin-top: 40px;}
.proBox .proImg img{ display: inline-block; width: 100%; max-width: 740px;}
.proBox .proTit {width: 100%; height: 60px; background: url(../img/BA012.jpg) bottom center no-repeat; line-height: 60px; font-size: 22px; color: #828282; text-align: center;}

.proBox .proCon{ overflow: hidden; padding: 20px 0;}

.availableTit{ width: 100%; height:30px; font-size: 15px; color: #fff; background-color: #1165a5; padding: 0 15px; line-height: 30px; margin-bottom: 18px;}

.availableList{ width: 100%; height: auto; overflow: hidden;}
.availableList li{height: auto; }
.availableList li a{color: #828282;}
.availableList li div.img{width: 100%; height:auto; overflow: hidden;}
.availableList li div.img img{ display: block; width: 100%;}
.availableList li p{width: 100%; height: 44px; line-height: 44px; overflow: hidden; text-align: center; font-size: 12px; margin-bottom: 0 !important; }
.availableList li.hover p{ color: #005A9F; font-weight: bold;}


/*HR*/
.jobList{ width: 100%; height: auto; min-height: 500px; overflow: hidden;}

.jobList li { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;}
.jobList li h4.head{ width: 100%; height: 42px; line-height: 42px; background-color: #f0f0f0; padding: 0 15px; font-size: 12px; color: #8c8c8c; margin: 0;}
.jobList li h4.head a{color:#005aa0; float: right;}
.jobList li h4.head strong{ font-size: 20px; color:#005aa0; font-weight: bold; margin-right: 10px;}

.jobList li h4.hover { color: #fff; background-color: #005aa0;}
.jobList li h4.hover strong{color: #fff;}
.jobList li h4.hover a{color: #fff;}

.jobList li .con{display: none; width: 100%; height: auto; padding: 15px 15px; font-size: 12px;}
.jobList li .con strong{ color: #005aa0; margin-right: 10px; font-size: 12px;}
.jobList .jobTit{ font-weight: bold; color: #005aa0; font-size: 15px; padding: 10px 0 0;}

.jobPost{ font-size: 12px;}
.jobPost td{ padding:5px 5px;}
.jobPost  input[type="text"]{width: 150px; height: 25px; line-height: 25px; padding: 0 5px; margin-right: 5px;}
.jobPost textarea{ width: 100%;}
.submitJob{ width: 100px; height: 30px; font-size: 15px; color: #fff; background-color: #007ddf; border: none;}
.submitJob:hover{ background-color: #005aa0; }

.feedT{ font-size: 12px;}
.feedT input[type="text"]{width: 200px; height: 25px; margin-right: 5px;}
.feedT #txtsCode{ width: 120px;}
.feedT textarea{width: 95% ;height: 100px; margin-top: 5px; }

#btnSubmit,#btnReset{ width:auto; height: 30px; padding:0 15px; font-size: 15px; color: #fff; background-color: #007ddf; border: none;}
#btnSubmit:hover,#btnReset:hover{ background-color: #005aa0;}



.PartnerList{ width: 100%; min-height:420px; overflow: hidden;}
.PartnerList li{ position: relative; margin-bottom: 4%; padding: 0 6px;}
.PartnerList li a{ display:block; width: auto; height: auto; padding: 4px; border: 2px solid #e7e7e7;overflow: hidden; position: relative;}
.PartnerList li div{ width: 100%; height: 100%; overflow: hidden; position: absolute; overflow: hidden;}
.PartnerList li .text{ display:none; z-index: 20; background: url(../img/BA011.png); z-index: 20;}
.PartnerList li div.text p{ display:block; width:100%;height: 26px; color: #fff; padding: 0 10px; position: absolute; top: 50%; margin-top: -13px; line-height: 26px; text-align:center;}
.PartnerList li div.img img{display: block; width: 100%;}

.sitemapList{ width: 100%; height: auto;}
.sitemapList li{ width: 100%; height:auto;margin-bottom: 10px; overflow: hidden;}
.sitemapList li h5{ width: auto; height:30px; line-height:30px; float: left; margin: 0; }
.sitemapList li h5 a{ font-size: 15px; font-weight: bold;  color: #005aa0; line-height: 30px; }


.sitemapList li div a{ display:inline-block; width:auto; height: 25px; padding: 0 15px; font-size: 12px; color: #888; margin-right: 10px;}
.sitemapList li div a:hover{ background: #005aa0; color: #fff;}