.padd{padding:70px 0}

.banner img{width:100%}
.swiper-button-next,.swiper-button-prev{top:58%}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px}
.swiper-pagination-bullet{width:14px;height:14px;background:#1b1b1b;opacity:.5}
.swiper-pagination-bullet-active{opacity:1}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}
.swiper-button-prev{left: 90px;background: url(../images/leftban.png) no-repeat center;background-size: cover;}
.swiper-button-next{right: 90px;background: url(../images/rightban.png) no-repeat center;background-size: cover;}


.product{background: #EEEEEE;}
.pro-l{float: left;background: #0179FF;color: #fff;padding: 20px 8px;box-sizing: border-box;width: 30%;}
.pro-l .prol-t{padding-left: 20px;}
.pro-l .prol-t h3{font-size: 44px;font-weight: 400;}
.pro-l .prol-t h3 span{font-size: 26px;display: block;}
.pronav{background: #fff;padding: 18px 10px;margin-top: 20px;}
.pronav ul{overflow: hidden;}
.pronav ul>li{border-radius: 4px;background: #0179FF;margin: 8px auto;padding: 12px 20px;font-size: 18px;}
.pronav ul>li>a{color: #fff;display: block;position: relative;line-height: 20px;}
.pronav ul>li>a:after{display: block;content: '';width: 20px;height: 20px;background: url(../images/icopro.png) no-repeat center;background-size: 100%;position: absolute;right: 0;top: 0;}
.pronav ul li ul{width: 116%;margin-left: -20px;margin-top: 14px;margin-bottom: -12px;display: none;}
.pronav ul li.pro-lion ul{display: block;}
.pronav ul li ul>li{background: #EEEEEE;border-radius: 0;margin: 0;border-bottom: 1px #fff solid;}
.pronav ul li ul li a{color: #808080;font-size: 18px;}
.pronav ul li ul li a:after{display: none;}
.pronav ul>li.pro-lion>a:after{transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); }
.pro-r{float: right;width: 70%;padding-left: 30px;}
.pro-r ul{display: block;}
.pro-r ul li{float: left;width: 33.3333333%;padding: 0 8px 16px 4px;}
.pro-r ul li a{display: block;background: #fff;color: #313236;font-size: 20px;box-shadow: 0px 0px 20px #ccc ;}
.pro-r ul li img{width: 100%;height:auto;}
.pro-r ul li a p{padding: 10px 14px;height: 70px;}
.pro-r ul li:hover a p{color: #0179FF;}
.pro-r ul li a p:after{display: block;content: '';width: 0;height: 2px;background: #0179FF;transition: .3s;}
.pro-r ul li:hover a p:after{width: 50%;transition: .3s;}


.abox{width:50%;float:left;box-sizing: border-box;}
.about{padding-right:20px;padding-top: 0;}
.news{padding-left:20px}
.abox-t{border-bottom:2px #959595 solid;position:relative;text-align:left}
.abox-t h3{font-size:24px;color:#383838;padding-bottom:10px}
.abox-t h3:after{display:block;content:'';width:96px;border-bottom:3px solid #0179FF;position:absolute;left:0;bottom:-2px}
.abox-f{padding-top:40px}
.more{position:absolute;right:0;top:0;background:#0179FF;color:#fff;font-size:14px;width:118px;padding:2px 10px}
.more:hover{color: #fff;}
.about img{width:100%;padding-bottom:20px;margin-left: 0;}
.about p{font-size:16px;line-height:22px}
.news .abox-f ul li a{color:#383838}
.news .abox-f ul li{border-left: 4px solid transparent;overflow: hidden;padding: 10px 30px 10px 10px;margin-bottom: 10px;}
.news .abox-f ul li:hover{background: #CBE2D6;border-left: 4px solid #0179FF;}
.news .abox-f ul li .news-l{float:left;font-size:54px;line-height:52px;color:#b1b1b1}
.news .abox-f ul li:hover .news-l{color:#383838;}
.news .abox-f ul li .news-r{float:right;font-size:16px;width:86%}
.news .abox-f ul li .news-r b{display:block;padding-bottom:10px;color: #0179FF;}
.news .abox-f ul li .news-r b span{float:right}
.news .abox-f ul li .news-r p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.linkfr{background: #B0B0B0;padding: 10px 0;font-size: 20px;color: #fff;}
.linkfr a{color: #fff;display: inline-block;padding: 0 14px;}