@charset "utf-8";
/* 导航 */
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 15px 0;}
.header-right { font-size: 30px; }
.navbar-header{width:100%;margin:auto;float:none;}
.navbar-full {width:100%;border-top:1px solid #ddd;background:#3481dd; }
.navbar-full .collapse { margin:0 auto; width:1140px;/* background:#b17431; */}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;}
.navbar-nav { float: left; }
nav.navbar.bootsnav ul.nav > li > a { color: #fff; text-transform: uppercase; padding: 15px 45.5px; font-size:18px; font-weight:normal; }
nav.navbar.bootsnav ul.nav > li:hover { background: #cc0000;}
nav.navbar.bootsnav ul.nav > li:hover > a{color:#fff; }
.nav > li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 15%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0; }
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{background:#a60000;color:#fff;}
.nav>li:before{position: absolute;display: block;content: '';width:1px;height:18px;background:#fff;top:50%;margin-top: -9px;right:0; }
.nav>li:last-child:before{display: none;}


/* 顶部 */
.k2 {float: right;}
.k2 h3{background: url(../images/tel_icon.jpg) 0 0px no-repeat;
    padding-left: 31px;
  margin:0;
    margin-top:8px;
    font-size: 15px;
  height:20px;
  line-height: 22px;
    background-size: 23px;}
.ktel {
    color: #3f3f3f;
    font: bold 26px/24px "arial";
}
.k2 p {
    line-height: 40px;
    font-size: 30px;
}
/* .xs-logo{margin-top:8px;} */
.xs-logo img {float: left;}
.xwa{border-left: 1px solid #dcdcdc;padding-left:15px;margin-left:15px;color: #333;font-size: 16px;font-weight: bold;float:left;height:70px;padding-top:10px;}
.xwa p{color: #dd0103;font-size: 20px;line-height:35px;}
.xwa span{color:#3481dd;font-size:20px;}
/* 轮播 */
.ibanner .img { height: 700px; background-size: cover; background-position: center; } /* 高度 */
#uu{height:400px;}
#uu .ny{height:400px;background-size: cover;background-position: center;}
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size:16px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; /* background: #ce2520; */ }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 45px; line-height:45px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 45px; line-height: 45px; font-weight: bold; font-size: 22px; color:#043cb5; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 16px; padding-top: 15px; padding-bottom: 15px;line-height:30px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 70px;height:70px; text-align: center; color:#fff; margin-right: 15px; background:#3481dd; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 14px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px;line-height: 25px; }
.page-alist .page-atit p { font-size: 13px; color: #999; margin-bottom: 0;line-height:22px; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h1 { text-align: center;font-size:25px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:16px; line-height:30px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover{color:#ce2520;}
.page-alist .col-md-4 a:hover h5{color:#ce2520;}
.img-inner:hover{border-color:#ce2520}
.page-summary{display:none;}
.prodescription{display:none;}
.img-inner{height:225px;}
.sec-marquee-c li span{margin-left:56px;}
.img-inner{display:block;line-height:210px;}
.img-inner img{height:auto;}
.page-content img{max-width:100%;}

.zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(../images_public/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  * width:100px; * height:49px;}
.zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomPup img { width:299px; height:200px;}
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }


.bt{text-align:center;margin-bottom:15px;}
.bt h2{color:#333;font-size:30px;margin:0 0 10px;}
.bt p{font-size:22px;color:#666;text-transform : uppercase;color:#3a58b8;}


.more{display:block;width:150px;height:45px;line-height:45px;margin:0 auto;text-align:center;background:#0066c6;font-size:16px;color:#fff;}
.more:hover{color:#fff;background:#c10505;}


/* 产品中心 */
.cpzx{padding:45px 0;}
.p-l-0{padding-left:0;}
.portab{margin:0;}
.portab .item .ar_1 .img-auto{height:200px;display:block;    width: 100%;line-height:180px;}
.portab .item .ar_2{background:#dedede;font-size:16px;color:#333;}
.portab .item .ar_1 .img-auto{    border: 1px solid #dedede;}
.portab .item .ar_1:hover .img-auto{border: 1px solid #274db6}
.portab .item:hover .ar_2{background:#274db6;color:#fff;}


/* 关于我们 */
.gywm{padding:35px 0 45px;background:url(../images/bj.jpg) no-repeat center center;}
.gywm .bt{margin-bottom:30px;}
.gywm .bt h2,.gywm .bt p{color:#fff;}
.gsjj{width:60%;background:#fff;padding:20px 30px;;height:350px;}
.gsjj .more{margin:0;}
.gsjj div{margin:0 0 20px;font-size:16px;line-height:28px;}
.gs_img{width:40%;height:350px;overflow:hidden;background:#fff;}


/* 技术优势开始 */
.floor_3{padding:0 0 60px;background: #f3f3f3;}    
.floor_3 .index_title {padding:20px 0;}
.index_title h3 {
	font-size: 38px;
	font-weight: 100;
	padding-bottom: 12px;
	color: #333;
	font-weight: bold;
  text-align:center;
}

.floor_3 li {

	overflow: hidden;

	height: 235px;

	vertical-align: top;

}

.floor_3 li .left {

	width: 600px;

	overflow: hidden;

	height: 235px;

}

.floor_3 li .left img {

	display: block;

	width: 600px;

	height: 235px;

}

.floor_3 li .right {
	width: 50%;
   padding-right: 20px;
	background:#fff;
	height: 235px;
	padding-left: 58px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.floor_3 li .right h3 {
	font-size: 28px;color:#333;
	margin-top: 40px;
	background:#fff;
	position: relative;
	z-index: 10;
	line-height: 32px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.floor_3 li .right b {
	color: #0063b8;
	position: absolute;
	font-size: 58px;
	font-weight: bold;
	z-index: 9;
	left: 58px;
	top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.floor_3 li .right span {
	display: block;
	width: 29px;
	height: 5px;
	background:#e6332e;
	margin: 24px 0 15px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.floor_3 li .right p {
	line-height:30px;
	font-size:16px;
	color: #666;
	text-align: justify;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.floor_3 li .right .i {
	width: 169px;
	height: 10px;
	background: #e6332e;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
}

.floor_3 li .right .i2 {
	width: 10px;
	height: 80px;
	background: #e6332e;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	right: auto;
}

.floor_3 li:first-child .right .i {
	width: 169px;
	height: 10px;
	background: #e6332e;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
}

.floor_3 li:first-child .right .i2 {
	width: 10px;
	height: 80px;
	background: #e6332e;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	left: auto;
}
.floor_3 .l2 .left {float: right;}
.floor_3 .l2 .right {float: left;}
.floor_3 li:hover .right {background: #e6332e;}
.floor_3 li:hover .right h3 {background: #e6332e;color: #fff;}
.floor_3 li:hover .right p {color: #fff;}
.floor_3 li:hover .right b {color: #fff;}
.floor_3 li:hover .right span {background: #Fff;}
.imga{width:50%;height:326px;overflow:hidden;}


/* 厂房环境 */
.cfhj{padding:40px 0;}
.str_wrap{background:none;}
 .walking .ar_1{height:340px;width:200px;margin-left:15px;background:none;}
 .walking .ar_1 .item{border:1px solid #ccc; background:#fff;height:300px;display: flex;align-items:center;justify-content:center }
.walking .ar_1 .item img{line-height:300px;height:300px;}
 .walking .ar_1 p{color:#333;font-size:18px;margin:0;font-size:16px;background:none;}
 .walking .ar_1:hover p{color:#c10505;background:#fff;}
.str_wrap,.str_wrap.str_active{background:none;}


/* 新闻展示 */

.xinwen{padding:35px 0 45px;}
.news_list{margin:25px 0;}
.news_item_tit p{white-space: inherit;margin-bottom:0;color:#999;}
.news_item_tit h3{font-size:16px;color:#333;margin-bottom:5px;}
.news_list .news_date_box{width:70px;height:70px;    background: #1c88ec;}
.list-unstyled li a:hover h3{color:#f00;}
.xinwen .more{margin:20px auto 0;}
.news_list .news_day {
  color:#fff;
    padding: 10px 0 3px;
}
.news_list .news_ym{color:#fff;}




/* 页尾 */
footer { background:#0472d3; color: #ccc; }
footer a { color: #fff; }
.footer-copyright { padding: 15px 0;color:#fff;border-top:1px solid #fff; }
.lsa{background:#065aa5;padding:25px 0;}
.ewm{text-align:center;width:150px;margin:0 auto;}
.ewm img{width:150px;}
.ewm p{font-size:15px;color:#fff;margin-top:8px;}
.p-20{padding-left:40px;}
.dh{height:50px;line-height:50px;margin-bottom:10px;}
.dh a{color:#fff;font-size:16px;margin-right:20px;}
.dh a:hover{color:#fff;}
.lxfs{color:#fff;font-size:15px;line-height:25px;margin-bottom:10px;}

/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }

@media (min-width: 1200px) {
	.mobile-footer { display: none; }
}
.app{display:none;}
@media (max-width: 992px){
    body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right > .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
  .pc{display:none;}
  .app{display:block;}
   nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding-left:25px;    background: #fff;}
  nav.navbar.bootsnav ul.nav > li:hover > a{color:#333;}
  .nav>li:before{display:none;}
  nav.navbar.bootsnav ul.nav > li > a{font-size:16px;}
  .xwa{display:none;}
  
  .bt h2{font-size:28px;}
  .bt p{font-size:20px;}
  
  
  /* 产品中心 */
   .product_box{padding:30px 0;}
  .product_box .ys_h p{margin:5px 15px 10px;}
  .pro_list .pro_img{height:130px;}
    /* 产品中心 */ 
  .cpzx{}
  .portab .item .ar_1 .img-auto{height:130px;line-height:130px;}
  .portab .col-md-4{margin-bottom:15px;}
  
  .sort11{padding:0;border:0;}
  .sort11 li{width:49%;margin-left:1%;float:left;}
  
  /* 关于我们 */
  .gsjj{width:100%;padding:15px;height:auto;}
  .gs_img{width:100%;}
  
  
  /* 理由 */
  .index_title h3{font-size:30px;margin:0;}
  .floor_3 li{width:100%;height:auto;}
  .imga{width:100%;height:auto;}
  .floor_3 li .right{width:100%;height:auto;padding-left:25px;padding-bottom:15px;}
  .floor_3 li .right b{left:25px;}
  .floor_3 li .right h3{font-size: 22px;}
  .floor_3 li .right span{margin: 8px 0 10px;}
  .imga img{width:100%;}
  
  
  /*  页脚 */
  footer{margin-bottom:50px;}
  .p-20{padding:15px;}
  
  
 /* 内页 */
   #myscroll, #myscrolla{margin:25px auto;width:76%;}
  .product_detail .img{left:0;width:100%;overflow:hidden;height:auto;}
  .page-alist .page-atit p{    height: 4rem;}
  .page-content .zoomPad img {
    max-width: auto !important;
    height: 250px !important;
    width: auto !important;}
  .page-content{padding:0;}
  .img-inner{display:block;width:100%;    line-height: 140px;}
   .page-alist .page-atit p{    height: 4rem;line-height:22px;}
  .relatedProduct .col-md-3 .imsg{width:auto;height:130px;}
  .relatedProduct .col-md-3{height:150px;}
  
  
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 80%; padding-top: 0; height: 50px; margin: 15px 0 0 15px; }
	.navbar-pull-all .xs-logo img { height: 50px; margin-top:-5px;}
	nav.navbar.bootsnav ul.nav > li > a { color:#000}
	/* 轮播 */
	/* 轮播 */
	.ibanner .img { height: 215px; }
  #uu{height:150px;}
#uu .ny{height:150px;background-size: cover;background-position: center;}
   .ibanner .swiper-pagination-bullet{width:10px;height:10px;}
  .ibanner .swiper-pagination{bottom:10px;}
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
}