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


/*  menu style start */
.navbg{ position: absolute; right: 0px; bottom: 0px; }
.muen_box { width: 100%; height:50px; line-height:50px; overflow: hidden; margin:0px auto;}


#wrap-nav .muen_box {overflow:visible; z-index: 99; text-transform: uppercase; }
#wrap-nav .menu{ clear: both; display: block; }
#wrap-nav .menu li {position: relative; float:left; display: inline; z-index:1000000; }
#wrap-nav .menu li a{ display:flex; width: 120px; height:100px; font-size:18px; align-items: center; justify-content: center; }
#wrap-nav .menu li a:hover{ color: #1d66cf; text-decoration: none; }
#wrap-nav .menu ul.children { display:none; width:120px; background: #fff; position:absolute; z-index:1000000; top:100px; 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; border-bottom: 1px solid #f7f7f7; font-size: 14px; }
#wrap-nav .menu ul.children a:hover{ color:#1d66cf; background: #fff; }
#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; border-top: 1px solid #1d66cf; }
.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; }


.indexAd{ clear: both; display: block; width: 100%; margin: 20px auto; text-align: center; }
.indexAd img{ border: 0px; max-width: 100%; height: auto; }


/* index-pro-tit */
.index-pro-tit{ clear: both; display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; color: #616161; padding: 30px 0px;}
.index-pro-tit span{ display: flex; font-size: 36px; margin-bottom: 20px;}
.index-pro-tit strong{ display: flex; font-size: 30px;}

/* index title */
.indexTitle{ clear: both; display: block; width: 1200px; margin: 0px auto 15px; text-align: center; }
.indexTitle h2{ clear: both; display: block; font-size: 32px; color: #1d66cf; letter-spacing: 3px; }
.indexTitle span{ clear: both; display: block; border-top: 1px solid #e3e3e3; }
.indexTitle span small{ clear: both; display: block; width: 100px; height: 3px; background: #1d66cf; margin: -2px auto 0px; }
.indexTitle p{ clear: both; display: block; font-size: 16px; height: 30px; line-height: 20px; color: #616161; }

/* 首页产品 tab list */
.pro_tab{ clear: both; display: flex; width: 1200px; height: 45px; margin: 0px auto; text-align: center; }
.pro_tab a{ display: flex; flex: 1; justify-content: center; align-items: center; height: 45px; line-height: 45px; cursor: pointer; border: 1px solid #e3e3e3; background: #fff; margin-right: 18px; text-align: center;  transition: all 0.3s; }
.pro_tab a:hover{ background: #1d66cf; transition: all 0.3s; color: #fff; text-decoration: none; }
.pro_tab .cur{ border-color: #1d66cf; background: #1d66cf; color: #fff; }
.pro_tab a:nth-child(7){ margin-right: 0px; }


.index_pro_list{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.index_pro_list_c{ clear: both; display: none; }
.index_pro_list_c ul{ clear: both; display: block; }
.index_pro_list_c ul li{ float: left; display: block; margin-right: 40px; margin-top: 20px; width: 270px; text-align: center; background: #fff; }
.index_pro_list_c ul li:nth-child(4n){ margin-right: 0px; }
.index_pro_list_c ul li div{ clear: both; display: block; width: 268px; height: 268px; border: 1px solid #e3e3e3; text-align: center; position: relative; overflow: hidden;  transition: all 0.3s; }
.index_pro_list_c ul li:hover div img{ width: 110%; height: 110%; left: -5%; top: -5%; transition: all 0.3s; }
.index_pro_list_c ul li div img{ border: 0px; width: 268px; height: 268px; position: absolute; left: 0px; top: 0px; transition: all 0.3s;  }
.index_pro_list_c ul li span{ clear: both; display: block; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* index about */
.index_about{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 40px 0px; }
.index_about_txt{ float: left; display: block; width: 800px; }
.index_about_tit{ clear: both; display: block; height: 60px; line-height: 60px; font-size: 32px; letter-spacing: 3px; color: #1d66cf; font-weight: bold;}
.index_about_text{ clear: both; display: block; margin-top: 15px; font-size: 16px; }

.index_about_pic{ float: right; display: block; width: 350px; }
.index_about_pic img{ border: 0px; width: 100%; }

/* index-cases */
.index-cases{ clear: both; display: block; background: url(../images/casebg.jpg) center top no-repeat; color: #fff; padding-top: 50px; margin-top: 50px;}
.index-cases-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}

.index-cases-tit{ clear: both; display: flex; flex-direction: column;}
.index-cases-tit span{ display: flex; font-size: 36px; margin-bottom: 20px;}
.index-cases-tit strong{ display: flex; font-size: 30px;}
.index-cases-tit p{ display: flex; font-size: 16px;}
.index-cases-tit a{ display: flex; font-size: 16px; margin: 30px 0px; color: #fff;}


.swiper-container-caseBottom { clear: both; display: block; width: 1200px; height: 370px; margin: 0px auto; overflow: hidden; position: relative; }
.caseBottomPic{ clear: both; display: table-cell; width: 230px; height: 220px; vertical-align: middle; text-align: center; background: #fff; padding: 2px; }
.caseBottomPic img{ border: 0px; max-width: 228px; max-height: 220px; margin: 2px; box-sizing: border-box; }
.caseBottomTit{ clear: both; display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; font-size: 14px; }
.swiper-container-caseBottom .swiper-pagination span{ width: 15px; height: 15px; margin: 0px 20px; bottom: -20px; background-color: #fff; }


/*  step  */
.index-step{ clear: both; display: block; background: url(../images/stepbg.jpg) left top repeat; padding: 50px 0px;}
.index-step-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}

.index-step-tit{ clear: both; display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; color: #616161; }
.index-step-tit strong{ display: flex; font-size: 36px; margin-bottom: 20px;}
.index-step-tit span{ display: flex; font-size: 16px; }


.index-step-list{ display: flex; width: 100%; flex-wrap: wrap; background: url(../images/step-line.png) center 50% no-repeat; justify-content: center; margin-top: 80px; }
.index-step-list li{ display: flex; margin: 0px 60px; width: 160px; height: 160px; border-radius: 162px; position: relative; align-items: flex-end; }
.index-step-list li span{ display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 40px;}


/*  index about  */
.index-about{ clear: both; display: block; background: url(../images/about_bg.jpg) center top no-repeat; padding: 50px 0px;}
.index-about-c{ clear: both; display: block; width: 1200px; margin: 0px auto;}

.index-about-txt{ display: flex; width: 100%;}

.index-about-l{ display: flex; flex-direction: column; color: #fff; flex: 1;}
.index-about-l-tit{ display: flex; flex-direction: column;}
.index-about-l-tit span{ display: flex; font-size: 36px; margin-bottom: 20px; }
.index-about-l-tit strong{ display: flex; font-size: 36px; margin-bottom: 20px;}
.index-about-l-txt{ display: flex; margin: 30px 0px; line-height: 30px;}
.index-about-l-link{ display: flex;}
.index-about-l-link a{ color: #fff; font-size: 16px;}


.index-about-r{ width: 500px; margin-left: 100px;}
.index-about-r img{ border: 0px; clear: both; display: block; width: 100%; }


/* honor swiper */
.swiper-container-honor { clear: both; display: block; width: 1200px; height: 400px; margin: 40px auto 0px; overflow: hidden; position: relative; }
.honorPic{ clear: both; display: table-cell; width: 224px; height: 300px; vertical-align: middle; text-align: center; background: #fff; padding: 2px; }
.honorPic img{ border: 0px; max-width: 218px; max-height: 290px; margin: 2px; box-sizing: border-box; }
.honorTit{ display: flex; width: 100%; justify-content: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; font-size: 14px; }
.swiper-container-honor .swiper-pagination span{ width: 15px; height: 15px; margin: 0px 20px; bottom: -20px; background-color: #fff; }


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

.index-cooper-tit{ display: flex; flex-direction: column; color: #616161;}
.index-cooper-tit span{ display: flex; font-size: 36px; margin-bottom: 20px; }
.index-cooper-tit strong{ display: flex; font-size: 30px; margin-bottom: 20px;}


.index-cooper-list{ clear: both; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.index-cooper-list li{ display: flex; width: 180px; border: 1px solid #e3e3e3; margin-bottom: 20px; box-sizing: border-box; padding: 8px;}
.index-cooper-list li img{ border: 0px; clear: both; display: block; width: 100%; height: 65px; }


/* 新闻 */
.index_news_tit{ clear: both; display: block; width: 1200px; margin: 20px auto; padding: 20px 0px; border-bottom: 1px solid #e3e3e3; }

.index_news_tit_l{ float: left; display: block; font-size: 35px; font-weight: bold; color: #1d66cf; }
.index_news_tit_l i{ font-size: 32px; margin-right: 10px; }
.index_news_tit_l span{ color: #666; font-weight: normal; font-size: 16px; margin-left: 10px; }

.index_news_tit_tab{ float: right; display: block; }
.index_news_tit_tab a{ display: inline-block; margin-left: 30px; cursor: pointer; font-size: 18px; }
.index_news_tit_tab a:hover{ color: #1d66cf; transition: all 0.3s; text-decoration: none; }
.index_news_tit_tab i{ font-size: 20px; }
.index_news_tit_tab .cur{ color: #1d66cf; }


.news_tab_list_c{ clear: both; display: none; width: 1200px; margin: 0px auto; }
.index_news_top{ clear: both; display: block; margin: 20px 0px; }
.index_news_top li{ float: left; display: block; width: 580px; margin-right: 40px; margin-bottom: 20px; }
.index_news_top li:nth-child(2n){ margin-right: 0px; }
.index_news_top li .index_news_top_pic{ float: left; display: table-cell; text-align: center; vertical-align: middle; width: 170px; height: 120px; border: 1px solid #e3e3e3; }
.index_news_top li .index_news_top_pic img{ border: 0px; max-width: 170px; max-height: 120px; }
.index_news_top li .index_news_top_txt{ float: right; display: block; width: 390px; }
.index_news_top li .index_news_top_txt h2{ clear: both; display: block; margin: 0px; padding: 0px; font-size: 16px; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_news_top li .index_news_top_txt span{ clear: both; display: block; font-size: 12px; color: #666; }
.index_news_top li .index_news_top_txt p{ clear: both; display: block; margin: 0px; padding: 0px; font-size: 12px; color: #444; line-height: 22px; overflow: hidden; height: 66px; }




/* copy style */
.links{ clear: both; display: block; width: 1200px; margin: 10px auto; }
.links a{ margin-left: 15px; }


.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 20px; margin-right: 20px; 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; }