@charset "utf-8";
/* by Sean Lu 20180904 */
/* 移动端全局控制reset */
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; border:0; outline:none;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 14px; color:#666; font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; line-height:24px; }
textarea { resize: none; }
iframe,img { border:0; margin:0; }
img{ max-width:100%;}
div,ul,ol,li { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover {  color: #00a843; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 全局侧滑菜单 */
.mm-menu { width: 50%; }
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #1891cb; color: #fff; }
::-moz-selection { background: #1891cb; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }


.top{ background:#133d0e; height:40px; font-size:12px;}
.top p{ line-height:40px; color:#fff;}
.top .link{}
.top .link li{ float:left; color:#fff; }
.top .link li a{ font-size:12px; color:#fff; line-height:40px; padding:0 10px;}


.menua{ background:url(../img/menu_bg.jpg) repeat-x;}
.menua .menub{}
.menua .menub li{ width:9%; text-align:center; float:left;}
.menua .menub li a{ color:#333; line-height:50px; color:#333; font-size:14px; font-weight:bold;}
.menua .menub li a:hover{ color:#0257a7;}
.menua .menub li:last-child{width:17%; background-color:#fff; border-radius:20px; height:35px; line-height:35px; float:right; margin-top:8px;}
.menua .menub li:last-child .txtaa{background:url(../img/sss.png) no-repeat right center; height:20px; line-height:20px; color:#666;padding:0 4px;}


.bannerslide{ position:relative;}
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative;}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.honor{ margin-top:55px;}
.honor .title{ text-align:center;}
.honor .title h1{ font-size:20px; margin-bottom:8px; color:#0357a0;}
.honor .title p{font-size:15px;}
.honor .honorz{}
.honor .honorz li{ float:left; width:31%; margin-right:3%; margin-top:45px;}
.honor .honorz li:nth-child(3n){ margin-right:0;}
.honor .honorz li img{ float:left; margin-right:30px;}
.honor .honorz li .word{ font-size:12px;}
.honor .honorz li .word span{ display:block; font-size:16px; font-weight:bold; line-height:32px; color: #0357a0;}
.honor .honorz li .word p{font-size:14px; line-height:150%;}


.com{ background:url(../img/com_bg.jpg) no-repeat center; margin-top:60px; height:400px;}
.com .company{ vertical-align:middle;}
.com .company h1{ padding-top:80px; font-size:24px;}
.com .company p{ margin-top:30px; margin-bottom:40px; font-size:14px; width:50%;}

.blog-snippet-2{margin:50px 0;}
.blog-snippet-2 li{margin:12px 0; height:70px; font-size:14px;}
.blog-snippet-2 li .icon{float:left; width:10%;}
.blog-snippet-2 li .title a{font-size:16px; font-weight:bold; display:block;}
.blog-snippet-2 li .title a:hover{color:#0357a0;}


.product{ padding:60px 0;}
.product .title{ text-align:center;}
.product .title h1{ font-size:22px; color:#0357a0;}
.product .title p{ font-size:14px; margin-top:24px;}
.product .pro{margin-top:20px;}
.product .pro li{ float:left; width:23%; margin:1%;}
.product .pro li img{width:100%; display:block;}
.product .pro li p{ text-align:center; font-size:14px;}

.jtys{background:url(../img/nybbb.jpg) no-repeat center bottom #f2f2f2; height:520px;}
.jtys .wrapper{width:1200px; margin:0 auto;}
.jtys .wrapper .row{width:55%; padding-top:80px;}


.application{ padding:60px 0;}
.application .title{ text-align:center;}
.application .title h1{ font-size:22px; color:#0357a0;}
.application .title p{ font-size:14px; margin-top:24px;}
.application>div{ padding:0 50px;}

.ind_app{ overflow:hidden; margin-top:50px;}
.ind_app .swiper-slide{ position:relative;}
.ind_app .swiper-slide:before{ content:""; position:absolute; left:0; bottom:0; width:2px; height:0; background:#fb4400; transition: all 0.3s 0.3s ease-out; z-index:2;}
.ind_app .swiper-slide:after{ content:""; position:absolute; right:0; top:0; width:2px; height:0; background:#fb4400; transition: all 0.3s 0.3s ease-out; z-index:2;}
.ind_app .swiper-slide:hover:before{ height:100%;}
.ind_app .swiper-slide:hover:after{ height:100%;}
.ind_app .swiper-slide a{ text-decoration:none;}
.ind_app .proi{ overflow:hidden; position:relative;}
.ind_app .swiper-slide .proi:before{ content:""; position:absolute; left:0; top:0; width:0; height:2px; background:#fb4400; transition: all 0.3s 0.0s ease-out; z-index:2;}
.ind_app .swiper-slide:hover .proi:before{ width:100%;}
.ind_app .proi img{ transition: all 0.6s; max-width:100%; display:block;}
.ind_app .prot{ padding:30px; background:#f5f5f5; text-align:center;}
.ind_app .swiper-slide .prot:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#fb4400; transition: all 0.3s 0.0s ease-out; z-index:2;}
.ind_app .swiper-slide:hover .prot:before{ width:100%;}
.ind_app .prot .protit{ font-size:18px; font-weight:bold; color:#0357a0;}
.ind_app .prot .prodes{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:15px 0; color:#666; font-size:14px;}
.ind_app .prot .more{ font-weight:bold; color:#333; margin-top:20px;}
.ind_app .swiper-slide:hover .proi img{ transform: scale(1.05);}

.scr{ position:relative; padding-top:35px; display:flex; justify-content:space-between;}
.scr .swiper-scrollbar{ left:0; bottom:0; background:none; box-shadow: 0 -1px 0 #c6c6c6 inset; width: calc(100% - 320px); border-radius:0; display:flex; align-items:flex-end;}
.scr .swiper-scrollbar-drag{ background:#fb4400; height:5px;}
.scr .propn{ width:300px; display:flex; justify-content:center; column-gap:20px;}
.swnext,.swprev{ width:50px; height:50px; position:relative; cursor:pointer; display:flex; justify-content:center; align-items:center; font-size:20px; color:#fb4400; outline:none; z-index:99;}
.swnext:after,.swprev:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; border:1px dashed #fb4400; box-sizing:border-box;}
.swnext:hover:after,.swprev:hover:after{ animation:a 2.5s linear infinite}
@keyframes a {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(1turn);
 transform: rotate(1turn);
}
}

.appn ul{ display:flex; flex-wrap:wrap; column-gap:2%;}
.appn ul li{ width:32%; margin-bottom:2%; position:relative;}
.appn ul li img{ display:block; width:100%;}
.appn ul li p{ position:absolute; width:100%; height:100%; top:0; left:0; display:flex; justify-content:center; align-items:center; background:rgba(3,87,160,0.6); color:#fff; font-size:24px; font-weight:bold; opacity:0; transition:0.5s;}
.appn ul li:hover p{ opacity:1;}





.contact{ background:url(../img/contact_bg.jpg) no-repeat center; height:370px; color:#fff;}
.contact .title{ text-align:center; padding-top:80px;}
.contact .title h2{ font-size:22px;}
.contact .title p{ margin-top:24px;}
.contact .cont{ margin-top:80px;}
.contact .cont li{ float:left; width:19%; margin:0 3%}
.contact .cont li .img{ vertical-align:middle;  margin-right:20px;}
.contact .cont li .text h3{ font-size:14px;}

.news{ padding:70px 0}
.news .title{ font-size:22px; font-weight:bold; text-align:center; margin-bottom:36px;}
.news .newstop{ width:570px; margin-right:30px;}
.news .newstop .img{}
.news .newstop .news_text{ border:1px #dedede solid; border-top:none; padding:30px 60px;}
.news .newstop .news_text h1{ font-size:20px; font-weight:normal; color:#333;}
.news .newstop .news_text p{ line-height:20px; margin:24px 0;}
.news .newstop .news_text .time{ font-size:12px; color:#999;}
.news .newstop .news_text .time a{ color:#3c8c0e; }

.news .newsslide{ width:560px; padding:0 20px;}
.news .newsslide .news_text_box{ border-bottom:1px #dedede solid; padding:18px 0;}
.news .newsslide .news_text_box h1{ font-size:20px; font-weight:normal; color:#333;}
.news .newsslide .news_text_box p{ line-height:20px; margin:24px 0;}
.news .newsslide .news_text_box .time{ font-size:12px; color:#999;}
.news .newsslide .news_text_box .time a{ color:#3c8c0e; }


.foot{ background:url(../img/foot_bg.jpg) repeat-x; color:#fff;}
.foot a{ color:#fff;}
.foot .foot01{ height:50px; line-height:50px;}
.foot .foot01 li{ float:left;}
.foot .foot01 a{ padding:0 13px;}
.foot .foot02{ height:220px; text-align:center; font-size:12px;}
.foot .foot02 .gov{ padding:2px 12px; border:1px #fff solid; border-radius:5px; display:inline-table; margin-top:40px;}
.foot .foot02 .gov a{ font-size:12px;}
.foot .foot02 .gov img{ vertical-align:middle; margin-right:5px;}
.foot .foot02 p{ margin-top:20px;}
.foot .foot02 .img{ margin-top:10px}
.minfoot{ display:none;}



.inbanner{ background:url(../img/com_banner.jpg) no-repeat center; height:428px; position:relative;}
.inbanner h1{ margin-top:190px; font-size:40px; color:#fff;}
.inbanner h2{ position:absolute; bottom:0; color:#fff; line-height:48px; font-weight:normal; font-size:16px;}

.inpage{ margin:50px 0;}
.incom .img{ width:48%; margin-right:2%;}
.incom .img img{ border:5px #eee solid; padding:15px;}
.incom .content{ width:50%;}
.incom .content h3{ color:#0357a0; font-size:20px; margin-bottom:20px;}
.incom .content p{font-size:14px; line-height:24px;}
.incom .content p img{ margin:20px 0;}


.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; margin-top:30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 95%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width:27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 18px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #05559e; color: #fff; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 60%; color: #fff; background: #003f79; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }



.inpro{}
.inpro .prolist{ width:284px;}
.inpro .prolist h1{ background:url(../img/inprotitlebg.jpg) no-repeat left; color:#fff; font-size:20px; height:67px; line-height:67px; padding-left:35px;}
.inpro .prolist li{ background:url(../img/inprolistbg.jpg) no-repeat left; height:40px; margin-bottom:2px; line-height:40px;}
.inpro .prolist li a{ padding-left:20px;}
.inpro .prolist li.li2 a{ padding-left:40px;}
.inpro .inproduct{ width:880px;}
.inpro .inproduct li{ text-align:center; float:left; padding:10px; margin:10px; background:#f9f9f9; border:1px #d4e4f3 solid;-webkit-transition: all 1s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s ; transition: all .5s ;}
.inpro .inproduct li:nth-child(4n){ margin-right:0;}
.inpro .inproduct li a{}
.inpro .inproduct li:hover{ background:#0b559c;}
.inpro .inproduct li:hover a h3{ color:#fff;}
.inpro .inproduct li:hover a p{ color:#fff;}
.inpro .inproduct li a img{}
.inpro .inproduct li h3{ font-size:14px;}
.inpro .inproduct li p{ font-size:12px; color:#133d0e;}


.innew{}
.innew li{ padding:40px 10px; border-bottom:1px #ccc dashed;}
.innew li .innewtime{  font-size:36px; font-weight:bold; color:#999;}
.innew li .innewtime p{ text-align:right; font-size:16px; font-weight:normal;}
.innew li .innewtect{ width:80%;}
.innew li .innewtect h1{ font-weight:normal; font-size:24px;}
.innew li .innewtect p{ margin-top:10px;}

.innlxwm{width:60%; margin:0 auto;}
.innlxwm .innlcleft{width:50%; margin-right:5%; float:left; line-height:28px; font-size:15px; border-right:1px solid #ccc; padding-right:4%;}
.innlxwm .innlcleft strong{display:block; height:35px; line-height:35px; color:#00549d; font-size:20px;}
.innlxwm .innlcimg{width:40%; float:right; text-align:right;}
.innlxwm .innlcimg img{width:90%; display:block; text-align:right; float:right;}

.pcmap{margin-top:35px;}

@media (max-width: 1200px){
	
.wrapper{ width:95%;}
.foot{ display:none;}
.logo1{ display:none;}

.minfoot{height:46px; display:block;}
.fixednav { height: 46px; border:0 solid #05559e; position: fixed; left: 0; bottom: 0; background: #05559e; width: 100%; }
.fixednav ul { text-align: center; height: 60px; }
.fixednav ul li { display: block; width: 25%; float: left; }
.fixednav ul li a { display: block; width: 100%; height: 22px; line-height: 22px; padding-top: 24px; font-size: .75rem; color: #fff; background: url(../img/fixednavicon01.png) no-repeat center -3px; background-size: 35px auto;  }
.fixednav ul li.on a {background-color: #003f79; color: #fff; }
.fixednav ul li#nav01 a { background-image: url(../img/fixednavicon01.png);  }
.fixednav ul li#nav02 a { background-image: url(../img/fixednavicon02.png);  }
.fixednav ul li#nav03 a { background-image: url(../img/fixednavicon03.png);  }
.fixednav ul li#nav04 a { background-image: url(../img/fixednavicon04.png);  }
.fixednav ul li#nav05 a { background-image: url(../img/fixednavicon05.png);  }
.fixednav ul li#nav11 a { background-image: url(../img/fixednavicon11.png);  }
.fixednav ul li#nav12 a { background-image: url(../img/fixednavicon12.png);  }


.honor .honorz li{ width:16%; margin-right:0.5%; text-align:center;}
.honor .honorz li img{ float:none; margin-right:0;}
.honor .honorz li .word p{ display:none;}

.product .pro li{ width:23%; margin:30px 1% 0 1%;}
.product .pro li img{ width:100%; margin:auto;}
.product .pro li:nth-child(6n){ margin-right:0.5%;}
.product .pro li p{ font-size:13px;}

.contact .cont li{ width:23%; margin:0 1%; line-height:18px;}
.contact .cont li .img { margin-right:8px;}

.news .newstop.fl{ float:none; width:100%;}
.news .newstop.fl .img img{ width:100%;}
.news .newsslide.fr{ float:none; width:96%; padding:0 2%}

.incom .img{ display:none;}
.incom .content{ width:100%;}

.inpro .prolist{ width:100%;}
.inpro .prolist.fl{ float:none;}
.inpro .prolist h1{ display:none;}
.inpro .prolist li{ float:left; width:31%; margin:2px 1%;}
.inpro .inproduct{ width:100%; margin-top:30px;}
.inpro .inproduct li{ width:24%; margin:10px 1% 10px 0; padding:0; background:none; border:none;}
.inpro .inproduct li img{ width:100%;}
.inpro .inproduct li:nth-child(4n){ margin-right:0;}
.jtys .wrapper{width:100%;}

}


@media (max-width: 720px){

.top{ display:none;}
.tel{ display:none;}
.menua{ background:url(../img/menu_bg.jpg);}
.menua .menub li{ width:20%;}
.menua .menub li:last-child{width:30%;}
.inbanner{background-size:cover; height:200px;}
.inbanner h1{margin-top:80px; font-size:30px;}
.inbanner h2{display:none;}
.jtys{background:none; background-color:#F7F7F7; height:auto !important; padding:50px 30px 20px;}
.jtys .wrapper .row{padding-top:0; width:100%;}

.honor{ margin-top:30px;}
.honor .honorz li{ width:33%;}
.honor .title h1 { font-size: 16px;}
.honor .title p{ font-size:12px;}
.com{ background-position:left;}
.com .company p { width:100%}
.com .company h1{ padding-top:70px; color:#133d0e;}	

.product .title p { display:none;}
.product .pro li{ width:48%; margin:20px 1% 0 1%;}
.product .pro li p{ font-size:14px;}

.contact .title p { display:none;}
.contact .cont li { width: 44%; margin: 0 2% 30px 4%;}
.news .newstop .news_text{ padding:30px;}

.messageinput { width:96%;}

.inpro .prolist li{ width:48%; margin:2px 1%;}
.inpro .prolist li a{ font-size:12px;}
.inpro .inproduct li{ width:49%; margin-right:1%;}

.innew li .innewtime{ display:none;}
.innew li .innewtect{ width:100%;}
.innew li .innewtect h1{ font-size:18px;}
.innew li .innewtect p{ font-size:12px;}
.contact .cont li .text h3{font-size:12px;}

.innlxwm{width:100%; text-align:center;}
.innlxwm .innlcimg{display:none;}
.innlxwm .innlcleft{width:100%; margin:0; padding:0; border:0px none;}
}