@charset "utf-8";
html{ font-size:62.5%;}
body{ padding:0px; margin:0px auto; font-size:1.6em; font-family: Microsoft YaHei,arial,'宋体'; color:#666666; min-width:320px; max-width:640px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none; /*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;  /*设置字体的抗锯齿或者说光滑度*/
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px; list-style:none;}
.ul,.ul li{ list-style: none; margin: 0;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.container{ overflow:hidden; width:100%; margin:0 auto; max-width:1002px; padding:0px; position:relative;}
.auto{width:100%; margin:0px auto;}

/*pages*/
.Pages{zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:26px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#1D2089;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_total{ vertical-align:middle;display:none;}
.Pages .p_count b{ color:#1D2089;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#1D2089;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_jump em{ font-style:normal; font-family:Arial;}
.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}
.Pages .p_jump em a.a_cur{ background:#D4D4D4;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:43px; height:34px; line-height:34px; text-indent:1em; border:0px; background:url(../m_images/pagebg.gif) 0px -102px no-repeat;}
.Pages .i_button { position:relative; top:0px; width:41px; height:34px; cursor:pointer; border:none; background:url(../m_images/pagebg.gif) 0px -136px no-repeat; vertical-align:middle;}
.Pages .p_jump .f1{ padding-right:3px;}
.Pages .p_jump .f2{ padding:0 3px;}
.Pages .p_cur{ display:none;}
.Pages .p_count{ display:none;}
.Pages .p_jump { display:none;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first{ border:1px solid #f7f7f7; background:#f7f7f7; display:inline-block; padding:0px 7px; color:#555555; vertical-align:middle;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover{ background:#00a040; color:#fff;}
.Pages .p_page a.a_end{ display:none;}
.Pages .p_page .num {color:#cead6c;}
.Pages .p_page .num a{ border:1px solid #dddddd; display:inline-block; padding:0px 6px; height:26px; text-align:center; color:#cccccc; vertical-align:middle; background:#f7f7f7;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#00a040; color:#fff;}

/*pages end*/

/*Top*/
.header {position:relative; padding:1px 15px; background:#fff;}
.header .logo{ width:43.5%; float:left;}
.columnname{ color:#999999; font-size:1.5em; right:65px; position:absolute; top:50%; line-height:20%;}
/*Top*/

/*Bottom*/
.TelBottom{ text-align:center; background:#0369b3; color:#fff; font-size:2.25em; padding:3.6% 0;}
.TelBottom span{ width:7%; display:inline-block; vertical-align:middle; margin-right:13px;}
.Bottom{ font-size:1.125em; background:#eaeaea; padding:3% 0; text-align:center;}

/*Bottom*/

/*Banner*/
.banner{ position:relative; overflow:hidden; margin:0px auto;  max-width:640px;/* 设置焦点图最大宽度 */}
.banner .hd{ display:block; position:absolute; height:13px; bottom:17px; width:100%; text-align:center; z-index:1;}
.banner .hd li{ text-indent:-999; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; text-indent:-9999px; overflow:hidden; margin:0 2%; background:#8f8f8f; border-radius:50%;}
.banner .hd li.on{ background:#fff;}

/*Banner*/

/*index*/
.OtherNav{ margin:4.5% 3.1% 4.5% 3.1%;}
.OtherNav li{ float:left; width:33.333333%;}
.OtherNav li div{padding:0 3px 7px 4px;}
.OtherNav li img{ display:block;}
.OtherNav li.frist{ width:66.666666%;}

.HomeTitle{ text-align:center; border-bottom:2px solid #c5c5c5;}
.HomeTitle span{ display:inline-block; line-height:2.2em; margin-bottom:-2px; border-bottom:2px solid #0369b3; color:#0369b3; font-size:2.25em;}

.NewsCon{ background:#eaeaea; padding-top:19px;}
.NewsCon li{ padding:15px;  border-bottom:1px solid #c5c5c5; line-height:1.9em; color:#666666;}
.NewsCon li .Tit{ line-height:2em; font-size:1.5em;}
.NewsCon li .Tit a{ display:block; width:88%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.NewsCon li p{ font-size:1.125em;}
.NewsCon li p.time{ color:#999999; line-height:2.5em;}
.NewsCon .More{ text-align:center; line-height:4em;}
.NewsCon .More a{ color:#666666; font-size:1.125em;}

.ServiceCon{ margin:4% 0;}
.ServiceCon .HomeTitle{ margin-bottom:4%;}
.ServiceCon li{ float:left; padding:2%; width:25%; text-align:center;}
.ServiceCon li .img{ border:1px solid #dddddd; padding:14px 0px;}
.ServiceCon li .img img{ display:block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(50%);filter: grayscale(100%);filter: gray;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5;}
.ServiceCon li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

/*index*/

/*栏目页*/
.subpage{ height:auto !important; height:400px; min-height:400px;}
.subname{ text-align:center; background:#0369b3; color:#fff; font-size:1.85em; padding:3% 0; position:relative;}
.subname span{ position:absolute; right:15px; top:50%; margin-top:-10px; width:8%;}
.subname .leftarr{ position:absolute; right:auto; left:15px; top:50%; margin-top:-15px; width:5%;}

.subline{ border-top: 5px solid #0369b3;}

.SinglePage{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; padding:25px 24px 30px 24px; line-height:1.5em; color:#666666; font-size:1.5em;}

.PicList{ margin:5% 24px 2%;}
.PicList ul{ margin-left:-3%;}
.PicList li{ float:left; width:47%; margin:0px 0px 4% 3%; text-align:center; font-size:1.125em;}
.PicList .box{border:1px solid #cccccc; padding:4%;}
.PicList .box img{ display:block; margin:0px auto 10px;}
.PicList .box2{ height:263px; border:1px solid #cccccc;}
.PicList .box2 img{ display:block; margin:0px auto 10px;}
.PicList li a{ color:#666;}
.PicList li span{ display:block; margin:0 4%;}
.PicList .box span{ width:88%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}

.Bodybg{ background:#eeeeee;}

.NewsList{ padding:5% 24px 2%;}
.NewsList li{ background:#fff; padding:3%; margin-bottom:4%;}
.NewsList li .Tit{ font-size:1.5em;}
.NewsList li time{ font-size:1.125em; color:#999999; margin-top:2%; display:block;}

.TitleInfo{ font-size:2.25em; line-height:1.2em; color:#333333; padding:0px 24px; margin-top:5%;}
.dateinfo{ color:#999999; font-size:1.125em; padding:5% 24px 2% 24px;}

.CaseList{ background:#eeeeee; padding:5% 24px 2%;}
.CaseList li{ background:#fff; margin-bottom:4%; font-size:1.5em; background:#fff url(../m_images/arr1.gif) right center no-repeat;}
.CaseList li a{ display:block; padding:4% 3.5%;}

.CaseList2{ margin:5% 24px 2%;}
.CaseList2 ul{ margin-left:-3%;}
.CaseList2 li{ float:left; width:47%; margin:0px 0px 4% 3%; text-align:center; font-size:1.125em;}
.CaseList2 .box{border:2px solid #dbdbdb;}
.CaseList2 .box img{ display:block;}

.FaqList { margin:2% 0 5% 0;}
.FaqList li{ padding:2% 24px 2% 24px; border-bottom:1px solid #eeeeee; line-height:1.8em;}
.FaqList li .Tit{ cursor:pointer; font-size:1.5em; color:#333333; padding:4% 15% 4% 0; position:relative;}
.FaqList li .Tit span{ display:block; width:33px; height:21px; position:absolute; right:0px; top:28%; background:url(../m_images/arrdown.gif) 0px center no-repeat;}
.FaqList li .Con{ font-size:1.125em; color:#999999; display:none;}
.FaqList li.on .Con{ display:block;}
.FaqList li.on .Tit span{background:url(../m_images/arrup.gif) 0px center no-repeat;}

.Message { margin-bottom:8%;}
.Message li{ margin:5% 24px 0 24px;}
.Message li .input{ border:0px; background:#fff; border-radius:8px; font-size:1.5em; text-indent:1em; padding:4%; width:100%;}
.Message li .input2{ border:0px; background:#fff; border-radius:8px; font-size:1.5em; text-indent:1em; padding:4%; width:100%;}
.Message li .btn{ border:0px; background:#0369b3; color:#fff; border-radius:8px; font-size:1.5em; padding:4% 0; width:100%;}

.Solution{ margin:5% 24px 2% 24px;}
.Solution li{ background:#fff; text-align:center; font-size:1.5em; margin-bottom:5%;}
.Solution li .Tit{ padding:5%;}
.Solution li img{ width:100%; display:block; margin:0px auto;}

.Solution2{ margin:5% 24px 2%;}
.Solution2 ul{ margin-left:-4%;}
.Solution2 li{ float:left; width:44%; margin:0px 0px 4% 6%; text-align:center; font-size:1.5em; background:#fff;}
.Solution2 .box{ padding-bottom:6%;}
.Solution2 .box img{ display:block; margin-bottom:6%;}
.Solution2 .box span{ display:block; width:88%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; margin:0px auto;}


/*栏目页*/


/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


@media screen and (min-width:320px) and (max-width:640px){
  body{ font-size:1.2em;}
}
@media screen and (max-width:640px){
.PicList .box2{ height:auto; padding-bottom:5%;}
.PicList li span{ width:88%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
}