@charset "utf-8";


/*首页banner*/
.banner .swiper-pagination-bullet{width: 25px; height: 7px; margin: 0 9px 0 0!important; border-radius: 10px; background-color: #c2c2c0; opacity: .8; transition: width .4s linear; -moz-transition: width .4s linear; -webkit-transition: width .4s linear; -o-transition: width .4s linear;}
.banner .swiper-pagination-bullet-active{width: 50px; background-color: #fff; opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 50px; background-color: #fff; opacity: 1;}
.banner .swiper-button{display: none; width: 54px; height: 160px; margin-top: -80px;}
.banner .swiper-button::after{display: none;}
.banner .swiper-button-next{background: url(../images/nexticon.png) no-repeat; right: 40px;}
.banner .swiper-button-prev{background: url(../images/previcon.png) no-repeat; left: 40px;}
.banner .swiper-button:hover{color: #000; opacity: .8; filter: alpha(opacity=80);}
.banner:hover .swiper-button{display: block;}

/*首页介绍*/
.index_js{padding: 74px 0 83px;}
.index_js .name{line-height: 50px; margin-bottom: 13px; font-size: 30px; font-weight: 500; color: #333;}
.index_js .txt{line-height: 24px;}
.class{font-size: 0; margin: 35px 0 64px;}
.class div{display: inline-block; width: 120px; height: 109px; /*line-height: 28px;*/ margin: 10px 30px; background: url(../images/grayicon.png) 0 0 no-repeat; background-size: 100%; font-size: 17px; cursor: pointer; vertical-align: middle; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; position: relative;}
.class .class1{height: auto; line-height: 20px; padding: 24px 0 23px;}
.class div a{display: block; width: 90%; /*height: 100%;*/ font-size: 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.class .class1{height: auto; line-height: 20px; padding: 24px 0 23px;}
.class div:hover{background: url(../images/blueicon.png) 0 0 no-repeat; background-size: 100%; color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}
.class div:hover a{color: #fff;}
.infobox{position: relative; height: 580px; overflow: hidden;}
.infobox .sm_left{position: absolute; top: 41px; left: 0; width: 26%; height: 270px; padding: 72px 126px 40px 76px; background: url(../images/bluebg.png) center center no-repeat;}
.infobox .sm_left .sm_left_box{height: 100%; overflow: hidden;}
.infobox .sm_left p{line-height: 29px; margin-bottom: 31px; color: #fff; text-align: left;}
.infobox .img_right{position: absolute; top: 0; right: 0; width: 64%; height: 580px; overflow: hidden;}
.infobox .more{position: absolute; left: 76px; bottom: 65px; width: 205px; height: 37px; line-height: 37px;}

.kind{width: 100%; /*height: 526px;*/ overflow: hidden;}
.kind ul::after{display:block; content:"."; height:0; clear:both; visibility:hidden;}
.kind ul li{float: left; position: relative; width: 33.33%; height: 100%;}
.kind ul li::before{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.1); transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;}
.kind ul li::after{display: block; content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,.1); transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;}
.kind ul li:hover::before, .kind ul li:hover::after{width: 0; height: 0;}
.kind ul li .txt{position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.kind ul li .txt p{line-height: 40px; padding: 14px 0; font-size: 30px; color: #e5832d;}
.kind ul li img{max-width: 100%; height: auto;}
.kind ul li .txt .more{width: 192px; height: 40px; line-height: 40px;}

/*首页产品展示*/
.index_pro{margin: 75px 0 72px;}
.index_pro .swiper-container{position: relative;}
.index_pro ul{}
.index_pro li{width: 393px; margin-right: 16px;}
.index_pro li:hover a{border-color: #5b91c0;}
.index_pro li a{display: flex; align-items: center; justify-content: center; width: 369px; height: 369px; padding: 11px; border: 1px solid #e5e5e5; overflow: hidden;}
.index_pro li a img{max-width: 100%; height: auto;}
.index_pro li p{line-height: 63px; padding: 0 5px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_pro li:hover p{color: #5b91c0;}
.index_pro .swiper-button{width: 46px; height: 46px; top: 174px;}
.index_pro .swiper-button::after{visibility: hidden;}
.index_pro .swiper-button-prev{background: url(../images/icon2.png) 0 0 no-repeat; left: 0;}
.index_pro .swiper-button-next{background: url(../images/icon2.png) -54px 0 no-repeat; right: 0;}
.index_pro .swiper-button-prev:hover{background: url(../images/icon2.png) 0 -54px no-repeat; left: 0;}
.index_pro .swiper-button-next:hover{background: url(../images/icon2.png) -54px -54px no-repeat; right: 0;}

/*首页新闻*/
.index_news{}
.index_news .title{line-height: 28px; font-size: 16px; color: #333;}
.index_news .title h1{display: inline-block; position: relative; line-height: 47px; font-size: 30px; font-weight: 500 ;}
.index_news .title h1::before, .index_news .title h1::after{display: inline-block; content: ""; width: 128px; height: 1px; background-color: #bfbfbf; position: absolute; top: 50%;}
.index_news .title h1::before{left: -176px;}
.index_news .title h1::after{left: 176px;}
.index_news ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.index_news li{float: left; width: 50%; height: 170px; margin-top: 41px;}
.index_news li .img_left{float: left; width: 232px; height: 170px;}
.index_news li .txt_right{height: 133px; padding: 20px 70px 17px 35px; text-align: left; overflow: hidden;}
.index_news li .txt_right a{display: block; width: 100%; height: 39px; line-height: 39px; font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.index_news li .txt_right p{line-height: 20px; margin: 12px 0 22px; color: #777; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index_news li .txt_right span{line-height: 18px; font-size: 13px; color: #999;}
.index_news li:hover .txt_right{background-color: #5b91c0;}
.index_news li:hover .txt_right a, .index_news li:hover .txt_right p, .index_news li:hover .txt_right span{color: #fff;}
.index_news .more{width: 205px; height: 37px; line-height: 37px; margin: 53px 0 83px;}

/*首页底部导航*/
.footer_nav{width: 100%; /*height: 301px;*/ background-color: #f6f6f6;}
.footer_nav .fullwidth::after{display: block; content: ""; clear: both; visibility: hidden;}
.footer_nav .footer_navL{float: left; margin: 54px 0; padding-left: 3.4%; width: 60%;}
.footer_nav dl{float: left; width: 19%; padding-right: 1%; text-align: left;}
.footer_nav dt{line-height: 36px; margin-bottom: 12px; font-size: 16px; font-weight: bold; color: #1f1f2f;}
.footer_nav dd{line-height: 35px;}
.footer_nav dd a:hover{color: #5b91c0;}
.footer_navR{position: relative; float: right; width: 27.07%; margin-top: 54px; padding-left: 6.53%; padding-right: 3%;}
.footer_navR::after{display: block; content: ""; width: 1px; height: 100px; background-color: #ddd; position: absolute; top: 55px; left: 15px;}
.footer_navR dl{width: auto;}
.footer_navR dd{margin-left: 5px; padding-left: 40px; position: relative;}
.footer_navR dd::after{display: block; content: ''; width: 18px; height: 35px; position: absolute; top: 0; left: 0;}
.footer_navR .link::after{background: url(../images/lxicon.png) 0 0 no-repeat;}
.footer_navR .phone::after{background: url(../images/lxicon.png) 0 -35px no-repeat;}
.footer_navR .mail::after{background: url(../images/lxicon.png) 0 -70px no-repeat;}
.footer_navR .address::after{background: url(../images/lxicon.png) 0 -105px no-repeat;}


/*关于我们*/
/* .aboutbox{background: url(../images/aboutbg.png) top left no-repeat;} */
.mainR .gywm{text-align: left;}
.mainR .gywm .tit{line-height: 49px; margin: 13px 0 37px; font-size: 30px; color: #333; font-weight: 500;}
.mainR .gywm p{line-height: 30px;}
.mainR .gywm img{margin-top: 52px;}

/*产品中心*/
/* .productsbox{background: url(../images/productsbg.png) top left no-repeat;} */
.productslist {margin: 0 -7px;}
.productslist ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.productslist li{float: left; margin: 0 7px 18px 7px;}
.productslist li .img{display: flex; align-items: center; justify-content: center; width: 340px; height: 340px; padding: 11px; border: 1px solid #e5e5e5; overflow: hidden;}
.productslist li .img img{max-width: 100%; height: auto;}
.productslist li .imgs img{max-width: 100%; height: 100%;}
.productslist li .name{width: 354px; line-height: 23px; margin: 16px 0; padding: 0 5px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productslist li:hover .img{border-color: #5b91c0;}
.productslist li:hover .name{color: #5b91c0;}

.productsmain .pro_clear::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.pro_clear .pro_gallery{float: left; width: 650px; overflow: hidden;}
.pro_clear .pro_gallery .bigimg{position: relative; width: 650px; /*height: 454px; border: 1px solid #ccc;*/ overflow: hidden;}
.pro_clear .pro_gallery .smallimg{position: relative; width: 400px; height: 60px; margin: 10px 0 0; padding: 0 25px 0 29px;}
.pro_clear .pro_gallery .smallimg #thumbs{width: 400px; overflow: hidden;}
.pro_clear .pro_gallery .smallimg .swiper-slide{width: 58px!important; height: 58px; border: 1px solid #ccc;}
.pro_clear .pro_gallery .bigimg img, .pro_clear .pro_gallery .smallimg img{display: block; width: 100%; height: 100%; vertical-align: middle; -o-object-fit: cover; object-fit: cover;}
.pro_clear .pro_gallery .smallimg .swiper-slide-thumb-active{border-color: #f23d6a;}
.pro_clear .pro_gallery .smallimg .swiper-button{width: 26px; height: 50px; margin: 0; top: 5px; outline: none;}
.pro_clear .pro_gallery .smallimg .swiper-button::after{visibility: hidden;}
.pro_clear .pro_gallery .smallimg .swiper-button-next{background: url(../images/nextbtn.jpg) center center no-repeat; right: 0;}
.pro_clear .pro_gallery .smallimg .swiper-button-prev{background: url(../images/prevbtn.jpg) center center no-repeat; left: 0;}

.pro_clear .pro_perty{padding-left: 42px; overflow: hidden; text-align: left;}
.pro_clear .pro_perty .name{line-height: 32px; margin: 32px 0 14px; font-size: 22px; font-weight: 500;}
.pro_clear .pro_perty .parameter li{line-height: 30px; font-size: 15px;}
.pro_clear .pro_perty .parameter li span{color: #5b91c0;}
.pro_clear .pro_perty .pro_txt{line-height: 24px; margin: 16px 0 26px;}
.pro_perty .share{font-size: 0;}
.pro_perty .share a{display: inline-block; width: 30px; height: 30px; margin-right: 4px; background: url(../images/share.jpg) left top no-repeat;}
.pro_perty .share a:hover{color: #000; opacity: .8; filter: alpha(opacity=80);}
.pro_perty .share .share_twi{background-position: -34px top;}
.pro_perty .share .share_mail{background-position: -68px top;}
.pro_perty .share .share_tqq{background-position: -102px top;}
.pro_perty .share .share_linkedin{background-position: -136px top;}
.pro_perty .share .share_phone{background-position: -170px top;}
.pro_perty .share .share_more{background-position: -204px top;}

.pro_info{margin-top: 71px; text-align: left;}
.pro_info .tit{position: relative; line-height: 38px; margin-bottom: 13px;}
.pro_info .tit::after{display: block; content: ""; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; top: 19px; left: 0;}
.pro_info .tit span{position: relative; display: inline-block; width: auto; height: 38px; margin-left: 41px; padding: 0 18px 0 15px; background-color: #fff; font-size: 22px; z-index: 5;}
.pro_info p{line-height: 24px;}
.pro_info img{margin-top: 37px;}


/*新闻中心*/
/* .newsbox{background: url(../images/newsbg.png) top left no-repeat;} */
.newsbox .newslist{}
.newsbox .newslist .tit{line-height: 39px; margin: 0 0 29px; font-size: 30px; color: #333; font-weight: 500; text-align: left;}
.newslist li::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.newslist .img_left{float: left; width: 232px; height: 170px; overflow: hidden;}
.newslist .pages{margin-top: 40px;}

.newslist{}
.newslist .title{line-height: 28px; font-size: 16px; color: #333;}
.newslist .title h1{display: inline-block; position: relative; line-height: 47px; font-size: 30px; font-weight: 500;}
.newslist .title h1::before, .newslist .title h1::after{display: inline-block; content: ""; width: 128px; height: 1px; background-color: #bfbfbf; position: absolute; top: 50%;}
.newslist .title h1::before{left: -176px;}
.newslist .title h1::after{left: 176px;}
.newslist li{width: 100%; height: 170px; margin-bottom: 38px;}
.newslist li .img_left{float: left; width: 232px; height: 170px;}
.newslist li .txt_right{height: 133px; padding: 20px 70px 17px 35px; text-align: left; overflow: hidden;}
.newslist li .txt_right a{display: block; width: 100%; height: 39px; line-height: 39px; font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newslist li .txt_right p{line-height: 20px; margin: 12px 0 22px; color: #777; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist li .txt_right span{line-height: 18px; font-size: 13px; color: #999;}
.newslist li:hover .txt_right{background-color: #5b91c0;}
.newslist li:hover .txt_right a, .newslist li:hover .txt_right p, .newslist li:hover .txt_right span{color: #fff;}


.newsmain{margin-top: -7px;}
.newsmain .title{line-height: 43px; font-size: 30px; font-weight: 500; color: #333;}
.newsmain .info{line-height: 24px; padding-bottom: 31px; border-bottom: 1px solid #e5e5e5; font-size: 0;}
.newsmain .info span{font-size: 13px; color: #666;}
.newsmain .info span.lm{margin-right: 20px;}
.newsmain .content{margin-top: 34px; text-align: left;}
.newsmain .content p{line-height: 30px; margin-bottom: 28px;}
.newsmain .newsfoot{margin-top: 65px; font-size: 0; text-align: left;}
.newsmain .newsfoot a{display: inline-block; padding: 0 24px; line-height: 30px; margin-right: 9px; border: 1px solid #e5e5e5; color: #777;}
.newsmain .newsfoot a:hover{background-color: #434343; border-color: #434343; color: #fff;}



/*联系我们*/
/* .contactbox{background: url(../images/contactbg.png) top left no-repeat;} */
.contactbox .subnav .tjlist{padding: 0 10px;}
.tjlist li{margin-bottom: 17px;}
.tjlist li::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.tjlist li .img_left{float: left; width: 113px; height: 113px; border: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.tjlist li .img_left img{max-width: 100%; height: auto;}
.tjlist li .txt_right{padding: 16px 0 0 16px; overflow: hidden;}
.tjlist li .txt_right p{line-height: 18px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tjlist li .txt_right a{display: inline-block; width: 73px; height: 29px; line-height: 29px; margin-top: 12px; background-color: #5b91c0; color: #fff; text-align: center;}
.tjlist li .txt_right a:hover{background-color: #434343;}

.contactmain{}
.contactmain .info{}
.contactmain .info::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.contactmain .info .info_left{float: left; max-width: 400px; text-align: left; overflow: hidden;}
.info_left .name{line-height: 40px; font-size: 28px; margin-bottom: 16px; font-weight: 500; color: #333;}
.info_left dd{margin-left: 5px; padding-left: 40px; line-height: 35px; position: relative;}
.info_left dd::after{display: block; content: ''; width: 18px; height: 35px; position: absolute; top: 0; left: 0;}
.info_left .link::after{background: url(../images/lxicon.png) 0 0 no-repeat;}
.info_left .phone::after{background: url(../images/lxicon.png) 0 -35px no-repeat;}
.info_left .mail::after{background: url(../images/lxicon.png) 0 -70px no-repeat;}
.info_left .address::after{background: url(../images/lxicon.png) 0 -105px no-repeat;}
.info_left .fax::after{background: url(../images/lxicon.png) 0 -140px no-repeat;}
.info_left .web::after{background: url(../images/lxicon.png) 0 -175px no-repeat;}
.contactmain .info .info_right{float: right;}
.info .my-map{width: 677px; height: 355px;}
.info .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.info .my-map .icon-cir { height: 31px; width: 28px; }
.info .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.zxwrap{margin-top: 53px; padding: 30px 31px 34px; background-color: #f6f6f6; text-align: left;}
.zxwrap .tit{line-height: 50px; margin-bottom: 23px; padding-left: 17px; font-size: 22px; font-weight: 500; background-color: #f1f1f1; color: #333;}
.zxwrap .zxbox div{height: 48px; line-height: 48px; margin-bottom: 14px; border: 1px solid #eee; background-color: #fff;}
.zxwrap .zxbox div.samll{width: 49%;}
.zxwrap .zxbox div.none{background: none; border: none;}
.zxwrap .zxbox div.aspNetHidden{display: none;}
.zxwrap .zxbox div label{float: left; padding: 0 16px; color: #666;}
.zxwrap .zxbox div label font{margin-left: -11px; color: #d00000;}
.zxwrap .zxbox div p{padding-right: 16px; overflow: hidden;}
.zxwrap .zxbox p input{width: 100%; height: 48px; line-height: 48px; background: none; border: none;}
.zxwrap .zxbox div.big{height: auto;}
.zxwrap .zxbox div textarea{width: 99%; min-height: 93px; line-height: 30px; padding: 3px 0.5%; background: none; border: none; outline: none; resize: none; font-family:"微软雅黑"; font-size: 14px;}
.zxwrap .zxbox .btn{width: 94px; height: 55px; line-height: 55px; background-color: #434343; border-radius: 5px; border: none; font-size: 16px; color: #fff;}



/*案例展示*/
/* .casebox{background: url(../images/productsbg.png) top left no-repeat;} */



.fancybox-content{transition: auto;}
.fancybox-infobar span{color: #fff;}