﻿{font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; -webkit-text-size-adjust:none;font-size:14px;}
td,th,div,input,select,textarea,li,ol,dt,dd,h1,h2,h3,h4,h5,h6,font,span,p,ul{margin:0;padding:0;}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style-type:none;}
img{border:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;}
body{margin:0;padding:0;background:#fff;}
a{text-decoration:none; color:#000; -webkit-tap-highlight-color:transparent}
html{min-height:100%;}
.body{max-width:800px;margin:0 auto;overflow:hidden;padding:10px;}
.page_body{max-width:800px;margin:0 auto;overflow:hidden;padding:10px;background:#fff;}


/*底部样式*/
.clear{width:100%;height:0;clear:both;overflow:hidden;}
.clearH{width:100%;height:10px;clear:both;overflow:hidden;}
.clearHH{width:100%;height:20px;clear:both;overflow:hidden;}
.clearHHH{width:100%;height:30px;clear:both;overflow:hidden;}
.clearHHHH{width:100%;height:40px;clear:both;overflow:hidden;}
.clearHHHHH{width:100%;height:50px;clear:both;overflow:hidden;}
.bottom{max-width: 800px;margin:0 auto;text-align:center;line-height:27px;color:#000;background:#535353;padding-top:10px;padding-bottom:10px;font-size:13px;}
#BottomDiv{clear:both;height:65px;max-width: 800px;margin:0 auto;}
#BottomDiv .BottomDiv{position: fixed;z-index: 1900;bottom: 0;left: 0;right: 0;margin: auto;max-width: 800px;display: block;width: 100%;background:#535353;height: 65px;overflow: hidden;display: -webkit-box;display: box;-webkit-box-orient: horizontal;}
#BottomDiv .BottomDiv>div {width: auto!important;height: 100%;position: static!important;margin: 0;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;box-flex: 1;-webkit-box-sizing: border-box;overflow: hidden;box-shadow: none!important;border-right: 1px solid #636363;}
#BottomDiv .BottomDiv>div a {float:left;display: block;width: 100%;height: 100%;overflow:hidden;text-align:center;}
#BottomDiv .BottomDiv>div p {float:left;line-height:30px;font-size: 16px;margin: 0 auto;color: #FFF;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;padding-top:32px;}
.ico-Home{background:url(../images/ico_001.png) center 8px no-repeat;background-size:30%;}
.ico-about{background:url(../images/ico_002.png) center 8px no-repeat;background-size:30%;}
.ico-tel{background:url(../images/ico_003.png?v=2) center 8px no-repeat;background-size:25%;}
.ico-map{background:url(../images/ico_004.png) center 8px no-repeat;background-size:25%;}


/*头部样式*/
#TopDiv{height:60px;max-width:800px;margin:0 auto;z-index:10001;clear:both;position:relative;background:#fff;}
.TopNav{float:left;margin-left:8px;padding-top:20px;position:relative;z-index:110;}
.TopNav img{height:25px;}
.TopNav div{width:140px;background:#535353;position:absolute;left:-10px;top:50px;display:none;z-index:10001;}
.TopNav div ul{float:left;width:100%;border-top:1px solid #636363;}
.TopNav div ul li{float:left;width:100%;border-bottom:1px solid #636363;}
.TopNav div ul li a{float:left;line-height:40px;padding-left:20px;width:100px;font-size:16px;color:#fff;}
.TopLogo{width:85%;position:absolute;text-align:center;top:10px;right:0;z-index:0;}
.TopLogo img{height:45px;margin-right:40px;}

/*轮播样式*/
/* main_image */
.main_visual{height:160px;overflow:hidden;position:relative;max-width:800px;margin:0 auto;z-index:1;padding:10px;padding-bottom:0;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li span img{width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%}
div.flicking_con{position:absolute;top:85%;left:55%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
.btn_prev,.btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
.btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
.btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}
.i_bgbg{width:100%;height:10px;overflow:hidden;position:absolute;bottom:0;left:0;background:url(../images/i_bgbg.png) repeat-x;}



.cls_news_detitle{width:100%;margin:0;clear:both;padding-top:10px;font-size:14px;}
.cls_news_detitle div{width:100%;text-align:center;}
.cls_news_detitle h4{margin:0;padding:0;font-weight:bold;font-size:24px;line-height:40px; color:#000;}
.cls_news_detitle p{margin:0;padding:0;padding-top:5px;padding-bottom:10px;color:#333;font-size:16px;}
.cls_news_decontent{width:100%;margin:0 auto;line-height:35px;padding-bottom:10px;clear:both;font-size:14px;padding-top:10px;padding-bottom:10px;color:#000;font-size:16px;min-height:200px;}
.cls_news_debottom{width:100%;margin:0 auto;padding-top:15px;}
.cls_news_debottom div{line-height:30px;font-size:16px;height:30px;overflow:hidden;}
.cls_news_debottom div b{font-weight:normal;}
.cls_news_debottom a:link,cls_news_debottom a:visited{color:#333;}
.cls_news_debottom a:hover{color:#F00;}
.cls_news_line{float:left;width:100%;height:12px;overflow:hidden;background:url(/Images/Include/boxoff.gif) 0 6px repeat-x;}
.cls_news_line i{float:left;width:10px;height:12px;overflow:hidden;background:url(/Images/Include/boxoff.gif) 0 -9px no-repeat;}


/*首页*/
.wap_body{clear:both;width:100%;background:url(../images/wap_bg.jpg) center 0 no-repeat;height:540px;background-size:100%;position:relative;}

.wap_xutishufa{position:absolute;top:42%;left:45%;}
.wap_yishujialiu{position:absolute;top:46%;left:18%;}
.wap_rencaipeixun{position:absolute;top:70%;left:34%;}
.wap_xinfo{position:absolute;top:75%;left:63%;}
.wap_guwan{position:absolute;top:80%;left:3%;}
.wap_shichi{position:absolute;top:85%;left:55%;}
.wap_guohua{position:absolute;top:65%;left:68%;}
.wap_guwen{position:absolute;top:84%;left:20%;}
.wap_yishu{position:absolute;top:68%;left:14%;}
.wap_shanyuan{position:absolute;top:88%;left:75%;}


.wap_locat{float:left;clear:both;width:100%;border-bottom:1px solid #999;padding-bottom:7px;padding-top:10px;}
.wap_locat b{float:left;color:#000;}
.wap_locat p{float:right;color:#999;}
.wap_about{float:left;width:100%;padding-top:80px;}
.wap_about div{float:left;width:100%;border-bottom:1px solid #999;padding-bottom:7px;font-weight:bold;}
.wap_about span{float:left;width:100%;border-bottom:1px solid #999;line-height:25px;padding-top:10px;padding-bottom:10px;}
.wap_News{float:left;clear:both;width:100%;padding-top:10px;}
.News_Div{float:left;width:100%;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.News_Div div{float:left;width:30%;height:90px;overflow:hidden;}
.News_Div div img{width:90%;float:right;}
.News_Div span{width:40%;float:left;padding-top:30px;font-size:16px;font-weight:bold;padding-left:2%;color:#000;line-height:30px;height:30px;overflow:hidden;}
.News_Div p{float:right;width:25%;padding-top:60px;color:#999;font-size:14px;text-align:right;}

.News_One{float:left;width:100%;clear:both;position:relative;}
.News_One span{float:right;width:20px;line-height:30px;font-size:14px;writing-mode:vertical-lr;padding-right:8px;}
.News_One div{clear:both;margin:0 auto;width:220px;}
.News_One div img{float:left;width:100%;}
.News_One p{float:left;clear:both;width:100%;padding-top:20px;height:30px;font-size:20px;font-weight:bold;}
.News_Two{float:left;width:95%;clear:both;}
.News_Two .NewsT{float:left;width:100%;font-size:20px;font-weight:bold;padding-top:30px;}
.News_Two .NewsC{float:left;width:100%;font-size:16px;line-height:30px;padding-top:20px;}
.News_Three{float:left;width:100%;clear:both;border-top:1px solid #ccc;padding-top:10px;margin-top:10px;font-size:16px;}
.News_Three div{float:left;width:100%;padding-top:5px;}

.product_nav{float:left;width:100%;padding-bottom:5px;border-bottom:1px solid #999;padding-top:10px;}
.product_nav ul{float:left;width:100%;}
.product_nav ul li{float:left;width:33%;}
.product_nav ul li a{float:left;padding-left:10px;line-height:40px;font-size:16px;}
.product_nav ul li .aed{background:url(../images/dian_ico.jpg) 0 18px no-repeat;background-size:5px;}

.Productlist_div{float:left;width:110%;padding-top:30px;}
.product_Divs{float:left;width:43.6%;margin-right:3.5%;overflow:hidden;margin-top:10px;}
.product_Divs div{float:left;height:150px;width:100%;overflow:hidden;}
.product_Divs div img{float:left;width:100%;}
.product_Divs span{float:left;width:100%;line-height:30px;text-align:center;font-size:16px;}
.product_Divs a:hover span{ text-decoration:underline;}


@media screen and (min-width: 599px){
}

@media screen and (min-width: 799px){
}