/* ------------------------------------------------------ */
/* - 标签重置
/* ------------------------------------------------------ */
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; margin:0; font:14px Garamonds,Tahoma,'微软雅黑'; background:#EEE; }


/* ------------------------------------------------------ */
/* - common
/* ------------------------------------------------------ */
.amn{ transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.amns{ transition:all ease-out .5s 0s; -moz-transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; -o-transition:all ease-out .5s 0s; }


/* ------------------------------------------------------ */
/* - head
/* ------------------------------------------------------ */
.head-div{ width:100%; height:85px; background:rgba(0,83,167,0.8); position:absolute; top:0; left:0; z-index:999; }
.head-div .head-body{ width:1200px; height:100%; margin:0 auto; }

.head-div .head-logo{ width:300px; height:100%; float:left; }
.head-div .head-logo a{ width:100%; height:100%; line-height:100px; text-align:center; display:block; color:#000; text-decoration:none; background:url(images/style.png) -10px -15px no-repeat; }
.head-div .head-navi{ height:100%; border-right:1px solid #FFF; line-height:85px; text-align:right; color:#FFF; font-size:0; }
.head-div .head-navi a{ width:160px; height:100%; display:inline-block; border-left:1px solid #FFF; color:#FFF; text-decoration:none; font-size:16px; text-align:center; }
.head-div .head-navi a.on{ background:rgba(0,61,121,0.6); }
.head-div .head-navi a:hover{ background:rgba(0,61,121,0.6); }


/* ------------------------------------------------------ */
/* - body
/* ------------------------------------------------------ */
.body-div{ background:#FFF; }


/* ------------------------------------------------------ */
/* - index
/* ------------------------------------------------------ */
.index-block{}
.index-block-dark{ background:#F9F9F9; }

.index-block{ padding:50px 0; }
.index-block .index-body{ width:1200px; margin:0 auto; }
.index-block .title{ text-align:center; color:#002D5C; }
.index-block .title strong{ font-size:30px; font-weight:normal; }
.index-block .content{ margin:40px 0 0 0; overflow:hidden; }

.index-brand .content{}
.index-brand .content a{ width:300px; padding:30px 0; float:left; text-align:center; }
.index-brand .content a:hover{ background:#F0F0F0; border-radius:8px; }
.index-brand .content a img{ height:140px; }

.index-product .content{ height:450px; position:relative; overflow:visible; }
.index-product .content .left{ width:2000px; height:100%; margin:0 0 0 -2000px; text-align:right; position:absolute; left:0; top:0; }
.index-product .content .left img{ height:100%; margin:0 20px 0 0; }
.index-product .content .cats{ width:470px; float:left; }
.index-product .content .cats a{ height:140px; margin:0 0 15px 0; background-color:#0053A7; border-radius:3px; display:block; overflow:hidden; text-decoration:none; }
.index-product .content .cats a b{ margin:95px 30px 0 0; display:block; font-weight:normal; font-size:18px; text-align:right; color:#FFF; }
.index-product .content .cats a.cat01{ background:url(images/style.png) -18px -720px no-repeat #0053A7; }
.index-product .content .cats a.cat01:hover{ background-position:-18px -725px; }
.index-product .content .cats a.cat02{ background:url(images/style.png) 0 -265px no-repeat #0053A7; }
.index-product .content .cats a.cat02:hover{ background-position:0 -270px; }
.index-product .content .cats a.cat03{ background:url(images/style.png) -12px -510px no-repeat #0053A7; }
.index-product .content .cats a.cat03:hover{ background-position:-12px -515px; }
.index-product .content .cats a:hover{ background-color:#004993; }
.index-product .content .products{ margin:0 0 0 490px; }
.index-product .content .products a{ width:334px; height:209px; margin:0 10px 20px 0; float:left; border:3px solid #F0F0F0; overflow:hidden; background-position:center center; background-size:100% auto; }
.index-product .content .products a img{ width:100%; border:2px solid #FFF; display:block; box-sizing:border-box; }
.index-product .content .products a:hover{ border:3px solid #0053A7; }

.index-market .content{}
.index-market .content p{ width:1049px; height:562px; margin:0 auto; padding:0; background:url(images/index_world.png); }

.index-factory .content{}
.index-factory .content p{ width:100%; height:550px; margin:0 auto; padding:0; background:url(images/index_factory.jpg) center center; background-size:auto 100%; }


/* ------------------------------------------------------ */
/* - side
/* ------------------------------------------------------ */
.side-box{ width:100%; }
.side-box .side-title{ height:50px; line-height:50px; background:#000; text-indent:10px; color:#FFF; }
.side-box .side-title strong{ font-weight:normal; }
.side-box .side-content a{ height:40px; border-bottom:1px solid #EEE; line-height:40px; display:block; text-indent:20px; color:#000; font-size:12px; text-decoration:none; }
.side-box .side-content a.on{ background:#F3F3F3; }
.side-box .side-content a:hover{ background:#F0F0F0; }

.side-news{ background:#F4F4F4; padding:0 0 40px 0; }
.side-news .side-focus{}
.side-news .side-focus .image{ width:100%; max-height:200px; overflow:hidden; display:block; }
.side-news .side-focus .image img{ width:100%; }
.side-news .side-focus .title{ margin:15px 15px 0; font-size:18px; line-height:175%; display:block; font-weight:normal; }
.side-news .side-focus .time{ margin:5px 15px 0; font-size:16px; color:#999; font-family:"Agency FB"; }
.side-news .side-focus .intro{ margin:5px 15px 0; font-size:14px; color:#888; line-height:175%; }
.side-news .side-focus a{ margin:10px 15px 0; color:#999; display:block; text-decoration:none; }
.side-news .side-focus a:hover{ color:#000; }

.side-news .side-sep{ height:3px; margin:15px 15px 0; overflow:hidden; background:#CCC; }
.side-news .side-sep b{ width:100px; height:3px; line-height:100%; display:block; background:#0053A7; }

.side-news .side-list{ margin:15px 15px 0; }
.side-news .side-list a{ width:100%; height:30px; line-height:30px; display:block; color:#666; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-news .side-list a:hover{ color:#0053A7; }

.side-product-cat{}
.side-product-cat .site-title{ height:60px; line-height:60px; background:#0053A7; font-size:20px; color:#FFF; font-weight:normal; text-indent:30px; position:relative; }
.side-product-cat .site-title b{ width:2000px; height:60px; display:block; overflow:hidden; position:absolute; left:-2001px; top:0; background:#CCDDED; }
.side-product-cat .site-content{}
.side-product-cat .site-content a{ height:60px; line-height:60px; background:#333; border-bottom:1px solid #444; font-size:16px; color:#FFF; font-weight:normal; text-indent:30px; display:block; text-decoration:none; position:relative; }
.side-product-cat .site-content a i{ position:absolute; top:23px; right:20px; }
.side-product-cat .site-content a i:before{ content:"\f105"; opacity:0.5; }
.side-product-cat .site-content a.on i:before{ content:"\f101"; opacity:1; }
.side-product-cat .site-content a:hover{ background:#000; }
.side-product-cat .site-content a:hover i:before{ content:"\f101"; opacity:1; }


/* ------------------------------------------------------ */
/* - path
/* ------------------------------------------------------ */
.path-div{ height:60px; border-bottom:1px solid #F0F0F0; line-height:60px; }
.path-div .path-body{ width:1200px; height:100%; margin:0 auto; position:relative; }
.path-div .path-body .path{ height:100%; }
.path-div .path-body .path i{ width:60px; height:100%; display:block; line-height:60px; float:left; text-align:center; background:#F4F4F4; color:#999; }
.path-div .path-body .path a{ height:100%; padding:0 20px; float:left; display:block; line-height:60px; color:#888; font-weight:bold; text-decoration:none; }
.path-div .path-body .path a:last-child{ color:#0053A7; }
.path-div .path-body .path s{ height:100%; float:left; display:block; line-height:60px; text-decoration:none; color:#CCC; font-size:10px; }
.path-div .path-body .quick{ height:100%; position:absolute; top:0; right:0; text-align:right; font-size:0; }
.path-div .path-body .quick a{ height:100%; padding:0 20px; border-bottom:2px solid transparent; display:inline-block; font-size:14px; color:#666; text-decoration:none; }
.path-div .path-body .quick a:hover{ border-bottom:2px solid #CCC; background:#F9F9F9; }
.path-div .path-body .quick a.on{ border-bottom:2px solid #0053A7; }


/* ------------------------------------------------------ */
/* - banner
/* ------------------------------------------------------ */
.banner-div .swiper-container{ width:100%; height:100%; }
.banner-div .swiper-container .swiper-wrapper{ width:100%; height:100%; }
.banner-div .swiper-container .swiper-wrapper .swiper-slide{ height:100%; text-align:center; font-size:18px; background-repeat:no-repeat; background-position:center top; background-color:#EEE; 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-div .swiper-container .swiper-wrapper .swiper-slide .blur{ width:100%; height:85px; position:absolute; top:0; left:0; overflow:hidden; filter:blur(5px); background-repeat:no-repeat; background-position:center top; }
.banner-div .swiper-container .swiper-wrapper .swiper-pagination{ bottom:50px; }


/* ------------------------------------------------------ */
/* - index
/* ------------------------------------------------------ */
.index-div .banner-div{ width:100%; height:600px; }

.index-div .index-body{ width:1200px; margin:0 auto; }
.index-div .index-body .index-access{ padding:80px 0; text-align:center; }


/* ------------------------------------------------------ */
/* - news
/* ------------------------------------------------------ */
.news-div{}
.news-div .banner-div{ width:100%; height:400px; }
.news-div .news-body{ width:1200px; margin:50px auto 0; overflow:hidden; }

.news-div .news-list{}
.news-div .news-list .news-lft{ width:299px; float:left; }
.news-div .news-list .news-rht{ margin-left:300px; }

.news-div .news-itop{ overflow:hidden; }
.news-div .news-itop img{ height:225px; }

.news-div .news-list .news-list-content{}
.news-div .news-list .news-list-content a.head{ width:100%; height:225px; margin:0 0 20px 0; display:block; background:#0053A7; overflow:hidden; }
.news-div .news-list .news-list-content a.head strong{ margin:20px 0 0 25px; line-height:30px; display:block; color:#FFF; font-size:20px; font-weight:normal; position:relative; z-index:1; }
.news-div .news-list .news-list-content a.head h4{ margin:15px 0 0 25px; line-height:36px; font-size:36px; color:rgba(255,255,255,0.5); font-family:"Agency FB"; }
.news-div .news-list .news-list-content a.head span{ height:50px; margin:10px 50px 0 25px; display:block; color:rgba(255,255,255,0.5); }

.news-div .news-list .news-list-content a.item{ width:100%; height:150px; display:block; border-bottom:2px solid #EEE; overflow:hidden; position:relative; }
.news-div .news-list .news-list-content a.item h4{ width:150px; margin:30px 0 0 0; line-height:50px; float:left; font-size:36px; text-align:center; color:#999; letter-spacing:-1px; position:relative; z-index:1; font-family:"Agency FB"; }
.news-div .news-list .news-list-content a.item strong{ height:50px; margin:25px 50px 0 160px; line-height:50px; display:block; color:#666; font-size:16px; position:relative; z-index:1; }
.news-div .news-list .news-list-content a.item strong i{ position:absolute; top:15px; right:0; font-weight:normal; color:#999; }
.news-div .news-list .news-list-content a.item span{ height:50px; margin:0 50px 0 160px; display:block; color:#999; position:relative; z-index:1; }
.news-div .news-list .news-list-content a.item b{ width:0; height:150px; display:block; position:absolute; top:0; left:0; overflow:hidden; }
.news-div .news-list .news-list-content a.item:hover strong{ color:#0053A7; }
.news-div .news-list .news-list-content a.item:hover b{ width:100%; background:#F6F6F6; }

.news-div .news-list .news-list-pager{ margin:10px 0 0 0; padding:30px 0 20px; text-align:center; }

.news-div .news-view{ padding:0 0 50px 0; }
.news-div .news-view .news-lft{ width:825px; float:left; }
.news-div .news-view .news-lft .title{ height:40px; line-height:150%; font-size:26px; }
.news-div .news-view .news-lft .remark{ margin:10px 0 0 0; }
.news-div .news-view .news-lft .remark b{ font-weight:normal; font-family:"Agency FB"; font-size:30px; color:#999; }
.news-div .news-view .news-lft .guide{ margin:20px 0 0 0; font-size:16px; color:#999; }
.news-div .news-view .news-lft .content{ margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #CCC; font-size:14px; line-height:175%; color:#666; overflow:hidden; }
.news-div .news-view .news-lft .content img{ max-width:100%; margin:5px 0 0 0; }
.news-div .news-view .news-rht{ margin-left:850px; }


/* ------------------------------------------------------ */
/* - about
/* ------------------------------------------------------ */
.about-div{ overflow-x:hidden; }
.about-div .banner-div{ width:100%; height:400px; }

.about-div .about-time{ width:100%; height:650px; position:relative; overflow:hidden; }
.about-div .about-time p{ width:100%; position:absolute; top:0; text-align:center; }
.about-div .about-time p b{ width:100%; margin:100px 0 0 ; display:block; text-align:center; color:#0053A7; font-size:30px; font-weight:normal; }
.about-div .about-time p strong{ width:100%; display:block; text-align:center; color:#0053A7; font-size:280px; line-height:280px; font-family:"Impact"; font-weight:normal; }
.about-div .about-time i{ width:60px; height:60px; margin:110px auto 0; border-radius:62px; border:3px solid #AAA; color:#AAA; font-size:30px; line-height:60px; overflow:hidden; text-align:center; }
.about-div .about-time i:hover{ line-height:80px; }

.about-div .about-intro{ padding:120px 0; background:#0053A7; text-align:center; }
.about-div .about-intro strong{ display:block; font-size:75px; color:#FFF; font-weight:normal; }
.about-div .about-intro b{ width:700px; margin:50px auto 0; display:block; font-size:40px; color:#FFF; font-weight:normal; line-height:150%; }

.about-div .about-page{ min-height:600px; margin:0 auto; overflow:hidden; }
.about-div .about-page .page{ width:1000px; margin:50px auto 0; position:relative; }
.about-div .about-page .page .title strong{ display:block; font-weight:normal; font-size:40px; color:#002D5C; }
.about-div .about-page .page .title b{ margin:10px 0 0 0; display:block; font-weight:normal; font-size:25px; color:#002D5C; font-family:Arial; }
.about-div .about-page .page .content{ margin:30px auto 0; padding:0 200px 100px 0; font-size:16px; line-height:200%; }
.about-div .about-page .page .content .side{ width:1000px; position:absolute; top:0; right:-700px; text-align:left;  z-index:0; }

.about-div .about-page-rht{ background:#F9F9F9; }
.about-div .about-page-rht .page .title{ margin:0 0 0 200px; box-sizing:border-box; }
.about-div .about-page-rht .page .content{ margin-left:200px; padding:0 0 100px 0; }
.about-div .about-page-rht .page .content .side{ width:1000px; position:absolute; left:-850px; text-align:right; }


/* ------------------------------------------------------ */
/* - product
/* ------------------------------------------------------ */
.product-div{ overflow:hidden; }
.product-div .banner-div{ width:100%; height:400px; }

.product-div .product-list{ width:1200px; margin:50px auto 0; }
.product-div .product-list .product-lft{ width:294px; margin:0 0 40px 0; float:left; }
.product-div .product-list .product-rht{ margin:0 0 40px 295px; }

.product-div .product-list .product-list-content{ overflow:hidden; }
.product-div .product-list .product-list-content a{ width:300px; height:225px; margin:1px 1px 0 0; float:left; overflow:hidden; position:relative; }
.product-div .product-list .product-list-content a i{ width:0; height:3px; border-top:1px solid #FFF; overflow:hidden; display:block; background:#0053A7; position:absolute; left:0; bottom:0; }
.product-div .product-list .product-list-content a img{ width:100%; height:100%; }
.product-div .product-list .product-list-content a:hover i{ width:100%; }

.product-div .product-list .product-list-pager{ margin:10px 0 0 0; padding:30px 0 20px; text-align:center; }

.product-div .product-view{ width:1200px; margin:50px auto 0; }
.product-div .product-view .product-lft{ width:294px; margin:0 0 40px 0; float:left; }
.product-div .product-view .product-rht{ margin:0 0 40px 314px; }

.product-div .product-view .product-view{ width:100%; overflow:hidden; }
.product-div .product-view .product-view-head{ height:50px; margin:0 0 15px 0; line-height:50px; border-bottom:1px solid #CCC; }
.product-div .product-view .product-view-head strong{ font-size:18px; font-weight:normal; }
.product-div .product-view .product-view-title{ margin:0 50px 15px; padding:15px 0; line-height:150%; font-size:18px; text-align:center; }
.product-div .product-view .product-view-content{ line-height:175%; }
.product-div .product-view .product-view-content img{ max-width:100%; }


/* ------------------------------------------------------ */
/* - contact
/* ------------------------------------------------------ */
.contact-div{}
.contact-div .banner-div{ width:100%; height:400px; }

.contact-div .contact-main{ width:1200px; margin:0 auto; padding:0 0 100px 0; overflow:hidden; }
.contact-div .contact-main .lft{ width:600px; float:left; overflow:hidden; }
.contact-div .contact-main .lft i{ width:600px; height:240px; margin:100px 0 0 0; display:block; background:url(images/style.png) 0 -920px; }
.contact-div .contact-main .rht{ margin:0 0 0 700px; }
.contact-div .contact-main .rht .top{ height:3px; margin:100px 0 0 0; overflow:hidden; }
.contact-div .contact-main .rht .top i{ width:50px; height:3px; display:block; background:#07AAFF; }
.contact-div .contact-main .rht .content{ margin:30px 0 0 0; font-size:16px; line-height:175%; color:#999; }
.contact-div .contact-main .rht .content strong{ font-size:24px; font-weight:normal; line-height:200%; color:#666; }

.contact-div .contact-map{ width:100%; height:700px; background:#323232; overflow:hidden; zoom:1; }
.contact-div .contact-map .anchorBL{ display:none; }


/* ------------------------------------------------------ */
/* - foot
/* ------------------------------------------------------ */
.foot-div{ margin:30px 0 0 0; background:#0053A7; overflow:hidden; }
.foot-div .foot-main{ width:1200px; margin:0 auto; padding:60px 0 50px; overflow:hidden; }
.foot-div .foot-main .foot-item{ margin:0 0 0 100px; float:left; color:#FFF; }
.foot-div .foot-main .foot-item .title{ height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.3); font-size:24px; }
.foot-div .foot-main .foot-item .content{ margin:15px 0 0 0; line-height:175%; }
.foot-div .foot-main .foot-item .content ul{ margin:0; padding:0; }
.foot-div .foot-main .foot-item .content ul li{ height:30px; line-height:30px; display:block; }
.foot-div .foot-main .foot-item .content ul li a{ height:100%; line-height:30px; display:block; color:#FFF; text-decoration:none; overflow:hidden; }
.foot-div .foot-main .foot-item .content ul li a:hover{ border-radius:4px; background:rgba(255,255,255,0.1); text-indent:8px; }
.foot-div .foot-main .foot-news{ width:300px; }
.foot-div .foot-main .foot-about{ width:360px; margin:0; }
.foot-div .foot-main .foot-contact{ width:300px; }

.foot-div .foot-copyright{ padding:25px 0; background:#004387; text-align:center; color:#FFF; color:rgba(255,255,255,0.5) }


/* ------------------------------------------------------ */
/* - LayUI
/* ------------------------------------------------------ */
.layui-bg-red{ background:#DE0539!important; }
.layui-badge-circle{ border-radius:12px; }

.layui-btn-primary:hover{ border-color:#999; background:#F9F9F9; }
.layui-btn.disabled{ background:#F9F9F9; color:#CCC; border-color:#E6E6E6; }
.layui-btn.disabled:hover{ background:#F9F9F9!important; color:#CCC; border-color:#E6E6E6; }
.layui-btn-disabled{ background:#F9F9F9; color:#CCC; }
.layui-btn-disabled:hover{ background:#F9F9F9; color:#CCC; border-color:#E6E6E6; }

.layui-btn-sm{}
.layui-btn-sm i{ font-size:13px!important; }

.layui-form-onswitch{ border-color:#1E9FFF; background:#1E9FFF; }

.layui-laypage-pager{}
.layui-laypage-pager .layui-laypage-curr .layui-laypage-em{ background:#0053A7; }

.layer-ext-confirm-default{ width:300px; }
.layer-ext-confirm-default .layui-layer-content{ padding:30px; background:#1E9FFF; color:#FFF; text-align:center; font-size:16px; }
.layer-ext-confirm-default .layui-layer-content i{ display:block; font-size:60px; }
.layer-ext-confirm-default .layui-layer-btn a{ height:32px; padding:0 25px; line-height:32px; }

.layer-ext-confirm-delete{ width:300px; }
.layer-ext-confirm-delete .layui-layer-content{ padding:30px; background:#E80D42; color:#FFF; text-align:center; font-size:16px; }
.layer-ext-confirm-delete .layui-layer-content i{ display:block; font-size:60px; }
.layer-ext-confirm-delete .layui-layer-btn a{ height:32px; padding:0 25px; line-height:32px; }
.layer-ext-confirm-delete .layui-layer-btn a.layui-layer-btn0{ background:#E80D42; border-color:#E80D42; }

.layui-ext-input-sm{}
.layui-ext-input-sm .layui-form-select dl{ top:35px; }
.layui-ext-input-sm .layui-form-select .layui-input{ height:30px; }

.layui-form .fillbox{ background:#FFFCE3; border-color:#CCD0D4; }
.layui-form .readbox{ background:#EEEEEE; border-color:#CCD0D4; }

.layui-form-select dl dd.layui-this{ background:#E80D42; }


/* ------------------------------------------------------ */
/* - Baidu  UEditor
/* ------------------------------------------------------ */
.edui-default{ line-height:100%; box-sizing:border-box; }
.edui-default .edui-editor{ border-radius:0!important; }
.edui-default .edui-editor-toolbarbox{ box-shadow:none!important; }
.edui-default .edui-editor-toolbarboxouter{ box-shadow:none!important; background:#F6F6F6!important; }
.edui-default .edui-dialog-shadow{ border-radius:0!important; }
.edui-default .edui-dialog-body{ padding:1px!important; }
.edui-default .edui-for-spechars .edui-dialog-content{ width:800px!important; }

.edui-default .edui-message .edui-message-content{ font-size:12px!important; }
.edui-default .edui-message .edui-message-closer{ color:rgba(0,0,0,0.3)!important; top:9px!important; right:4px!important; }
.edui-default .edui-editor-wordcount{ margin:0!important; padding-right:8px; }
.edui-default .edui-anchor-topleft .edui-bordereraser{ display:none; }
.edui-default .edui-toolbar .edui-combox-body .edui-arrow{ width:12px!important; }


/* ------------------------------------------------------ */
/* - message
/* ------------------------------------------------------ */
#systemMessageSimple{ width:260px; margin:-80px 0 0 -120px; padding:0 0 30px 0; border-radius:5px; position:fixed; top:50%; left:50%; display:none; text-align:center; background:rgba(0,0,0,0.75); z-index:99999999; }
#systemMessageSimple i{ margin:30px 0 0 0; color:#FFF; font-size:50px; display:block; }
#systemMessageSimple span{ margin:13px 0 0 0; display:block; color:#FFF; font-size:14px; line-height:150%; }