html,body { margin: 0px; padding: 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height:25px;   background:#fff; color: #333;}
ul,li{list-style-type:none; margin:0px; padding:0;}
a{ text-decoration:none; color:#333;}
.clear{ clear: both; display: block;}



.topTxt{ clear: both; display: block; height: 45px; background-color: #333; color: #999;}
.topTxt-c{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.topTxt-c-l{ float: left; line-height: 45px;}
.topTxt-c-r{ float: right;}
.topTxt-c-r a{ cursor: pointer; display: inline-block; height: 45px; line-height: 45px; color: #999; padding: 0px 15px; border-right: 1px solid #585858; position: relative;}
.topTxt-c-r a:hover{ color: #fff;}
.topTxt-c-r i{ margin-right: 5px; }
.topTxt-c-r strong{ font-weight: normal;}
.topTxt-c-r p{ display: none; position: absolute; right: 0px; top: 30px; width: 250px; z-index: 100; background-color: #fff; box-shadow: 0px 0px 10px #333; }
.topTxt-c-r p img{ float: left; border: 0px; width: 120px; margin-left: 10px; }
.topTxt-c-r p img:nth-child(1){ margin-left: 0px;}

.topTxt-c-r a:last-child:hover p{ display: block;}



/*  top */
.top{ clear: both; display: block; width: 1200px; height: 125px; position: relative; margin: 0px auto; }

.logo{ position: absolute; left: 0px; bottom: 25px;}
.logo-pic{ float: left; display: block; height: 80px; overflow: hidden; padding-right: 30px; margin-right: 30px; border-right: 1px solid #e3e3e3;}
.logo-pic img{ border: 0px; clear: both; display: block; height: 80px;}
.logo-txt{ float: right; display: block;}
.logo-txt span{ clear: both; display: block; font-size: 18px; letter-spacing: 5px;}
.logo-txt strong{ clear: both; display: block; font-size: 34px; color: #0d59bb; padding: 15px 0px 15px;}


.tel{ position: absolute; right: 0px; bottom: 25px;}
.tel-pic{ float: left; display: block; margin-right: 10px; padding-top: 15px;}
.tel-txt{ float: right; display: block;}
.tel-txt span{ clear: both; display: block; font-size: 16px; margin-bottom: 10px;}
.tel-txt strong{ clear: both; display: block; font-size: 32px; color: #0d59bb;}


/*  menu */
.menu{ clear: both; display: block; border-top: 1px solid #e3e3e3;}
.menu ul{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 25px 0px; }
.menu ul a{ display: inline-block; width: 140px; position: relative; font-size: 16px; text-align: center; border-right: 1px solid #f7f7f7; }
.menu ul a:hover{ color: #0d59bb; font-weight: bold; }
.menu ul a:hover i{ position: absolute; width: 40px; height: 3px; background: #0d59bb; left: 50%; bottom: -15px; margin-left: -20px;}
.menu ul .on{ color: #0d59bb; font-weight: bold; }
.menu ul .on i{ position: absolute; width: 40px; height: 3px; background: #0d59bb; left: 50%; bottom: -15px; margin-left: -20px;}


/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; height: 600px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; height: 600px; line-height: 80px; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px #444; background-size: cover; background-repeat: no-repeat; }
.swiper-pagination span{ width: 60px; height: 7px; margin: 0px 40px; border-radius: 0px; background-color: #0d59bb;  }
.swiper-container-banner .swiper-pagination-bullet{ }


/* index-title */
.index-title{ clear: both; display: block; text-align: center; background: url(../images/index-tit-bg.png) center 50% no-repeat;}
.index-title span{ clear: both; display: block; font-size: 26px; color: #999;}
.index-title p{ clear: both; display: block; font-size: 32px; font-weight: bold; margin: 20px 0px; padding: 0px;}
.index-title p strong{ color: #0d59bb;}
.index-title i{ display: block; width: 40px; height: 2px; background-color: #0d59bb; margin: 0px auto; }


/* index-youdian-list */
.index-youdian{ clear: both; display: block; padding: 50px 0px; }
.index-youdian-list{ clear: both; display: block; width: 1200px; margin: 30px auto;}
.index-youdian-list li{ float: left; display: block; width: 285px; height: 450px; position: relative; margin-right: 20px; }
.index-youdian-list li:nth-child(4n){ margin-right: 0px;}

.index-youdian-list-tit{ width: 150px; height: 130px; background: url(../images/youdian-tit.png) center 50% no-repeat; color: #fff; text-align: center; position: absolute; left: 50%; top: 0px; z-index: 200; margin-left: -75px;}
.index-youdian-list-tit strong{ clear: both; display: block; font-size: 32px; padding-top: 35px; margin-bottom: 10px;}
.index-youdian-list-tit span{ clear: both; display: block; font-size: 20px;}

.index-youdian-list-pic{ clear: both; display: block; margin-top: 65px; }
.index-youdian-list-pic img{ border: 0px; clear: both; display: block; width: 100%; height: 300px;}

.index-youdian-list-txt{ clear: both; display: block; margin: 20px 0px; text-align: center; }


/* index product */
.index-pro{ clear: both; display: block; background-color: #f7f7f7; padding: 50px 0px;}
.index-product{ clear: both; display: block; width: 1200px; margin: 50px auto 0px; }

.index-product-l{ float: left; display: block; width: 260px;}

.index-product-l-tit{ clear: both; display: block; background: #0d59bb; color: #fff; text-align: center; padding: 30px 0px;}
.index-product-l-tit strong{ clear: both; display: block; font-size: 28px;}
.index-product-l-tit span{ clear: both; display: block; font-size: 12px;}


.index-product-r-tit{ clear: both; display: block; margin-bottom: 20px; border: 1px solid #e3e3e3; border-left: 3px solid #0d59bb; line-height: 50px; height: 50px;}
.index-product-r-tit-l{ float: left; display: block;}
.index-product-r-tit-l strong{ font-size: 20px; margin: 0px 10px;}
.index-product-r-tit-l span{  color: #999;}

.index-product-r-tit-r{ float: right; display: block; margin-right: 10px;}


/*  product left tab */
.indexProductTitle{ clear: both; display: block; background: #444; color: #fff; padding: 15px 15px;}
.indexProductTitle li{ clear: both; display: block; }
.indexProductTitle li a{ clear: both; display: block; color: #fff; font-size: 18px; border-bottom: 1px dashed #666; padding: 40px 0px;}
.indexProductTitle li a i{ margin: 0px 20px; color: #777;}


.indexProductTitle .cur{ background: #0d59bb; color: #FFF; transition: all 0.3s; }
.indexProductTitle .cur a{ background: #0d59bb; }
.indexProductTitle .cur i{ color: #fff; }


/*  product right tab */
.index-product-r{ float: right; display: block; width: 900px;}
.indexProductList{ clear: both; display: block; }
.indexProductList div{ display: none; }
.indexProductList div div{ display: table-cell; width: 285px; text-align: center; vertical-align: middle;}
.indexProductList div li{ float: left; display: block; width: 285px; margin-right: 20px; margin-bottom: 20px; }
.indexProductList div li:nth-child(3n){ margin-right: 0px; }
.indexProductList div li p{ clear: both; display: flex; width: 285px; height: 285px; margin: 0px; padding: 0px; border: 1px solid #e3e3e3; box-sizing: border-box; justify-content: center; align-items: flex-end; }
.indexProductList div li:hover span{ background: #0d59bb; color: #fff; }
.indexProductList a{ clear: both; display: block; }
.indexProductList a img{ clear: both; display: block; border: 0px; max-width: 285px; max-height: 285px; margin: 0px auto; }
.indexProductList li span{ clear: both; display: block; height: 50px; line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff;}
.indexProductList .cur{ display: block;}
.indexProductList div span a{ font-size: 14px; }


/* step */
.step{ clear: both; display: block; height: 480px; background: url(../images/step-bg.jpg) center top no-repeat;}
.step-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}
.step-list{ float: left; display: block; width: 870px; padding-top: 70px; }
.step-list li{ float: left; display: block; width: 171px; height: 135px; margin-right: 50px; margin-bottom: 50px; text-align: center; color: #fff; background: url(../images/step-li-bg.png) center top no-repeat;}
.step-list li:nth-child(4n){ margin-right: 0px;}
.step-list li p{ clear: both; display: block; width: 60px; height: 60px; line-height: 60px; margin: 20px auto 0px; padding: 0px; background-color: #fff; border-radius: 60px;}
.step-list li p i{ display: inline-block; width: 35px; height: 35px; font-size: 35px; color: #333; }
.step-list li span{ clear: both; display: block; margin-top: 20px; font-size: 16px; }

.step-r{ float: right; display: block; width: 190px; margin-right: 55px; color: #fff; }
.step-r-tit{ clear: both; display: block; padding-top: 50px;}
.step-r-tit strong{ clear: both; display: block; font-size: 30px;}
.step-r-tit p{ clear: both; display: block; font-size: 18px; padding: 0px; margin: 15px 0px;}
.step-r-tit span{ clear: both; display: block; color: #84baff;}

.step-r-pic{ clear: both; display: block; }
.step-r-pic img{ clear: both; display: block; border: 0px; border-radius: 50%; width: 100%; }

.step-r-btn{ clear: both; display: block; margin: 30px 0px;}
.step-r-btn a{ clear: both; display: block; border: 1px solid #fff; border-radius: 40px; text-align: center; height: 40px; line-height: 40px; color: #fff;}
.step-r-btn{ clear: both; display: block;}


/* index-cases */
.index-cases{ clear: both; display: block; padding: 50px 0px; background-color: #f7f7f7; border-bottom: 1px solid #e3e3e3;}

.index-cases-swiper{ clear: both; display: block; width: 1200px; position: relative; margin: 0px auto; padding: 50px 0px; }
.index-cases-swiper .swiper-cases-next{ position: absolute; top: 50%; right: -60px; width: 20px; height: 63px;  margin-top: -30px;  background: url(../images/honor-arr.png) center 50% no-repeat; transform: rotate(180deg); cursor: pointer;}
.index-cases-swiper .swiper-cases-prev{ position: absolute; top: 50%; left: -60px; width: 20px; height: 63px;  margin-top: -30px; background: url(../images/honor-arr.png) center 50% no-repeat; cursor: pointer;}

.index-cases-list { clear: both; display: block; width: 100%; height: 320px; overflow: hidden; position: relative; }
.index-cases-list .swiper-slide{ width: 280px; transform: scale(0.9); transition: 300ms; }
.index-cases-list .swiper-slide-active, .index-cases-list .swiper-slide-duplicate-active{ transform: scale(1.1); }
.index-cases-list .swiper-slide p{ clear: both; display: table-cell; margin: 0px; padding: 0px; width: 280px; height: 280px; text-align: center; overflow: hidden; vertical-align: middle;}
.index-cases-list .swiper-slide p img{ border: 0px; clear: both; display: block; max-width: 100%; max-height: 280px; margin: 0px auto;}
.index-cases-list .swiper-slide span{ clear: both; display: block; height: 40px; line-height: 40px; margin: 0px; padding: 0px; background: #f7f7f7; text-align: center; }



/* index honor */
.index-honor{ clear: both; display: block; padding: 50px 0px;}

.index-honor-swiper{ clear: both; display: block; width: 1200px; position: relative; margin: 0px auto; padding: 50px 0px; }
.index-honor-swiper .swiper-honor-next{ position: absolute; top: 50%; right: -60px; width: 20px; height: 63px; margin-top: -30px; background: url(../images/honor-arr.png) center 50% no-repeat; transform: rotate(180deg); cursor: pointer;}
.index-honor-swiper .swiper-honor-prev{ position: absolute; top: 50%; left: -60px; width: 20px; height: 63px; margin-top: -30px; background: url(../images/honor-arr.png) center 50% no-repeat; cursor: pointer;}

.index-honor-list { clear: both; display: block; width: 100%; height: 320px; overflow: hidden; position: relative; }
.index-honor-list .swiper-slide{ width: 280px; }
.index-honor-list .swiper-slide p{ clear: both; display: table-cell; margin: 0px; padding: 0px; width: 280px; height: 280px; text-align: center; overflow: hidden; vertical-align: middle;}
.index-honor-list .swiper-slide p img{ border: 0px; clear: both; display: block; max-width: 100%; max-height: 280px; margin: 0px auto;}
.index-honor-list .swiper-slide span{ clear: both; display: block; height: 40px; line-height: 40px; margin: 0px; padding: 0px; background: #f7f7f7; text-align: center; }





/* index-about */
.index-about{ clear: both; display: block; background-image: url(../images/index-about-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 80px 0px; }

.index-about .index-title{ clear: both; display: block; color: #fff;}

.index-about-con{ clear: both; display: block; width: 1200px; padding: 50px; box-sizing: border-box; margin: 30px auto 0px; background: #fff;}
.index-about-con-l{ float: left; display: block; width: 520px;}
.index-about-con-l-tit{ clear: both; display: block;}
.index-about-con-l-tit strong{ clear: both; display: block; font-size: 26px;}
.index-about-con-l-tit span{ clear: both; display: block; color: #999;}

.index-about-con-l-txt{ clear: both; display: block; margin: 30px 0px; font-size: 16px; line-height: 35px;}
.index-about-con-l-more{ clear: both; display: block; }
.index-about-con-l-more a{ display: inline-block; height: 40px; line-height: 40px; background: #0d59bb; color: #fff; padding: 0px 30px; font-size: 16px; font-weight: lighter; border-radius: 40px;}

.index-about-con-r{ float: right; display: block; width: 550px;}
.index-about-con-r img{ border: 0px; clear: both; display: block; width: 100%; }


/* index-shili */
.index-shili{ clear: both; display: block; padding: 50px 0px; background-color: #f7f7f7; border-bottom: 1px solid #e3e3e3; }
.index-shili-con{ clear: both; display: block; width: 1200px; margin: 0px auto; }

.index-shili-tit{ clear: both; display: block; padding-bottom: 50px;}
.index-shili-tit-l{ float: left; display: inline-block; width: 200px; text-indent: 2em; font-size: 22px; font-weight: bold; background: url(../images/shili-tit-icon.png) left 50% no-repeat;}

.index-shili-tit-m{ float: left; display: inline-block; width: 850px; height: 15px; border-bottom: 1px dashed #ccc;}

.index-shili-tit-r{ float: right; display: inline-block; width: 80px;}
.index-shili-tit-r a{ clear: both; display: block; height: 30px; line-height: 30px; text-align: center; background: #0d59bb; color: #fff; font-size: 14px; border-radius: 30px; }



.index-shili-swiper{ clear: both; display: block; width: 1200px; position: relative; margin: 0px auto; }
.index-shili-swiper .swiper-button-next{ right: -60px; width: 41px; height: 41px; background: url(../images/shili-arr.png) center 50% no-repeat; transform: rotate(180deg);}
.index-shili-swiper .swiper-button-prev{ left: -60px; width: 41px; height: 41px; background: url(../images/shili-arr.png) center 50% no-repeat;}

.index-shili-list { clear: both; display: block; width: 100%; height: 320px; overflow: hidden; position: relative; }
.index-shili-list .swiper-slide{ width: 280px; }
.index-shili-list .swiper-slide p{ clear: both; display: table-cell; margin: 0px; padding: 0px; width: 280px; height: 280px; text-align: center; overflow: hidden; vertical-align: middle;}
.index-shili-list .swiper-slide p img{ border: 0px; clear: both; display: block; max-width: 100%; max-height: 280px; margin: 0px auto;}
.index-shili-list .swiper-slide span{ clear: both; display: block; height: 40px; line-height: 40px; margin: 0px; padding: 0px; background: #666; color: #fff; text-align: center; }
.index-shili-list .swiper-slide span a{ color: #fff;}

.index-shili-list .swiper-pagination span{ width: 30px; }
.index-shili-list .swiper-pagination-bullet{ }

/* index-other */
.index-other{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 50px 0px;}

.index-news{ float: left; display: block; width: 800px; }

.index-news-class{ float: left; display: block; width: 150px; }
.index-news-class li{ clear: both; display: block; background: #2c2c2c; color: #fff; text-align: center; padding: 50px 0px; border-bottom: 1px solid #fff;}
.index-news-class li p{ clear: both; display: block; margin: 0px; padding: 0px;}
.index-news-class li strong{ clear: both; display: block; font-size: 18px; margin: 10px 0px;}
.index-news-class li a{ clear: both; display: inline-block; border: 1px solid #fff; padding: 0px 15px; height: 25px; line-height: 25px; color: #fff; font-size: 12px;}

.index-news-class li.cur{ background: #0d59bb;}



.index-news-list{ float: right; display: block; width: 630px; }
.index-news-list ul{ display: none;}
.index-news-list ul.cur{ display: block;}

.index-news-list li{ clear: both; display: block; }

.index-news-list li.show .index-news-list-show{ display: none;}
.index-news-list li.show .index-news-list-hidden{ display: block;}

.index-news-list-show{ clear: both; display: block; height: 50px; line-height: 50px; border-bottom: 1px dashed #e3e3e3;}
.index-news-list-show a{ float: left; display: block; font-size: 15px;}
.index-news-list-show span{ float: right; display: block; font-size: 12px; color: #999;}


.index-news-list-hidden{ clear: both; display: none; background: #e3e3e3; padding: 15px;}
.index-news-list-pic{ float: left; display: block; width: 220px; height: 160px; overflow: hidden; background: #f7f7ff;}
.index-news-list-pic img{ border: 0px; clear: both; display: block; width: 100%; height: auto;}


.index-news-list-txt{ float: right; display: block; width: 350px; }
.index-news-list-txt-time{ clear: both; display: block;}
.index-news-list-txt-time span{ clear: both; display: block; color: #0d59bb; font-size: 12px;}
.index-news-list-txt-time strong{ clear: both; display: block; color: #0d59bb; font-size: 20px;}

.index-news-list-txt-tit{ clear: both; display: block; font-size: 16px; margin: 10px 0px;}
.index-news-list-txt-text{ clear: both; display: block; font-size: 12px; color: #999; height: 75px; overflow: hidden;}



/*  index wenti */
.index-wenti{ float: right; display: block; width: 350px; }
.index-wenti-tit{ clear: both; display: block; margin-bottom: 20px;}
.index-wenti-tit-l{ float: left; display: block; font-size: 18px; font-weight: bold; }
.index-wenti-tit-r{ float: right; display: block;}
.index-wenti-tit-r strong{ display: inline-block; height: 30px; line-height: 30px; font-size: 12px; background-color: #0d59bb; color: #fff; padding: 0px 10px;}
.index-wenti-tit-r span{ display: inline-block; height: 30px; line-height: 30px; font-size: 12px; background-color: #333; color: #fff; padding: 0px 10px;}


.index-wenti-list{ clear: both; display: block; width: 100%; height: 390px; margin: 20px 0px; overflow: hidden; position: relative; }
.index-wenti-list .swiper-slide{ clear: both; display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #e3e3e3; }
.swiper-pagination span{ width: 60px; height: 7px; border-radius: 0px; background-color: #0d59bb;  }

.index-wenti-list-tit{ clear: both; display: block;}
.index-wenti-list-tit strong{ display: inline-block; background: #333; color: #fff; height: 25px; line-height: 25px; padding: 0px 3px; margin-right: 10px; }
.index-wenti-list-tit a{ font-weight: bold }
.index-wenti-list-txt{ clear: both; display: block; font-size: 14px; color: #999; height: 75px; overflow: hidden;}
.index-wenti-list-txt strong{ display: inline-block; background: #0d59bb; color: #fff; height: 25px; line-height: 25px; padding: 0px 3px; margin-right: 10px; }




/* links */
.links{ clear: both; display: block; background: #0d59bb; color: #fff; padding: 25px 0px; }
.links-con{ clear: both; display: block; width: 1200px; margin: 0px auto;}
.links-con-txt{ float: left; display: block; padding-right: 25px; border-right: 1px dashed #ccc;  }
.links-con-txt span{ clear: both; display: block; font-size: 20px; margin-bottom: 10px;}
.links-con-txt strong{ clear: both; display: block; font-size: 40px; letter-spacing: 5px; letter-spacing: 7px;}

.links-con-list{ float: left; display: block; margin: 0px 25px;}
.links-con-list a{ color: #fff; margin-right: 15px;}

/* page-banner */
.page-banner{ clear: both; display: block; width: 100%; height: 350px; background-color: #f7f7f7;}
.page-banner-c{ clear: both; display: block; width: 1200px; margin: 0px auto; padding-top: 120px; }
.page-banner-c strong{ clear: both; display: block; font-size: 48px; color: #fff; margin-bottom: 50px;}
.page-banner-c p{ clear: both; display: block; font-size: 16px; font-weight: lighter; color: #fff;}



/* search */
.search{ clear: both; display: block; background-color: #eee; height: 80px; margin-bottom: 40px;}
.search-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}
.search-l{ float: left; display: block; line-height: 80px; font-size: 16px; color: #999;}
.search-l strong{ color: #333;}
.search-r{ float: right; display: block; font-size: 16px; padding-top: 20px;}
.searchInput{ display: inline-block; width: 210px; height: 38px; background-color: #fff; border:none; text-indent: 1em; font-size: 16px;}
.searchBtn{ display: inline-block; cursor: pointer; width: 55px; height: 38px; background-image: url(../images/search-btn.jpg); border: 0px;}


/* location */
.location{ clear: both; display: block; width: 100%; max-width: 1200px; margin: 0px auto 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0px; font-size: 16px; }
.location i{ margin-right: 10px;}

.page-index-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}


/*  left */
.left{ float: left; display: block; width: 260px; }
.left-tit{ clear: both; display: block; background: #0d59bb; color: #fff; text-align: center; padding: 30px 0px;}
.left-tit strong{ clear: both; display: block; font-size: 28px;}
.left-tit span{ clear: both; display: block; font-size: 12px;}

.left-list{ clear: both; display: block; background: #444; color: #fff; padding: 15px 15px;}
.left-list a{ clear: both; display: block; color: #fff; font-size: 18px; border-bottom: 1px dashed #666; padding: 30px 0px;}
.left-list .cur{ background: #0d59bb; color: #fff; }
.left-list .cur i{ color: #fff; }
.left-list i{ margin: 0px 20px; color: #777;}
.left-list a:hover{ background: #0d59bb; }
.left-list a:hover i{ color: #fff; }


/*  page-pro-right */
.page-pro-right{ float: right; display: block; width: 900px;}

.page-pro-list{ clear: both; display: block;}
.page-pro-list ul{ clear: both; display: block; margin-bottom: 30px;}
.page-pro-list ul li{ float: left; display: block; width: 285px; margin-right: 20px; text-align: center;}
.page-pro-list ul li:nth-child(3n){ margin-right: 0px; }
.page-pro-list ul li a{ clear: both; display: block; }
.page-pro-list ul li p{ clear: both; display: flex; margin: 0px; padding: 0px; width: 100%; height: 286px; overflow: hidden; border: 1px solid #f7f7f7; box-sizing: border-box; align-items: flex-end; justify-content: center; }
.page-pro-list ul li p img{ clear: both; display: block; max-width: 100%; height: auto; }
.page-pro-list ul li span{ clear: both; display: block; height: 50px; line-height: 50px; background-color: #f7f7f7; text-align: center; }
.page-pro-list ul li:hover span{ background-color: #0d59bb; color: #fff; }



.page-pro-con{ clear: both; display: block;}
.page-pro-con-pic{ clear: both; display: block; text-align: center;}
.page-pro-con-pic img{ border: 0px; clear: both; display: inline-block; max-width: 750px; max-height: 550px; }
.page-pro-con-tit{ clear: both; display: block; background-color: #f7f7f7; padding: 10px; font-weight: bold; margin: 20px 0px;}

/* page-case-list */
.page-case-list{ clear: both; display: block;}
.page-case-list ul{ clear: both; display: block; margin-bottom: 30px;}
.page-case-list ul li{ float: left; display: block; width: 285px; margin-right: 20px; text-align: center;}
.page-case-list ul li:nth-child(4n){ margin-right: 0px; }
.page-case-list ul li a{ clear: both; display: block; }
.page-case-list ul li p{ clear: both; display: flex; margin: 0px; padding: 0px; width: 100%; height: 286px; overflow: hidden; align-items: flex-end; justify-content: center; }
.page-case-list ul li p img{ clear: both; display: block; max-width: 286px; height: auto; max-height: 100%; margin: 0px auto; }
.page-case-list ul li span{ clear: both; display: block; height: 50px; line-height: 50px; background-color: #f7f7f7; text-align: center; }
.page-case-list ul li:hover span{ background-color: #0d59bb; color: #fff; }

/* page-news-list */
.page-news-list{ clear: both; display: block;}
.page-news-list li{ clear: both; display: block; background: #f7f7f7; padding: 20px; margin-bottom: 25px; }
.page-news-list li:hover{ background: #fff; box-shadow: 0px 0px 20px #e3e3e3;}
.page-news-list li:hover .page-news-txt-arr{ background: #0d59bb; color: #fff; border: 1px solid #0d59bb;}
.page-news-list li a{ clear: both; display: block;}

.page-news-pic{ float: left; display: block; width: 230px; height: 120px; overflow: hidden;}
.page-news-pic img{ border: 0px; width: 230px;}

.page-news-txt{ float: right; display: block; width: 900px;}
.page-news-txt-tit{ clear: both; display: block; font-size: 18px; font-weight: bold;}
.page-news-txt-txt{ clear: both; display: block; padding: 15px 0px; font-size: 16px; color: #999;}

.page-news-txt-other{ clear: both; display: block;}
.page-news-txt-time{ float: left; display: inline-block; font-size: 16px; color: #999;}
.page-news-txt-arr{ float: right; display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 35px; text-align: center; color: #999; border-radius: 50%; border: 1px solid #999;}


/*  page news content */
.page-news-con{ clear: both; display: block;}
.page-news-con-tit{ clear: both; display: block; font-size: 18px; font-weight: bold; text-align: center; }
.page-news-con-info{ clear: both; display: block; padding: 10px 0px; margin: 20px 0px 40px; text-align: center;}
.page-news-con-txt{ clear: both; display: block; color: #666; line-height: 30px;}
.page-news-con-txt img{ border: 0px; max-width: 100%; height: auto;}


/* page-about-tit */
.page-about-tit{ clear: both; display: block; height: 70px; line-height: 70px; background-color: #0d59bb; font-size: 30px; text-align: center; color: #fff; border-radius: 10px; }

.page-about-txt{ clear: both; display: block; background-color: #fff; box-shadow: 0px 0px 20px #e3e3e3; margin: 30px 0px 0px; padding: 30px; font-size: 16px; line-height: 35px;}


/* page-contact */
.page-contact-txt{ clear: both; display: block; border: 1px solid #e3e3e3;}
.page-contact-txt-pic{ float: left; display: block; width: 390px;}
.page-contact-txt-pic img{ border: 0px; clear: both; display: block; }
.page-contact-txt-text{ float: left; display: block; width: 550px; margin-left: 50px; padding-top: 50px;}
.page-contact-txt-text strong{ clear: both; display: block; font-size: 20px;}
.page-contact-txt-text p{ clear: both; display: block; font-size: 16px; line-height: 35px;}


.page-contact-tit{ clear: both; display: block; margin: 40px 0px 20px; text-align: center;}
.page-contact-tit strong{ clear: both; display: block; font-size: 30px; margin: 10px 0px;}
.page-contact-tit span{ clear: both; display: block; font-size: 14px; letter-spacing: 5px; color: #999;}


.page-contact-con{ clear: both; display: block; border: 1px solid #e3e3e3;}
.page-contact-con-list{ clear: both; display: block; padding: 40px; }
.page-contact-con-list ul{ clear: both; display: block; margin-bottom: 40px;}
.page-contact-con-list li{ float: left; display: block; width: 48%; margin-right: 4%; margin-bottom: 15px;  padding: 15px 0px; box-shadow: 1px 1px 1px #ccc; font-size: 16px; line-height: 40px;}
.page-contact-con-list li strong{ color: #0d59bb; font-size: 20px;}
.page-contact-con-list li:nth-child(2n){ margin-right: 0;}
.page-contact-con-list li i{ font-size: 40px; color: #0d59bb; margin-right: 20px; }


.page-contact-con-map{ clear: both; display: block; width: 100%; height: 400px; overflow: hidden; border: 1px solid #e3e3e3; }



/* pageList */
.pageList{ clear: both; display: block; text-align: center; padding: 20px 0px;}
.pageList a, .pageList b{ display: inline-block; height: 45px; line-height: 45px; border: 1px solid #f7f7f7; padding: 0px 15px; font-size: 16px; margin-left: 10px;}
.pageList a:hover, .pageList b{ background: #0d59bb; color: #fff;}


.page-list{ clear: both; display: block; margin: 50px 0px 0px; padding: 20px 0px; border-top: 1px solid #e3e3e3;}



/* copy */
.copy-top{ clear: both; display: block; background-color: #282828; border-bottom: solid 1px #2c2c2c; margin-top: 50px;}
.copy-top-c{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 50px 0px; color: #fff; }
.copy-top-c a{ color: #fff;}

.copyTit{ clear: both; display: block; font-size: 18px; width: 100%; height: 60px; line-height: 60px; position: relative; margin-bottom: 40px;}
.copyTit i{ position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #fff;}


.copy-top-menu{ float: left; display: block; width: 270px; }
.copy-top-menu-li{ clear: both; display: block; }
.copy-top-menu-li a{ display: inline-block; float: left; width: 120px; margin-bottom: 16px;}

.copy-top-contact{ float: left; display: block; padding: 0px 65px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.copy-top-contact-li{ clear: both; display: block;}
.copy-top-contact-li li{ clear: both; display: block; margin-bottom: 16px;}
.copy-top-contact-li li i{ margin-right: 20px; }

.copy-top-qrcode{ float: right; display: block;}
.copy-top-qrcode-list{ clear: both; display: block;}
.copy-top-qrcode-list li{ float: left; display: block;}
.copy-top-qrcode-list li:nth-child(1){ margin-right: 20px;}
.copy-top-qrcode-list li p{ clear: both; display: block; margin: 0px; padding: 0px;}
.copy-top-qrcode-list li p img{ border: 0px; width: 140px; padding: 3px; background: #fff;}
.copy-top-qrcode-list li span{ clear: both; display: block; margin: 0px; padding: 0px; text-align: center;}


/* copy-txt */
.copy-txt{ clear: both; display: block; background-color: #282828;}
.copy-txt-c{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 30px 0px; color: #fff;}
.copy-txt-c a{ color: #fff;}
.copy-txt-c-l{ float: left; display: block;}
.copy-txt-c-l span{ margin-right: 20px; }
.copy-txt-c-r{ float: right; display: block;}



/* kefu list */
.kefuShow{ position: fixed; top: 50%; margin-top: -260px; right: 0px; background: #0d59bb; width: 24px; font-size: 16px; min-height: 120px; display: none; color:#FFF; border-radius: 5px 0px 0px 5px; cursor: pointer; text-align: center; padding: 10px 0px; z-index: 1000;}
.kefu{ position: fixed; z-index: 1000; top: 50%; margin-top: -260px; right: 0px; background: #FFF; width: 150px; border: 4px solid #0d59bb; border-radius: 10px 0px 0px 10px; }
.kefuHeader{ clear: both; display: block; height: 40px; line-height: 40px; background:#0d59bb; color: #FFF; }
.kefuHeader strong{ font-size: 15px; float: left; margin-left: 10px; }
.kefuHeader span{ float: right; width: 15px; height: 15px; line-height: 15px; overflow: hidden; background: rgba(255,255,255,0.3); color: #FFF; text-align: center; margin:12px 10px 0px 0px; cursor: pointer;}
.kefuList{ clear: both; display: block; font-size: 12px; }
.kefuList ul{ clear: both; display: block; margin: 0px 13px; padding: 10px 0px; border-bottom: 1px solid #e3e3e3; }
.kefuList li{ clear: both; display: block; line-height: 22px; }
.kefuList li a{ text-decoration: underline; }
.kefuList li img{ border: 0px; width: 100%; margin-top: 10px; }

.kefuText{ clear: both; display: block; text-align: center; margin-top: 25px; }
.kefuBlue{ clear: both; display: block; text-align: center; color: #0d59bb; font-weight: bold; height: 60px; }