@charset "utf-8";
/* CSS 基础公共类 */
html{}
body{ margin:0px; padding:0px;font-size:1.2em;font-family:Arial, Helvetica, sans-serif; width:100%;height:auto!important;overflow:auto;}
a{ text-decoration:none;font-size:12px; color:#323232;}
a:hover{ color:#E24F16;}
img{ border:none;vertical-align:top;}
.clear{ margin:0px; padding:0px; font-size:0px; line-height:0px; clear:both;}
ul,ul li{ list-style:none; list-style-type:none;}
.blank{ margin:0px; padding:0px; height:10px;font-size:0px; line-height:0px; clear:both;}
p,h1,h2,h3,h4,h5,dl,dt,dd{ margin:0px; padding:0px;}
em,i,b,address{ font-style:normal;}
#clearmagin{ margin:0px;}
#clearpadding{ padding:0px;}
.page{ margin:0px auto; padding:10px;}
.box{ padding:0px 1px 0px 1px; padding-bottom:10px; height:1%; width:100%;}
.center{ margin:0px; padding:0px; text-align:center; border-bottom:#CCC dotted 1px;}
#pages{background: none;padding:10px;margin-top: 10px;text-align: center;}
#pages a { display:inline-block}
#pages div{background:url(/images/mobile/pagebg.png) left center repeat-x;border: 1px solid #cccccc;color:#6c6c6c;
margin: 0 2px;padding: 3px 8px 4px; display:inline-block;font-size:12px;}
#pages a,#pages span {background:url(/images/mobile/pagebg.png) left center repeat-x;border: 1px solid #cccccc;color:#6c6c6c;
margin: 0 2px;padding: 3px 8px 4px; display:inline-block;ont-size:12px;}
#pages span { font-size:12px; padding:3px 8px 4px 8px;}
#pages .cur_page {background:url(/images/mobile/curpagebg.png) left center repeat-x;border: 1px solid #2b60a8;color: #fff;}
#pages a:hover {color: #333;}
/*公共css基础类结束*/
/*弹出框加载框样式开始*/
.display_area{padding:20px 0px; line-height:40px; color:#0084cf; font-weight:bold}
.blockUI{width:320px; font-family:"微软雅黑"; font-size:13px;}
.blockMsg {margin-left:-160px!important; left:50%;border-radius:5px; border:#ccc 2px solid !important;background:#FFF}
.blockUI_top{ height:8px; position:relative}
#blockUI_close,#blockUI_close:hover{background:url(/images/mobile/close.png) no-repeat; width:26px; height:26px; position:absolute; top:-8px; right:-8px; cursor:pointer}
#blockUI_close:hover{ background-position:0px -25px}
.blockUI_bottom{height:8px;}
.display_area{}
#info_d_area{ position:relative; display:inline}
.load_area{background:url(/images/mobile/load.gif) no-repeat; height:32px; width:32px; position:absolute; top:-10px; left:-40px}
.updateok{font-size:16px}
/*弹出框加载框样式开始*/
.header{ width:100%; margin:0px auto; padding:0px;}
.table{ width:100%; overflow:hidden}
.log{width:100%; margin:0px auto;padding:0px;text-align:left;}
.log_l{max-width:40%; float:left; display:inline; }
.log_r{max-width:55%; float:right!important; text-align:right}
.log_r img{max-width:100%;}
.log_l img{margin: 0 auto;max-width:100%;-moz-max-width:100%; max-height:100%;}
.log_r{float:left; display:inline}
/*.log img{margin: 0 auto;max-width:100%;-moz-max-width:100%}*/
.menu{ width:100%; max-width:100%;background:#0161b8;}
.navlist{ margin:0px; padding:0px;width:100%; max-width:100%;}
.navlist li{ float:left; display:inline; width:25%;background:#0161b8;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;padding-right:1px;}
.navlist li a{ font-size:15px;display:block;background:#0a80d8;width:100%; text-align:center; color:#FFF; padding-top:1.3em; padding-bottom:1.3em; font-family:"微软雅黑"}
.navlist li a:hover{ color:#ffe400;}
.flash{ margin:0px auto; width:100%; padding:0px; padding-top:1px;}
.main{ width:100%; margin:0px auto; padding:0px;}
.dh{ height:34px; background:url(/images/mobile/dh.jpg) left center repeat-x; position:relative}
.dh span.more{ float:right; display:inline; padding-top:10px; padding-right:10px;}
.dh h2{ margin:0px; padding:0px; line-height:29px; font-size:12px; background:url(/images/mobile/dh_tt.png) left center no-repeat;  color:#FFF; height:29px; position:absolute; width:164px; left:0px; bottom:0px; text-align:center; }
.columntitle{float:left; width:164px;; line-height:33px;padding:0px; margin:0px; text-transform:uppercase}

.dhcon{ width:100%;}
.concatCon{font-size:13px; line-height:25px}
.dhyoushi h2{background:url(/images/mobile/dhyoushi.jpg) left center repeat-x; text-align:center; padding-left:0px; font-size:16px; font-family:"微软雅黑"; font-weight:normal;}
.dhcon dl::before {background: rgba(0, 0, 0, 0) url(/images/mobile/yssha.png) no-repeat scroll 0 0 / 100% auto;content: "";
 height: 4px;left: 0;position: absolute;top: 0;width: 100%;}
.dhcon dl {background: rgba(0, 0, 0, 0) url(/images/mobile/01.png) no-repeat scroll 0 20px / 44px 38px;left:0px;
overflow: hidden;padding: 19px 0px 0 0px;position: relative;top: 0;width:90%;font-family:"微软雅黑"; padding-left:10%;}
.dhcon dl:nth-child(2) {background: rgba(0, 0, 0, 0) url(/images/mobile/02.png) no-repeat scroll 0 20px / 44px 38px;}
.dhcon dl:nth-child(3) {background: rgba(0, 0, 0, 0) url(/images/mobile/03.png) no-repeat scroll 0 20px / 44px 38px;}
.dhcon dl dt {border-bottom: 1px dotted #b2b2b2;color: #2147a1;font-size: 13px;font-weight: bold;height: 22px;overflow: hidden;width:100%;}
.dhcon dl dd {padding: 5px 0 14px;}
.dhcon dl dd p {font-size: 12px;line-height: 20px;overflow: hidden; padding:0px 0px 0px 0px}
.dhcon dl dd p em {color: #ff8b00;font-style: normal;}
@media screen and (max-width:400px) { 
.dhcon dl  {width:85%;  padding-left:15%;}  
} 
@media screen and (max-width:300px) { 
.dhcon dl  {width:82%; height:18px;}  
} 
@media screen and (max-width:260px) { 
.dhcon dl {width:80%; height:20px;}  
} 

.newslist{ margin:0px; padding:0px; width:100%; max-width:100%; overflow:hidden;}
.newslist li{ background: url(/images/mobile/textlist.gif) no-repeat scroll left center rgba(0, 0, 0, 0);border-bottom: 1px dotted #999999;padding: 5px 0 5px 20px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden; width:100%;}
.newslist li a{ font-size:12px;}
.products{ margin:0px; padding:0px; width:100%;}
.products li{ width:33.333%; float:left; }
.products_thumb{padding:0px 5px; text-align:center;}
.products li img{ width:100%;border:#CCC solid 1px; }

@media screen and (max-width:400px) { 
.products li img {width:100%; height:auto;}  
} 
@media screen and (max-width:300px) { 
.products li img {width:100%; height:auto;}  
} 
@media screen and (max-width:260px) { 
.products li img {width:100%; height:auto;}  
} 
.products_text{padding:0px 5px; text-align:center;}
.products li p{ line-height:25px; font-size:12px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden; width:100%;}
.products li a{ font-size:12px;}
.dhconbox{ margin:0px; padding:5px 0px;}
.footer{ width:100%; margin:0px; padding:0px; margin-bottom:40px}


.Mobile {background: none repeat scroll 0 0 #f2f2f2;border-bottom: 1px solid #0f67af;height: 35px;line-height: 35px;text-align: center;}
.Mobile a{ font-size:14px;}
.banquan{ width:100%; text-align:center; line-height:20px; font-size:12px; padding:5px 0px; padding-bottom:20px;}
.banquan a{ font-size:12px;}
.banquan p{ line-height:25px; font-size:14px; text-align:center}
.title{ line-height:25px; text-align:center; width:100%; max-width:100%; font-size:14px; padding:5px 0px; font-weight:bold; 
word-break:break-all;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; border-bottom:#CCC dotted 1px}
.thumb{ width:100%; text-align:center;padding:10px 0px;}
.thumb img{width:100%; height:auto;}
.neirong{ padding:5px 5px; line-height:25px; font-size:12px; word-break:break-all;}
.neirong img{max-width:98%; height:auto}
.neirong table{max-width:98%; height:auto;table-layout:fixed;}
.neirong table td{word-break : break-all; overflow:hidden; }

.productslist{ margin:0px; padding:0px; width:100%;}
.productslist li{ width:33.333%; float:left;}
.products_thumb{padding:0px 5px; text-align:center;}
.productslist li img{ width:100%;border:#CCC solid 1px;}

@media screen and (max-width:400px) { 
.productslist li img {width:100%; height:auto;}  
} 
@media screen and (max-width:300px) { 
.productslist li img {width:100%; height:auto;}  
} 
@media screen and (max-width:260px) { 
.productslist li img {width:100%; height:auto;}  
} 

.products_text{padding:0px 5px; text-align:center;}
.productslist li p{ line-height:25px; font-size:12px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden; width:100%;}
.products li a{ font-size:12px;}
.chanpinbox{margin:0px; padding:5px 0px;}
.iw_poi_title{ font-size:12px;}
.iw_poi_content{ line-height:25px; font-size:12px;}
/*底部固定工具条*/
#tool {position:fixed;bottom:0;left:0;z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width:100%;}
ul.toollist { position:absolute; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px; margin:0PX; padding:0px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;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; box-shadow: none!important; background: none;}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li span {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li span img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}
.toollist li span p{margin: 1px 0 1px 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center; color:#FFF}
/*蓝色主题*/
.toollist_blue {
	border-top: 1px solid #0c86dc; background-color:#006bcd;
	background: linear-gradient(#006bcd, #0045aa) repeat scroll 0 0 #006bcd;	
	box-shadow: 0 1px 0 #9bc9ed inset;
	-moz-box-shadow: 0 1px 0 #9bc9ed inset;
	-webkit-box-shadow: 0 1px 0 #9bc9ed inset;
	-o-box-shadow: 0 1px 0 #9bc9ed inset;
}
.toollist_blue li{ border-right: 1px solid rgba(250, 250, 250, 0.4);}
.toollist_blue li a {color: #fff;}
/*==========@@公共板块 结束@@==========*/
.kouhao_s{ font-size:14px; height:25px; line-height:25px; padding-top:10px; font-family:"微软雅黑";}
.kouhao_s i{ color:#ff8b00}
.kouhao_z{font-size:14px;font-family:Microsoft Yahei;height:25px; line-height:25px;}
.kouhao_z i{ color:#ff8b00}
.kouhao_x p{color: #000;font-size: 15px;line-height: 26px;}
.kouhao_x p a {color: #ff8b00;font-family: Tahoma,Geneva,sans-serif;font-size: 25px;padding-left: 7px;}
@keyframes xshow2 {
0% {
    opacity: 0;
}
20% {
    opacity: 1;
}
40% {
    opacity: 0;
}
60% {
    opacity: 1;
}
80% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes xshow {
0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
50% {
    opacity: 0;
}
75% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.u-tel {
    background: rgba(0, 0, 0, 0) url(/images/mobile/telhome.png) no-repeat scroll 0 0 / 100% auto;
    display: block;
    float: left;
    height: 17px;
    left: 0;
    position: relative;
    top: 6px;
    width: 17px;
}
.u-tel .z-ln-1 {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow;
    animation-timing-function: linear; 
	border-top:#ff8b00 solid 1px;
	border-right:#ff8b00 solid 1px;
    border-radius: 0 35px 0 0;
    border-width: 1px 1px 0 0;
    display: inline-block;
    height: 7px;
    position: absolute;
    right: 0;
    top: -1px;
    width: 7px;
    z-index: 10;
}
.u-tel .z-ln-2 {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow2;
    animation-timing-function: linear;
	border-top:#ff8b00 solid 1px;
	border-right:#ff8b00 solid 1px;
    border-radius: 0 30px 0 0;
    border-width: 1px 1px 0 0;
    display: inline-block;
    height: 5px;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 5px;
    z-index: 10;
}
.u-tel .z-ln-3 {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: xshow;
    animation-timing-function: linear;
	border-top:#ff8b00 solid 1px;
	border-right:#ff8b00 solid 1px;
    border-radius: 0 35px 0 0;
    border-width: 1px 1px 0 0;
    display: inline-block;
    height: 3px;
    position: absolute;
    right: 4px;
    top: 3px;
    width: 3px;
    z-index: 10;
}
/*产品列表代码*/
.am-chanpin-list{background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin:0px 10px; margin-bottom:5px; padding-top: 15px; height:auto; zoom:1; overflow:auto; padding:0px;}
.am-chanpin-list li{border:#dfdfdf solid 1px;border-radius:5px;background:linear-gradient(#ffffff, #e4e4e4);margin:5px 10px; display:block }
.am-chanpin-list li a{color: #555; display:block; height:30px;  font-size:16px; text-align:left;line-height:30px; padding:0px 0px 0px 30px;background:url(/images/mobile/catalist.png) 10px center no-repeat;}
/*==========@@分享代码开始@@==========*/
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin:0px 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top:5px; width: 100%; }

.am-share-footer { margin: 5px 10px;}
.am-share-footer .share_btn {border:#dfdfdf solid 1px;border-radius:5px;color: #555; font-weight:400; background-color: #f8f8f8; width:100%;
 line-height:25px; font-size:16px; padding:5px 0px}

.am-share-sns {background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto;}

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }

.am-share-sns a { color: #555; display:block; height:30px;  font-size:16px; text-align:left;line-height:30px; padding:0px 0px 0px 30px;background:url(/images/mobile/catalist.png) 10px center no-repeat;}
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }



.xgnewsbox{margin:10px 0px; border-bottom:#CCC dotted 1px; border-right:#CCC dotted 1px;}
.xgnewlist{ line-height:30px; clear:both; height:30px; border-top:#CCC dotted 1px;}
.xgnewlist span{ margin:3px 10px 0px 0px; width:60px; display:block; float:left; display:inline;text-align:left; padding-left:5px; border-left:#CCC dotted 1px; border-right:#CCC dotted 1px;}
.xgnewlist i.sxxg{ display:block; float:left; width:70%;}
.sxxg a{ display:block; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:30px;}


#map-canvas{ width:100%; padding:0px 0px 10px 0px}
#map-canvas img{ min-width:100%;}


.chanpinbooklist{ margin:0px; padding:0px 10px 0px 10px; font-size:14px; line-height:30px;}
.chanpinbooklist_l{display:block; line-height:30px;}
.chanpinbooklist_r{display:block}
.chanpinbooklist_r i{ color:#F00}
.chanpinbooklist_r label{ margin:0px 5px; font-size:14px;color: #999;}
.chanpinbooklist_r label input{ margin:0px; padding:0px; margin-right:10px;}
.kefu_l{ width:145px; float:left; display:inline;}
.kefu_r{ width:340px; float:left; display:inline; margin-left:10px;}
.ddwenben{border: 1px solid #ccc;height: 30px;max-width:100%;width:300px;color:#333; border-radius:5px;background:linear-gradient(#ffffff, #f2f2f2);}
.ddwenben2{border: 1px solid #ccc;height: 30px;max-width:100%;width:300px;color:#333; background:#efefef;border-radius:5px;background:linear-gradient(#ffffff, #f2f2f2);}
.emailinfo{ line-height:25px;color:#8d8d8d; font-size:11px;}
.kefutypelist{border: 1px solid #ccc;height:30px; margin:0px; padding:0px; width:100%; color:#009fdd;line-height:25px; }
.kefutypelist2{border: 1px solid #ccc;height:25px; margin:0px; padding:0px; width:100%; color:#009fdd;line-height:25px;background:#efefef;}
.question{border: 1px solid #ccc;height:105px;padding:0px 5px;overflow:hidden;border-radius:5px;background:linear-gradient(#ffffff, #f2f2f2);}
.ddsubmit{background:#0075c2;border:none;color: #fff;height:35px;width:100px; font-size:18px; margin:0px; padding:0px;border-radius:5px;}
.yanzheng input{border: 1px solid #ccc;height: 25px;color:#333; border-radius:5px; margin-bottom:10px;}
.yanzheng img{ height:27px; width:80px;}

.bookcon{ border:#CCC dashed 1px; margin:10px 0px 0px 0px;padding:10px 0px 5px 0px; 
background:url(/images/mobile/book.png) 360px -5px no-repeat;background-color:#fefefe;}
.bookcon_tt{font-size:16px; padding:15px 0px 15px 0px;}


/*==========@@产品展示分享代码开始@@==========*/
.showdh1,.showdh2,.showdh3,.aboutus1{ height:30px; background:#f2f2f2; line-height:30px; padding-left:10px; font-weight:bold; font-size:14px;}
.showdh1 .xia,.showdh2 .xia,.showdh3 .xia,.aboutus1 .xia{ float:right; display:inline; height:30px; background:url(/images/mobile/heisanjiao.png) left center no-repeat; margin-right:10px; width:18px;}
.showdh1 .shang,.showdh2 .shang,.showdh3 .shang,.aboutus1 .shang{ float:right; display:inline; height:30px; background:url(/images/mobile/baisanjiao.png) left center no-repeat; margin-right:10px; width:18px;}
.showdh1cur,.showdh2cur,.showdh3cur{ background:#0f67af; color:#FFF}
.showrong1,.showrong2,.showrong3{ border:#CCC solid 1px; padding:10px; display:none;line-height:200%; word-break:break-all; border-top:none}
.showrong1cur,.showrong2cur,.showrong3cur{ border:#0f67af solid 1px; display:block; line-height:200%; word-break:break-all;border-top:none}
.showaboutus1{ border:#CCC solid 1px; padding:10px;line-height:200%; word-break:break-all;}
/*==========@@产品展示分享代码开始@@==========*/