@charset "utf-8";
body{ margin:0px; padding:0px; font-size:14px; background:#FFF;line-height:25px; font-family: "microsoft Yahei",Verdana, Geneva, sans-serif;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


.index{ clear: both; display: block; width: 1200px; margin: 40px auto; }
.indexC{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.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; float: left; right: 0px; top: 30px; width: 250px; padding: 10px; 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: 2.8px;}
.logo-txt strong{ clear: both; display: block; font-size: 34px; color: #1d66cf; padding: 15px 0px 15px;}


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


/*  menu style start */
.navbg{ clear:both; display:block; width:100%; background:#1d66cf;}
.muen_box { width: 100%; height:68px; line-height:68px; overflow: hidden; margin:0px auto;}


#wrap-nav .muen_box {overflow:visible; z-index: 99; text-transform: uppercase; }
#wrap-nav .menu{ clear: both; display: block; width: 1200px; margin: 0px auto; }
#wrap-nav .menu li {position: relative; float:left; display: inline; z-index:1000000; }
#wrap-nav .menu li:last-child{ border-right: 0px; }
#wrap-nav .menu li a{ display:block; width: 169px; height:68px; line-height:68px; text-align:center; font-size:16px; color:#FFF; text-align: center; }
#wrap-nav .menu li a:hover{ box-shadow: 0px 10px 5px #333; text-decoration: none; }
/* #wrap-nav .menu li .on{ background: #23a0e7; } */
#wrap-nav .menu ul.children { display:none; width:169px; background: rgba(29, 102, 207, 0.7); position:absolute; z-index:1000000; top:68px; left:0px;}

#wrap-nav .menu ul.children a{ padding:0px; clear:both; display:block; width:100%; height:45px; line-height:45px; overflow:hidden; text-align:center; font-weight: normal; }
#wrap-nav .menu ul.children a:hover{ color:#FFF; background: rgba(29, 102, 207, 0.9);}
#wrap-nav .menu ul.children .noborder {border: none;}


/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; height: 830px; margin: 0px auto; overflow: hidden; position: relative; border-top: 1px solid #1d66cf; }
.swiper-container-banner .swiper-slide a{ clear: both; display: block; width: 100%; height: 830px; }
.swiper-container-banner .swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px; }

/* 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: #1d66cf;}
.index-title i{ display: block; width: 40px; height: 2px; background-color: #1d66cf; 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: 380px; height: 450px; position: relative; margin-right: 30px; }
.index-youdian-list li:nth-child(3){ margin-right: 0px;}

.index-youdian-list-tit{ width: 150px; height: 130px; background-color: #1d66cf; border-radius: 50% 0px 50% 0px; 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: #1d66cf; 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 #1d66cf; 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: 14px 0px;}
.indexProductTitle li a i{ margin: 0px 10px; color: #777;}


.indexProductTitle .cur{ background: #1d66cf; color: #FFF; transition: all 0.3s; }
.indexProductTitle .cur a{ background: #1d66cf; }
.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: #1d66cf; 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; position: relative;}
.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{ width: 300px; height: 400px; color: #fff; position: absolute; right: 0px; top: 0px; background: #1d66cf; color: #fff; text-align: center; }
.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; }

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

.step-r-btn{ clear: both; display: block; margin: 30px 0px; padding: 0px 30px;}
.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: #1d66cf; 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-video */
.index-video{ clear: both; display: block; width: 100%; background-image: url(../images/video.jpg); background-size: cover; background-repeat: no-repeat; padding: 30px 0px;}
.index-video-c{ display: block; width: 800px; height: 450px; margin: 0px auto;}


/* 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: #1d66cf; 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: #1d66cf;}



.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;*/ display: none; 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: flex; flex: 1; flex-direction: column; }
.index-news-list-txt-time{ clear: both; display: block;}
.index-news-list-txt-time span{ clear: both; display: block; color: #1d66cf; font-size: 12px;}
.index-news-list-txt-time strong{ clear: both; display: block; color: #1d66cf; 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: #1d66cf; 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: #1d66cf;  }

.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: #1d66cf; color: #fff; height: 25px; line-height: 25px; padding: 0px 3px; margin-right: 10px; }




/* links */
.links{ clear: both; display: block; background: #1d66cf; color: #fff; padding: 25px 0px; }
.links-con{ clear: both; display: flex; align-items:center; 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: 12px; height: 16px; }
.links-con-txt strong{ clear: both; display: block; font-size: 20px; letter-spacing: 5px; letter-spacing: 7px; height: 18px;}

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




/* copy style */

.copyright{ clear: both; display: flex; width: 100%; background-color: #232323; padding: 50px 0px; color: #898989; justify-content: center; border-top: 1px solid #898989;}
.copyright a{ color: #898989;}
.copyright-c{ clear: both; display: flex; width: 1200px; margin: 0px auto; justify-content: space-between;}

.copy_menu{ display: flex; }
.copy_menu ul{ display: flex; flex-direction: column; margin-right: 60px;}
.copy_menu ul li{ line-height: 40px;}
.copy_menu ul li strong a{ color: #fff; font-size: 18px; }

.copy_contact{ display: flex; flex: 1; flex-direction: column; height: 300px; padding: 0px 45px; margin-right: 50px; border-left: 1px solid #898989; border-right: 1px solid #898989; }
.copy_contact strong{ display: flex; color: #fff; font-size: 18px; line-height: 40px;}
.copy_contact p{ margin: 0px; padding: 0px; line-height: 40px; }

.copy_qr{ display: flex; }
.copy_qr li{ display: flex; flex-direction: column; margin-left: 10px; }
.copy_qr li:first-child{ margin-left: 0px; }
.copy_qr p{ display: flex; padding: 1px; background: #fff; color: #fff; font-size: 18px; line-height: 40px;}
.copy_qr p img{ border: 0px; clear: both; display: block; width: 120px; height: 120px;}
.copy_qr span{ display: flex; justify-content: center; align-items: center;}





/* ------------------------------------------------------------------------- */

.pinpaiPage{ clear: both; display: block; width: 1000px; margin: 0px auto; }
.aboutBanner{ clear: both; display: block; margin-top: 40px; }
.aboutBanner img{ border: 0px; width: 100%; }

.aboutChannel{ clear: both; display: block; height: 50px; background: #e6e6e6; padding: 10px 0px 0px 0px; }
.aboutChannel li{ float: left; display: block; width: 20%; text-align: center; }
.aboutChannel li a{ display: inline-block; font-size: 15px; height: 40px; line-height: 40px; padding: 0px 30px; }
.aboutChannel .cur a{ background: #44b9f5; color: #fff; border-radius: 4px; }


/* ------------------------------------------------------------------------- */
.newsBanner{ clear: both; display: block; text-align: center; }
.newsBanner img{ border: 0px; width: 100%; }

.newsChannel{ clear: both; display: block; width: 1200px; height: 50px; margin: 40px auto 0px; }
.newsChannel li{ float: left; display: block; margin-right: 20px; }
.newsChannel li a{ display: inline-block; font-size: 15px; height: 40px; line-height: 40px; padding: 0px 30px; }
.newsChannel .cur a{ background: #44b9f5; color: #fff; border-radius: 4px; }

/* sub style */
.right{ float: right; display: block; width: 930px; }

.page{ clear: both; display: block; padding-top: 10px; border-top: 1px solid #e3e3e3; }
.pageList{ clear: both; display: block; margin: 30px auto; width: 1200px; }
.pageList a{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #f7f7f7; border: 1px solid #e3e3e3; }
.pageList b{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #1767CA; color: #FFF; }



/* product */
.productBanner{ clear: both; display: block; margin-bottom: 10px; }
.productBanner img{ border: 0px; width: 100%; }


.productList{ clear: both; display: block; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
.productList ul{ clear: both; display: block; }
.productList li{ float: left; display: block; width: 308px; padding: 20px 0px; text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.productList li:hover{ background: #e3e3e3; box-shadow: 0px 0px 5px #e3e3e3; transition: all 0.6s; }
.productList li p{ clear: both; display: block; margin: 0px; padding: 0px; }
.productList li p a{ clear: both; display: vertical-align; width: 100%; height: 250px; text-align: center; }
.productList li p img{ border: 0px; max-width: 250px; max-height: 250px; }
.productList li span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }

.proImgPic{ clear: both; display: block; text-align: center; }
.proImgPic img{ border: 0px; max-width: 700px; }

/* pic zoom */
.productOther{ clear: both; display: block; }
.productPic{ float: left; display: block; width: 300px; text-align: center; }
.productPicZoom{ clear: both; display: table-cell; width: 298px; height: 298px; border: 1px solid #e3e3e3; text-align: center; vertical-align: middle; }
.productPicZoom div{ clear: both; display: block; }
.productPicZoom div img{ border: 0px; max-width: 298px; max-height: 298px; }

.productZoomList{ clear: both; display: block; margin-top: 10px; }
.productZoomList a{ float: left; display: block; width: 55px; cursor: pointer; margin-right: 6px; }
.productZoomList a:nth-child(5){ margin-right: 0px; }
.productZoomList a img{ border: 0px; width: 53px; height: 53px; border: 1px solid #e3e3e3; }
.productZoomList .cur img{ border: 1px solid #1d66cf; }



.productTxt{ float: right; display: block; width: 600px; }
.productTit{ clear: both; display: block; font-size: 20px; line-height: 40px; color: #1d66cf; }

.productTel{ clear: both; display: block; height: 60px; line-height: 70px; overflow: hidden; background: URL(../images/tel.jpg) left 50% no-repeat; text-indent: 2.7em; border-top: 1px solid #e3e3e3; }
.productTel span{ font-size: 14px; color: #777; }
.productTel strong{ color: #1d66cf; font-size: 25px; }

.productXunjia{ clear: both; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #666; border: 1px solid #ccc; cursor: pointer; }
.productXunjia:hover{ border: 1px solid #1d66cf; background: #1d66cf; transition: all 0.7s; }
.productXunjia:hover a{ clear: both; display: block; color: #fff; transition: all 0.7s; text-decoration: none; }


/* product content tab */
.productContent{ clear: both; display: block; margin-top: 30px; }
.productContentTit{ clear: both; display: block; height: 40px; background: #f3f4f8; border: 1px solid #e3e3e3; border-bottom: none; }
.productContentTit a{ float: left; display: block; width: 25%; height: 40px; line-height: 40px; font-size: 15px; text-align: center; cursor: pointer; }
.productContentTit a:hover{ text-decoration: none; }
.productContentTit .cur{ background: #1d66cf; color: #fff; }

.productContentTxt{ clear: both; display: block; border: 1px solid #e3e3e3; }
.h3title{ clear: both; display: block; background: #e3e3e3; }
.h3title span{ display: inline-block; height: 35px; line-height: 35px; color: #fff; background: #1d66cf; margin: 0px; padding: 0px 20px; height: 35px; line-height: 35px; font-size: 14px;}

.h3txt{ clear: both; display: block; margin: 15px; }
.productSmallTxt{ clear: both; display: block; font-size: 14px; margin: 15px 0px; color: #666;}


/* message */
.messageTop{ clear: both; display: block; margin: 20px; padding: 10px; background: #1d66cf; color: #fff; }
.messageLeft{ float: left; display: block; width: 500px; margin-left: 40px;}
.messageLeft span{ clear: both; display: block; height: 60px; line-height: 60px; font-size: 20px;}

.messageIcon{ float: right; display: block; background: #e3e3e3; padding: 20px 0px 20px 20px; }
.messageIcon li{ float: left; display: block; margin-right: 20px;}
.messageIcon li a{ clear: both; display: block; width: 100%; text-align: center;}
.messageIcon li img{ border: 2px solid #1d66cf; border-radius: 10px; }
.messageIcon li span{ clear: both; display: block; width: 100%; color: #fff; font-size: 12px; border-radius: 3px; background: #fff; color: #1d66cf; text-align: center; }

.messageTxt{ clear: both; display: block; margin: 20px; padding: 20px 0px; font-size: 14px; }

.messageForm{ clear: both; display: block; margin: 20px;}
.messageFormLeft{ float: left; display: block; width: 600px;}
.messageLi{ clear: both; display: block; font-size: 12px; margin-bottom: 10px; height: 25px;}
.messageLi span{ float: left; display: block; width: 100px; height: 25px; line-height: 25px; background: #1d66cf; color: #fff; text-align: center;}
.messageLi p{ float: left; display: block; width: 300px; margin: 0px 0px 0px 10px; padding: 0px;}
.messageLi p input{ clear: both; display: block; width: 100%; border: 1px solid #e3e3e3; background: #f7f7f7; height: 23px; line-height: 23px; }
.messageLi textarea{ clear: both; display: block; width: 100%; height: 100px; border: 1px solid #e3e3e3; background: #f7f7f7; }

.messageFormRight{ float: right; display: block; width: 200px; margin-right: 20px; padding: 20px; background: #f7f7f7; text-align: center; }
.messageFormRight a{ clear: both; display: block; text-align: center; width: 100%;}
.messageFormRight p{ clear: both; display: block; margin: 0px; padding: 0px;}
.messageFormRight p img{ border: 0px; border-radius: 10px; border: 2px solid #1d66cf;}
.messageFormRight span{ clear: both; display: block; height: 30px; line-height: 30px; background: #fff; color: #1d66cf; color: #333; border-radius: 5px; }

.messageBtn{ clear: both; display: block; margin-left: 110px;}
.messageBtn input{ clear: both; display: inline-block; height: 30px; line-height: 30px; border: 1px solid #e3e3e3; background: #f7f7f7; padding: 0px 20px; margin-top: 20px; cursor: pointer; }



/* sub page left */
.left{ float: left; display: block; width: 230px; background: #fff; }
.leftProduct{ clear: both; display: block; border: 1px solid #e3e3e3; margin-bottom: 15px; }
.leftTit{ clear: both; display: block; height: 122px; line-height: 100px; color: #fff; background: URL(../images/leftTitBg.jpg) center top no-repeat; font-size: 30px; text-align: center; }
.leftList{ clear: both; display: block; }
.leftList li{ clear: both; display: block; margin: 0px 10px; line-height: 50px; font-size: 15px; text-indent: 3em; background: #2879cb  URL(../images/leftFirIcon.png) 10px 50% no-repeat; border-radius: 5px; color: #fff; margin-top: 20px; }
.leftList li a{ color: #fff; }
.leftList .cur a{ color: #fff; font-weight: bold; }


.sec{ clear: both; display: block; }
.sec li{ clear: both; display: block; height: 45px; line-height: 45px; background: none; border-bottom: 1px dashed #ccc; text-indent: 1em; margin-top: 0px; }
.sec li a{ color: #333; }
.sec .cur a{ color: #1d66cf;  }
.sec li:last-child{ border-bottom: none; }


/* left other */
.leftContact{ clear: both; display: block; border: 1px solid #e3e3e3; margin-bottom: 15px; font-size: 14px; }
.leftContactTxt{ clear: both; display: block; padding: 10px; }
.leftContactTxt p{ clear: both; display: block; margin: 0px 0px 3px 0px; }
.leftContactTxt p img{ clear: both; display: block; border: 0px; width: 100%; }
.leftContactTxt p i{ margin-right: 5px; }



/* left news */
.leftNews{ clear: both; display: block;  background: #fff; box-shadow: 0px 0px 10px #ccc; margin-top: 15px; }
.leftNewsList{ clear: both; display: block; margin: 10px 15px; padding-bottom: 15px; }
.leftNewsList li{ clear: both; display: block; height: 33px; line-height: 33px; background: #ddd; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 5px; border-radius: 5px; }




/* news */
.newsList{ clear: both; display: block; margin: 0px auto; }
.newsList ul{ clear: both; display: block; margin-bottom: 45px; }
.newsList li{ clear: both; display: block;  margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; }
.newsList li:nth-child(2n){ margin-right: 0px; }
.newsList .newsPic{ float: left; display: block; width: 135px; height: 135px; }
.newsList .newsPic img{ border: 0px; width: 135px; height: 135px; }
.newsList .newsTxt{ float: right; display: block; width: 750px; }
.newsTit{ clear: both; display: block; height: 60px; line-height: 30px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.newsText{ clear: both; display: block; height: 60px; line-height: 20px; font-size: 12px; overflow: hidden; }
.newsDate{ clear: both; display: block; text-align: right; font-size: 12px; }




.newsContent{ clear: both; display: block; width: 100%; }
.pageTitle{ clear: both; display: block; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.pageInfo{ clear: both; display: block; height: 35px; line-height: 35px; text-align: center; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.pageText{ clear: both; display: block; }
.pageText img{ border: 0px; max-width: 100%; }


.pageTxt{ clear: both; display: block; }
.pageTxt h2{ clear: both; display: block; margin: 0px; padding: 0px; margin-bottom: -20px; }
.pageTxt img{ border: 0px; max-width: 100%; height: auto; }
.pageTxt p{ margin: 0px; padding: 0px; }

.pinpaiTxt{ clear: both; display: block; font-size: 15px; margin: 40px 0px; }

.zhuanlipic{ clear: both; display: block; margin: 40px 0px; }
.zhuanlipic li{ float: left; display: block; width: 33.33%; text-align: center; }
.zhuanlipic li:nth-child(2){ margin-top: 70px; }
.zhuanlipic li img{ border: 0px; clear: both; display: block; margin: 0px auto; }
.zhuanlipic li span{ clear: both; display: block; font-size: 15px; height: 40px; line-height: 50px; }





/* sub case */
.caseYoushi{ clear: both; display: block; width: 1200px; margin: 40px auto; }
.caseYoushiTit{ clear: both; display: block; font-size: 20px; margin: 20px auto 50px; width: 1200px; }
.caseYoushiList{ clear: both; display: block; width: 1000px; margin: 0px auto; }
.caseYoushiList ul{ clear: both; display: block; margin-bottom: 10px; }

.caseYoushiIcon{ float: left; display: block; width: 100px; height: 100px; }
.caseYoushiIcon img{ border: 0px; max-width: 100%; max-height: 100%; }

.caseYoushiTxt{ float: right; display: block; width: 900px; }
.caseYoushiTxt strong{ clear: both; display: block; margin: 0px; padding: 0px; font-weight: normal; font-size: 24px; }
.caseYoushiTxt p{ clear: both; display: block; font-size: 17px; color: #777; }



.hangye{ clear: both; display: block; background: #f1f1f1; margin-top: 40px; }
.hangyeC{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 30px 0px; }
.hangyeTxt{ float: left; display: block; width: 150px; font-size: 20px; line-height: 35px; }
.hangyeList{ float: left; display: block; width: 1050px; }
.hangyeList a{ float: left; display: block; width: 150px; text-align: center; height: 35px; line-height: 35px; border: 1px solid #e3e3e3; background: #fff; margin-right: 15px; cursor: pointer; font-size: 14px; margin-bottom: 15px; }
.hangyeList .cur{ background: #019eef; color: #fff; }
.hangyeList a:hover{ text-decoration: none; }


.caseContent{ clear: both; display: block; background: #fff; text-align: center; padding-top: 50px; }
.caseContent ul{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.caseContent ul img{ border: 0px; width: 143px; margin-right: 30px; }

.focusContent{ clear: both; display: block; background: #fff; padding: 40px 0px; }
.focusTab{ width:800px; height:500px; margin: 0px auto; }




/* case scroll */
.caseHonor{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.caseHonorList{ clear: both; display: block; position: relative; width: 100%; overflow: hidden; }
.caseHonorList:hover .control{display:block}
.caseHonorList{ position:relative; width:100%; height:300px;overflow:hidden; margin-bottom: 40px;}
.roll__list{ width:9999px; position: absolute; left: 0; top: 0;}
.roll__list li{ float:left; display:block; margin-right: 52px; width:260px; height:260px; text-align: center; }
.roll__list li p{ clear: both; display: block; width: 260px; height: 260px; margin: 0px; padding: 0px; overflow: hidden; }
.roll__list li p a{ clear: both; display: table-cell; width: 260px; height: 260px; text-align: center; vertical-align: middle; background: #fff; }
.roll__list li p img{ border: 0px; max-width: 100%; max-height: 100%; }
.roll__list li span{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: normal; font-size: 16px; }
.control{ position:absolute; top:50%; display:none; width: 40px; height: 70px; margin-top: -35px; line-height: 70px; font-weight: bold; font-size: 40px; text-align: center; text-decoration:none; color:#fff; background-color:rgba(0,0,0,.3)}
.control:hover{background-color:rgba(0,0,0,.5)}
.control.pre{left:5px}
.control.next{right:5px}


/* contact */
.contact{ clear: both; display: block; width: 1000px; margin: 40px auto; }

.contactTop{ clear: both; display: block; height: 120px; position: relative; background: #00b8ee; border-radius: 20px 20px 0px 0px; }
.contactTopStrong{ position: absolute; left: 20px; top: 25px; font-size: 28px; color: #fff; }
.contactTopSpan{ position: absolute; left: 20px; bottom: 25px; font-size: 14px; color: #fff; text-indent: 2em; background: URL(../images/xin.png) left 50% no-repeat; }
.contactTopIcon{ position: absolute; right: 110px; bottom: 10px; }
.contactTopIcon img{ border: 0px; height: 100px; }


.fanwei{ clear: both; display: block; height: 400px; margin: 40px 0px; position: relative; }
.fanweiNum{ position: absolute; left: 20px; top: 20px; font-size: 16px; }
.fanweiNum strong{ color: #00b8ee; font-size: 45px; }

.fanweiOther{ position: absolute; left: 20px; top: 70px; }
.fanweiOther p{ clear: both; display: block; font-size: 16px; margin: 0px; padding: 0px; }
.fanweiOther span{ clear: both; display: block; color: #888; font-size: 20px; }

.fanweiIcon{ position: absolute; left: 20px; top: 150px; }
.fanweiIcon li{ float: left; display: block; margin-right: 40px; text-align: center; font-size: 16px; color: #00b8ee; }

.fanweiMap{ position: absolute; right: 0px; bottom: 20px; }
.fanweiMap img{ border: 0px; }



.tuanduiTit{ clear: both; display: block; border-bottom: 3px solid #3dbae8; height: 80px; line-height: 80px; font-size: 25px; }
.tuanduiTxt{ clear: both; display: block; height: 40px; line-height: 40px; font-size: 18px; }

.tuanduiPic{ clear: both; display: block; margin: 20px 0px 40px; }
.tuanduiPic img{ border: 0px; width: 100%; }


.fuwuList{ clear: both; display: block; text-align: center; }
.fuwuList li{ float: left; display: block; width: 260px; margin-left: 55px; }
.fuwuList li p{ clear: both; display: block; }
.fuwuList li strong{ clear: both; display: block; font-size: 18px; }
.fuwuList li span{ clear: both; display: block; font-size: 14px; }


.contactList{ clear: both; display: block; margin-bottom: 40px; }
.contactList li{ float: left; display: block; width: 236px; text-align: center; border: 1px solid #e3e3e3; background: #f1f1f1; margin-right: 15px; }
.contactList li:last-child{ margin-right: 0px; }
.contactList li p{ clear: both; display: block; height: 40px;line-height: 40px; font-size: 18px; }
.contactList li span{ clear: both; display: block; }
.contactList li span img{ border: 0px; width: 87px; height: 87px; }
.contactList li strong{ clear: both; display: block; color: #3dbae8; font-size: 24px; height: 60px; line-height: 60px; }
.contactList li a{ color: #3dbae8; }


.rexian{ clear: both; display: block; background: #f1f1f1; box-shadow: -2px 2px 3px #ccc; text-align: center; padding: 20px 0px; position: relative; }
.rexian strong{ clear: both; display: block; font-size: 24px; margin-bottom: 15px; }
.rexian span{ clear: both; display: inline-block; font-size: 18px; height: 30px; line-height: 30px; cursor: pointer; }
.rexian p{ clear: both; display: none; z-index: 30000; width: 200px; height: 200px; margin: 0px; padding: 0px; position: absolute; top: 120px; left: 50%; margin-left: -100px; background: #fff; text-align: center; }
.rexian p img{ border: 0px; width: 200px; height: 200px; }




/* kefu list */
.kefu{ position: fixed; top: 160px; right: 0px; width: 65px; z-index: 300; }
.kefu li{ clear: both; display: block; width: 65px; height: 65px; line-height: 65px; text-align: center; margin-bottom: 5px; color: #fff; background: #68b0d8; position: relative; }
.kefu li:hover{ background: #019eef; }
.kefu li:hover div{ background: #019eef; }
.kefu li div{ background: #68b0d8; display: none; }

.kefu li img{ border: 0px; margin-top: 15px; }

.kefu .kefuqq{ position: absolute; width: 180px; right: 65px; top: 0px; text-align: center; padding: 15px 0px; }
.kefu .kefuqq span{ clear: both; display: block; height: 40px; line-height: 40px; font-size: 16px; }
.kefu .kefuqq span a{ color: #fff; }

.kefu .kefutel{ position: absolute; width: 180px; right: 65px; top: 0px; text-align: center; font-size: 18px; }
.kefu .kefutel p{ clear: both; display: block; margin: 0px; padding: 0px; height: 55px; line-height: 55px; }
.kefu .kefutel strong{ clear: both; display: block; margin: 0px; padding: 0px; height: 55px; line-height: 35px; }