@charset "UTF-8";
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0;font-family: "思源黑体 CN";}

html {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px}}
@media screen and (min-width:640px) and (max-width:719px) {html {font-size: 20px}}
@media screen and (min-width:720px) and (max-width:749px) {html {font-size: 22.5px}}
@media screen and (min-width:750px) and (max-width:799px) {html {font-size: 23.5px}}
@media screen and (min-width:800px) and (max-width:959px) {html {font-size: 25px}}
@media screen and (min-width:960px) and (max-width:1079px) {html {font-size: 30px}}
@media screen and (min-width:1080px) {html {font-size: 32px}}

img {display: block;border:0;vertical-align:middle;border:none; max-width:100%; height:auto;}
ul {list-style:none;}
html, body {min-height: 100%;background:#fff;color:#212121;}
body {-webkit-text-size-adjust: none;}

/*选中后背景色*/
::selection {color: #fff;background:#2daae2;} 
::-moz-selection {color: #fff;background:#2daae2;}
a{color:#212121; text-decoration:none}
a:active, a:hover {outline: 0;color:#2daae2;}
.a-del {color: #c00;}
.a-del:hover {color: #b00;text-decoration: underline;}
.fl {float: left;}
.fr {float: right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:1.4rem;margin-top:10px; width:80%;}
.ComentBox{padding: 0 1.4rem;}
.ComentBox:after{content: '';display: block;clear:both;}
@font-face {font-family: 'Conv_ANAK';src: url('/fonts/ANAK.eot');src: local('☺'), url('/fonts/ANAK.woff') format('woff'), url('/fonts/ANAK.ttf') format('truetype'), url('/fonts/ANAK.svg') format('svg');font-weight: normal;font-style: normal;}

/* header */
.header{position:relative;background: #fff;}
.header .logo{display:block;width:38%;padding:9px 0 9px 10px;}
.header .logo img{display:block;width:100%;}
.header .user-icon:hover{background-color:#2daae2;}
.header .back{position:absolute;top:0;left:0;display:block;width:60px;height:65px;text-indent:-9999em;background:url(icon-back.png) no-repeat center center;background-size:12px 20px;}

/* 动画 */
.banner {width: 100%;position: relative;padding-bottom: 2.3rem;}
.banner img {width: 100%;}
.swiper-slide {color: #fff;	text-align: center;}
.banner .swiper-pagination-bullet{outline: none !important;background: #636363;margin-right: .8rem;}
.banner .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-slide-active img {-webkit-animation: tada 3s ease .1s both;-moz-animation: tada 3s ease .1s both;color: #2daae2;}
.banner .swiper-pagination-bullet-active{background: #2daae2;}
.banner .swiper-pagination{bottom: .4rem !important;left: 0;right: 0;margin: auto;}

/* 产品中心 */
.index_Product{font-size: 0;padding-top: 1.25rem;position: relative;}
.ProductTitle{position: relative;z-index: 1;}
.ProductTitle h2{font-size: 1.1rem;font-weight: normal;height: 1.1rem;line-height: 1.1rem;width: 5.4rem;background: #fff;color: #333;}
.ProductTitle:after{content: '';display: block;height: 1px;width: 100%;background: #555;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 0;z-index: -1;}
.ProductList{padding-top: 1.7rem;}
.index_Product .More{font-size: .6rem;color: #333;width: 3rem;height: 1.5rem;display: block;background: #dbdbdb;text-align: center;line-height: 1.5rem;border-radius: 50px;position: absolute;bottom: .3rem;right: 1.4rem;z-index: 2;}
.index_Product .More:active, .index_Product .More:hover {outline: 0;color:#2daae2;}

/* 新闻中心 */
.index_News{font-size: 0;position: relative;}
.NewsTitle{position: relative;z-index: 1;}
.NewsTitle h2{font-size: 1.5rem;font-weight: normal;height: 1.5rem;line-height: 1.5rem;width: 6.4rem;background: #fff;color: #333;}
.NewsTitle:after{content: '';display: block;height: 1px;width: 100%;background: #555;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 0;z-index: -1;}
.NewsList{margin-bottom: .3rem;}
.index_News .More{font-size: 1rem;color: #333;margin-top: .5rem;padding: .5rem .74rem;height: 1.5rem;background: #dbdbdb;text-align: center;line-height: 1.5rem;border-radius: 50px;display: inline-block;float: right;z-index: 1;}
.index_News .More:active, .index_News .More:hover {outline: 0;color:#2daae2;}

/* 公司简介 */
.index_About{font-size: 0;padding-top: 3rem;margin-bottom: 3rem;position: relative;}
.AboutTitle{position: relative;z-index: 1;}
.AboutTitle h2{font-size: 1.1rem;font-weight: normal;height: 1.1rem;line-height: 1.1rem;width: 6.4rem;background: #fff;color: #333;}
.AboutTitle:after{content: '';display: block;height: 1px;width: 100%;background: #555;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 0;z-index: -1;}
.AboutList{margin-top: 1.06rem;}
.AboutList img{width: 100%;}
.AboutList p{font-size: .75rem;color: #666;margin-top: 1rem;}

.Index_img{width: calc(95% / 2);position: relative;overflow: hidden;margin-bottom: 1.3rem;}
.Index_img:nth-child(2n-1){float: left;}
.Index_img:nth-child(2n){float: right;}
.ImgBox{height: 10rem;}
.ImgBox img{height: 100%;margin: 0 auto;}
.ArtBox{background: rgba(51, 51, 51 ,.9);position: absolute;bottom: 0;height: 1.7rem;line-height: 1.7rem;width: 100%;padding: 0 .6rem;box-sizing: border-box;}
.ArtBox p{font-size: .7rem;color: #fff;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;text-align: center}

.Indexlist li{padding: 1.2rem 0;border-bottom: 1px solid #ccc;}
.Indexlist .ListArt h2{font-size: 1.3rem;color: #333;font-weight: normal;display: inline-block;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;width: 18rem}
.Indexlist .ListArt p{font-size: 1rem;color: #666;float: right;margin-right: .5rem;}

/* 产品 */
.product_title{display:block; text-align:center; font-size:1.3rem; font-weight:bold; padding:15px 0; color:#2daae2;font-family: "Conv_ANAK";font-style:italic;}
.product_title span{margin-left:8px;}
.product_picture{ width:100%; height:100%; margin-bottom:.5rem;padding: 0 1rem;box-sizing: border-box;}
.product_picture:after{content: '';display: block;clear: both;}

.Link{padding: 0 1.4rem;padding-bottom: 1rem;}

.product_PDF{display:block;margin-top: .62rem;}
.product_PDF li{border-bottom: 1px dashed #dcdcdc;margin-bottom: .62rem;padding-bottom: .47rem;}
.product_PDF li a{display: block;}
.product_PDF li div{display: inline-block;vertical-align: middle;margin-right: .4rem;}
.product_PDF li div img{width: .8rem;}
.product_PDF li h4{display: inline-block;font-weight: normal;vertical-align: middle;font-size: .62rem;}
.product_PDF li span{float: right;font-size: .62rem;margin-right: .31rem;line-height: 1.5rem;}

/*内页样式*/
.blog-header {width: 100%;height: auto;}
.clmNav { width:100%; margin:0 auto; background:#f2f2f2; text-align:center;line-height:3rem; font-size:1.3rem;overflow: hidden;}
.clmNav li { display:inline-block;line-height:3rem;}
.clmNav1 li {float: left;}
.clmNav li a { display:block; margin:0 5px;  font-size:1rem}
.clmNav li a:hover a{ color:#2daae2; border-bottom:1px solid #2daae2;}
.clmNav .currclass a{ color:#2daae2; border-bottom:1px solid #2daae2;}
.clmNav {position:relative;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.clmNav .scroller {position:absolute}

.er_clmNav { width:100%; margin:0 auto; text-align:center;line-height:3rem; font-size:1.3rem}
.er_clmNav li { display:inline-block; *float:left; *display:block; line-height:3rem;}
.er_clmNav li a { display:block; margin:0 5px;  font-size:1rem}
.er_clmNav li a:hover{ color:#2daae2; border-bottom:1px solid #2daae2;}
.er_clmNav .currclass{ color:#2daae2; border-bottom:1px solid #2daae2;}

.list_m{ width:98%; margin:0 auto; clear:both;padding-top: .5rem;}
.list_m p{padding:10px;}
.list_m p img{margin: 0 auto;}
.list_m ul li{height:auto; padding-top:30px;padding-bottom:10px; margin-top:30px; color:#2daae2;}
.list_m .m_tit{font-size:18px; font-family:"微软雅黑"; padding-bottom:10px; border-bottom: dotted 1px #ebebeb; padding-left:5px;}
.m_jj{ line-height:28px; font-size:14px;font-family:"微软雅黑"; color:#333; margin-top:10px; padding-left:5px;}
.m_jj em{color:#f00;font-size:26px;font-family:"微软雅黑"; margin-top:20px;}
.list_m form table tbody tr  input{font-size: .7rem;}

/*在线留言*/
.feedback{width:98%; margin-top:10px;}
.feedback .line{padding:8px 0;}
.feedback .line .inputText{border:1px solid #ccc;color:#212121; background:none;font-size:12px;padding:0 18px;width:91%;height:40px;line-height:40px;margin:0px; font-family:"微软雅黑"}
.feedback .line .textArea{border:1px solid #ccc;color:#212121; background:none;font-size:12px;padding:10px 18px;width:91%;height:124px;margin:0px; font-family:"微软雅黑"}
.btn_area{width:102px; display:block;}
.submit{color: #fff;background:#2daae2;width:70px;float:left;height:29px;border:none;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} 
.submit:hover {color: #fff;background:#018EEB;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} 

/*新闻栏目*/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;}
.list_news ul li{ margin:0 0.5rem; padding:0.5rem .5rem; position:relative; border-bottom:1px dotted #ccc;}
.list_news ul li .img{ width:5.2rem; position:absolute; left:0; top:0.7rem;}
.list_news ul li .img img{ width:100%; height:100%;}
.list_news ul li .text{ padding-left:0rem;display: inline-block;vertical-align: middle;}
.list_news ul li .text .name{font-size: 0.95rem;line-height:1.5rem; height:1.5rem;overflow: hidden;}
.list_news ul li .text .info{width: 23.75rem;line-height: 0.9rem; font-size: 0.6rem; color:#666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.list_news ul li a>span{float: right;}

/*位置导航*/
.location{width:98%;margin:0 auto;padding:.9rem 0; line-height:1.1rem; text-align:left;}

/*内容页*/
.LMlist{width:100%;margin:0 auto;}
.content{word-break:break-all;border-top:1px solid #ccc;}
.content h1{font-size: 1.2rem;text-align:center; padding:.5rem}
.content .gray{color:#212121;font-size:.7rem;text-align:center}
.content .newscontent{ padding:0px 15px 15px 15px;line-height:1.6rem;margin-top:10px;font-size: .9rem;}
.content .newscontent .txts{font-size:16px;}
.content .newscontent .txts p{margin-bottom: 1rem !important;}
.content .newscontent .txts table{border-top: 1px solid #000 !important;border-right: 1px solid #000 !important;width: 100%;}
.content .newscontent .txts table td{border-bottom: 1px solid #000 !important;border-left: 1px solid #000 !important;}
.content .newscontent .txts table p{margin: 0 !important;}
.content .newscontent .imgs{margin-bottom: 1rem;border: 1px solid #eee;}
.content .newscontent .imgs img{display:block; margin:0 auto;}
.content .next{display:block; text-align:center;line-height:1.2rem;}

.show_right{display:block;}
.show_right LI {LINE-HEIGHT:35px; float:left; width:50%;}
.show_right .prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; font-weight:bold;}

.MiddleCont{margin:0 auto;width:100%; margin-top:15px;}
.MiddleCont .productr{ padding-left:15px; font-size:16px;}
.showlist{border-top:1px solid #D6B071;}
.showlist li{clear:both;margin-top:10px;color:#555;padding:2px 15px 15px 15px; line-height:25px; background:url(libg.png) repeat-x 0 100%; font-size:15px;}
.showlist li .titl{height:23px;overflow:hidden}
.showlist li .img{border:1px solid #ccc;padding:5px;margin-right:10px; background:#fff;box-shadow:0 0 3px #ccc;border-radius: 5px;/*  This is a div for test!!!. */}
.showlist li a.titl{color: #1555a2;}
.url_more{margin:30px auto; width:138px; height:40px; background-color:#0AC7F5; text-align:center; line-height:40px; color:#FFFFFF; font-family:"微软雅黑"; font-size:16px; -webkit-border-radius:30px;
-moz-border-radius: 30px;border-radius: 30px;}
.url_more:hover{background-color:#333;}
.url_more a{color:#FFFFFF; display:block;}
.const{ font-size:14px; padding-top:15px;}
.const h4{line-height:30px;font-size:18px;font-family:"微软雅黑"; font-weight:bold;}
.dtable {border: 1px solid #ccc; color:#333;box-shadow: 0 1px 1px #DDDDDD;margin:3px auto;width: 100%;}
.dtable thead {background-color: #f1f1f1;}
.dtable thead th {font-weight: bold;text-align:center;height:30px;}
.tcen,.tcen thead th,.tcen tr td{padding-left:5px;}
.dtable th,.dtable td {border-bottom: 1px solid #ccc;padding: 5px 0;border-right: 1px solid #ccc; text-align:center;}
.dtable tr:hover {background-color: #f1f1f1;}
.dtable tr.bgfff:hover {background-color: #fff;}
.dtable td p {clear: both;float: none;height: 22px;line-height: 22px;overflow: hidden;}
table {border-collapse: collapse;border-spacing:0;}
.zhuji em{color:#f00;font-size:20px;color:#f00;font-family:"微软雅黑";font-weight:bold;padding:0 3px;}

/*分页样式*/
#fenye{margin:.6rem .6rem 0 0;float: left;width: 100%;}
#fenye a{text-decoration:none; border-radius: 3px;line-height:.8rem;}
#fenye .prev_h,#fenye .next_h{text-align:center; padding:0 .2rem;line-height: 1.6rem;}
#fenye a.curr{width:1.5rem; background:#2daae2; color:#FFF; border:1px solid #fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#212121;margin: 1rem .2rem; border:1px solid #ccc; float:left; text-align:center;height:1.4rem;line-height:1.4rem;text-decoration:none;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#fenye a.num{width:1.4rem;}
/* #fenye a:visited{color:#2daae2;}  */
#fenye a:hover{ float:left;}
#fenye span{line-height:.9rem; font-size:.4rem; height:.9rem;}
/* #fenye a:visited{color: #2daae2;} */

/*底部样式*/
.end{font-size: 1rem;line-height: 2rem;color: #212121;padding: 1rem 2rem;text-align: center;background: #f2f2f2;padding-bottom: 2rem;}
.footbig{ height:4rem}
.foot{width: 100%;height: 5rem;line-height: 5rem;border-top: solid 1px #d3d3d3;background: #fff;font-size: 1rem;text-align: center;margin: 0 auto;clear: both;position: fixed;bottom: 0%;z-index: 2;}
.foot ul li{width: 25%;float: left;padding-top: 1rem;}
.foot ul li a.icon1{ background:url(Home.png) no-repeat top center; background-size:1.5rem;}
.foot ul li a.icon2{ background:url(About.png) no-repeat top center;background-size:1.5rem;}
.foot ul li a.icon3{ background:url(Product.png) no-repeat top center;background-size:1.5rem;}
.foot ul li a.icon5{ background:url(Tel.png) no-repeat top center;background-size:1.5rem;}
.foot a{height: 1rem;line-height: 1rem;padding: 2rem 0px 0px 0px;font-size: .75rem;color: #4b4b4b;}
.footMune .munehover a{color: #2daae2;}
.footMune .munehover a.icon1{ background:url(Home_i.png) no-repeat top center; background-size:1.5rem;}
.footMune .munehover a.icon2{ background:url(About_i.png) no-repeat top center; background-size:1.5rem;}
.footMune .munehover a.icon3{ background:url(Product_i.png) no-repeat top center; background-size:1.5rem;}
.footMune .munehover a.icon5{ background:url(Tel_i.png) no-repeat top center; background-size:1.5rem;}