@charset "utf-8";
/*#banner{position:relative;left: 50%;width:1990px; margin-left:-960px; background:#fff; text-align:center;}*/
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: 14px;height: 14px;background:#aaa;border:none;margin:0 8px;opacity: 1;}
#banner .swiper-pagination-bullet-active{margin:0 8px;width: 14px;height: 14px;background: #01b0f1!important;position: relative;opacity: 1;}
#banner .swiper-pagination-bullet-active:after{content:"";position: absolute;width:20px;height:20px;background:transparent;border-radius: 100%;left:50%;margin-left:-10px;top:50%;margin-top: -10px;border:1px solid #01b0f1;}
#banner .swiper-container{padding-bottom: 10px;}

.page-container{position: relative;z-index:2;}
.con-01{padding:45px 0 60px;}
.title{text-align:center;margin-bottom:30px;}
.title h2{font-size: 25px;font-weight: bold;color: #5b5b5b;line-height: 1.6;}
.title i{text-align: center;text-transform: uppercase;font-family: Arial;color: #a0a0a0;display: block;}
.pro_hd{margin-bottom: 40px;}
.pro_hd li{/*text-align:center;*/}
.pro_hd li .bb>div{border-left:1px solid #666;padding-left: 10px;margin-top: 18px;cursor:pointer;}
.pro_hd li i img{filter:grayscale(1);-webkit-filter:grayscale(1);-ms-filter:grayscale(1);-moz-filter:grayscale(1);}
.pro_hd li:hover i img,.pro_hd li.on i img{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);}
.pro_hd li:hover span,.pro_hd li.on span{color:#01b0f1;}
.pro_hd li:hover small,.pro_hd li.on small{color:#01b0f1;}
.pro_hd li span{display: block;line-height: 1;font-size: 16px;color: #333;}
.pro_hd li small{display: block;line-height: 1;font-size: 12px;color: #999;text-transform: uppercase;padding-top: 5px;}
.brandlist li{
    list-style:none;
	text-align:center;
		padding:18px 14px 0;
		
}
.c_name{height:30px;line-height:30px;font-size:22px;}
.c_mobile{height:30px;line-height:30px;font-size:15px;}
.c_qq{height:30px;line-height:30px;font-size:15px;}
.c_address{height:60px;line-height:30px;font-size:15px;letter-spacing:2px}
.c_telimg{height:30px;line-height:30px;font-size:15px;}


.brandlist li>a{
    list-style:none;
	text-align:center;
    padding:18px 14px 0;
	text-align: center; 
	border: #d1d1d1 1px solid;
	box-shadow: 0 0 10px #c5c7cc;
	margin-bottom:15px;
	display: block;
	background:#fff;
}

/*.pro_hd .li01 i img{width: 20%;}
.pro_hd .li02 i img{width: 20%;}
.pro_hd .li03 i img{width: 20%;}
.pro_hd .li04 i img{width: 20%;}*/
.pro_hd li i img{}
.pro_hd .li04 .bb{padding-left: 128px;}
.pro_hd .li02 .bb{padding-left: 50px;}
.pro_hd .li03 .bb{padding-left: 90px;}

.pro_bd{background:#f2f2f2;padding:50px 0 40px;}
.pro_bd .sp-slide .img{height:320px;}
.pro_bd .sp-slide dl dt{font-weight: bold;color:#5B5B5B;font-size: 18px;}
.pro_bd .sp-slide dl .d1{font-size: 14px;color: #5b5b5b;padding:32px 0 12px;}
.pro_bd .sp-slide dl .d2{font-size: 12px;line-height:1.7;text-align: justify;margin-bottom: 30px;color: #666;}
.pro_bd .sp-slide dl .d3 a{background:#e57f39;color:#fff;font-size: 14px;display: block;padding:8px 0;text-align: center;}
/*.pro-pic{position: absolute;top: 0;}*/
.con-01 .sp-container{overflow:visible;position:relative;}
.con-01 .sp-container ul{overflow: visible!important}
.con-01 .prevs,.con-01 .nexts{position: absolute;top:45%;z-index: 99;}
.con-01 .prevs{background-image:url(prev.png);background-size: contain;width: 29px;height: 29px;left: 4%;}
.con-01 .nexts{background-image:url(next.png);background-size: contain;width: 29px;height: 29px;right: 4%;}
.con-01 .sp-container .sp-slide .col-md-2{padding-right: 0;}

.sj_pro_bd{background:#f2f2f2;padding:15px 0 30px;color: #5b5b5b;position: relative;}
.sj_pro_item{}
.sj_pro_item li dl dt{font-size: 14px;/*white-space: nowrap;text-overflow:ellipsis;*/}
.sj_pro_item li .d1{padding:6px 0;}
.sj_pro_item li .d2{display:-webkit-box;text-overflow:ellipsis;overflow: hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 12px;text-align: justify;}
.sj_pro_item li .d3 a{display: block;background:#01b0f1;color: #fff;text-align: center;padding:3px 0;margin-top:10px;}
.sj_pro_item .xxyhd{position: absolute;bottom:6px;text-align: center;left: 0;right: 0;}
.sj_pro_item .xxyhd li{width: 8px;height: 8px;border-radius: 100%;background:#fff;margin:0 3px;text-indent: 9999em;overflow: hidden;display: inline-block;}
.sj_pro_item .xxyhd li.on{background:#01b0f1;}

.solu .item{
border:1px solid #01b0f1;
border-bottom:1px solid #e9e9e9;
display: block;
padding:18px 14px 0;
text-align: center; 
border: #d1d1d1 1px solid;
box-shadow: 0 0 10px #c5c7cc;
margin-bottom:15px;
}



.solu .item i img{transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.solu .swiper-slide:hover i img{filter:grayscale(0);transform:rotate(180deg);-webkit-filter:grayscale(0);-ms-filter:grayscale(0);-moz-filter:grayscale(0);transform: rotateY(1turn);-webkit-transform:rotateY(1turn);-moz-transform:rotateY(1turn);-ms-transform: rotateY(1turn);}
.solu dl{padding-top: 20px;}
.solu dl dt{font-size: 14px;color: #000;font-weight:normal;line-height: 1;margin-bottom: 22px;}
.solu dl .c{font-size: 10px;color: #666;line-height: 1.4;margin-bottom: 10px;display:-webkit-box;overflow: hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.solu .m{background:#01b0f1;border-bottom:3px solid transparent;}
.solu .m a{display: block;}
.solu .swiper-slide:hover .m{border-bottom:3px solid #e57f39;}
.solu .m em{background:url(c2-050.png) no-repeat center;display: block;padding:38px 0;border:1px solid #01b0f1;border-top:1px solid #e9e9e9;}
.solu .swiper-slide:hover .m em{background:url(c2-05.png) no-repeat center;}
.con-02 .swiper-button-prev{background-image:url(prev2.png);background-size: contain;width: 30px;height: 44px;left: -3%;}
.con-02 .swiper-button-next{background-image:url(next2.png);background-size: contain;width: 30px;height: 44px;right:-3%;}
.con-02 .swiper-container{padding-bottom: 60px;}
.con-03{margin:30px 0 60px;}
.con-03 .col-md-7{background:url(bcbg-01.jpg) no-repeat center right;}
.con-03 .col-md-5{background:#e57f39;color: #fff;}
.c3-l,.c3-r{padding:38px 0 30px;}
.c3-l{text-align: right;margin-right:10px;}
.c3-l p{font-size: 14px;}
.c3-l p i{color: #e57f39;}
.c3-l h3{font-size: 30px;line-height: 1.7;}
.c3-l span{color: #999;text-transform: uppercase;}
.c3-r{padding:50px 0 50px 34px;}
.c3-r p{font-size: 22px;color: #fff;}
.c3-r h4{font-size: 28px;font-weight: bold;padding:6px 0;position: relative;}
.c3-r .xxx{padding-left:65px;background:url(tels.png) no-repeat left center;}
/*.c3-r h4:after{content:"";position: absolute;width: 16px;height: 1px;background:#fff;bottom:-20px;left: 0;}*/
.leftarea{
   padding-left:15px;
 
   padding-bottom:15px;
   background:#f3f3f3;
}
.pcentertitle{
   font-size: 25px;
   color: #0f68b9;   
   height: 52px;
   line-height: 52px;
   background: #fff;
   text-align:center;
}
.pcentertitle2{
   height:52px;
   line-height:52px;
   font-size:22px;
   padding-left:10px;
   background:url("tline.png") no-repeat bottom left;
   margin-bottom:10px;
}
 
.pcenterlist li{
    border-bottom: 1px solid #fff;
    line-height: 47px;
    height: 47px;
	list-style:none;
}
.pcenterlist li:hover{
    background:#e8e8e8;
}
.pcenterlist li:hover>a{
      
}
.erlist{
    display:none; 
	position:absolute;
	top:0px;
	right:-600px;
	width:600px;
	height:673px;
    border: #d1d1d1 1px solid;
	box-shadow: 0 0 10px #c5c7cc; 
	z-index:99999;
	background:#ffffff;
}
.erlist dt{
    width:50%;
	height:40px !important;
	line-height:40px !important;
	padding-left:20px;
	font-size:16px;
	float:left;
	font-weight:100 !important;
}

.pcenterlist li:hover>.erlist{
    display:block; 
}

.pcenterlist li>a{
    background: url(eg_arrow.gif) no-repeat left center !important;
    display: block;
    width: 100%;
    padding-left:10px;
    color: #5c5c5c;
    font-size: 14px;
	letter-spacing:2px
}
.con-04{margin:60px 0;}
.event.col-md-6{padding-right:60px;}
.news.col-md-6{padding-left: 60px;}
.event .hd{margin-bottom: 30px;}
.event .hd h3{font-size:25px;color: #5b5b5b;font-weight: bold;display: inline-block;}
.event .hd i{font-size: 14px;color: #a0a0a0;font-family: Arial;text-transform: uppercase;margin-left: 10px;}
.news-info{margin-bottom:21px;}
.news-info dt a{display: block;font-size:16px;color: #333;margin-bottom:7px;font-weight: normal;}
.news-info dt a:hover,.news-list li a:hover{color: #01b0f1;}
.news-info .c{font-size: 12px;color: #5b5b5b;line-height:1.7;}
.news-info .t{text-align: right;}
.news-info .t span{display: inline-block;padding-left: 20px;color: rgba(51,51,51,.5);font-size: 14px;background:url(icon-01.png) no-repeat left center;}
.event .m{}
.event .m a{/*background:#01b0f1;*/color: #01b0f1;padding:7px 32px;border-radius:4px;display:inline-block;font-size: 14px;border:1px solid #01b0f1;}
.event .m a:hover{background:#01b0f1;color: #fff;}

.news .hd{margin-bottom: 30px;}
.news .hd h3{font-size:25px;color: #5b5b5b;font-weight: bold;display: inline-block;}
.news .hd i{font-size: 14px;color: #a0a0a0;font-family: Arial;text-transform: uppercase;margin-left: 10px;}
.hotNews{background:#e5e5e5;}
.hotNews .pic{display: block;float: left;padding: 0;}
.hotNews .pic a{display: block;overflow: hidden;}
.hotNews .pic a img{transition:all 0.5s ease-out;}
.hotNews .pic:hover a img{transform:scale(1.04);}
.hotNews dl{overflow: hidden;display: block;*zoom:1;background:#e5e5e5;padding:16px 12px 10px 22px;}
.hotNews dl dt a{font-size: 12px;color: #333;padding-bottom: 15px;display: block;font-weight: normal;}
.hotNews dl .c{font-size: 12px;color: #666;line-height: 1.7;}
.hotNews dl .t{margin-top: 15px;text-align: right;}
.hotNews dl .t span{display: inline-block;padding-left:20px;color: rgba(51,51,51,.5);font-size: 14px;background:url(icon-01.png) no-repeat left center;}
.news-list{padding-top: 18px;}
.news-list li{padding-left: 22px;background:url(icon-02.png) no-repeat left center;}
.news-list li a{font-size: 16px;color: #333;letter-spacing:1px; font-family:"微软雅黑";}
.news-list li span{float: right;}
.news .m{margin-top: 25px;}
.news .m a{color: #01b0f1;padding:1px 17px;border-radius:4px;display:inline-block;font-size: 14px;border:1px solid #01b0f1;}
.news .m a:hover{background:#01b0f1;color: #fff;}

.con-05{padding-top: 60px;margin-bottom: 60px;background:url(bg-02.jpg) no-repeat center top;}

.con-055{padding-top: 60px;padding-bottom:40px;background:url(bg-02.jpg) no-repeat center top;background-size:cover;}

.con-05 .about{font-size: 12px;color: #5b5b5b;line-height: 1.6;width:80%;margin:0 auto;text-indent: 2em;margin-bottom:50px;letter-spacing:1px;}
.about_nav li{float: left;}
.about_nav li a{display: block;overflow: hidden;}
.about_nav li a img{transition:all 0.5s ease-out;border-radius:10px;}
.about_nav li:hover a img{transform:scale(1.05);border-radius:10px;}
.about_nav li i{display: block;text-align: center;font-size: 18px;color: #383838;padding-top: 15px;}

#float{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;margin: 0;background:rgba(0,0,0,.6);}
#float .col-md-7{background:none;}
#float .col-md-5{background: transparent;}
#float .closex{width: 42px;height: 42px;background:url(colse.png) no-repeat;position: absolute;right: 10%;top: 20%;z-index:100;cursor:pointer;}

@media (max-width: 768px){
	.con-01{padding:20px 0 20px;}
	.title{margin-bottom:15px;}
	.pro_hd{margin-bottom: 30px;}
	.pro_hd li{padding: 0;}
	.pro_hd li .bb{padding-left: 0!important;}
	.pro-pic{position: static;margin-top: 20px;}
	.pro_bd{padding: 30px 0;}
	.pro_bd .swiper-slide dl .d1{padding: 12px 0;}
	.pro_bd .swiper-slide dl .d2{margin-bottom: 20px;}
	.con-03{margin:30px 0;}
	.c3-l, .c3-r{padding:27px 0 30px;text-align: center;}
	.c3-l{margin:0;}
	.c3-r h4:after{left: 50%;margin-left:-8px;bottom:-10px;}
	.con-04{margin:30px 0;}
	.event.col-md-6{padding-right:15px;}
	.event .m{text-align: center;margin-bottom: 30px;}
	.news .m{text-align: center;}
	.news.col-md-6{padding-left: 15px;}
	.hotNews .pic{text-align: center;}
	.con-05{padding:25px 0 10px;margin-bottom:0;}
	.con-05 .about{text-align: justify;margin-bottom: 20px;width: 100%;}
	.about_nav li{margin-bottom:15px;padding:0 5px;}
	.c3-r .xxx{padding-left:0;background:none;}
	.solu .item i img{width: 50%;}
	.solu dl dt{margin-bottom: 10px;}
	.solu dl{padding-top: 10px;}
	.solu .item{padding-top: 10px;}
	.solu .m em{padding:24px 0;}
	.swiper-container{padding-bottom: 40px;}
	.hotNews dl{padding: 16px 15px 10px;text-align: justify;}
	.news-list li{padding-left: 12px;}
	.about_nav li i{padding-top: 8px;font-size: 15px;}
	.pro_hd li .bb i{display: block;text-align: center;}
	.pro_hd .li01 .bb i img{width: 36%;}
	.pro_hd .li02 i img{width: 36%;}
	.pro_hd .li03 i img{width: 36%;}
	.pro_hd .li04 i img{width: 36%;}
	.pro_hd li .bb>div{border-left:none;text-align: center;margin-top: 8px;padding-left: 0;}
	.pro_hd li .bb>div small{display: none;}
	#float{display: none;}
}


@keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}

@-webkit-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-moz-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-ms-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-o-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}



@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-moz-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-webkit-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-ms-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
.zuidibudiv{
width:99%; font-family:'微软雅黑'; font-weight:bold;font-size:16px;border:1px solid #DEDEDE; margin-left:1%; background-color:#CCCCCC; margin-top:20px; clear:left
}
.zuidibuchanping
{list-style:none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:14px;
font-family:'微软雅黑';
line-height:28px;

}

.remaichanping123{margin-left:1.2%; float:left; background-color:#CCCCCC; width:98%;}
.remaichanping124{width:35%;  float:left;}
.remaichanping125{width:100%; line-height:26px; font-size:14px;}
.remaichanping126{width:100%; line-height:22px; font-size:14px;}

.hengfuguanggaochi-left{background-color:#1E3381;width:50%; }
.hengfuguanggaochi-left-1{}
.hengfuguanggaochi-right{
background-color:#DA7F33;
width:50%; 
}