@charset "utf-8";
/* bootstrap 轮播图淡入淡出 */
.carousel-fade .carousel-inner .carousel-item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
}
/* bootstrap 4 轮播图 垂直滚动*/
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
/*缩放效果*/
.carousel-scale .carousel-item img{
 -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.carousel-scale .carousel-item.active img {
 -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}
@keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}
/* logo */
.lg_bj{width: 100%;background: url(../images/logo_bj.jpg) no-repeat center center;background-size: 100% 100%;}
/* 设置导航单独样式 */
.dh{background: #1048a0;width: 100%;}
.bj{width: 100%;background: #1048a0;}
.nav_li{width: 16.66%;text-align: center;}
.dropdown-menu{}
/* .nav-link{padding: 51% 0;} */
.lf{padding: 5% 0; color: #fff!important;}
.nav_li:hover{background: #0185d0;}
.nav_li a:hover{color: #fff!important;}
.active{background: #0185d0;}

.nav_ul{width: 100%;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 40px!important;height: 40px!important;background-color: #818182;;}
/* 左右结构显示,上下结构隐藏 */
.navbar-brand{display: none;}
.logo{display: block;}
.navbar-brand img{ width: 100%;}
.carousel-indicators li{background-color:#818182;}

/* 产品展示 */
.cpzs_bj{width: 100%;background: url(../images/cpzs_bj.jpg) no-repeat top center; padding-bottom: 3%;background-size: 100% 100%;}
/* 产品展示logo */
.cpzs_bt{margin:0 auto;padding: 4% 0;}
/* 产品展示分类（横向） */
.cpzs_fl{margin-bottom: 2%;}
.fl{width: auto;text-align: center;border: 1px solid #0185d0;margin-right: 1%; }
.fl:hover{background: #0185d0;}
.fl a:hover{color: #fff!important;}
.fl_a{color: #000!important;}
/* 产品展示分类(垂直) */
/* .cpzs_fl_h{width:15%;float:left;}
.cpzs_fl_1{width:100%;}
.cpzs_fl_1 li{width: 100%;}
.cpzs_fr{width:80%;float: right;} */
/* 产品展示及左右控制 */
.cpzs{padding: 0!important;}
.cpzs .carousel-direction a { 
	display:block; width:30px; height:60px; line-height:60px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-30px; 
	font-family:simsun; text-align:center; color:#fff; font-size:30px; text-decoration:none; cursor:pointer; background-color:#1048a0;
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.cpzs .carousel-direction a:hover { background-color:#1048a0; color:#fff; text-decoration:none; }
.cpzs .carousel-direction a.disabled, .carousel-direction a.disabled:hover { background-color:#dcf2ff; color:#ccc; cursor:default; }
.cpzs .carousel-prev { left:0; }
.cpzs .carousel-next { right:0; }
.cpzs .carousel-btn { text-align:center; margin:10px 0; }
.cpzs .carousel-btn a { display:inline-block; width:12px; height:12px; margin:0 6px; background:#ccc; border-radius:50%; }
.cpzs .carousel-btn .selected { background:#1048a0; cursor:default;}
.cpzs .carousel-btn a span { display:none;}
.cpzs .carousel-btn-fixed { width:100%; position:absolute; bottom:15px; left:0; margin:0; z-index:100; }
.cpzs .carousel-num { position:absolute; bottom:7px; right:10px; z-index:100; }
.cpzs .carousel-num a { display:inline-block; *display:inline; *zoom:1; width:22px; height:22px; line-height:22px; margin:0 0 0 5px; text-align:center; background:#333; font-size:12px; color:#fff; }
.cpzs .carousel-num a:hover { text-decoration:none; color:#fff; }
.cpzs .carousel-num a.selected { background:#ED7020; cursor:default; }
.cpzs .carousel-thumbs { text-align:center; } 
.cpzs .carousel-thumbs a { border:2px solid #ccc; margin:0 3px; display:inline-block; *display:inline; *zoom:1; }
.cpzs .carousel-thumbs a img { display:block; }
.cpzs .carousel-thumbs a:hover, .carousel-thumbs a.selected { border-color:#f60; }
.cpzs .carousel { position:relative; }
.cpzs .carousel-item { position:relative; float:left; display:block; }
.cpzs .carousel-item .carousel-img { display:block; }
.cpzs .carousel-item .carousel-img a[href="javascript:;"] { cursor:default; }
.cpzs .carousel-item .carousel-img img { display:block; }
.cpzs .carousel-info { position:absolute; bottom:0; left:0; width:100%; background:url(../images/opa70.png); }
.cpzs .carousel-info-inner { font-size:13px; padding:8px 10px; color:#fff; }
.cpzs .carousel-info-inner a, .carousel-info-inner a:hover { color:#fff; }
.cpzs .carousel-info-inner h3 { font-size:15px; line-height:20px; color:#fff; }
.cpzs .carousel-info-inner p {margin-top:5px; } 
.cpzs .responsive-carousel { overflow:hidden; }
.cpzs .responsive-carousel .carousel-item img { width:100%; height:auto !important; }
.cpzs .responsive-carousel .carousel-direction { display:none; }
.cpzs .responsive-carousel:hover .carousel-direction { display:block; }
.cpzs .responsive-carousel-set .carousel-info-inner h3 { font-weight:normal; }


.scrollable { overflow:hidden; }
.scrollable .caroufredsel_wrapper { }
.scrollable ul { padding:0; _margin-left:-5px !important; list-style:none; overflow:hidden; width:10000em; }
.scrollable ul li {	padding:0px; margin:0 4px; display:block; float:left; width:274px; text-align:center; }
.scrollable ul li p a { display:block; }
.scrollable ul li img { display:block; width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.scrollable ul li p { 
	/* margin-bottom:10px; */	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
 }
.scrollable ul li p a:hover img { 
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
} 
.scrollable ul li dd { font-size:14px; /* margin-bottom:10px; */ line-height:25px;margin-bottom: 0!important;}
.scrollable ul li dd a { font-size:14px; font-weight:normal; }
.scrollable ul li dd a:hover { text-decoration:none; }
.scrollable .text-intro { text-align:left; font-size:13px; color:#808080; line-height:1.5; }
.scrollable .carousel-direction a { width:40px; height:40px; line-height:40px; margin-top:0; top:74px; color:#1048a0; font-size:22px; background-color:transparent; border:1px solid #1048a0; border-radius:50%; font-weight: bold;}
.scrollable .carousel-direction a:hover { background-color:#1048a0; color:#fff; border-color: #1048a0; }
.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover { color:#e5e5e5; border:1px solid #e5e5e5; background-color:transparent; }
.scrollable a.carousel-prev { left:-20px; }
.scrollable a.carousel-next { right:-20px; }
.scrollable-3col ul li { width:313px; text-align:left; }
.scrollable-3col ul li p { /* margin-bottom:15px; */ }
.scrollable-3col ul li dd, .scrollable-3col ul li dd a { font-size:16px; font-weight:bold; margin-bottom:0; }
.scrollable-3col .carousel-direction a { top:190px; }
.scrollable-3col .carousel-direction a:hover { background-color:#1a1a1a; }
.scrollable-inside-page ul li { width:160px; }
.scrollable-height .carousel-direction a { top:150px; }
.scrollable-height ul li { text-align:left; }

.cpzs_m{margin:0 auto;display:block;font-size:16px;color:#000;text-align:center;padding:0.6% 0;border:1px solid #017cc1;border-radius:10px;margin-top:2%;}
.cpzs_m1{margin:0 auto;text-align:center;display:inline-block;}
/* 公司简介 */
.gsjj_bj{widht:100%;background: url(../images/gsjj_bj.jpg) no-repeat top center; background-size: 100% 100%;padding-bottom: 2%;}
.gsjj_bt{margin:0 auto;padding: 4% 0;}
.gsjj_nr{/* margin-top: 5%; */}
.gsjj_nr span {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #fff;
    display: block;
    text-align: left;
    margin-bottom: 4%;
}
.gsjj_nr p {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    letter-spacing: 1px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}
.gajj_tp img{width: 100%;}
.gsjj_a{float:left;border:1px solid #fff;color:#fff;text-align:center;padding:0.8% 0;margin-top:4%;font-size:16px;display:block;border-radius:10px;}
/* 新闻动态 */
.xwdt_bj{width: 100%;background: url(../images/xwdt_bj.jpg) no-repeat top center; background-size: 100% 100%;padding-bottom: 2%;}
.xwdt_bt{margin:0 auto;padding: 4% 0;}
.item{margin-bottom: 4.5%;}
.item_1{/* background: #f6f6f6; */width: 99%;margin: 0!important;}
.i_r{border: 1px solid #017cc1;padding: 0!important;border-radius: 8px;}
.item span {
    line-height: 40px;
    font-size: 39px;
    color: #017cc1;
    width: 100%;
    display: block;
    text-align: center;
}
.item dd {
    font-size: 14px;
    color: #646464;
    width: 100%;
    display: block;
    text-align: center;
	margin-bottom: 0!important;
}
.item a {
    width: 100%;
	float: left;
    color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item p {
    width: 100%;
    text-align: left;
    color: #383838;
    font-size: 13px;
	margin-bottom: 0!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.xwdt_a{margin:0 auto;display:block;font-size:16px;color:#000;text-align:center;padding:0.6% 0;border:1px solid #017cc1;border-radius:10px;margin-top:2%;}
/* 客户案例 */
.khal{}
.khal_bt{margin:0 auto;padding: 4% 0;}
.al{width:100%;background: #1048a0;padding: 3% 1% 0 1%;border-radius: 1.25rem;}
.al_l{width:98%;margin: 0 auto;}
.al_l dl dt img{width: 100%;}
.al_l dl dd{color: #fff;line-height: 3rem;text-align: center;}
.al_l dl dd a{color: #fff;}
.khal_m{padding:0.6% 0;margin:0 auto;display:block;font-size:16px;color:#000;text-align:center;border:1px solid #000;border-radius:10px;margin-top:2%;}
.khal_m1{margin:0 auto;display:block;text-align:center;margin-top:1%;}
/* 友情链接 */
.link{width:100%;margin:0 auto;color:#fff;font-size:22px;font-weight:500;text-align:left!important;padding: 1% 0;}
.link img{display:inline-block; vertical-align:middle;}
.link a{display:inline-block;color:#fff;font-weight:500;font-size:15px;margin-left:20px;vertical-align:middle;}
/* 底部 */
.foot{width:100%;background: #ebf8ff;}
.ft{text-align: center;color: #000;padding-top: 2%;}
.ft span{padding: 1% 0;font-size: 15px;}
.lxr{padding-top: 2%;}
.tel{padding-top: 4rem;}
/* 新闻列表页 */
/* 详情left */
.left_fl{margin-bottom: 10%;}
.left_fl_1{width:100%;}
.left_fl_1 span{width: 100%;background: #1048a0;line-height: 5rem;text-align: center;color: #fff;}
.left_fl_1 li{width: 100%;transition:box-shadow 0.5s;}
.left_fl_1 li:hover{box-shadow:0 0 3px 5px rgba(0, 0, 0, 0.2);}
.list_a { color: #000!important;}
.left_fl_1 dd{width: 100%;border: 1px solid #0185d0;margin-bottom: 0!important;line-height: 2rem;text-indent: 1rem;}
.list_zt{padding-top: 2%;}
.list_li {width: auto;border: 1px solid #0185d0;text-align: left;}
.list_li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 详情right */
.xq{width: 100%;}
.xq_mb{width: 100%;}
.xq_mb dd{font-size:1rem;margin-bottom: 0!important;}
.xq_nr{width: 100%;padding-top: 2%;}
.btn-primary:hover{background:#1048a0!important;}
.card_xz{transition:box-shadow 0.5s;}
.card_xz:hover{box-shadow:-4px 0 8px rgba(0, 0, 0, 0.2);}
.fy{padding-top: 1rem;}
.tj{margin-bottom: 2%;}
.tj a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #000000;text-decoration:none;}
.tj a:hover{color: #1048a0;}
.tj_lh{line-height: 2rem;}
.xw_a,.xw_a:hover{color: #000000!important;text-decoration: none;}
/* 新闻展示页 */
.xq_item{padding: 2% 1%;}
.xq_nr img{display: block;margin: 0 auto;max-width: 100%;margin-bottom: 2%;}
.text_nr img{max-width: 100%;}
.text_nr{color: #000;}
.fy_1{margin: 1.5rem 0;}
.fy_1 a{color: #000000;text-decoration:none;}
.fy_1 a:hover{color: #1048a0;font-weight: 600;}
/* 产品列表页 */
.cp_li dt{overflow: hidden;}
.cp_li a dd {
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 666;
    margin-top: 3px;
    background-color: #1048a0;
}

.cp_li a{text-decoration: none;}
.cp_li a img{transition: all 1s;}
.cp_li a:hover img{transform: scale(1.4);}
.cp_li a dd p{ position:relative; z-index:5; transition: color 1s;}
.cp_li a dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#e0d8cf; z-index:1; transition: width 1s;}
.cp_li a:hover span{ width:100%;}
.cp_li a:hover p{color:#333;}

/* 内页自适应调整 */
.left_fl:nth-child(2),.left_fl:nth-child(3){display: block;}
.left_fl_1 span{display: block;}
.tj .cp_li:nth-child(3){display: block;}
/**手机底部菜单**/
.tpp{display:none;}
.b_menu{display:none;}
/* 站位图片 */
.zhanwei{background: url(../images/zhanwei.jpg) no-repeat center center;background-size: 100% 100%;}
.yqlj{background: #0181ca;}
/*分页*/
.page li{float:left;list-style-type: none;border:1px solid #3333;margin-right:0.25rem;padding:1% 2%;margin-bottom:1%;}
.page{padding-bottom: 2%;}
.page li:hover{background:#1048a0;color:#fff;}
.page li:hover a{color:#fff;text-decoration:none;}
.thisclass{background:#1048a0;color:#fff;}
@media (max-width: 991px) {
.foot{margin-bottom: 3%;}
.tpp{
	height: 25%;
    display: block;
    text-indent: -999em;
}
.b_menu {
	display:block;
    background: #0181ca;
    padding: 0.3rem 0 0 0;
    width: 100%;
}
.b_menu ul {
	margin-left: -50px;
	margin-right: 2px;
	margin-bottom: 0;
}
.b_menu ul li {
    text-align: center;
    list-style: none;
    padding: 0px;
}
.b_menu ul li span img{
	vertical-align: middle;
	height: 22px;
	margin-bottom: 0.1rem;
	}
.b_menu ul li span {
    display: block;
    color: #fff;
    font-size: 0.75rem;
	margin-bottom: 0.2rem;
}
}
@media (max-width:991px) {
	.navbar-brand{display: block;}
	.logo{display: none;}
	.bj{background:#fff!important;}
	#mnav{background:#1048a0;}
	.dh{background: #fff;}
	.nav_li{width:100%!important;text-align: left;}
	.lf{padding: 1%!important;}
	.cpzs_fl_h{width: 100%;margin-bottom: 2%;}
	.cpzs_fl_1 li{width: auto!important;}
	.cpzs_fr{width: 100%;}
	.cpzs{max-width: 100%!important;}
	/* 内页自适应调整 */
	.left_fl:first-child,.left_fl:nth-child(2),.left_fl:nth-child(3){display: none;}
	.tj .cp_li:nth-child(3){display: none;}
	.gsjj_nr p:nth-child(2){display: none;}
	.item:nth-child(5),.item:nth-child(6){display: none;}
	.gsjj_nr p{line-height: 30px;}
}
@media (max-width: 767px) {
	.gsjj_nr p:nth-child(2){display: block;}
	.tel{padding-top: 0.5rem;}
	.item:nth-child(5),.item:nth-child(6){display: block;}
	.carousel-control-prev,.carousel-control-next{display: none;}
	.sjlf{width: 140%!important;margin-left: -19%;}
}
@media(max-width:700px){
	.carousel-direction{display: none;}
	.cpyc{display: none;}
	#scrollable-product li{width:48%;margin: 0 1%;margin-bottom: 1rem;}
	 .list_zt{padding-left: 0!important;padding-right:0!important ;}
	 .cp_li{padding-left: 5px!important;padding-right:5px!important;}
}
@media (max-width: 576px) {
	.foot{margin-bottom: 6%;}
	.cp_li a dd{line-height: 25px;}
}
@media (max-width:400px) {
	.container-lg{padding-right: 0!important;}
	.navbar-toggler{padding: 0.25rem;}
	.navbar-brand{padding: 0!important;}
}
@media (max-width:360px) {
	.navbar{padding: .5rem .5rem;}
	.item_1 .col-2{flex: 0 0 26.666667%;max-width: 26.666667%;}
	.item_1 .col-10{flex: 0 0 73.333333%;max-width: 73.333333%;}
}
@media (max-width:340px) {
	.navbar{padding: .3rem;}
	.st{font-size: 1.1rem;padding:0;}
}
@media (max-width:300px) {
	.navbar{padding: .2rem;}
	.st{font-size: 1rem;padding:0;}
}