@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#f6f4f4;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: 100%; margin: 40px auto; }
.indexC{ clear: both; display: block; width: 100%; margin: 0px auto; }
.clear{ clear: both; display: block; }


/* top style */
.topMargin{ clear: both; display: block; height: 45px;}

.topFiex{ clear: both; position: fixed; width: 100%; left: 0px; top: 0px; display: -webkit-box; width: 100%; height: 45px; line-height: 45px; background: #1d66cf; color: #fff; z-index: 3000; }
.topBack{ display: block; width: 60px; text-align: center; }
.topBack a{ clear: both; display: block; height: 45px; line-height: 45px; color: #fff; font-size: 15px; }
.topTit{ display: block; height: 45px; line-height: 45px; -webkit-box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px 15px; font-size: 16px; text-align: center; }
.topMenu{ display: block; width: 60px; text-align: center;}
.topMenu img{ border: 0px;}


.toggleMenu{ clear: both; display: none; background: #f6f4f4; position: fixed; width: 100%; left: 0px; top: 45px; height: 100%; z-index: 3000; font-size: 16px; overflow: auto; }
.toggleMenu strong{ clear: both; display: block; height: 45px; line-height: 45px; text-indent: 1em; color: #fff; background: #1d66cf; border-top: 1px solid #fff; }
.toggleMenu strong a{ color: #fff; }
.toggleMenu ul{ clear: both; display: block; }
.toggleMenu ul li{ clear: both; display: block; border-bottom: 1px solid #e3e3e3; height: 40px; line-height: 40px; text-indent: 1.5em; }
.toggleMenu ul li a{ font-size: 13px;}



.headerMenuList{ clear: both; display: block; margin: 10px 0px;}
.headerMenuList ul{ clear: both; display: -webkit-box; margin-top: 10px; }
.headerMenuList ul a{ display: block; -webkit-box-flex: 1; margin: 0px 10px; height: 35px; line-height: 35px; background: #1d66cf; border-radius: 4px; color: #fff; font-size: 14px; text-align: center; }


/* banner style start */
.slideBox{ position:relative; width:100%; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.slideBox .hd{ position:absolute; height:15px; line-height:15px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ bottom:5px; float:left; display:inline-block; width:5px; height:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 3px; text-align: center; }
.slideBox .hd li.on{ background:#F40;  }
.slideBox .bd{ position:relative; z-index:0; background:#e3e3e3; }
.slideBox .bd li{ position:relative;  text-align: center; }
.slideBox .bd li img{ max-width:100%; display:block; border:0px; margin: 0px auto; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.slideBox .bd li .pic img{ max-width: 100%; margin: 0px auto; }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff; font-size:14px;opacity:0.5;  }


/* index channle list */
.indexChannelList{ clear: both; display: block;}
.indexChannelList ul{ clear: both; display: -webkit-box; margin: 10px 0px; }
.indexChannelList ul li{ display: block; -webkit-box-flex: 1; background: #fff; margin: 0px 10px; padding: 10px 0px; text-align: center; border: 1px solid #e3e3e3; box-shadow: 2px 2px 3px #ccc; border-radius: 5px; }
.indexChannelList i{ clear: both; display: block;}
.indexChannelList img{ border: 0px; width: 40px; height: 40px; }
.indexChannelList span{ clear: both; display: block;}



.indexProductList{ clear: both; display: block; margin-top: 20px;}
.indexProductList ul{ clear: both; display: block; margin: 10px; }
.indexProductList li{ float: left; display: block; width: 48%; margin-right: 4%; text-align: center;}
.indexProductList li:nth-child(2n){ margin-right: 0px; }
.indexProductList li p{ clear: both; display: block; margin: 0px; padding: 0px; background: #fff; border-radius: 5px;}
.indexProductList li p img{ border: 0px; max-width: 100%; max-height: 100%;}
.indexProductList li span{ clear: both; display: block; margin: 10px 0px;}
.indexProductList li span i{ background: #029ff0; border-radius: 5px; color: #fff; font-size: 12px; height: 15px; line-height: 12px; padding: 2px 5px 0px; }
.indexProductList li span i img{ border: 0px; height: 12px; border-radius: 5px; margin-left: 3px;}


/* index about */
.index_about{ clear: both; display: block; margin: 0px; }
.index_about img{ clear: both; display: block; border: 0px; width: 100%; }
.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{ clear: both; display: block; width: 100%; }
.index_about_pic img{ clear: both; display: block; border: 0px; max-width: 100%; }


/* index ad */
.indexAd{ clear: both; display: block; }
.indexAd img{ clear: both; display: block; border: 0px; width: 100%; }



/* index news */
.news_tab_list_c{ clear: both; display: none; width: 100%; margin: 0px auto; }
.index_news_top{ clear: both; display: block; }
.index_news_top li{ clear: both; display: flex; width: 100%; padding: 10px; box-sizing: border-box; }

.index_news_top li .index_news_top_pic{ display: flex; width: 170px; height: 120px; margin-right: 10px; 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{ display: flex; flex: 1; flex-direction: column; }
.index_news_top li .index_news_top_txt h2{ clear: both; display: flex; width: 100%; 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; }


.index_news_bottom{ clear: both; display: block; margin-bottom: 30px; }
.index_news_bottom ul{ clear: both; display: block; padding: 15px 10px; box-sizing: border-box; }
.index_news_bottom ul li{ clear: both; display: flex; width: 100%; border-bottom: 1px solid #e3e3e3; font-size: 14px; overflow: hidden; padding: 8px 0px; }
.index_news_bottom ul li a{ display: flex; flex: 1; }
.index_news_bottom ul li i{ color: #777; font-size: 13px; margin-right: 6px; }
.index_news_bottom ul li span{ display: flex; width: 90px; color: #666; }


/* index list */
.indexList{ clear: both; display: block;}
.indexList ul{ clear: both; display: -webkit-box; margin: 15px; }
.indexList li{ display: block; -webkit-box-flex: 1; background: #fff; text-align: center; padding: 15px; margin-right: 15px; }
.indexList li:nth-child(2n){ margin-right: 0px;}
.indexList li a{ clear: both; display: block; width: 100%; }
.indexList li i{ clear: both; display: block;}
.indexList li i img{ border: 0px;}
.indexList li span{ clear: both; display: block; font-size: 15px; }
.indexList ul:nth-child(2n) li:nth-child(2n){ background: #1d66cf; }
.indexList ul:nth-child(2n) li:nth-child(2n) a{ color: #fff; }




/* product channel */
.pageBanner{ clear: both; display: block;}
.pageBanner img{ border: 0px; width: 100%;}

.productChannel{ clear: both; display: -webkit-box; width: 100%; background: #fff; }
.leftList{ display: block; width: 90px; height: 100%; background: #f4f5f9; overflow: auto; }
.leftList li{ clear: both; display: block; text-align: center; padding: 10px 0px; }
.leftList .cur{ background: #fff; box-shadow: -3px 3px 8px #ccc; border-left: 4px solid #1d66cf; }
.leftList li i{ clear: both; display: block; }
.leftList li i img{ border: 0px; width: 30px; height: 30px;}
.leftList li span{ clear: both; display: block;}



.product{ display: block; -webkit-box-flex: 1; margin: 15px;}

.productList{ clear: both; display: block; }
.productList ul{ clear: both; display: -webkit-box; }
.productList li{ display: block; -webkit-box-flex: 1; margin: 10px; text-align: center; box-shadow: -2px 2px 10px #ccc; }
.productList li p{ clear: both; display: block; margin: 0px; padding: 0px; }
.productList li p img{ border: 0px; max-width: 100%; max-height: 100%; }
.productList li span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; background: #67c5f5; }
.productList li span a{ color: #fff; }

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


/* sub style */

.page{ clear: both; display: block; margin-top: 20px; background: #fff; padding: 10px; }
.pageList{ display: flex; flex-wrap: wrap; margin: 30px auto; width: 100%; }
.pageList a{ display: flex; 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 content tab */
.productContent{ clear: both; display: block; margin-top: 30px; }
.productContentTit{ clear: both; display: -webkit-box; height: 40px; margin: 15px; background: #fff; border: 1px solid #1d66cf; border-radius: 5px; }
.productContentTit a{ display: block; -webkit-box-flex: 1; height: 40px; line-height: 40px; font-size: 15px; text-align: center; border-right: 1px solid #1d66cf; }
.productContentTit a:nth-child(4n){ border-right: 0px;}
.productContentTit a:hover{ text-decoration: none; }
.productContentTit .cur{ background: #1d66cf; color: #fff; }

.productContentTxt{ clear: both; display: block; background: #fff; border-top: none; }
.productTabTxt{ clear: both; display: block; margin: 15px;}
.productTabTxt img{ border: 0px; max-width: 100%; height: auto;}


.h3title{ clear: both; display: block; background: #e3e3e3; margin-top: 20px; }
.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: 0px; padding: 10px 15px; background: #fff; }
.h3txt p{ clear: both; display: block; margin: 0px; padding: 0px;}
.h3txt img{ border: 0px; max-width: 100%; height: auto; }
.productSmallTxt{ clear: both; display: block; font-size: 14px; margin: 15px 0px; color: #666;}


/* message */
.messageTop{ clear: both; display: block; margin: 20px; padding: 0px; background: #1d66cf; color: #fff; }
.messageLeft{ clear: both; display: block; margin: 0px 20px; padding: 20px 0px; }
.messageLeft span{ clear: both; display: block; height: 60px; line-height: 60px; font-size: 16px;}

.messageIcon{ clear: both; display: -webkit-box; background: #e3e3e3; padding: 20px 0px 20px 0px; }
.messageIcon li{ display: block; -webkit-box-flex: 1; margin: 0px 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; background: #fff; padding: 20px; font-size: 14px; }

.messageForm{ clear: both; display: block; margin: 0px;}
.messageFormLeft{ clear: both; display: block; background: #fff; padding: 20px; }
.messageFormLeft form{ clear: both; display: block; padding: 0px;}
.messageLi{ clear: both; display: -webkit-box; font-size: 12px; margin-bottom: 10px; }
.messageLi span{ display: block; width: 100px; height: 25px; line-height: 25px; background: #1d66cf; color: #fff; text-align: center;}
.messageLi p{ display: block; -webkit-box-flex: 1; 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{ clear: both; display: none; margin: 10px 0px 0px; background: #fff; text-align: center; }
.messageFormRight p{ clear: both; display: block; margin: 0px; padding: 0px;}
.messageFormRight p img{ border: 0px; border-radius: 10px; border: 2px solid #1d66cf; width: 80px;}
.messageFormRight span{ clear: both; display: block; line-height: 12px; background: #fff; color: #1d66cf; color: #333; border-radius: 5px; }

.messageBtn{ clear: both; display: block; margin-left: 110px;}
.messBtn{ clear: both; display: block; height: 40px; line-height: 40px; border-radius: 0px; background: #1d66cf; color: #fff; padding: 0px 20px; margin: 0px; cursor: pointer; -webkit-appearance:none; border: 0px; font-size: 14px;}


/* news */
.newsChannel{ clear: both; display: -webkit-box; margin: 15px; border: 1px solid #1d66cf; background: #fff; border-radius: 5px;}
.newsChannel li{ display: block; -webkit-box-flex: 1; text-align: center; height: 35px; line-height: 35px; border-right: 1px solid #1d66cf; }
.newsChannel li:nth-child(3n){ border-right: 0px; }
.newsChannel .cur{ background: #1d66cf; }
.newsChannel .cur a{ color: #fff;}

.newsList{ clear: both; display: block; margin: 15px; background: #fff; }
.newsList ul{ clear: both; display: block; margin: 0px 10px; border-bottom: 1px solid #e3e3e3; }
.newsList li{ clear: both; display: -webkit-box; padding: 10px 0px; }
.newsList .newsPic{ display: block; width: 135px; height: 135px; }
.newsList .newsPic img{ border: 0px; width: 135px; height: 135px; }
.newsList .newsTxt{ display: block; -webkit-box-flex: 1; margin: 0px 10px; height: 135px; position: relative; }
.newsTit{ clear: both; display: block; line-height: 30px; font-size: 16px; }
.newsDate{ position: absolute; right: 0px; bottom: 0px; height: 30px; line-height: 30px; color: #666; font-size: 12px; }


.newsPageInfo{ clear: both; display: block; background: #fff; padding: 15px;}
.newsPageTit{ clear: both; display: block; font-size: 18px; font-weight: bold; color: #2d70b7;}
.newsPageTime{ clear: both; display: block; font-size: 13px; color: #777;}

.newsPageTxt{ clear: both; display: block; margin: 20px 0px; background: #fff; padding: 15px; font-size: 14px;}
.newsPageTxt img{ border: 0px; max-width: 100%; height: auto; display: inline-block;}
.newsPageTxt p{ clear: both; display: block; margin: 0px; padding: 0px;}

/* about page */
.aboutChannel{ clear: both; display: -webkit-box; margin: 0px; background: #fff; }
.aboutChannel li{ display: block; -webkit-box-flex: 1; text-align: center; height: 40px; line-height: 40px; }
.aboutChannel li a{ clear: both; display: block; font-size: 16px;}
.aboutChannel .cur{ border-bottom: 3px solid #1d66cf;}
.aboutChannel .cur a{ color: #1d66cf;}




/* copyright */
.copymargin{ clear: both; display: block; height: 63px;}
.copyright{ clear: both; display: -webkit-box; width: 100%; position: fixed; left: 0px; bottom: 0px; border-top: 1px solid #e3e3e3; background: #fff; text-align: center; }
.copyright li{ display: block; -webkit-box-flex: 1; padding-top: 10px; }
.copyright li i{ clear: both; display: block; height: 27px; overflow: hidden;}
.copyright li i img{ border: 0px; width: 27px; height: 27px;}
.copyright li span{ clear: both; display: block;}




.copyrightImg{ clear: both; display: block; overflow: hidden;}
.copyrightImg img{ border: 0px; width: 100%; }