*{margin: 0;padding: 0;box-sizing: border-box;}

header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '微软雅黑';margin: 0;padding: 0;}

ul li{list-style: none;}

a{text-decoration: none;color: #000;}

table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}

input{outline: none;}

textarea{resize: none;outline: none;}

iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}

html,body{min-width: 1230px;}



/* ::-webkit-input-placeholder{color: #201f1d;}

::-moz-placeholder{color: #201f1d;}

:-moz-placeholder{color: #201f1d;} */



/*浮动*/

.f_le{float: left;}

.f_ri{float: right;}

/*清除浮动*/

.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}



/*定位*/

.p_re{position: relative;}

.p_ab{position: absolute;}



/*弹性盒子*/

.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/

.flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*横向弹性*/

.flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*横向弹性*/

.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;} /*纵向弹性*/

.flexc{margin: auto auto;}

.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/



/* 文字分栏 */

.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */

    column-count:; /* 列数 */

    column-gap:; /* 列间距 */

    column-rule:; /* 分隔线 */

}



/*字体超出隐藏*/

.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/



.pic{width: 300px;height: 200px;overflow: hidden;position: relative;}

.pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}



/*宽度*/

.wrapper{width: 1200px;margin: 0 auto;}







/* 顶部 */

.header{width: 100%;background: #ffff;height: 116px;}

.header .logo{display: block;height: 100%;float: left;}

.header .logo img{display: block;height: 100%;}

.header .logo h1{display: none;}

.header .n-phone{float: right;height: 43px;width: 252px;margin-top: 36.5px;}

.header .n-phone .ico{display: block;width: 42px;float: left;margin-right: 20px;}

.header .n-phone p{font-size: 14px;color: #666666;line-height: 15px;}

.header .n-phone b{display: block;font-size: 24px;color: #444444;line-height: 28px;}







/* 导航 */

.nav{width: 100%;background: #202020;height: 52px;text-align: center;line-height: 52px;font-size: 16px;}

.nav a{display: block;width: 12.5%;float: left;color: #c4c4c4;border-right: 1px solid #313131;transition: .5s;}

.nav a:last-child{border-right: 0;}

.nav a:hover{color: #fff;}

.nav a.active{color: #fff;}







/* 底部 */

.footer{width: 100%;height: 364px;background: url(../images/bj03.jpg) center center no-repeat;padding: 52px 0 0;}

.footer .textCont{width: 555px;float: left;color: #fff;padding-top: 10px;}

.footer .textCont h3{font-size: 24px;border-bottom: 1px solid #fff;padding-bottom: 20px;position: relative;margin-bottom: 25px;}

.footer .textCont h3 em{display: block;width: 30px;height: 3px;background: #ffc90d;position: absolute;bottom: -2px;left: 0;}

.footer .textCont article{width: 385px;float: left;font-size: 16px;line-height: 35px;padding-left: 10px;}

.footer .textCont .qrcode{width: 110px;float: right;text-align: center;}

.footer .textCont .qrcode img{display: block;width: 100%;height: 110px;background: #fff;}

.footer .textCont .qrcode p{font-size: 14px;left: 20px;margin-top: 10px;}

.footer .map{width: 598px;height: 225px;background: #dcdcdc;float: right;}

.map iframe{display: block;width: 100%;height: 100%;}



.copyright{width: 100%;background: #222222;font-size: 14px;color: rgba(255,255,255,.8);line-height: 45px;text-align: center;}

.copyright a{color: rgba(255,255,255,.8);}

.copyright a:hover{color: #fff;}







/* 标题 */

.titBox{width: 100%;text-align: center;font-size: 24px;color: #414141;line-height: 30px;margin-bottom: 55px;}

.titBox .ftitle{text-transform: uppercase;}

.titBox .ico{display: block;width: 100%;margin-top: 10px;}







/*轮播*/

.banner{width: 100%;position: relative;overflow: hidden;}

.banner img{width: 100%;display: block;}

.banner .swiper-pagination{position: absolute;bottom: 25px;}

.banner .swiper-pagination-bullet{width: 52px;height: 3px;opacity: .7;background: #fff;border-radius: 0;}

.banner .swiper-pagination-bullet-active{opacity: 1;border-radius: 0;background: #f2b10b;}







/* 首页 公司介绍 */

.n-about{width: 100%;padding: 70px 0 80px;}

.n-about .naBox{width: 100%;height: 288px;border: 3px solid #fde169;padding: 35px 30px;position: relative;margin: 110px 0 25px;}

.n-about .cont{width: 705px;}

.n-about .naBox b{display: block;font-size: 20px;color: #414141;line-height: 30px;margin-bottom: 15px;}

.n-about .naBox article{width: 100%;font-size: 16px;color: #333333;text-align: justify;line-height: 2;}

.n-about .naBox .ico{display: block;width: 60px;height: 60px;position: absolute;bottom: -27px;left: 51px;}

.n-about .pic{display: block;width: 360px;height: 360px;position: absolute;right: 81px;top: -50px;transition: .5s;}

.n-about .more{display: block;width: 152px;height: 58px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;}

.n-about .naBox:hover .pic{-webkit-transform: translateX(15px);-moz-transform: translateX(15px);-ms-transform: translateX(15px);-o-transform: translateX(15px);transform: translateX(15px);}







/* 首页 产品展示 */

.n-product{width: 100%;background: url(../images/bj01.jpg) top center no-repeat;padding: 50px 0 60px;}

.n-product .titBox{color: #f3f3f3;}



.n-product .pro-thumbs{width: 100%;height: 49px;padding: 0 70px;overflow: hidden;position: relative;margin-bottom: 40px;padding-top: 3.5px;}

.n-product .pro-thumbs .swiper-button-next,.n-product .pro-thumbs .swiper-button-prev{width: 70px;height: 49px;margin: 0;position: absolute;top: 0;}

.n-product .pro-thumbs .swiper-button-next:after,.n-product .pro-thumbs .swiper-button-prev:after{display: none;}

.n-product .pro-thumbs .swiper-button-next{right: 0;background: url(../images/ico05.png) right center no-repeat #414141;}

.n-product .pro-thumbs .swiper-button-prev{left: 0;background: url(../images/ico04.png) left center no-repeat #414141;}

.n-product .pro-thumbs .swiper-slide{height: 42px;background: #ffffff;text-align: center;line-height: 42px;font-size: 18px;font-weight: bold;overflow: hidden;}

.n-product .pro-thumbs .swiper-slide a{display: block;width: 100%;height: 100%;color: #444444;}

.n-product .pro-thumbs .swiper-slide em{display: inline-block;width: 6px;height: 6px;background: #444444;vertical-align: middle;}

.n-product .pro-thumbs .swiper-slide span{display: inline-block;vertical-align: middle;margin: 0 10px;}

.n-product .pro-thumbs .swiper-slide-active{background: #ffc90d;}

.proNav{width: 100%;margin-bottom: 20px;}
.proNav a{display: block;width: calc( (100% - 100px) / 6);height: 42px;background: #ffffff;text-align: center;line-height: 42px;font-size: 18px;font-weight: bold;overflow: hidden;margin: 0 20px 20px 0;float: left;box-shadow: 0 1px 5px rgba(0,0,0,.2);transiiton: .5s;}
.proNav a:nth-child(6n){margin-right: 0;}
.proNav a em{display: inline-block;width: 6px;height: 6px;background: #444444;vertical-align: middle;}
.proNav a span{display: inline-block;vertical-align: middle;margin: 0 10px;}
.proNav a:hover{background: #ffc90d;}
.proNav a.active{background: #ffc90d;}

.n-product .pro-swriper{width: 100%;overflow: hidden;position: relative;height: 465px;}

.n-product .pro-swriper .swiper-wrapper{}

.n-product .pro-swriper .swiper-slide-pro{width: 100%;height: 100%;}



.n-product .pro-swriper-in{width: 100%;height: 100%;overflow: hidden;position: relative;}

.n-product .pro-swriper-in .swiper-pagination-bullet{width: 18px;height: 18px;border-radius: 18px;background: #666666;border: 1px solid #666666;background-clip: content-box;padding: 2px;opacity: 1;}

.n-product .pro-swriper-in .swiper-pagination-bullet-active{background: #f2b10b;border-color: #f2b10b;background-clip: content-box;padding: 2px;}

.n-product .pro-swriper-in .swiper-slide{background: #ffffff;height: 365px;box-shadow: 0 3px 5px rgba(0,0,0,.5);transition: .5s;}

.n-product .pro-swriper-in .swiper-slide a{display: block;padding: 10px;width: 100%;height: 100%;color: #000000;font-size: 20px;line-height: 30px;}

.n-product .pro-swriper-in .swiper-slide .pic{display: block;width: 100%;height: 236px;}

.n-product .pro-swriper-in .swiper-slide .cont{padding-top: 20px;position: relative;}

.n-product .pro-swriper-in .swiper-slide .tit{margin-bottom: 5px;width: 190px;}

.n-product .pro-swriper-in .swiper-slide small{font-size: 12px;}

.n-product .pro-swriper-in .swiper-slide .gd{display: block;width: 60px;height: 60px;background: url(../images/bj05.png) center center no-repeat;text-align: center;font-size: 16px;color: #fff;line-height: 20px;padding-top: 10px;position: absolute;top: 25px;right: 0;transition: .5s;}

.n-product .pro-swriper-in .swiper-slide-active{background: #ffc90d;}

.n-product .pro-swriper-in .swiper-slide-active .gd{background: url(../images/bj04.png) center center no-repeat;color: #f2b10b;}

.n-product .pro-swriper-in .swiper-slide:hover{background: #ffc90d;}

.n-product .pro-swriper-in .swiper-slide:hover .gd{background: url(../images/bj04.png) center center no-repeat;color: #f2b10b;}







/* 首页 模式介绍 */

.n-pattern{width: 100%;min-height: 412px;background: url(../images/bj02.jpg) center bottom no-repeat #f4f4f4;overflow: hidden;position: relative;}

.n-pattern .cont{width: 565px;float: left;padding-top: 55px;}

.n-pattern .title{font-size: 28px;color: #414141;line-height: 42px;}

.n-pattern .title span{vertical-align: middle;}

.n-pattern .title img{vertical-align: middle;}

.n-pattern .ftitle{font-size: 18px;color: #414141;text-transform: uppercase;line-height: 28px;margin-bottom: 30px;}

.n-pattern article{width: 100%;font-size: 16px;color: #333333;text-align: justify;line-height: 2;}

.n-pattern .pic{width: 960px;height: 412px;margin-right: -360px;float: right;}

.n-pattern .more{display: block;width: 152px;height: 58px;position: absolute;left: 0;bottom: 25px;right: 0;margin: 0 auto;opacity: .8;transition: .5s;}

.n-pattern .more:hover{opacity: 1;}







/* 首页 合作商家 */

.n-partner{width: 100%;padding: 70px 0 80px;}

.n-partner .list{width: calc( (100% - 100px) /6 );float: left;margin: 0 20px 20px 0;height: 76px;border: 1px solid #dedede;background: #dedede;transition: .5s;}

.n-partner .list:nth-child(6n){margin-right: 0;}

.n-partner .list:hover{box-shadow: 2px 2px 5px rgba(0,0,0,.1);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}







/* 面包屑 */

.crumbs{width: 100%;background: #ededed;height: 75px;line-height: 75px;overflow: hidden;}

.crumbs .m-crumb{max-width: 60%;height: 75px;overflow: hidden;font-size: 16px;color: #666666;float: right;}

.crumbs .m-crumb a{color: #666666;}

.crumbs .m-crumb i{font-style: normal;font-family: 'simsun';}

.crumbs .m-crumb span{color: #222222;}







/* 内页 */

.n-out{width: 100%;padding: 70px 0 125px;}

.article{width: 100%;font-size: 16px;color: #333333;text-align: justify;line-height: 2;}

.article img{max-width: 100%;}

.article iframe{display: block;width: 800px;height: 600px;margin: 15px auto;border: 0;}







/* 公司介绍 */

.about h4{font-size: 20px;color: #414141;line-height: 30px;margin-bottom: 15px;}

.about h4 small{font-size: 16px;}







/* 产品展示 */

.product{}

.product .pro-thumbs{width: 100%;height: 49px;padding: 0 70px;overflow: hidden;position: relative;margin-bottom: 40px;padding-top: 3.5px;}

.product .pro-thumbs .swiper-button-next,.product .pro-thumbs .swiper-button-prev{width: 65px;height: 49px;margin: 0;position: absolute;top: 0;}

.product .pro-thumbs .swiper-button-next:after,.product .pro-thumbs .swiper-button-prev:after{display: none;}

.product .pro-thumbs .swiper-button-next{right: 0;background: url(../images/ico09.png) right center no-repeat #fff;}

.product .pro-thumbs .swiper-button-prev{left: 0;background: url(../images/ico08.png) left center no-repeat #fff;}

.product .pro-thumbs .swiper-slide{height: 42px;background: #ffffff;text-align: center;line-height: 42px;font-size: 18px;font-weight: bold;overflow: hidden;box-shadow: 0 1px 5px rgba(0,0,0,.2);}

.product .pro-thumbs .swiper-slide a{display: block;width: 100%;height: 100%;color: #444444;}

.product .pro-thumbs .swiper-slide em{display: inline-block;width: 6px;height: 6px;background: #444444;vertical-align: middle;}

.product .pro-thumbs .swiper-slide span{display: inline-block;vertical-align: middle;margin: 0 10px;}

.product .pro-thumbs .swiper-slide-active{background: #ffc90d;}



.product .pro-swriper{width: 1230px;overflow: hidden;position: relative;height: 810px;padding: 0 15px;margin-left: -15px;}

.product .pro-swriper .swiper-wrapper{}

.product .pro-swriper .swiper-slide-pro{width: 100%;height: 100%;/* margin-bottom: 10px; */}



.product .list{width: calc( (100% - 39px) / 4 );background: #ffffff;height: 365px;box-shadow: 0 3px 5px rgba(0,0,0,.5);float: left;margin: 0 13px 40px 0;transition: .5s;}

.product .list:nth-child(4n){margin-right: 0;}

.product .list a{display: block;padding: 10px;width: 100%;height: 100%;color: #000000;font-size: 20px;line-height: 30px;}

.product .list .pic{display: block;width: 100%;height: 236px;}

.product .list .cont{padding-top: 20px;position: relative;}

.product .list .tit{margin-bottom: 5px;width: 190px;}

.product .list small{font-size: 12px;}

.product .list .gd{display: block;width: 60px;height: 60px;background: url(../images/bj05.png) center center no-repeat;text-align: center;font-size: 16px;color: #fff;line-height: 20px;padding-top: 10px;position: absolute;top: 25px;right: 0;transition: .5s;}

.product .list:hover{background: #ffc90d;}

.product .list:hover .gd{background: url(../images/bj04.png) center center no-repeat;color: #f2b10b;}







/* 合作商家 */

.partner .list{width: calc( (100% - 90px) /4 );float: left;margin: 0 30px 30px 0;height: 115px;border: 1px solid #dedede;background: #dedede;transition: .5s;}

.partner .list:nth-child(4n){margin-right: 0;}

.partner .list:hover{box-shadow: 2px 2px 5px rgba(0,0,0,.1);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}



/* 合作申请 */

.application{width: 100%;border: 1px solid #dcdcdc;padding: 30px 50px 65px;margin-top: 50px;}

.application .app-title{text-align: center;font-size: 24px;color: #000000;line-height: 35px;}

.application .app-ftitle{font-size: 16px;color: #555555;text-align: center;line-height: 30px;margin-bottom: 55px;}

.application form{display: block;width: 70%;margin: 0 auto;}

.application .item{margin-bottom: 10px;}

.application .item label{display: block;width: 100%;font-size: 16px;color: #000000;line-height: 35px;}

.application .item input{display: block;width: 100%;height: 42px;border: 1px solid #dcdcdc;background: #f2f2f2;padding: 0 20px;font-size: 16px;color: #9a9a9a;}

.application .item input::-webkit-input-placeholder{color: #9a9a9a;}

.application .item input::-moz-placeholder{color: #9a9a9a;}

.application .item input:-moz-placeholder{color: #9a9a9a;}

.application .btn{display: block;width: 298px;height: 50px;background: #ffc90d;border: 0;color: #fff;font-size: 20px;font-weight: bold;margin: 65px auto 0;}







/* 招贤纳士 */

.recruit{width: 100%;}

.recruit .recBpx{width: 100%;}

.recruit .list{width: 100%;margin-bottom: 40px;}

.recruit .list .j-head{width: 100%;height: 80px;background: #777777;color: #fff;padding: 0 45px 0 15px;}

.recruit .list .j-head h4{float: left;width: 350px;height: 80px;line-height: 30px;float: left;background: url(../images/ico10.png) left center no-repeat;font-size: 24px;margin-right: 30px;padding: 10px 0 10px 30px;}

.recruit .list .j-head h4 span{display: block;width: 100%;margin: auto 0;}

.recruit .list .j-head .txt{width: 700px;float: left;height: 80px;padding: 15px 0 15px 35px;background: url(../images/ico12.png) left center no-repeat;font-size: 18px;line-height: 25px;}

.recruit .list .j-head .txt span{display: block;width: 100%;margin: auto 0;}

.recruit .list .j-head .j-btn{display: block;width: 25px;height: 25px;float: right;margin-top: 27.5px;position: relative;overflow: hidden;}

.recruit .list .j-head .j-btn img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: .5s;}

.recruit .list article.j-body{padding: 25px 45px;font-size: 18px;color: #666666;text-align: justify;line-height: 35px;display: none;}



.recruit .list.active .j-head{background: #f2b10b;}

.recruit .list.active .j-head .j-btn img{top: -35px;}







/* 联系我们 */

.contact{}

.contact .map{width: 100%;height: 442px;border: 1px solid #dcdcdc;background: #dcdcdc;margin-bottom: 40px;}

.contact .box{border-top: 1px solid #dcdcdc;padding-top: 35px;}

.contact .c-phone{width: 430px;float: left;color: #666666;padding-top: 10px;}

.contact .c-phone p{font-size: 40px;float: right;margin-left: 10px;}

.contact .c-phone small{display: block;text-align: right;font-size: 12px;}

.contact .c-phone b{display: block;text-align: right;font-size: 20px;}

.contact .text{width: 700px;float: right;}

.contact .item{width: 48.5%;float: left;margin-right: 3%;padding-left: 35px;font-size: 18px;color: #666;line-height: 30px;margin-bottom: 10px;}

.contact .item:nth-child(2n){margin-right: 0;}







/* 详情 */

.content h3{font-size: 24px;color: #444;text-align: center;line-height: 38px;}

.content time{display: block;text-align: center;font-size: 16px;color: #666;line-height: 25px;margin-bottom: 30px;}









/* 上下页 */

.m-clips{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 45px;}

.m-clips a{color: #444;line-height: 35px;}







/*效果  hover滑动效果*/

/* animation-name:fadeInUp;animation-delay: 0.1s; */

.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}

.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}

.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}

@media screen and (max-width: 1360px) {}