锘
/*-----------------------------
      [2. Preloader Styles]
------------------------------*/

body #loader-wrapper { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; }
#loader-wrapper .load-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#loader-wrapper .load-content span { display: block; text-align: center; width: 100%; }


/********** 澶撮? **********/
.header{ width:100%; height:100px; background-color:#FFF;}
.logo{ display:block; float:left; height:90px;}
.logo img{ margin-top:30px;}
.sitenav{ float:right; height:100px;}
.sitenav ul{ float:right; text-align:right;}
.sitenav ul li{ float:left; margin-right:1px; text-align:center; position:relative; transition:all 0.5;}
.sitenav ul li a{ display:block; height:100px; min-width:96px; font-size:16px; line-height:100px; color:#333;}
.sitenav ul li a:after{ position:absolute; content:""; display:block; margin:0 auto; height:3px; width:0; bottom:24px; background:#FFF; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.sitenav ul li:hover a{ background:#0F4BAF; color:#FFF;}
.sitenav ul li:hover a:after{ width:32px; left:50%; margin-left:-16px;}

/*.sitenav li a:after{ position:absolute; content:""; display:block; margin:0 auto; height:3px; width:0; background:#FFF; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.sitenav li:hover a:after{ width:32px; left:50%; margin-left:-16px; bottom:24px;}*/

#pg0 #n0 a, #pg1 #n1 a, #pg2 #n2 a, #pg3 #n3 a, #pg4 #n4 a{ background:#0F4BAF; color:#FFF;}
#pg0 #n0 a:after, #pg1 #n1 a:after, #pg2 #n2 a:after, #pg3 #n3 a:after, #pg4 #n4 a:after{ width:32px; left:50%; margin-left:-16px; bottom:24px;}


/********** 搴?? **********/
.footer{ width:100%; height:80px; background-color:#0F4BAF;}

.copyright{ text-align:center; font-size:14px; color:#FFF; line-height:80px;}
.copyright span{ margin:0 20px;}
.copyright a{ color:#FFF;}
.copyright a:hover{ text-decoration:underline;}


/********** 棣?椤?anner **********/
.banner{ /*width:100%; height:auto;*/ overflow:hidden; text-align:center;}
.banner-phone{ position:relative; width:100%; height:auto; overflow:hidden; text-align:center; vertical-align:middle; display:none;}
.banner-phone img{ width:100%;}

.banner-container{ margin-left:auto; margin-right:auto;}
.banner-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

.banner{ width:100%; height:800px; position:relative;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px;}


/********** floor??? **********/
.floor-title{ width:100%; text-align:center; padding-top:70px; margin-bottom:40px;}
.floor-title:after { position:relative; content:""; display: block; margin:16px auto 0; height:4px; width:28px; background:#0F4BAF;}
.floor-title h3{ font-weight:normal; font-size:36px; font-weight:bold; line-height:1.5; color:#333; margin-bottom:4px;}
.floor-title p{ font-size:18px; line-height:1; color:#666; text-transform:uppercase; font-family:Arial, Tahoma, Helvetica, sans-serif;}
.indabWrap .floor-title h3{ color:#FFF;}
.indabWrap .floor-title p{ color:#999;}
.indabWrap .floor-title:after { background:#FFF;}

.floor-btn{ width:100%; text-align:center;}
.floor-btn a{ display:block; width:116px; height:34px; border:1px solid #0F4BAF; margin:0 auto; border-radius:3px; font-size:14px; line-height:34px; color:#0F4BAF; text-transform:uppercase; transition:all 0.5s;}
.floor-btn a:hover{ background:#0F4BAF; color:#FFF;}
.indabWrap .floor-btn a{ border-color:#FFF; color:#FFF;}
.indabWrap .floor-btn a:hover{ background:#FFF; color:#0F4BAF;}

/*------------------------------  棣?椤  ------------------------------*/
/********** 棣?椤?roducts **********/
.indprodWrap{ width:100%; height:auto; background:#FFF; padding-bottom:60px;}
.indprod{ position:relative; width:1200px; height:368px; margin-bottom:40px;}
.indprodlist{ width:1200px; height:368px;}
.indprodlist ul li{display:inline; float:left; width:274px; height:366px; /*box-shadow:0px 0px 10px rgba(0,0,0,0.3); */border:1px solid #DDD; margin-right:32px; overflow:hidden; position:relative; }
.indprodlist ul li img{ width:274px; height:366px;}
.indprodlist ul li img{ /*width: 100%;*/ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
.indprodlist ul li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.btn-prod-prev{ position:absolute; top:158px; left:0; margin-left:-90px; width:60px; height:60px; border-radius:30px; background-image:url(../images/btn_prod_prev.png); background-position:center; background-repeat:no-repeat; background-color:#DDD; cursor:pointer;}
.btn-prod-next{ position:absolute; top:158px; right:0; margin-right:-90px; width:60px; height:60px; border-radius:30px; background-image:url(../images/btn_prod_next.png); background-position:center; background-repeat:no-repeat; background-color:#DDD; cursor:pointer;}
.btn-prod-prev:hover, .btn-prod-next:hover{ background-color:#0F4BAF; transition:all 0.5s;}

/********** 棣?椤?bout **********/
.indabWrap{ width:100%; height:auto; background:url(../images/indabbg.jpg); background-position:center; background-size:cover; padding-bottom:60px;}
.indab{ text-align:center; color:#FFF; margin-bottom:80px; padding-top:20px;}
.indab span{ display:block; font-size:18px; margin-bottom:20px;}
.indab p{ font-size:14px; color:#FFF; line-height:24px; margin-bottom:10px;}

/********** 棣?椤?ews **********/
.indnewsWrap{ width:100%; height:auto; background:#FFF; padding-bottom:60px;}
.indnews{ width:1230px; margin-bottom:40px;}
.indnews .onenewsbox{ float:left; width:380px; height:auto; padding-bottom:0; margin-right:30px; background:#FFF; text-align:left;}
.inews-img{ width:380px; height:214px; position:relative; overflow:hidden;}
.inews-img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
.onenewsbox:hover .inews-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.inews-txt{ padding:20px 20px 24px; background:#F0F0F0; -moz-box-sizing:border-box; box-sizing:border-box;}
.inews-txt h3{ display:block; width:100%; height:28px; font-size:16px; font-weight:normal; color:#0F4BAF; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inews-txt span{ display:block; font-size:14px; color:#999; line-height:24px; margin:0px 0 2px;}
.inews-txt p{ display:block; width:100%; height:48px; font-size:14px; line-height:24px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.onenewsbox:hover .inews-txt{ background:#0F4BAF; transition:all 0.5s;}
.onenewsbox:hover .inews-txt h3{ color:#FFF; font-weight:bold;}
.onenewsbox:hover .inews-txt span{ color:#CCC;}
.onenewsbox:hover .inews-txt p{ color:#FFF;}

/********** 棣?椤?ontact **********/
.indctcWrap{ width:100%; height:auto; background:url(../images/indctcbg.jpg); background-position:center; background-size:cover; padding-bottom:88px;}
.indctc{ text-align:center;}
.indctc span{ display:block; width:60px; height:60px; background:#0F4BAF; border-radius:100%; color:#FFFFFF; margin:0 auto 26px; line-height:80px; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.indctc h1{ font-size:48px; line-height:1; font-weight:normal; color:#0F4BAF; margin-bottom:6px;}
.indctc p{ font-size:16px; color:#333; line-height:36px;}


/*------------------------------  ??椤  ------------------------------*/
/********** ??椤靛?朵???? **********/
.do-more{ display:none; width:100%; text-align:center; margin:24px auto;}
.do-more a{ display:block; width:40%; height:44px; margin:0 auto; background-color:#0F4BAF; border-radius:10px; font-size:1.25em; line-height:44px; color:#FFF;}
.do-more:hover a{ text-decoration:underline;}
.to-close{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#0F4BAF; text-align:right;}
.to-close a{ padding:0 4px; color:#0F4BAF;}
.to-close:hover a{ color:#0F4BAF; text-decoration:underline;}
.go-back{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#666; text-align:right;}
.go-back a{ padding:0 4px; color:#0F4BAF;}
.go-back:hover a{ color:#0F4BAF; text-decoration:underline;}
.go-jump{ position:relative; padding-top:0px;}
.go-jump div{ line-height:42px; margin-top:10px; padding-left:20px; background:#F5F5F5; font-size:14px; color:#333;}

/********** ??椤?anner **********/
.banner-inside{ width:100%; height:400px; background-color:#000;}
.banner-ab{ background:url(../images/banner/banner_ab.jpg) center center no-repeat;}
.banner-prod{ background:url(../images/banner/banner_prod.jpg) center center no-repeat;}
.banner-news{ background:url(../images/banner/banner_news.jpg) center center no-repeat;}
.banner-ctc{ background:url(../images/banner/banner_ctc.jpg) center center no-repeat;}
.banner-inside .txt{ width:156px; padding-top:152px;}
.banner-inside .txt h1{ font-size:36px; line-height:1.3; font-weight:bold; color:rgba(15,75,175,1); letter-spacing:3px; border-top:6px solid #0F4BAF; padding-top:8px;}
.banner-inside .txt p{ font-size:18px; line-height:1.3; font-weight:bold; color:rgba(15,75,175,0.7); text-transform:uppercase; border-bottom:3px solid #0F4BAF; padding-bottom:5px;}
.banner-inside.banner-ctc .txt{ float:right;}
.banner-inside.banner-news .txt{}
.banner-inside.banner-news .txt h1{ color:rgba(255,255,255,1); border-top:6px solid #FFF;}
.banner-inside.banner-news .txt p{ color:rgba(255,255,255,0.7); border-bottom:3px solid #FFF;}


/********** breadnav **********/
.breadnav-wrap{ width:100%; height:60px; background:#EEE;}
.pgnamemp{ float:left; width:300px;}
.pgnamemp span{ display:block; width:96px; height:60px; border-bottom:4px solid #0F4BAF; font-size:16px; line-height:60px; color:#0F4BAF; text-align:center;}
.breadnav{ float:right; width:700px; height:60px; line-height:60px;  text-align:right; text-transform:capitalize;}
.breadnav span, .breadnav a{ color:#333;}
.breadnav span.location{ color:#333;}
.breadnav a:hover{ color:#0F4BAF; text-decoration:underline;}


/********** main **********/
.main{ width:100%; min-height:400px; padding:54px 0 80px; background-color:#FFF;}

/********** 璧拌?瀹?涓 **********/
.about{ width:100%;}
.about p{ text-indent:2em; line-height:24px; margin-bottom:12px;}
.about p strong{ color:#0F4BAF;}
.abimg01{ float:left; width:480px; margin-top:20px;}
.abimg02{ float:right; width:700px; margin-top:20px;}
.abimg01 img, .abimg02 img{ max-width:100%;}

/********** 浜у??涓??? **********/
.prodlist{ width:100%; padding-top:6px;}
.prodlist ul{ width:1232px;}
.prodlist ul li{ float:left; width:272px; height:363px; margin:0px 32px 30px 0; border:2px solid #DDD;}
.prodlist ul li:hover{ border-color:#0F4BAF;}
.prod-img{ display:table-cell; width:272px; height:363px; background-color:#FFF; text-align:center; vertical-align:middle; overflow:hidden;}
.prod-img img{ display:block; max-width:272px; max-height:363px; margin:0 auto;}


/********** ?伴?讳腑蹇? **********/
/*-- ?伴?诲??琛 --*/
.newslist{ width:100%; padding-top:14px;}
.newslist ul{ width:100%;}
.newslist ul li{ width:1200px; height:210px; margin-bottom:30px; background:#FAFAFA;}
.newslist ul li a{ display:block; width:100%; height:100%;}
.news-img{ float:left; width:320px; height:180px; margin:15px 40px 0 15px; text-align:center; overflow:hidden; position:relative; overflow:hidden;}
.news-img img{ width:320px; height:180px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
.newslist ul li:hover .news-img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.news-txt{ float:left; width:760px; height:180px; margin-top:15px; position:relative;}
.news-txt h3{ display:block; font-size:16px; line-height:2; color:#333; margin-top:8px; margin-bottom:4px;}
.news-txt span{ display:block; font-size:14px; line-height:1; color:#999; margin-bottom:8px;}
.news-txt p{ display:block; width:100%; height:72px; font-size:14px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis;}
.news-txt label{ display:block; width:100px; height:28px; border:1px solid #0F4BAF; border-radius:5px; font-size:14px; color:#0F4BAF; line-height:28px; text-align:center; position:absolute; left:0; bottom:15px;}

.newslist ul li:hover{ background:#0F4BAF; transition:all 0.5s;}
.newslist ul li:hover .news-txt h3{ color:#FFF; transition:all 0.5s;}
.newslist ul li:hover .news-txt span{ color:#CCC; transition:all 0.5s;}
.newslist ul li:hover .news-txt p{ color:#FFF; transition:all 0.5s;}
.newslist ul li:hover .news-txt label{ color:#FFF; border-color:#FFF; transition:all 0.5s;}


/*-- ?伴?绘??? --*/
.newsdtl{ width:100%;}
.newsdetail{ width:94%; padding:4% 3%;}
.newsdetail-title{ margin:0px 0 20px; text-align:center; font-size:20px; font-weight:bold; line-height:2em; color:#333;}
.newsdetail-time{ width:100%; background-color:#FAFAFA; padding:14px 0; font-size:14px; line-height:1em; color:#999; text-align:center;}
.newsdetail-time label{ margin-right:2em;}
.newsdetail-cont{ margin-top:20px; font-size:14px; line-height:24px;}
.newsdetail-cont img{ max-width:100%;}

/********** ??绯绘??浠 **********/
.contact{ width:100%; margin-bottom:50px;}
.contact h1{ font-size:30px; line-height:1.2; color:#333; padding-top:2px; margin-bottom:36px;}
.contact h1:after { position:relative; content:""; display: block; margin:24px 0 0; width:50px; height:4px; background:#0F4BAF;}
.ctcinfo{ float:left; font-size:16px; color:#333;}
.ctcinfo1{ width:360px;}
.ctcinfo2{ width:440px;}
.ctcinfo3{ width:400px;}
.ctcinfo p{ height:24px; font-size:0.875em; line-height:24px; color:#666; margin-bottom:6px;}
.ctcinfo i{ float:left; display:block; width:24px; height:24px; background-image:url(../images/imgsign/sign_ctc.png); background-repeat:no-repeat; margin-right:16px;}
.ctcinfo label{ font-family:Arial, Tahoma, Helvetica, sans-serif;}
.ctcinfo a{ color:#666;}
.ctcinfo a:hover{ color:#0F4BAF;}
i.icon-tel{ background-position:0 0;}
i.icon-phone{ background-position:-24px 0;}
i.icon-fax{ background-position:-48px 0;}
i.icon-email{ background-position:-72px 0;}
i.icon-qq{ background-position:-96px 0;}
i.icon-add{ background-position:-120px 0;}

/********** ?板? **********/
.map{ width:1198px; height:500px; border:1px solid #DDD;}