body{background:#ffffff;margin:0;padding:0;min-width:1200px;color:#323232}
em{font-style: normal;}
ul,li,p{list-style: none;margin: 0;padding: 0;}
input{outline: none;}
a{color:#333;text-decoration: none;}
a:hover{color:#007aff}
.bg-white{background:#ffffff;}
.bg-orange{background:#2ad154;}
.bg-gray{background:#f4f3f2}
.noBold{font-weight: normal!important;}
.pd8{padding:8px;}
.pd10{padding:10px;}
.pd16{padding:16px;}
.pd30{padding:30px;}
.p-tb-16{padding:16px 0;}
.p-t-10{padding-top:10px;}
.p-t-60{padding-top:60px;}
.p-b-100{padding-bottom: 100px;}
.p-t-20{padding-top:20px;}
.p-t-30{padding-top:30px;}
.p-t-40{padding-top:40px;}
.p-l-10{padding-left:10px;}
.p-l-20{padding-left:20px;}
.p-r-10{padding-right:10px;}
.p-r-20{padding-right:20px;}
.p-b-10{padding-bottom:10px;}
.p-b-20{padding-bottom:20px;}
.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}
.p-t-4{padding-top: 4px;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-40{margin-top:40px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-r-10{margin-right: 10px;}
.m-b-10{margin-bottom:10px;}
.p-t-6{padding-top:6px;}
.p-b-6{padding-bottom:6px;}
.p-b-0{padding-bottom:0!important}
.p-t-0{padding-top:0!important}
.m-t-0{margin-top: 0!important;}
.border50{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.one-text{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap:break-word;}
.two-text { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.flex-up {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;}
.click:active{opacity: .8;}
.click:hover{opacity: .8;}
.all-pic img{width:100%;vertical-align: middle;}
.orange{color:#ff9000!important}
.red{color:#ff4b4b}
.f666{color:#666;}
.hui{color:#7b868e}
.green{color:#0bb20c!important}
.blue{color:#007aff}
.f999{color:#999;}
.f333{color:#333}
.white{color:#fff;}
.gray{color:#c7c7c7}
.f46{font-size: 46px;}
.f36{font-size: 36px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.rem06{font-size:.6rem;}
.rem04{font-size:.4rem;}
.bold{font-weight: bold;}
.line-text{text-decoration: line-through;}
.align-items{align-items:center}
.align-items-end{align-items: flex-end;}
.align-items-top{align-items: flex-start;}
.justify-content{justify-content: space-between;}
.height60{height:60px}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.relative{position: relative;}
.width100{width:100%;}
.width50{width:50%;}
.overflow{overflow: hidden;}
.left{float:left}
.right{float:right}




.nav{width:1200px;margin:0 auto;padding-top:40px;}
.navList{padding-top:10px;}
.navList li{float:left;width:100px;text-align:center;height:60px}
.navList li a:hover{color: #007aff!important;font-weight: bold;}
.searchBox{padding-bottom:10px;}
.searchList{overflow: hidden;width:500px}
.searchList li{float:left;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;}
.swiperText{width:800px;position: absolute;left:50%;margin-left:-400px; text-align: left;}
.swiperTitle{color:#fff;font-size: 48px;}
.bannerBtn{border:2px #fff solid;width:120px;height:46px;line-height:46px;font-size: 18px;color:#fff;text-align: center; margin-top: 10px;}
.bannerBtn:hover{background:#fff;color:#333;cursor: pointer;}
.navActive{color: #007aff!important;font-weight: bold;}
.navActive a{color: #007aff!important;font-weight: bold;}
.box{margin:0 auto;width:1200px;overflow: hidden;}
.index-l-text{width:630px;font-weight: normal!important;}
.num2::after{content: "";position: absolute;width:140px;left:0;bottom:0;height:2px;background:#333}
.title{width:200px;margin:0 auto;text-align: center;height:46px;line-height:46px;}
.title::after{content: "";position: absolute;width:80px;left:50%;margin-left:-40px;bottom:0;height:2px;background:#c8041b}
.bgGray{background:#f6f7f8}
.bgHui{background:#e4e4e4}
.swiper-container1 {width: 100%;height: 100%;}
.indexListPic{padding:20px 0;}
.indexPic{overflow: hidden;padding:20px 0;}
.indexPic li{float:left;margin-right:57px;width:362px;}
.indexPic li:last-child{margin-right:0;}
.sj::after{position: absolute;z-index:1;content: "\e606";  font-family: "iconfont" !important;bottom:-12px;color:#fff;left:50%;font-size: 36px;margin-left:-18px;}
.indexNewsBox{border-top:1px #ededed solid;border-bottom:1px #ededed solid;padding:30px 0;}
.newsL{width:640px;}
.newsT{width:380px;}
.newsR{width:500px}
.newsTR{width:410px}

.bottom{background:#f4f3f2;overflow: hidden;}
.bottom p{padding-bottom:8px}
.bottomLeft{width:700px;border-right: 1px #000000 dashed;height:178px;overflow: hidden; float:left}
.bottomLeft li{float:left;width:155px;}
.bottomLeft h3{font-weight: normal;}
.bottomList{overflow: hidden;}
.bottomList li{float:left;padding-bottom:8px}
.bottomRight{float:right}
.cpTop{border-bottom:1px #333 dashed;padding-top:30px;padding-bottom:10px;}
.searchB{margin-right:35px;}
.searchInput{background:#f0f0f0;border-radius: 60px;border:0;height:24px;line-height: 24px;text-indent: 10px;}
.searchB i{position: absolute;right:10px;top:4px;z-index:4;cursor: pointer;}
.rSearch{border:1px #e1e3e6 solid;height:24px;line-height:24px; text-indent: 10px;}
.ksBtn{background:#4d4d4d;height:28px;line-height:28px;width:100px;text-align: center;color:#fff;font-size: 14px;cursor: pointer;}
.ksBtn:hover{background:#777777}
.indexCpList{overflow: hidden;}
.indexCpList li{float:left;width:287px;box-sizing: border-box;margin:6px;}
.indexCpList li img{border:1px #eceff1 solid;width:100%;}
.cpListText{border-top:1px #e9eaeb solid;border-bottom:1px #e9eaeb solid;text-align: center; margin-top: 4px;padding:8px 0;cursor: pointer;}
.indexCpList li:hover img{border:1px #007aff solid}
.indexCpList li:hover .cpListText{border-top:1px #007aff solid;border-bottom:1px #007aff solid;}
ul.pagination {display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a { margin: 0 4px;color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
ul.pagination li a.active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
div.centerFy {text-align: center;}
.newsRightBox{width:270px;background:#f5f5f5;float:right;padding:50px;}
.newsLeftBox{float:left;width:800px;}
.newXx{overflow: hidden;}
.newsXxText{width:516px;float:left;padding-left:10px;}
.newsXxText:hover{background:#f5f5f5;}
.newsXxText h4,.newsXxText h5{margin: 0 ;padding:0;font-weight:normal;}
.newsXxText h5{padding-top:30px}

.contactBox{border:1px #d9dce0 solid;height:220px;overflow: hidden;width:1200px;margin: 40px auto auto ;}
.contactText{overflow: hidden;float:right;width:810px;padding-top:40px;}
.contactText li{float:left;width:400px;height:36px;line-height: 36px;}

.contactInputBox{border:1px #d9dce0 solid;overflow: hidden;width:1120px;margin: 40px auto auto;padding:40px}
.contactInput{padding-top:10px;}
.contactInput input{border:1px #d9dce0 solid;width:100%;height:40px; text-indent: 20px;}
.contactMap{border:1px #d9dce0 solid;width:1200px;margin: 40px auto auto ;}
.downBox{border:1px #d9dce0 solid;padding:20px;overflow: hidden;}
.downBox h2{margin:0;padding:0;font-weight:normal;font-size: 18px;}
.downBox:hover{border:1px #007aff solid;}
.newsText{width:470px}
.newsText h1{margin: 0;padding:0; font-size: 26px;padding-bottom:20px;}
.redBtn{background:#eb1c24;width:220px;height:60px;line-height:60px;text-align: center; font-size: 20px;color:#fff;}
.redBtn a{color:#fff!important;display:block;width:220px;height:60px;}
.redBtn a:hover{background:#ff565c;width:220px;height:60px;}

.product-list{border-bottom:1px #dcdcdc solid; margin: 30px auto;overflow: hidden;}
.p-img{float:left;}
.p-title{float:left; overflow: hidden;width:650px; margin-left: 100px;}
.p-title ul li{float:left;width:50%;height:130px;}
.p-title ul li span{display: block;}
.p-tit{border-left:2px #007aff solid;padding-left: 10px;}
.p-border{border:1px #dcdcdc solid;font-size: 12px;width:120px; margin-top: 20px; padding:6px;}
.cp-button{background:#e0e0e0;width:200px;height:40px;line-height:40px;display: block; text-align: center;color:#333;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.cp-button:hover{background:#007aff;color:#fff;}
.bpage{height:200px;width:100%;background-image: url(../images/bpage.jpg);background-repeat: no-repeat;}


.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;width:100%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:500px;width:500px;}
.tb-s310, .tb-s310 img{max-height:500px;max-width:500px;}

.tb-s40, .tb-s40 a{height:117px;width:117px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.gzw{width:300px;height:517px;background:#dcdcdc;}
.gzw img{width:300px;height:517px;}
.cp-del{border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;width: 430px;padding: 20px 0;}

.cpxq{overflow: hidden; padding-top: 40px;}
.cpxq ul li{float:left;width: 145px;text-align: center;height:121px;}
.cpxq ul li i{font-size: 50px;}
.cpxq ul li a{display: block;}
.cpxq ul li:hover i{color:#007aff;}

.pro-box{border:1px #dcdcdc solid;width:96%;padding:20px; margin: 40px auto;}
.p-box-list{overflow: hidden; padding-top:20px;}
.p-box-list-left{border-top:1px #dcdcdc solid;width:200px; padding-top:20px;}
.p-box-list-right{border-top:1px #dcdcdc solid;width: 920px;padding-top:20px; }

.quan-text{border-top:1px #dcdcdc solid;margin-top:40px; padding-top: 20px;}
.xqTitle{width:680px}
.xqTitle h1{margin: 0;padding: 0; font-size: 40px;}
.cpT{border-top:1px #e1e3e6 solid;padding:10px 0;margin: 10px 0;}
.cpLine{}
.cpLine li{border:1px #e1e3e6 solid;padding:16px;margin-bottom: 16px;overflow: hidden;}
.cpLine li span{width:140px;display: block; float: left;}
.cpLine li em{ float: left;}
.blackBtn{background:#4d4d4d;width:220px;height:60px;line-height:60px;text-align: center; font-size: 20px;color:#fff;}
.blackBtn a{color:#fff!important;display:block;width:220px;height:60px;}
.blackBtn a:hover{background:#575757;width:220px;height:60px;}

.n-td{border-top:1px #333 dashed}
.xqNav{background:#4d4d4d;height:36px;}
.xqNavTitle{height:36px;line-height: 36px;padding:0 20px;background:#40afeb;color:#fff}
.xqTitleText{background:#f4f3f2;padding:16px}
.box-shadow{box-shadow: 0 0 10px rgb(0, 0, 0,.2);-webkit-box-shadow: 0 0 10px rgb(0, 0, 0,.2);}

.ztText{width:860px;}
.ztText h1{margin:0;padding:0;padding-bottom:20px;}
.ztList{overflow: hidden;padding-top: 10px;}
.ztList li{float:left;width:50%;position: relative;height:40px;line-height:40px;text-indent: 16px;}
.ztList li::after{position: absolute;content:'';z-index:2;left:0;top:16px;width:8px;height:8px;border-radius: 50%;background:#cd1f3e;}
.line-btn{border:1px #7b868e solid;color:#7b868e;width:100px;height:36px;line-height: 36px;text-align: center;}
.line-btn a{display: block;}


/*头部展开*/
.nav-block{width:1200px;height:328px;margin: 0 auto;background:#ffffff;overflow: hidden; position: absolute;top:146px;left:50%;margin-left: -600px;z-index:999;}
.nav-block-left{float:left;width:300px;}
.nav-block-left ul li{background: #2d2c32;height: 40px;line-height: 40px;text-align: center;border-bottom: 1px #000 solid;}
.nav-block-left ul li a{color:#fff;display: block;}
.nav-block-left ul li:hover{opacity: .8;}
.nav-block-right{float:left;background:#fff;}
.n-list{height:41px;line-height:41px;overflow: hidden;color:#333;position: relative;width:900px;}
.n-list ul li{float:left; text-align:left;width:118px;margin-left:8px;position: relative;}
.n-list ul li:after{content: '';position: absolute;bottom:0;width:1px;top:13px;height:16px;background:#ccc;right:0;}
.n-list ul li a{color:#333;}
.n-list ul li a:hover{color:#004ea2}
.nav-bar{overflow: hidden;float:left;height: 46px;line-height: 46px; }
.nav-bar ul li{float:left;width:128px;text-align: center;color:#fff;position: relative;}
.nav-bar ul li a{color:#fff; display: block;}
.nav-bar ul li a:hover{color:#fff}
.nav-active{}
.more{position: absolute;right:16px;color:#3a8ae4;}
.more a{color:#3a8ae4;}