@charset "utf-8";

* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font-family: "Microsoft Yahei";background: #fff;min-width: 1263px;}
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
i {font-style:normal}
a {text-decoration: none;}
.clearfix:after {content: '.';display: block;clear: both;height: 0;visibility: hidden;}
a:focus{outline:none;}
.w1200 {width: 1200px;margin: 0 auto;}


/*头部*/
.header {width: 100%;height: 109px;background: #fff;border-bottom: 1px solid #eee;position: fixed; top: 0px;z-index: 99;}
.header .logo {float: left;margin: 25px 0 0 0px;}

.header .nav {float: left;margin: 25px 0 0 50px;}
.header .nav ul li.nLi {float: left;height: 60px;line-height: 60px;}
.header .nav ul li.nLi>a {color: #000;font-size: 14px;padding: 0 15px;}
.header .nav ul li.nLi:hover>a {color: #0179BD;}
.sub {display: none;width: 100%;height: 200px;background: #fff;position: absolute;top: 80px;left: 0px;z-index: 9;}
.sub .w960 {width: 960px;margin: 0 auto;margin-top: 20px;}
.sub li {float: left;widows: ;margin: 0 50px;text-align: center;}
.sub li p {color: #333;font-size: 14px;}
.sub li:hover p {color: #0179BD;}

.header .so {width: 200px;height: 40px;line-height: 40px;border:1px solid #ccc;border-radius: 5px;float: right;margin-top: 35px;border-radius: 50px;}
.header .so .text {width: 140px;height: 28px;line-height: 28px;padding: 0 5px;background: none;color: #666;outline: none;float: left;}
.header .so .btn {width: 30px;height: 28px;background: url(../img/btn.png) no-repeat;outline: none;cursor: pointer;}
.header .so #form1{display: flex; justify-content: center;align-items: center;height: 40px;}

/*banner*/
#banner {width: 100%;height: 745px;overflow: hidden;position: relative;margin-top: 109px;}
.banner {width: 1920px;height: 745px;position: absolute;left: 50%;margin-left: -960px;}
.banner .hd {position: absolute;bottom: 20px;right: 21%;z-index: 3;}
.banner .hd ul li {float: left;width: 14px;height: 14px;border-radius: 50%;margin: 0 8px; background: #fff;text-indent: 999999px;cursor: pointer;}
.banner .hd ul li.on {background: #26afed;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;}
.banner .swiper-pagination-bullet{background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #0084CD;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 12px;}

/*产品*/
.product,.content {padding-top: 60px;}
.product .title,.content .title {margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center;}
.product .title h4,.content .title h4 {color: #333;font-size: 24px;}
.product .title a,.content .title a{font-size: 16px;color: #666666;}

.product .con {border-left: none;}
.product .lsit_con {width: 230px;float: left;border-right: none;background:#fff;margin-right: 10px;}
.product .lsit_con:hover{background-color: #0084CD;}
.product .lsit_con:hover .tit a{color: #FFFFFF;}
.product .lsit_con:hover .bd{border: 1px solid #0084CD;}
.product .lsit_con .tit {padding: 14px 13px 15px 9px;}
.product .lsit_con .tit a {color: #666666;font-size: 16px;display: flex;justify-content:space-between;align-items: center;}
.product .lsit_con .tit a .index-icon{width: 26px;height: 7px;background: url(../img/index-icon.png) 0 0 no-repeat;}
.product .lsit_con:hover .tit a .index-icon{background: url(../img/index-icon-if.png) 0 0 no-repeat;}
.product .lsit_con .bd{border: 1px solid #F2F2F2;}
.product .lsit_con .bd ul li {width: 100%;height: 180px;text-align: center;}
.product .lsit_con .bd ul li .pic {width: 100%;height: 180px;margin: 0 auto;overflow: hidden;}
.product .lsit_con .bd ul li .pic img{width: 100%;}


.content .con .list_left {position: relative;}
.content .con .list_left .swiper-slide{width: 280px;height: 230px;}
.content .con .list_left .swiper-slide img{width: 100%;}
.content .con .list_left .bd ul li {width: 300px;height: 200px;float: left;}
.content .con .list_left .hd a {display: inline-block;position: absolute;top: 80px;z-index: 3; width: 32px;height: 32px;line-height: 35px;text-align: center;border:3px solid #c49712;background: #c49712;font-family: "宋体";font-size: 18px;font-weight: 700;color: #fff;}
.content .con .list_left .hd a:hover {background: #fff;color: #c49712;}
.content .con .list_left .hd a.prev {left: 5px;}
.content .con .list_left .hd a.next {right: 5px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -44px;background-color: #F5F5F5;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -44px;background-color: #F5F5F5;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 17px;color: #333333;}

/*底部*/
.footer {width: 100%;background: #F6F6F6;position: relative;    border-top: 4px solid #0179BD;}
.footer .w1200 {padding-top: 62px;padding-bottom: 45px;}
.footer dl {float: left;text-align: left;color: #333;}
.footer dl.dl1 {width: 200px;}
.footer dl.dl2 {width: 240px;}
.footer dl.dl3 {width: 240px;}
.footer dl.dl4 {padding-left: 12px;padding-right: 0px;}
.footer dl.dl4 .contact{display: block;font-size: 24px;width: 180px;height: 40px;line-height: 40px;text-align: center;color: #FFFFFF;background-color: #0179BD;border-radius: 50px;}
.footer dl.dl4 h2{font-weight: bold;font-size: 29px;padding: 18px 0;}
.footer dl.dl4 h2 span{color: #0084CD;}
.footer dl.dl4 img{vertical-align: middle;margin:0 9px;}
.footer dl dt {margin-bottom: 10px;}
.footer dl dt a {color: #333;font-size: 16px;}
.footer dl dd {font-size: 14px;line-height: 27px;color: #666;}
.footer dl dd a {color: #666;}
.footer dl dd a:hover {color: #0179BD;}


.footer .copy {width: 1200px;height: 55px;line-height: 55px;border-top: 1px solid #B0B6C1;color: #666;bottom: 0px;left: 0;right: 0;margin: auto;}
.footer .copy p {font-size: 14px;text-align: center;}



/*浮动窗口*/
.float0831 {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute;z-index:999;
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	 BACKGROUND: url(../img/float_bg.png)
}
.float0831 .tp {
	BACKGROUND: url(../img/float_bg.png)
}
.float0831 .cn {
	BACKGROUND: url(../img/float_bg.png)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	/* BACKGROUND: url(../img/float_s.gif) no-repeat */
	background: url(../img/logos.png) no-repeat;
}
.float0831 .titDh {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../img/float_s.gif) no-repeat
}
/* .float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
} */
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left;font-size: 14px;
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left;
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 60px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 60px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../img/webZx_bg.jpg) no-repeat 3px 0px; HEIGHT: 59px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}