*{margin: 0;padding: 0;}
body{margin:0px auto;font:12px  "microsoft yahei";color: #303030;line-height: 25px;overflow-x: hidden;}
ul,li{list-style: none;}
a{text-decoration: none;color: #303030;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{text-decoration:none;}
a:visited{color:#303030;}
.clearfix {zoom:1;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."; }
.clear{clear: both;}
.w1200{width: 1200px;margin: auto;}
.center{margin:0px auto;}
.moddle{ width:1200px;}

.topbox{background: #eee;line-height: 32px;color: #555;}
.top span{background: url(../images/top_tel.png) no-repeat left center;padding-left: 20px;}
.logo{margin: 35px auto;}
.nav{line-height: 60px;background: #0099ff;}
.navnr{display: flex;justify-content: space-between;}
.navnr a{color: #fff;font-size: 20px;padding: 0px 15px;}
.navnr li{position: relative;text-align: center;}
.navnr li:hover{background: #0076c4;}
.navnr li p{position: absolute;z-index: 100000;display: none;background: #333;width: 200px;text-align: center;}
.navnr li:hover p{display: block;}
.navnr li p a{display: block;font-size: 16px;line-height: 40px;}
.swiper-container .swiper-wrapper .swiper-slide img{width: 100%; display: block;}

.title{background: url(../images/title_bg.png) no-repeat center bottom;font-size: 24px;font-weight: bold;color: #000;text-align: center;padding-bottom: 30px;}
.title dl span{color: #0099ff;}
.title dt{font-size: 14px;color: #666;font-weight: normal;font-family: "arial";margin-top: 7px;}
.title2{background: #ffa202;line-height: 65px;position: relative;}
.title2nr{font-size: 24px;display: flex;justify-content: space-around;color: #fff;}
.title1{background: url(../images/title1_bg.png) no-repeat center;color: #fff;font-size: 22px;font-weight: bold;text-align: center;height: 106px;position: relative;margin-top: -31px;padding-top: 10px;}
.title3{display: flex;justify-content: space-between;margin-bottom: 15px;}
.title3 dl{color: #0099ff;font-size: 22px;font-weight: bold;}
.title3 dl p{color: #999;font-size: 16px;}
.title3 a{font-size: 14px;color: #fff;background: #0099ff;padding: 0px 10px;height: 26px;line-height: 26px;font-weight: bold;}

.gsjjbox{margin: 90px auto;width: 1160px;}
.gsjj{display: flex;justify-content: space-between;margin-top: 30px;}
.gsjj img{width: 360px;height: 240px;}
.gsjj dl{width: 770px;font-size: 14px;line-height: 36px;}
.gsjj dl p{text-indent: 1em;}
.gsjj dl a{color: #fff;background: #fa5901;font-size: 16px;padding: 0px 25px;margin-top: 20px;display: inline-block;}

.cpfl{display: flex;justify-content: space-between;text-align: center;margin: 40px auto;}
.cpfl a{color: #fff;line-height: 60px;display: block;width: 280px;background: #0099ff;font-size: 20px;transition: all 0.3s;}
.cpfl a:hover{font-size: 22px;transition: all 0.3s;font-weight: bold;}
.h-pro-gun01 li{margin-bottom: 15px;margin-right: 15px;float: left;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;text-align: center;background:#ffffff;}
.h-pro-gun01 li a{ display: block; text-align: center;padding:0px;overflow: hidden;}
.h-pro-gun01 li .tu{padding:0px;overflow: hidden;}
.h-pro-gun01 li .tu img{-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;border: 1px solid #989898;padding: 5px;}
.h-pro-gun01 li:hover .tu img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}

.newbox{background: url(../images/new_bg.jpg) no-repeat center;margin: 90px auto;}
.newnr{display: flex;justify-content: space-between;}
.lxwms{width: 569px;margin-top: 50px;color: #fff;font-size: 16px;font-weight: bold;margin-left: 10px;}
.lxwms dl{padding: 60px 0px 70px 60px;background: #0099ff;position: relative;}
.lxwms dl strong{color: #0068ae;font-size: 20px;}
.lxwms dl p{line-height: 40px;margin-top: 20px;}
.lxwms dt{width: 433px;line-height: 56px;background: #ffa202;text-align: center;font-size: 20px;font-weight: bold;margin: -30px 0px 50px 58px;position: relative;}
.new{width: 45%;background: rgba(255,255,255,0.9);padding: 50px 30px 0px 30px;}
.news{display: flex;justify-content: space-between;border: 1px solid #ccc;margin-bottom: 10px;}
.news dl{width: 17%;color: #fff;font-size: 14px;text-align: center;background: #0099ff;padding-top: 15px;}
.news dl dt{font-size: 40px;}
.news li{width: 83%;background: #fff;padding: 5px 20px 5px 30px;}
.news li a{font-size: 14px;}
.news li p{color: #555;line-height: 20px;}
.news li:hover{background: #0099FF;transition: all 0.6s;}
.news li:hover a{color: #fff;}
.news li:hover p{color: #fff;}

.icpzs{margin-top: 40px;}
.icpzs li{ width:280px; float:left; margin-right:30px; text-align:center;}
.icpzs li img{ width:280px; height:210px;}
.icpzs li p{ line-height:35px;}

#marquee {position:relative;width: 1200px;overflow:hidden;margin: auto;}
#marquee img {border:0px;width: 262px;height: 182px;}
#marquee dl, #marquee dt,#marquee dd,#marquee a {float:left;margin:0;padding:0;}
#marquee dl{width:1000%;height:230px;}
#marquee dt a{display: inline-block;width: 270px;height: 210px;margin: 0px 10px;padding: 10px 0px;text-align: center;font-size: 14px;}
.sgal{margin: 30px auto 90px;}

.footbox{background: url(../images/foot_bg.jpg) no-repeat center;padding: 45px 0px;}
.footnav{border-bottom: 2px solid #fff;text-align: center;display: flex;justify-content: space-around;padding-bottom: 20px;}
.footnav a{font-size: 16px;color: #fff;}
.footnav a:hover{color: #ffd237;font-weight: bold;}
.footnr{display: flex;justify-content: space-between;font-weight: bold;color: #fff;margin-top: 50px;}
.footnrl {width: 35%;line-height: 32px;}
.footnrl dl{font-size: 18px;margin-bottom: 20px;}
.footnrl dt{font-size: 16px;color: #ffd237;}
.footnrl dd{font-size: 14px;}
.footnrr{text-align: right;}
.footnrr p{font-weight: normal;}
.footnr>img{width: 154px;height: 154px;}


/* 侧边工具栏*/
#toolbar {position:fixed;z-index:9999;right:17px;bottom:10%;}
#toolbar li {margin-bottom:3px;font-size:0;width:57px;height:57px;right:0;position:relative;}
#toolbar li a {display:block;position:absolute;z-index:9;right:0;top:0;width:57px;height:57px;overflow:hidden;background:#292e39;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;font-size:0;}
#toolbar li .icon-font {display:inline-block;vertical-align:middle;width:57px;height:57px;background-color:#d9d9d9;}
#toolbar li .icon-qq:after {background-position:0 -150px;}
#toolbar li .icon-phone:after {background-position:0 -90px;}
#toolbar li .icon-ewm:after {background-position:0 -30px;}
#toolbar li .icon-message:after {background-position:0 -120px;}
#toolbar li .icon-top:after {background-position:0 -60px;}
#toolbar li .icon-wangwang:after {background-position:0 0;}
#toolbar li .wz {display:inline-block;line-height:57px;font-size:14px;color:#fff;vertical-align:middle;padding-left:10px;}
#toolbar li.ewm .ewm-box {position:absolute;z-index:1;padding:5px;background:#292e39;width:110px;right:120%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s;transition:all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom:0;}
#toolbar li.ewm .ewm-box img {max-width:100%;}
#toolbar li.ewm .ewm-box:after {content:'';position:absolute;right:-5px;bottom:20px;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:5px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #292e39;border-right:none;}
#toolbar li.ewm:hover .icon {background-position:-57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);}
#toolbar li.backtop {cursor:pointer;}
#toolbar li.backtop .iconfont {color:#fff;background-color:#292e39;}
#toolbar li:hover a {width:200px;}
#toolbar li:hover .icon-font {background-color:#292e39;}
#toolbar li:hover .icon-qq:after {background-position:-30px -150px;}
#toolbar li:hover .icon-phone:after {background-position:-30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position:-30px -30px;}
#toolbar li:hover .icon-message:after {background-position:-30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position:-30px 0;}
#toolbar li:hover .icon-top:after {background-position:-30px -60px;}
.icon-font {position:relative;}
.icon-font:after {content:"";width:30px;height:30px;background-image:url(../images/icon_spirit.png);background-repeat:no-repeat;position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);}