@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; }


.top{ clear: both; display: block; width: 1200px; height: 100px; margin: 0px auto; position: relative; }
.logo{ position: absolute; left: 0px; bottom: 10px; }
.logo img{ border: 0px; height: 70px; }

.tel{ position: absolute; right: 0px; bottom: 10px; display: flex; justify-content: center; align-items: center;}
.tel .txt{ display: flex; color: #1d66cf; font-size: 18px;}
.tel .txt strong{ font-size: 28px;}

.tel .qr{ display: flex; margin-left: 50px;}
.tel .qr img{ border: 0px; width: 75px; height: 75px;}



/*  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: 700px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide a{ clear: both; display: block; width: 100%; height: 700px; }
.swiper-container-banner .swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px; }

/* indexBanner */
.swiper-container-indexBanner { clear: both; display: block; width: 100%; height: 700px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container-indexBanner .swiper-slide a{ clear: both; display: block; width: 100%; height: 700px; }
.swiper-container-indexBanner .swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px; background-color: #1d66cf; }

/* index-tit */
.index-tit{ display: flex; flex-direction: column; margin: 0px 20% 30px; justify-content: center; align-items: center;}
.index-tit strong{ display: flex; font-size: 30px; color: #444; margin-bottom: 20px;}
.index-tit p{ display: flex;}


/* index-news */
.index-news{ clear: both; display: block; padding: 70px 0px;}
.index-news-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}
.index-news-tit{ clear: both; display: flex; align-items: flex-end; margin-bottom: 30px;}
.index-news-tit-l{ display: flex; flex-direction: column; flex: 1;}
.index-news-tit-r{ display: flex;}
.index-news-tit-r a{ color:#7c7c7c;}

.index-news-tit strong{ clear: both; display: block; font-size: 30px; color: #444; margin-bottom: 20px;}
.index-news-tit span{ color: #7c7c7c;}

.index-news-list{ clear: both; display: flex; }
.index-news-list-pic{ display: flex; width: 440px; height: 360px; position: relative; margin-right: 30px;}
.index-news-list-pic a{ position: absolute; width: 440px; height: 360px; left: 0px; top: 0px;}
.index-news-list-pic img{ border: 0px; width: 440px; height: 360px; }
.index-news-list-pic span{ display: flex; width: 100%; padding: 15px 0px; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 18px; justify-content: center; align-items: center;}

.index-news-list-txt{ display: flex; flex: 1; flex-direction: row; flex-wrap:wrap; }
.index-news-list-txt li{ display: flex; flex-direction: column; width: 49%; margin-right: 2%; background-color: #f7f7f7; padding: 15px; box-sizing: border-box; margin-bottom: 15px; color: #777;}
.index-news-list-txt li:nth-child(2n){ margin-right: 0px; }
.index-news-list-txt li strong{ font-size: 17px;}
.index-news-list-txt li span{ margin: 7px 0px; }
.index-news-list-txt li p{ display: flex; margin: 0px; padding: 0px; font-size: 12px; line-height: 20px; }

/*  index-pro  */
.index-pro{ clear: both; display: block; background: url(../images/product_bg.jpg) center top no-repeat;}
.index-pro-c{ display: flex; width: 1200px; margin: 0px auto; padding: 70px 0px; flex-direction: column;}
.index-pro-c .index-tit, .index-pro-c .index-tit strong{ color: #fff;}


/* index-pro swiper */
.swiper-container-pro { clear: both; display: block; width: 1200px; height: 370px; margin: 0px auto; overflow: hidden; position: relative; }
.proPic{ clear: both; display: table-cell; width: 276px; height: 250px; vertical-align: middle; text-align: center; background: #fff; padding: 2px; }
.proPic img{ border: 0px; max-width: 272px; max-height: 250px; margin: 2px; box-sizing: border-box; }
.proTit{ clear: both; display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; text-indent: 1em; font-size: 14px; }
.swiper-container-pro .swiper-pagination span{ width: 15px; height: 15px; margin: 0px 20px; bottom: -20px; background-color: #1d66cf; }


/* index-case */
.index-case{ clear: both; display: block; padding: 70px 0px;}
.index-case-c{ clear: both; display: flex; width: 1200px; margin: 0px auto; flex-direction: column; }
.index-case-list{ display: flex; width: 100%;}
.index-case-list-l{ display: flex; width: 550px; height: 550px;}
.index-case-list-l img{ width: 100%; height: 100%;}
.index-case-list-r{ display: flex; flex: 1; flex-wrap: wrap;}
.index-case-list-r a{ display: flex; width: 325px; height: 275px; overflow: hidden; position: relative;}
.index-case-list-r a img{ border: 0px; width: 325px; height: 275px; transition: all 0.3s; }


/* index-about */
.index-about{ clear: both; display: block; background-color: #f5f5f5; padding: 70px 0px;}
.index-about-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}

.index-about-list{ display: flex; width: 100%;}
.index-about-list li{ display: flex; flex: 1; margin-right: 25px; height: 380px; position: relative;}
.index-about-list li:nth-child(3){ margin-right: 0px;}
.index-about-list li p{ width: 100%; height: 380px; position: absolute; left: 0px; bottom: 0px; margin: 0px; padding: 0px;}
.index-about-list li p img{ clear: both; display: block; width: 100%; height: 380px; border: 0px;}
.index-about-list li span{ width: 100%; padding: 20px 0px; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 20px; text-align: center;}


/* copy style */
.copy_txt{ clear: both; display: flex; background: url(../images/copy_txt.jpg) center top no-repeat; padding: 80px 0px; justify-content: center;}
.copy_txt li{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0px 50px; color: #fff; }
.copy_txt li strong{ display: flex; font-size: 50px; margin-bottom: 20px;}
.copy_txt li span{ display: flex;}


.copy_right{ clear: both; display: flex; justify-content: center; padding: 50px 0px; background-color: #39424b;}
.copy_menu{  display: flex; width: 1200px;}
.copy_menu ul{ display: flex; flex: 1; flex-direction: column;}
.copy_menu ul li{ display: flex; margin-bottom: 10px;}
.copy_menu ul li img{ border: 0px; width: 120px; height: 120px; }
.copy_menu ul li a{ font-size: 14px; color: #a2a5a8; }
.copy_menu ul li strong { margin-bottom: 15px; font-size: 17px; color: #fff; }
.copy_menu ul li strong a{ font-size: 17px; color: #fff; }


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


.copyright{ clear: both; display: block; background-color: #39424b; text-align: center; color: #a2a5a8; padding: 20px 0px; border-top: 1px solid #a2a5a8; }
.copyright a{ color: #a2a5a8;}



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

.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; }