@charset "utf-8";
/* by Sean Lu 20190710 */
/* 移动端全局控制reset */
body,div,ol,ul,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; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  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; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { 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 { text-decoration: underline; color: #f29335; }

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

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

/* 圆细滚动条样式 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: #f29335; color: #fff; }
::-moz-selection { background: #f29335; color: #fff; }


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

.bannerslide { }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 430px; }
.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; }


.top{ padding:10px 0 20px 0; border-bottom:1px solid #eee;}
.top .logo{ float:left; width:30%;}
.top .logo img{ display:inline; width:100%;}
.top_right{ float:right; font-size:14px; margin-top:10px;}
.top_right .split{ color:#ccc; padding:0 10px;}
.top_right .factory{ color:#F60; font-weight:bold; text-align:right; font-size:15px; padding-top:5px;}


.header{ background-color:#084c9f; padding:10px 0;}
.header .nav li{ float:left; padding:0 35px;}
.header .nav a{ font-size:14px; color:#fff; font-weight:bold;}
.header .nav a:hover{ text-decoration:none; color:#F60;}


.homebox{ margin-top:50px;}
.inpage { overflow: hidden; padding: 30px 0; }

.homeleft,.side{ width: 300px; float: left;}

.homeright,.main{ width: calc(100% - 330px); float: right;}

.boxlist { background: #294da1; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.boxlist .hd { text-align: center; color: #fff; font-size: 20px; font-weight: bold; padding: 20px 0; }
.boxlist .hd .split { margin: 0 10px; }
.boxlist .bd { padding: 10px; padding-bottom:30px; background:#fff;}
.boxlist .bd .bul { padding: 0 10px; }
.boxlist .bd .bul .bli { padding:10px 0; overflow: hidden; border-bottom: 1px dashed #eee; position: relative; }
.boxlist .bd .bul .bli .ba { display: block; font-size: 14px; color: #333; position: relative; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 20px; }
.boxlist .bd .bul .bli:hover .ba, .boxlist .bd .bul .bli.on .ba { color: #f60; }
.boxlist .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }
.boxlist .bd .bul .bsub li { line-height: 36px; }
.boxlist .bd .bul .bsub li a { font-size: 14px; color: #666; }
.boxlist .bd .bul .bsub li a:hover, .boxlist .bd .bul .bsub li.on a { color: #d00c18; }

.boxlist .sd { display: none; }

.sbox { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.sbox .hd { text-align: center; font-size: 18px; color: #294da1; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.sbox .hd .split { margin: 0 10px; }
.sbox .bd { background: #fff; padding: 15px; }
.scon { font-size: 14px; color: #666; line-height: 24px; }
.scon ul li{ margin-bottom:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.homeright .proshow{ padding:10px; background:#fff; overflow:hidden; clear:both; margin-bottom:20px; height:526px;}
.homeright .proshow ul{ overflow:hidden; zoom:1; }
.homeright .proshow ul li{ float:left; margin:0 5px; display:inline; width:155px; }
.homeright .proshow ul li .pic{}
.homeright .proshow ul li .pic img{ display:inline;}
.homeright .proshow ul li .name{ text-align:center; font-size:14px; margin-bottom:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.homebba{ background-color:#ecfaff; font-size:12px; height:32px; line-height:32px; color:#666;}

.footer{ background:#084c9f; padding:20px 0; font-size:14px; color:#fff; line-height:1.5;}
.footer a{ color:#fff;}
.footer .fl{ width:70%;}
.footer .link{ padding-top:20px;}



.mainbox { background: #fff;}
.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #999; }
.mainbox .now a:hover { color: #d00c18; }

.mainbox .bd { line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 10px; }


.newslist { }
.newslist .item { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px solid #eee; background: #fff; padding:10px 0;}
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item .name{ font-size:16px; float:left;}
.newslist .item .name a{ display:block; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist .item .date{ float:right; font-size:14px;}


.prolist{}
.prolist .item { width: 24%; float: left; margin: 0 1% 1% 0; box-sizing: border-box;}
.prolist .item:nth-child(4n) { margin-right: 0; }
.prolist .item .pic{ text-align:center;}
.prolist .item .pic img{ width:100%; display:block;}
.prolist .item .name{ font-size:16px; text-align:center;}
.prolist .item .name a{ color:#27176e;}
.prolist .item .name a:hover{ text-decoration:underline;}


.vedio{}
.vedio .item { width: 30%; float: left; margin: 0 4% 2% 0; box-sizing: border-box;}
.vedio .item:nth-child(3n) { margin-right: 0; }
.vedio .item .pic{ text-align:center;}
.vedio .item .pic img{ width:100%; display:block;}
.vedio .item .name{ font-size:15px; text-align:center; padding:5px 0;}
.vedio .item .name a{ color:#27176e;}
.vedio .item .name a:hover{ text-decoration:underline;}



/*手机端代码*/

/* 全局侧滑菜单 */
.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; }


.top_menu{ display:none;}
.top_menu{width:20px; height:25px; margin-top:13px; background:url(../images/menu.png) no-repeat right center / 20px; float:right; border-left:1px solid #f2f2f2; padding-left:16px;}

.bottom{ display:none;}
.bottom{ background:#2d2d2d; padding:16px;}
.bottom .footer_nav{padding:10px 0 16px;  margin-bottom:12px; border-bottom:1px solid #3d3d3d;}
.bottom .footer_nav ul{overflow:hidden;}
.bottom .footer_nav ul li{float:left; width:25%; text-align:center;}
.bottom .footer_nav ul li a{font-size:12px; color:#f2f2f2;position:relative;display:block;}
.bottom .footer_nav ul li a:after{content:'';position:absolute; right:0;top:2px;bottom:0;border:1px solid #3d3d3d;height:10px;}
.bottom .footer_nav ul li:last-child a:after{border:0;}
.copy{ text-align:center; font-size:11px; color:#aaa; line-height:20px}


.moblie{ display:none;}

/*手机端首页产品*/
.index_products{padding:20px 16px; background:#fff;}
.inn{margin-top:30px; background:#fff;}
.innpro{overflow:hidden;}
.innpro li{float:left;width:31.3%; margin-right:3%; margin-bottom:16px; border-bottom:3px solid #0a51a9; background:#F1F1F1;}
.innpro li:nth-child(3n){margin-right:0;}
.innpro li a{display:block; padding:6px;}
.innpro li  .ipro_img{}
.innpro li  .ipro_img img{display:block;margin:0 auto; width:100%;}
.innpro li  .inpro_info{margin:10px 0 6px; }
.innpro li  .inpro_info p{font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; text-align:center;}
.innpro li  .inpro_info .zw{height:16px; background:url(../images/promore.png) no-repeat center center / 16px; margin-top:10px;}
.picScroll{margin-top:30px;}
.picScroll .hd{ height:0; line-height:0;overflow:hidden; }
.picScroll .hd ul{}	
.picScroll .hd li{ float:left; width:0px; height:0px; 0}


/*手机端首页新闻*/
.index_news{padding:20px 16px; background:#e4edf6;}
.index_ntit{text-align:center;}
.index_ntit h2{font-size:15px; color:#333;}
.index_ntit i{display:block; width:10px; height:2px; background:#03428f;margin:8px auto 12px;}
.index_ntit p{font-size:14px; color:#555;}
.index_ntit span{display:block; width:56px; height:1px; background:#ddd;margin:3px auto 0;}

.mo_news{overflow:hidden; margin-top:30px;}
.mo_news li{overflow:hidden; margin-bottom:14px;}
.mo_news li a{display:block;}
.mo_news li .newbl{float:left;width:18%;background:#0a51a9; text-align:center; height:56px;}
.mo_news li .newbl .day{font-size:28px; color:#fff;height:38px;line-height:38px;}
.mo_news li .newbl .month{ font-size:10px; color:#fff; background:#004089; height:18px;line-height:18px;}
.mo_news li .newbr{float:left;width:72%;padding:0 5%; background:#fff; height:56px;}
.mo_news li .newbr h3{font-size:12px; color:#444; white-space:nowrap;overflow:hidden; font-weight:normal; margin-top:12px;}
.mo_news li .newbr p{font-size:10px; color:#999;white-space:nowrap;overflow:hidden; margin-top:8px;}


/*手机端首页栏目*/

.index_nav{ overflow:hidden; padding:30px 16px; background:#fff;}
.index_nav .navbl{float:left; width:50%; position:relative; background:url(../images/aboutbg.jpg) no-repeat center center / cover; height:160px;}
.index_nav .navbl a{display:block; position:absolute; background:rgba(3,66,143,0.9); top:0;right:0;bottom:0; text-align:center;width:50%;}
.navbl_about{margin:50% 6px 0;}
.index_nav .navbl a h2{font-size:13px; color:#fff; padding-bottom:6px; margin-bottom:10px; border-bottom:1px solid #7da0e4; font-weight:normal;}
.index_nav .navbl a p{font-size:9px; color:#fff;white-space:nowrap;overflow:hidden;}

.index_nav .navbr{ width:50%; float:left;}
.index_nav .navbr a{display:block;}
.index_nav .navbr .navbr_case{height:80px; background:#4379d1;display:block}
.index_nav .navbr .navbr_case h2{font-size:13px; color:#fff;  padding-bottom:6px; margin-bottom:10px; border-bottom:1px solid #7da0e4; font-weight:normal;}
.index_nav .navbr .navbr_case p{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;}
.navbox{padding:20px 16px;}
.index_nav .navbr .navbr_con{height:80px; background:url(../images/conbg.jpg) no-repeat center center / cover; display:block}
.index_nav .navbr .navbr_con h2{font-size:13px; color:#fff; padding-bottom:4px; margin-bottom:8px; border-bottom:1px solid #d4c1a3; font-weight:normal;}
.index_nav .navbr .navbr_con p{font-size:10px; color:#fff;overflow:hidden; white-space:nowrap;}

@media (max-width: 1140px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.header .nav li{ padding:0px 30px;}
	.bannerslide .swiper-slide{ height:300px;}
}

@media (max-width: 720px){
	.top .logo{ width:80%;}
	.top_right{ display:none;}
	.header{ display:none;}
	.bannerslide .swiper-slide{ height:200px;}
	.homebox{ display:none;}
	
	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }
	
	.inpage .sbox { display: none; }
	.boxlist { padding: 0; margin-bottom: 0; border-top: 0; }
	.boxlist .sd { background: #999; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.side .boxlist .hd { display: none; }
	.boxlist .bd { display: none; }
	.boxlist .bd.sbon { display: block; }
	.snav .bd .bul .bli .ba { font-size: 14px; }
	.mainbox .now { display: none; }
	.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background:#2f93cf; color: #fff; font-size: 16px; padding-right: 0; }
	.newslist .item { width: 100%; margin-right: 0; }
	.newslist .item .name { height: auto; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.prolist .item { width: 48%; margin:1%; }
	.vedio .item { width: 48%; margin:1%; }
	.homebba{ display:none;}
	.footer{ display:none;}
	
	
	.top_menu{ display:block;}
	.bottom{ display:block;}
	.moblie{ display:block;}
}